/*///////////////////////////
	PARAMETRES GENERAUX
//////////////////////////*/

body{ 
    background-color: #222222; 
    font-family:Arial, Geneva, sans-serif; 
    font-size:11px; 
    color:white; 
} 
 
div#page { 
    width:1024px; 
    margin: 0 auto; 
}

p{
color:white;
}

a{
outline-width: 0px;
}

.clear{
	clear:both;
}

.centre{
	text-align:center;
}

label.commande{
	color:white;
	padding-left:0px;
	font-size:20px;
}

#adsensetop{
	height:90px;
	width:728px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#adsensefoot{
	height:90px;
	width:728px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.bouton{
	font-family:arial,Sans-Serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
	
/*///////////////////////////
		LE HEADER
//////////////////////////*/
	
#top{
	height:126px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background:url(design/bandeau.png) no-repeat top center;
	list-style:none;
	padding:0;
}

#logo{
	float:left;
}


#boutons{
	float:right;
	margin-right:20px;
}

#bloclogo{
	float:left;
	margin:0 0 0 2px;
	width:240px;
	height:127px;
}

#bloclogo a.logo{
	background:url(design/logo.png) no-repeat;
	width:240px;
	height:127px;
	display:block;
}

@font-face {
	font-family:'myriad';
	src: url('fonts/myriad.eot');
	src: local('Myriad Pro Light'), local('myriad'),
		url('fonts/myriad.otf') format('opentype');
}
 
 
#slogan{
	float:left;
	margin: 57px 30px 0 21px;
	font-family: myriad;
	font-size:21px;
	color:#25B2F8;
}


#menu{
	height:126px;
	margin:0 auto;
}

#menu ul li{
	list-style:none;
	float:left;
	padding-top:37px;
	padding-right:25px;
}

#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
}

/* #menu ul li a.home:hover{
	width:48px;
	height:3px;
}

#menu ul li a.forum:hover{
}

#menu ul li a.download:hover{
}

#menu ul li a.commande:hover{
} */
	
/*///////////////////////////
		LA BANNIERE
//////////////////////////*/
	
#banniere.bannierehome{
	height:199px;
	width:1024px;
	background:url(design/bannierehome.png) no-repeat center;
	padding:0;
	margin:auto;
}

#banniere.bannieredownload{
	height:199px;
	width:1024px;
	background:url(design/bannieredownload.png) no-repeat center;
	padding:0;
	margin:auto;
}

#banniere.bannierestaff{
	height:199px;
	width:1024px;
	background:url(design/bannierestaff.png) no-repeat center;
	padding:0;
	margin:auto;
}

#banniere.bannierepartenaires{
	height:199px;
	width:1024px;
	background:url(design/bannierepartenaires.png) no-repeat center;
	padding:0;
	margin:auto;
}

	
	
/*///////////////////////////
		LE CORPS
//////////////////////////*/


#contenu{ 
	background-color:#151515;
	margin:auto;
	width:1020px;
	overflow:hidden;
	border-left-style:solid;
	border-left-color:#919191;
	border-left-width:2px;
	border-right-style:solid;
	border-right-color:#919191;
	border-right-width:2px;
} 

#contenu2{
	background-color:#151515;
	border-left:2px solid #919191;
	border-right:2px solid #919191;
	margin:auto;
	width:1020px;
	padding-bottom:50px;
	overflow:hidden;
}

#contenugauche{ 
	background-color:#151515;
    width:670px;
	min-height:1478px;	
    padding:15px 30px 30px 30px; 
    float:left; 
	border-right-style:solid;
	border-right-color:#919191;
	border-right-width:2px;
}

.titrenews{
	margin:0
}

#contenugauche h1 a{
	font-size:35px;
	margin:0;
	font-style:bold;
	color:#25B2F8;
	text-decoration:none;
}

#contenugauche h1 a:hover{
	font-size:35px;
	margin:0;
	font-style:bold;
	color:#25B2F8;
	text-decoration:none;
}

#contenugauche p{
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
}

#contenugauche a{
	color:#FFFFFF;
	font-style:bold;	
}

#contenudroite{ 
	background-color:#151515;
    width:288px; 
    float:left;
	padding-bottom:23px;
} 

#contenudroite p{ 
	background-color:#151515;
	margin:15px 0 0 24px;
	text-align:justify;
	width:239px;
	color:#878787; 
}

#contenudroite a{ 
	margin:15px 0 0 24px;
	color:#878787; 
}

#commentright input{ 
	padding-bottom:2px;
}

.focusField{  
	border:solid 2px #25B2F8;
	background:#383434;  
	color:#fff;  
}

.idleField{  
	background:#222222;  
	color: #b3b3b3;  
	border: solid 2px #383434;  
}

#sendcomment{
	margin-top:50px;
}

#commentleft{
	float:left;
}

.textfieldcom{
	padding-bottom:10px;
}

#commentright{
	float:left;
	margin-left:30px;
}

#commentright input{
	margin-bottom:15px;
}

.error-message{
	color:red;
	display:none;
}

#commentbutton {
	margin-top:5px;
}

#blank{
	background-color:#151515;
	height:30px;
}

#vousetesici{
	padding:8px 0 16px 0;
	margin-left:40px;
}

#contenu2 a img{
	display:block;
	text-decoration:none;
	outline:none;
	border:none;
	float:left;
	margin:20px 20px 0 0;
}

#listeproductions{
	height:100%;
	margin-left:93px;
}

#listestaff{
	height:100%;
	margin-left:80px;
	margin-right:80px;
}

.cadreproduction{
	background-color:#1F1F1F;
	border-style:solid;
	border-width:1px;
	border-color:#111111;
	width:800px;
	height:260px;
	margin:0 0 23px 0;
	padding-right:23px;
}

.cadreproduction img{
	padding:20px 0 0 20px;
	float:left;
}


.infosvideo{
	width:433px;
	height:260px;
	float:left;
}

.infosvideo h2{
	color:#25B2F8;
	margin:16px 0 0 45px;
}

.infosvideo p{
	font-size:14px;
	text-align:justify;
	margin:-9px 0 -10px 46px;
}

.infosvideo a{
	font-size:14px;
	text-align:justify;
	color:white;
}

#listeteam {
width:510px;
float:left;
}

#listefriends {
width:510px;
float:left;
}

.categoriestaff {
font-size:70px;
font-family:old;
text-align:center;
margin-bottom:20px;
margin-top:20px;
}

.cadrestaff{
	background-color:#1F1F1F;
	border-style:solid;
	border-width:1px;
	border-color:#111111;
	width:400px;
	height:260px;
	margin:auto;
	margin-bottom:30px;
	padding-right:23px;
}

.cadrestaff img{
	padding:20px 0 0 20px;
	float:left;
}


.infosstaff{
	width:220px;
	height:260px;
	float:left;
	margin-top:0px;
}

.infosstaff h2{
	color:#25B2F8;
	margin:16px 0 0 45px;
	font-size:17px;
}

.infosstaff p{
	font-size:14px;
	margin:-9px 0 -10px 46px;
}

.infosstaff a{
	font-size:14px;
	text-align:justify;
	color:white;
}
 
 @font-face {
font-family:'old';
src: url('fonts/old.eot');
src: local('OldSansBlack'), local('old'),
url('fonts/old.ttf') format('truetype');
}
 
 
#sectionnews{
	font-family:old;
	font-size:33px;
	color:#FFFFFF;
}

.news{
	padding:10px;
}

#sectionproduction{
	font-size:33px;
	font-family:old;
	float:left;
	margin-left:30px;
	padding:0;
}

.video{
	font-family:old;
	font-size:23px;
	float:left;
	padding:9px 0 0 0;
}

#separationsection{
	background-color:#5B5B5B;
	width:250px;
	height:1px;
	margin:0 0 20px 0;
}

#lastchoses p{ 
	background-color:#151515;
	margin:15px 0 0 24px;
	text-align:justify;
	width:239px;
	color:#878787;
	font-style:italic;
}

#contenudroite h2{ 
	font-size:14px;
	background-color:#151515;
	margin:15px 0 0 24px;
	text-align:justify;
	width:239px;
	color:#878787;
} 

#pagination a{
	color:white;
}

.sidebar{
	color:#B3B3B3;
	font-size:18px;
	font-weight:bold;
	margin:24px 0 0 24px;
}

.ts{
	margin-left:23px;
}

.separation{
	background-color:#5B5B5B;
	width:288px;
	height:1px;
	margin:20px 0 20px 0;
}

#contenustaff{
	background:url(design/fond3.png) no-repeat;
	margin: auto;
	width:1024px;
	height:688px;
	overflow:hidden;
}

#cadrestaff{
	margin:115px 0 0 100px;
	width:800px;
	height:460px;
	background:url(design/cadrestaff.png) no-repeat;
	padding:auto;
}

#cadrestaff table{
	padding:20px 50px 0 50px;
}

#cadrestaff td{
	color:white;
	text-align:justify;
	padding:0px 50px 15px 5px;
}

#cadrestaff h1{
	font-family:Arial;
	color:#25B2F8;
}

#cadrestaff h1.titrecadre{
	font-size: 30px;
	font-family:Arial;
	color:#ffffff;
	margin-top:50px;
}

#conteneurpartenaires{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:106px;
}

#cadrestaff p.partenaire{
	padding-left: 30px;
	padding-right: 30px;
	color: #ffffff;
}

#cadrestaff p.commande{
	padding-left: 30px;
	padding-right: 30px;
	color: #ffffff;
}

#cadrestaff a{
	color:#ffffff;
}

#cadredownload {
	margin:100px 0 0 100px;
	width:822px;
	height:488px;
	background:url(design/cadredownload.png) no-repeat;
	padding:auto;
}


/*///////////////////////////
		LE FOOTER
//////////////////////////*/

#footer{
	background:url(design/footer.png) no-repeat;
	height:43px;
	width:100%;
	margin:0;
	list-style:none;
}


#menufooter{
	float:left;
	height:43px;
	width:445px;
}

#menufooter ul{
	height:16px;
	margin-top:9px;
}

#menufooter ul li{
	float:left;
	list-style:none;
	padding-right:50px;
}

#menufooter ul li a{
	text-decoration:none;
	display:block;
	color:#FFFFFF;
}

#copyright{
	float:right;
	margin:15px;
	color:white;
}


/*///////////////////////////
		jScrollPane
//////////////////////////*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 10px;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.scroll-pane{
			width: 820px;
			height: 370px;
			overflow: auto;
		}	
.scroll-pane2{
			width: 800px;
			height: 445px;
			overflow: auto;
		}
.ui-tabs-hide {
			position: absolute;
			display: block;
		}

	
/*///////////////////////////
		TINYBOX
//////////////////////////*/

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(design/preload.gif) no-repeat 50% 50%; border:1px solid #ffffff; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#222222; padding:20px;}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}


/*///////////////////////////
		UI TABS
//////////////////////////*/

#tab-select {
	margin:-4px 0 0 0;
}

#conteneurtab{
	margin:80px 0 70px 0;
	width:822px;
	height:429px;
}

#conteneurtab p{
	font-size: 15px;
	color:white;
	text-align:justify;
	padding:0px 70px 10px 70px;
}

#conteneurtab a{
	color:white;
}

#conteneurtab h1{
	color:white;
	padding:0 0 20px 0;
}

#conteneurtab img{
	border:0;
	padding: 20px 20px 0 0;
}

#tab-select  a{
	float:left;
	border:0;
}

#tab-select  img{
	border:0;
}

#tab-select a.taba-1:link{
	margin:0 0 0 0;
	background:url(design/downloadpresentationlink.jpg) no-repeat;
	width:271px;
	height:53px;
}
#tab-select a.taba-1:hover{
	margin:0 0 0 0;
	background:url(design/downloadpresentationhover.jpg) no-repeat;
	width:271px;
	height:53px;
}
#tab-select a.taba-1:visited{
	margin:0 0 0 0;
	background:url(design/downloadpresentationactive.jpg) no-repeat;
	width:271px;
	height:53px;
}

#tab-select a.taba-2:link{
	margin:0 1px 0 1px;
	background:url(design/downloadvideoslink.jpg) no-repeat;
	width:274px;
	height:53px;
}
#tab-select a.taba-2:hover{
	margin:0 1px 0 1px;
	background:url(design/downloadvideoshover.jpg) no-repeat;
	width:274px;
	height:53px;
}
#tab-select a.taba-2:visited{
	margin:0 1px 0 1px;
	background:url(design/downloadvideosactive.jpg) no-repeat;
	width:274px;
	height:53px;
}

#tab-select a.taba-3:link{
	margin:0 0 0 0px;
	margin:0 0 0 0px;
	background:url(design/downloadmapslink.jpg) no-repeat;
	width:271px;
	height:53px;
}
#tab-select a.taba-3:hover{
	margin:0 0 0 0;
	background:url(design/downloadmapshover.jpg) no-repeat;
	width:271px;
	height:53px;
}
#tab-select a.taba-3:visited{
	margin:0 0 0 0;
	background:url(design/downloadmapsactive.jpg) no-repeat;
	width:271px;
	height:53px;
}


.ui-tabs { padding: 4px 0 0 0px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: absolute; padding: 0.2em 0.2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .0em 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0em 0em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0em 0em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*///////////////////////////
		TOOLTIP
//////////////////////////*/


#tooltip{
	position:absolute;
	z-index: 3000;
	font-size:24px;
	border: 1px solid #ffffff;
	background-color: #222222;
	padding: 5px;
	opacity: 0.85;
	color:white;
	}
	
#tooltip h3, #tooltip div { margin: 0; }

/*///////////////////////////
		PAGINATION
//////////////////////////*/

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#222222;
border:2px solid #6F6F6F;
color:#FFFFFF;
margin:2px;
padding:.2em .4em;
text-decoration:none;
}

.pagination a:hover {
background:#CFCFCF;
border:2px solid #6F6F6F;
color:#FFFFFF;
}

.pagination span.inactive {
background:#222222;
border:2px solid #6F6F6F;
color:#7B7B7B;
margin:2px;
padding:.2em .4em;
}

.pagination span.active {
background:#919191;
border:2px solid #6F6F6F;
color:#FFFFFF;
font-weight:bold;
margin:2px;
padding:.2em .4em;
}