/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	margin: 0px;
	padding: 0px;
	text-align:center;
}

body#div{
	margin: 0px;
	padding: 0px;
	}
body#main{
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*background: orange;*/
	
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, p1, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0px; margin:0px; padding:0px;}

h1{
	color: #000;
	font:18px Arial;
	border:0px; 
	margin:50px 0px 0px 0px; 
	padding:0px;
	text-align:left;
}
h2{
	font:30px Verdana;
	font-weight: bold;
	border:0px; 
	margin:20px 0px 20px 0px; 
	padding:20px 0px 20px 0px; 
	text-transform: uppercase;
	text-decoration:none;	
}
h3{
	font:18px Verdana;
	font-weight: normal;
	border:0px; 
	margin:50px 0px 20px 0px; 
	padding:20px 0px 0px 0px; 
	text-transform: uppercase;
	text-decoration:none;	
}
#newstextes{
float:left;
	font:13px Verdana;
	font-weight: normal;
	text-transform: uppercase;
	color: #7f8936;
	text-align: left;
	padding: 10px 0px 10px 0px;
	/*background-color:red;*/
	width:505px;
}
#newstextes a, #newstextes a:link, #newstextes a:visited {color: #7f8936; text-decoration: none;  text-align: left; }
#newstextes a:hover, #newstextes a:visited:hover{
	color:#7f8936; text-decoration:underline;
}
#new{
display:block;
width:505px;
/*background-color:blue;*/
}
#NewsBtn{
	float:left;
	padding:0px 0px 10px 0px;
	margin: 17px 0px 0px 0px;
	text-align:left;
	width:500px;
	/*background:pink;*/	
}
#NewsBtn a, #NewsBtn a:link, #NewsBtn a:visited {color: #7f8936; text-decoration: none;  text-align: left; }
#NewsBtn a:hover, #NewsBtn a:visited:hover{
	color:#7f8936; text-decoration:underline;
}
#NextBackBtn{
font-size:12px;
width:250px;
float:left;
/*background-color:red;*/
display:block;
}
/*h1.textkaki{
	color: #000;
	font:50px Arial;
	border:0px; 
	margin:50px 0px 0px 0px; 
	padding:0px;
	text-align:left;
}*/
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	width: 924px;
	margin: 0px auto;
	/*background: lime;*/
}
#conteneur #milieu{
	position:relative;
	/*background: red;*/
	width: 924px;
	
	
}
#haut{
	padding: 0px;
	margin: 0px;
	/*background: blue;*/
	width: 924px;
	height: 91px;
}
#contenu{
	/*background: yellow;*/
	float: left;
	width: 507px;	

}
#logo {
	float: left;
	width:805px;
	height:88px;
	display: block;
	/*background-color:orange;*/
}
#logoIMG {
	float: left;
	width:141px;
	height:46px;
	display: block;
	margin:22px 431px 0px 0px;
}

#agenceContainer{
	float:left;
	width:458px;
	/*height:160px;*/
	display:block;
	margin:30px 0px 80px 0px;
	/*background-color:orange;*/
}
#agenceIMG{
	float:left;
	display:block;
	width:120px;
	height:80px;
	text-align:center;
	margin:0px 10px 0px 10px;
}
.agenceStaffIMG{
	float:left;
	display:block;
	width:120px;
	/*height:80px;*/
	text-align:center;
	margin:0px 10px 0px 10px;
}
.secondRow{margin-top:15px;}

.agenceStaffIMG a img{opacity:0.6;filter:alpha(opacity=60)}
.agenceStaffIMG a:hover img{opacity:1.0;filter:alpha(opacity=100)}

#conteneurjoueurs{
	margin:0px;
	padding:5px;
	float:right;
	display:block;
	width:75px;
}

#conteneurjoueurs a img{opacity:0.6;filter:alpha(opacity=60)}
#conteneurjoueurs a:hover img{opacity:1.0;filter:alpha(opacity=100)}
.staffActif{opacity:1.0;filter:alpha(opacity=100)}

#testthumb{
	height:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	width:500px;
	/*background-color:lime;*/
	text-align:center;
}
#escalier{
	float:right;
	display:block;
	width: 350px;
	height: 173px;
	/*background-color:blue;*/
}
#escaliermerci{
	float:right;
	display:block;
	bottom: 0px;
	right: 0px;
	width: 350px;
	height: 374px;
	/*background-color:blue;*/
}
#escalier2{
	float:right;
	display:block;
	bottom: 0px;
	right: 0px;
	width: 417px;
	height: 325px;
	/*background-color:blue;*/
}
#photoContainer,#photoContainer2{float:left;margin-right:10px;margin-top:10px;background-color: #0d0d0d;}
#photoContainer img,#photoContainer2 img{border:none;margin:4px;cursor: pointer;}
/* MENU
--------------------------------------------------------------------------------------- */
#menuImgTalents{
	float:right;
	width:230px;
	/*background: lime;*/ 
	height:46px;
}
#menuHaut{
	float:left;
	width:230px;
	height:40px;
	display:block;
	margin:42px 0px 0px 0px;
	/*background-color:red;¸*/
}
#menuHaut ul{padding:0px; margin:0px;}
#menuHaut ul li{width:76px; padding:0px; margin:19px 0px 0px 0px; display:block; list-style-type:none; float:left;}
#menuHaut ul li a, #menuHaut ul li a:link, #menuHaut ul li a:visited{
	color: #000;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding: 0px;
	margin:0px;
	text-decoration: none; 	
}
#menuHaut ul li a:hover, #menuHaut ul li a:visited:hover{color:#827d80;}
#menuHaut ul li a.actif, #menuHaut ul li a.actif:visited{color:#827d80;}

#valeurMenu{
    float:left;
	margin:0px;
	text-align:center;
	width: 505px;
	text-transform: uppercase;
}
#valeurMenu ul li{padding:0px 5px 0px 5px; margin:0px; display:inline; list-style-type:none;}
#valeurMenu ul li a, #valeurMenu ul li a:link, #valeurMenu ul li a:visited{
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding:0px;
	margin:0px;
	text-decoration: none; 	
}
#expertiseMenu{
    float:left;
	text-align:center;
	width: 560px;
	text-transform: uppercase;
}

#expertiseMenu ul{/*width: 145px;*/ margin:10px; float:left;}
#expertiseMenu ul li{ margin:5px 3px;list-style-type:none; display:inline; float:left; width: 135px;}
#expertiseMenu ul li a, #expertiseMenu ul li a:link, #expertiseMenu ul li a:visited{
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding:0px;
	margin:0px;
	text-decoration: none; 
	
}

#menu{
 	font-family:Verdana;
	font-size: 9px;
	font-weight: bold;
	line-height: 17px;
	float:left;
	width:351px; 
	padding:0px 0px 0px 0px; 
	margin:3px 0px 0px 65px; 
	text-align:left; 
	background-image: url(Gx/m/menuColors.jpg);
	background-repeat: no-repeat;
	/*background-color:pink;*/
	height:305px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#c92629;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#c92629;}
#menu ul{margin: 110px 18px 0px 20px; }
#menu ul li{margin:0px;list-style-type:none;padding:5px 0px 5px 0px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{

	text-decoration: none;
}
#menu ul li ul{
	font-weight: normal;
	margin: 0px;
	padding-left: 15px;
	/*display: none;*/
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{color:#c92629;}
#menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{color:#c92629;font-weight: bold;}
#menu ul li ul li{

	margin:-5px 0px -12px 0px;
	font-weight: normal;
	/*display: none;*/
}
#plandusite{
	list-style-type:square;
	font-family:Verdana;
	font-size: 12px;
	text-align:left;
	margin:0px;
	list-style-type:none; 
}
#plandusite ul{padding:5px 0px 5px 0px; margin:5px 0px 5px 20px;list-style-type:square;}
#plandusite ul li{padding:5px 0px 5px 0px; margin:5px 0px 5px 20px;}
#plandusite ul li a, #plandusite ul li a:link, #plandusite ul li a:visited{
	font-size: 10px;
	color: #000;
	font-weight: bold;
	padding: 0px;
	margin:0px;
	
}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-family:Verdana;font-size: 16px; line-height: 130%; color: black; font-weight:bold;}

p.adresse strong{font-family:Verdana;font-size: 12px; line-height: 130%; color: black; font-weight:bold;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
p strong{font-family:Verdana;font-size: 16px; line-height: 130%; color: #d89c37; font-weight:bold;}
/*ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}
*/
.textePetit{font-family:Verdana;padding:5px 0px 0px 0px;font-weight:normal;font-style:italic;font-size:9px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}
.textePetitCap{padding:5px 0px 0px 0px;font-size:9px; color:#1F1F1F; text-transform: uppercase; font-weight:bold;}

.textKaki{
	font-weight:normal;
	color:#7f8936;
}
.textred{
	font-weight:normal;
	color:#ad292f;
}
.textorange{
	font-weight:normal;
	color:#d89c37;
}
p.large{text-transform: uppercase;text-align:left; padding:40px 0px 0px 0px;font-family:Verdana;font-size: 18px; line-height: 150%; color: black; font-weight:normal;}


a:link.textred { color:#ad292f;text-decoration:none;}
a:visited.textred { color:#ad292f;text-decoration:none;}
a:hover.textred { color:#7b0009;text-decoration:none;} 
a:visited:hover.textred { color:#7b0009;text-decoration:none;} 

a:link.textKaki { color:#7f8936; text-decoration:none;}
a:visited.textKaki { color:#7f8936;text-decoration:none;}
a:hover.textKaki { color:#7b0009; text-decoration:none;}
a:visited:hover.textKaki { color:#7b0009;text-decoration:none;} 


a:link.textorange { color:#d89c37; text-decoration:none;}
a:visited.textorange { color:#d89c37; text-decoration:none;}
a:hover.textorange { color:#7b0009;text-decoration:none;} 
a:visited:hover.textorange { color:#7b0009;text-decoration:none;} 
/*p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}*/

.menuTopLine {
float: left;
width:229px;
height:5px;
background: none;
display: block;
margin: 4px -1px 0px 1px;
}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.cadreTexte{
	float:left;
	padding:10px 2px 5px 2px;
	text-align:left;
	display: block;
	color: #444444;
	font-size:12px; 


}
/* Scrolling Text
--------------------------------------------------------------------------------------- */
#news
{
	float:left;
	width:320px;
	height:0px;
	overflow:hidden;

}
#news a
{
	color:#000;
}
#news ul
{
	margin:0px 1px 0px 1px;
	padding:0px;
}
#news li{
	line-height:2em;
}
/* the news box when JavaScript is available */
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-family:Tahoma; font-size:10px; height:50px; padding:0;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}