/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #212224 url(Gx/bg_main.gif) repeat-x top left;	
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	font-size: 11px;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

a, a:link, a:visited{
		color: #FFF;
		/*line-height: 17px;*/
		text-decoration: none;
		font-weight: normal;
}
a:hover{
		text-decoration: underline;
}

img{
	border: none;
}

h1{
	font-size: 14px;
	color: #b27a33;
	font-weight: bold;
	font-family: Arial;
}

h2{
	font-size: 12px;
	color: #B5B5B5;
	font-weight: bold;
	font-family: Arial;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
    font-family: Arial;
	margin: 0 auto 0 auto;
	width:915px;/*_width:935px;*/
	text-align:left;
	background-color: #212224;

	/*border-left:#747475 solid 10px;
	border-right:#747475 solid 10px;
	border-top:#747475 solid 2px;*/
	
	/*border-left:#373737 solid 10px;
	border-right:#373737 solid 10px;*/
}
#header{
	height:175px;_height:176px;
	background:#373737 url(gx/m/image_header.gif) no-repeat right;
	border-bottom:#80551e solid 1px;
}
#contenu{
	margin-left:30px;
}
#contenuG{
	width:230px;_width:250px;float:left;display:block;margin-left:0px;_margin-left:0px;
	min-height:600px;height:100%;_height:700px;
	background: transparent url(gx/m/separation.gif) no-repeat top right;
	padding-right:20px;margin-right:15px;padding-top:15px;
}
#contenuD{float:left;display:block;width:600px; }
/* MENU
--------------------------------------------------------------------------------------- */
#menu{float:right;height:37px; padding:0; margin-top:137px;}
#menu ul{padding:0; margin:0 5px 0 0;}
#menu ul li{height:37px;padding:0;background:transparent url(gx/m/bg_onglet.gif) no-repeat left; display:block;float:left; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 37px;
	background:url(gx/m/bg_menu.gif) repeat-x;
	font-family:  Arial;
	font-size: 10px;
	color: #d2d2d2;
	text-decoration: none;
	font-weight: normal;
	display:block;
	margin-left:54px;
	padding-right:5px;
	padding-left:5px;

}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #8a8a8a;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	color:#b27a33;background:url(gx/m/bg_menu_on.gif) repeat-x;
}

#categorie{width: 230px;}
#categorie ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none; }
#categorie li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	float: left;}
#categorie a, #categorie a:link, #categorie a:visited{
	font-weight: normal;
	font-size: 11px;	
	line-height: 20px;
	width: 230px;
	padding: 15px 0 0 0;
	color: #898989;
	text-decoration: none;
	display: block;
	float: left;
	border-bottom: 1px solid #4F4F4F;}
#categorie a.actif, #categorie a.actif:link, #categorie a.actif:visited{
	background: #2B2B2B;
	color: #D69A4D;}
#categorie a:hover{
	text-decoration: none;
	color: #D69A4D;}
#categorie a div{
	padding: 0 0 0 5px;
}	

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #555;height: 50px;font-family: Tahoma;font-size: 10px;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;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #b5b5b5;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #FFF; text-decoration: none;}
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:#FFF; text-decoration: underline;
}
#photoContainer,#photoContainer2{float:left;margin-right:10px;margin-top:10px;background-color: #0d0d0d;}
#photoContainer img,#photoContainer2 img{border:none;margin:4px;cursor: pointer;}
#photoContainer3{
	background: transparent url(Gx/05/photoContainer_bg.gif) repeat-y top left;
	width: 600px;
	text-align: center;
	position: relative;
}

#photoContainer3 img{
	display: block;
	margin: 0 auto;
}

#photoContainer3 #btn{
	position: absolute;
	bottom: 13px;
	right: 13px;
}




#contenuG span.date{font-size:11px;color: #b27a33;}
#contenuG h1{font-size:13px; font-weight: normal;}
#contenuG p{font-size:11px;}
#contenuG strong{color:#dfdfdf;}
#contenuG span.login{font-size:13px;color: #b27a33;}

#loginTexte p{font-size:13px;}

#new{	border-bottom: 1px solid #676767;padding-bottom:15px; text-align: justify;}
#new.last{	border-bottom: none;padding-bottom:15px;}

#boiteContenu{margin-right:0px;margin-bottom:15px;background-color:#2a2a2a;height:136px;}
#boiteContenu img, .conteneur-arrondi img{float:left;display:block;margin-right:15px;}
#boiteContenu div.txtBoite{float:left;margin-top:5px;width:380px;}
#boiteContenu div.txtBoite p{margin-top:10px;}
#boiteContenu div.txtBoite a{color:#905b19;font-size:11px;text-decoration:none;}

#boiteNouvelle{margin-right:0px;margin-bottom:15px;background-color:#2a2a2a;}
#boiteNouvelle img, .conteneur-arrondi img{float:right;display:block;margin-right:15px;margin-left:15px;margin-top:15px;}
#boiteNouvelle div.nouvelleBoite{float:left;margin-top:15px;width:365px; /*margin-left:15px;*/}
#boiteNouvelle div.nouvelleBoite .inner{
	padding: 0 0 0 15px;
	text-align: justify;
}
#boiteNouvelle div.nouvelleBoite p{margin-top:10px;}
#boiteNouvelle div.nouvelleBoite a{color:#905b19;font-size:11px;text-decoration:none;}


#boiteDate{margin-right:0px;margin-bottom:15px;margin-top:15px;border-bottom:1px solid #B5B5B5;height:20px;}

#boiteFichier{margin-right:0px;margin-bottom:5px;background-color:#2a2a2a;height:20px;line-height:20px;color:#B5B5B5;font-size:11px;padding:4px;}
#boiteFichier a{color:#905b19;text-decoration:none;line-height:20px;vertical-align:middle;float:right;margin-right:25px;}
#boiteFichier img{float:left;display:block;margin-right:15px;}

.pageheadpics{	
	width: 600px; 
	background: #905B19 url(Gx/05/pagehead_bottom.gif) no-repeat bottom left; 
	height: 100%	}
.pageheadpics img{
	float: right;
	margin: 0 0 0 1px;}
.pageheadpics .ph_left{
	background: transparent url(Gx/05/pagehead_top.gif) no-repeat top left; 
	padding: 0 23px;}
	
.pageheadtxt{	
	width: 600px; 
	background: #905B19; }
.pageheadtxt .inner{
	padding: 10px 23px 15px 23px;}
.pageheadtxt img{
	display: block;}
	
a#logout, a#logout:link, a#logout:visited{
	background: transparent url(Gx/04/btn.gif) no-repeat top left;
	height: 37px;
	line-height: 37px;
	display: block;
	text-indent: 44px;
	color: #959595;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a#logout:hover{
	background: transparent url(Gx/04/btn_over.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
}



#footerContact div.ligneContact{
	background: transparent url(gx/m/ligneContact.gif) repeat-x;
	height:53px;
	width: 860px;
	margin-top:20px;
}
#footerContact p{	margin-top:5px;	line-height: 25px;}
#footerContact p a{color:#b5b5b5;}


ul li{font-size:11px; line-height:150%; list-style:square;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F;}

.textePetit{font-size:10px; 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;}

/* p:first-letter{color:green; font-size:200%; text-transform:uppercase;} */

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-top:10px 0 10px 0; padding: 10px 0 10px 0; 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:#b5b5b5;margin:2px 0 2px;}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
	margin:2px 0 2px;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin:2px 0 2px;
}
.bouton{
	margin-top:5px;
	font-family: "Trebuchet MS";
	background-color: #b27a33;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #b5b5b5;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: none;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
.lightboxVer{
	padding:8px;
	display:block;
	float:left;
}
