/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/I/bg.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-y  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

.both{clear:both;}

table#main {border:0px;/* width:400px;*/ margin:0px; padding:0px;}
table#header {height:35px;}
td#column1 {width:200px; text-align:left;}
td#column2 {width:80px; text-align:right;}
td#column2b {width:150px; text-align:left;}
td#column3 {width:80px; text-align:right;}
td#column3b {width:15px; text-align:left;}
td#column1Special {width:200px; text-align:right;}

.noMargin{margin:0 !important;}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #f1a629;
}
h2{
	padding-top: 15px;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #f15d22;
}
h3{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #f1a629;
	padding-top: 10px;
	padding-bottom: 0px;
}
h3.title ul li{
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	color: #f15c22;
	margin-left:15px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-transform:uppercase;
}
h4{
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	background-color: #f1a629;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
h5{
	color: #231f20;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
h5 a, h5 a:link, h5 a:visited{color: #231f20;text-decoration: none;}
h5 a:hover, h5 a:visited:hover{text-decoration: underline;}
h6{
	color: #231f20;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}
h6 a, h6 a:link, h6 a:visited{color: #231f20;text-decoration: none;}
h6 a:hover, h6 a:visited:hover{text-decoration: underline;}

p{font-size: 11px; line-height: 16px; color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a, a:link, a:visited
{color: #998b7d; 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:#f15d22; text-decoration:underline;}
ul li{color:#1F1F1F; font-size:11px; line-height:16px; list-style:square; margin-left:35px; margin-bottom:5px;}
ul.none li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:none; margin-left:20px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.listeSousSection li{margin-left:18px;}
.listeSousSection li a{color:#000; font-weight:bold; text-decoration:none;}

.lignegrise{border-bottom: 1px #a8aaad solid;line-height: 0;}
.ligne{border-top: 1px #f15d22 solid;line-height: 0;}
.orange{color: #f15d22;}
.bleu{color: #0094d3;}
.textpetit{font-size: 10px;line-height: 15px;}
.displaynone{display: none;}
.ptitpad{margin-right: 10px;}

.nouvelleTitre{
	padding-top: 15px;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase !important;
	text-decoration:none !important;
	font-weight: bold;
	color: #f15d22 !important;
}

a.hautpage, a.hautpage:link, a.hautpage:visited{
	padding: 0 10px 0 0;
	background: url(Gx/ico_haut.gif) no-repeat right center;
	font-style: italic;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a.hautpage:hover, a.hautpage:visited:hover{text-decoration: underline;}

a.plusdetail, a.plusdetail:link, a.plusdetail:visited{
	padding: 0 10px 0 0;
	background: url(Gx/ico_fleche.gif) no-repeat right center;
	font-style: italic;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a.plusdetail:hover, a.plusdetail:visited:hover{text-decoration: underline;}

.lien_pdf, .lien_PDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
	float:left;
}
.lien_doc, .lien_DOC{
	background: url(Gx/icone_doc.gif) no-repeat left;
	padding:5px 0 5px 20px;
	float:left;
}
.lien_ppt, .lien_PPT{
	background: url(Gx/icone_PPT.gif) no-repeat left;
	padding:5px 0 5px 20px;
	float:left;
}
.lien_xls, .lien_XLS{
	background: url(Gx/icone_xls.gif) no-repeat left;
	padding:5px 0 5px 20px;
	float:left;
}

.slideBlockTexte{display:none; float:left; width:710px; margin:10px 0 10px 20px;}

/* Class de TINY_MCE */
.d1002d{color:#d1002d;}



/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1000px;
}
#entete{
	float: left;
	width: 1000px;
	height:180px;
	position: relative;
}
.logo{
	position: absolute;
	left: 50px;
	top: 16px;
	display: block;
}
#pasloguer #zonelogin{
	display: block;
	position: static;
}
#zonelogin{
	width: 310px;
	height: 40px;
	padding: 15px 10px 5px 10px;
	background-color: #f25d23;
	border: none;
	position: absolute;
	right: 145px;
	top: 0px;
	display: none;
}
a#fermer, a#fermer:link, a#fermer:visited{
	position: absolute;
	right: 15px;
	top: 4px;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
}
a#fermer:hover, a#fermer:visited:hover{text-decoration: underline;}

#deconection{
	float: right;
	text-align: right;
	font-size: 12px;
	padding: 4px 10px;
}
#coldroite{
	float: right;
	padding: 50px 20px 0 0;
	width: 160px;
}
#coldroite img{
	float: left;
	display: block;
	padding-bottom: 10px;
}
#contenu{
	padding: 30px 20px 20px 30px;
	float: left;
	width: 770px;
}
#contenulong{
	padding: 30px 20px 20px 30px;
	float: left;
	width: 950px;
}
#contenucourt{
	padding: 30px 20px 20px 30px;
	float: left;
	width: 600px;
}
#divise2gauche{
	width: 474px;
	border-right: 1px #f15d22 solid;
	text-align: center;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #998b7d;
	font-weight: bold;
}
#divise2droite{
	width: 400px;
	float: left;
	padding: 75px 0 0 75px;
	font-size: 11px;
	text-transform: uppercase;
	color: #998b7d;
	font-weight: bold;
}
#divise2droite a, #divise2droite a:link, #divise2droite a:visited{color: #998b7d;}


/* Page des nouvelles */
#colnouvelle{
	border-left: 1px #b7b9bb solid;
	border-right: 1px #b7b9bb solid;
	border-bottom: 1px #b7b9bb solid;
	margin-top: 30px;
	padding-bottom: 20px;
	float: left;
	width: 160px;
	background: url(Gx/07/colnouvelle_bg.jpg) repeat-x top;
}
#colnouvelle h4{
	border-top: 1px #b7b9bb solid;
	border-bottom: 1px #b7b9bb solid;
}
#colnouvelle #colnouvelleint{
	padding-left: 10px;
	padding-right: 10px;
}
#colnouvelle h5{padding-top: 8px;}
#colnouvelle h6{padding-top: 4px;}
#colnouvelle p{padding-top: 4px;}
#colnouvelle .plusdetail{
	float: right;
	margin-top: 4px;
}
#colnouvelle .lignegrise{
	padding-top: 6px;
}
#conseil, #infolettre{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #f1a629;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	text-transform: uppercase;
}
#conseilint, #infolettreint{
	padding-left: 12px;
}
.capitalize{text-transform:capitalize;}
.btInfolettre{float:left; margin:0 0 0 10px;}

.NouvellesTitre{
	background-color: #f1a629;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 0 6px 12px;
	text-transform: uppercase;
}

.NouvellesCadre{
	padding:0 12px 0 12px;
}



/* MENUS
--------------------------------------------------------------------------------------- */

/* Menu principale loguer */
#menu{border-top: 3px #9a8d7e solid;float:left; width: 1000px;}
#menu ul{margin: 0;padding: 0;float: left;}
#menu ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	text-align:center;
	background-color: #f25d23;
	border-right: 1px #fff solid;
}
#menu ul li.dernier{border: none;}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	
}
#menu ul li a span{font-size: 9px;}


#menu1_1{width:166px}
#menu2_1{width:155px}
#menu3_1{width:166px}
#menu4_1{width:207px}
#menu5_1{width:150px}
#menu6_1{width:150px}

#menu7_2{width:180px}
#menu8_2{width:215px}
#menu9_2{width:210px}
#menu10_2{width:210px}
#menu11_2{width:180px}


.menuPublic{padding:12px 0 12px 0;}
.menuMembre{padding:7px 0 7px 0; height:33px;}

.spanLabel{font-size:11px;}


#menu ul li:hover, #menu ul li:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{background-color: #fff;color: #f25d23;}
#menu ul li a:hover, #menu ul li a:visited:hover{color: #f25d23;}


/* Menu utilitaire loguer */
#menuu{
	float: right;
	width: 337px;
	height: 137px;
	background: #737378 url(Gx/menuu_bg.jpg) no-repeat bottom left;
}
#menuu ul{margin: 0;padding: 0;float: left;}
#menuu ul li{
	list-style-type: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px #4b5154 solid;
}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #fff;
	display: block;
	float: left;
	padding: 4px 10px;
	background-color: #737378;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{
	background-color: #fff;
	color: #737378;
}
#menuu #slogan{
	padding-top: 12px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}

/* Menu utilitaire pas loguer */
#menuupaslog{float: right;height: 134px;}
#menuupaslog ul{margin: 0;padding: 0;float: left;}
#menuupaslog ul li{
	list-style-type: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px #838385 solid;
}
#menuupaslog ul li.dernier{border: none;}
#menuupaslog ul li a, #menuupaslog ul li a:link, #menuupaslog ul li a:visited{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #000;
	display: block;
	float: left;
	padding: 4px 10px;
	background-color: #ede8e3;
}
#menuupaslog ul li a:hover, #menuupaslog ul li a:visited:hover{background-color: #eae9e9;color: #f15d22;}
#menuupaslog #slogan{
	padding-top: 50px;
	color: #9a8c7e;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}

/* Menu secondaire horizontal */
#menusecondaire{}
#menusecondaire ul{margin: 0;padding: 0;float: left;}
#menusecondaire ul li{
	margin: 0;
	padding: 0 5px 0 0;
	display:inline;
	list-style-type: none;
	color: #f15d22;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}
#menusecondaire ul li a, #menusecondaire ul li a:link, #menusecondaire ul li a:visited{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#menusecondaire ul li a:hover, #menusecondaire ul li:visited:hover{
	text-decoration: underline;
}
/* Menu secondaire vertical */
#menusecondaire2{}
#menusecondaire2 ul{margin: 0;padding: 0;}
#menusecondaire2 ul li{
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	color: #f15d22;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}
#menusecondaire2 ul li a, #menusecondaire2 ul li a:link, #menusecondaire2 ul li a:visited{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#menusecondaire2 ul li a:hover, #menusecondaire2 ul li:visited:hover{
	text-decoration: underline;
}

/* Menu secondaire vertical list*/
#menusecondaire3{}
#menusecondaire3 ul{margin: 0;padding: 0;}
#menusecondaire3 ul li{
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: square;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin-left:15px;
}
#menusecondaire3 ul li a, #menusecondaire2 ul li a:link, #menusecondaire2 ul li a:visited{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#menusecondaire3 ul li a:hover, #menusecondaire2 ul li:visited:hover{
	text-decoration: underline;
}

/* Menu secondaire des travailleurs */
#menutravailleurs{
	float: left;
	width: 160px;
	margin: 30px 0 30px 0;
	background: url(Gx/08/menutravailleurs_bg.jpg) repeat-x top;
	border-top: 1px #c6c7c9 solid;
	border-left: 1px #c6c7c9 solid;
	border-right: 1px #c6c7c9 solid;
}
#menutravailleurs ul{margin: 0;padding: 0;}
#menutravailleurs ul li{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style-type: none;
	border-bottom: 1px #c6c7c9 solid;
}
#menutravailleurs ul li a, #menutravailleurs ul li a:link, #menutravailleurs ul li a:visited{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	display: block;
	float: left;
	width: 140px;
	
}
#menutravailleurs ul li a:hover, #menutravailleurs ul li a:visited:hover, #menutravailleurs ul li.actif a, #menutravailleurs ul li.actif a:visited{
	color: #f25d23;
	background-color: #fbcebd;
}
#menutravailleurs ul li ul{display: none;}
#menutravailleurs ul li.actif ul{display: block;}
#menutravailleurs ul li ul li{border: none;}

#menutravailleurs ul li.actif ul li a, #menutravailleurs ul li.actif ul li a:link, #menutravailleurs ul li.actif ul li a:visited{
	background-color: #fbcebd;
	font-size: 12px;
	color: #1a171b;
	text-transform: none;
	font-weight: normal;
	padding: 5px 5px 5px 20px;
	width: 135px;
	background: #fbcebd url(Gx/ico_menutravailleurs.gif) no-repeat 12px 12px;
}
#menutravailleurs ul li.actif ul li a:hover, #menutravailleurs ul li.actif ul li a:visited:hover, #menutravailleurs ul li.actif ul li.actif a, #menutravailleurs ul li.actif ul li.actif a:visited{
	background-color: #fef5f2;
	color: #000;
}


.espacementMenu{line-height:20px !important;  padding:0}
.espacementMenu a{text-decoration:none; font-size:11px; color:#000;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #fff;font-size: 10px;height: 22px;padding: 8px 0 0 8px;border-top: 3px #9a8d7e solid;background-color: #f15d22;}
#piedPage a, #piedPage a:link, #piedPage a:visited{text-decoration: none;color: #fff;}
#piedPage a:hover, #piedPage a:visited:hover{text-decoration: underline;color: #fff;}

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

.zonechamp{width: 135px;float: left;}

.champTexte{
	background: #fff;
	border: 1px solid #a9abad;
	color: #000;
	font-size: 11px;
	padding: 2px;
	margin:2px 0 2px 0;
	width: 125px;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #a9abad;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #a9abad;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #a9abad;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border: 1px #fff solid;
}
.bouton:hover{background-color:#f1a629;}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color: #FF0000;}



/* INDEX
--------------------------------------------------------------------------------------- */
body#index #conteneur{
	margin: 0 auto 0 auto;
	padding-top: 400px;
	text-align: left;
	width: 800px;
	position: relative;
}
body#index #conteneur .photornd1, body#index #conteneur .photornd2,
body#index #conteneur .photornd3, body#index #conteneur .photornd4,
body#index #conteneur .photornd5, body#index #conteneur .photornd6,
body#index #conteneur .photornd7{position: absolute;with: 107px;height: 78px;border: 2px #fff solid;top: 285px;}
body#index #conteneur .photornd1{left: 10px;}
body#index #conteneur .photornd2{left: 122px;}
body#index #conteneur .photornd3{left: 234px;}
body#index #conteneur .photornd4{left: 346px;}
body#index #conteneur .photornd5{left: 458px;}
body#index #conteneur .photornd6{left: 570px;}
body#index #conteneur .photornd7{left: 682px;}

body#index #logo{
	display: block;
	float: left;
	padding: 6px 0 0 67px;
}
body#index #slogan{
	color: #9a8c7e;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	float: right;
	padding: 50px 70px 0 0;
}
body#index #entrer{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: 250px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
}
body#index #entrer .espace{padding-left: 30px;}

body#index #entrer a, body#index #entrer a:link, body#index #entrer a:visited{text-decoration: none;color: #000;}
body#index #entrer a:hover, body#index #entrer a:visited:hover{text-decoration: underline;}

body#index #conteneur #zonelogin{
	background-color: #d1d3d5;
	border: 2px #ea774a solid;
	position: absolute;
	left: 64px;
	top: 540px;
}



/* PLAN DU SITE */

#planSite li{font-size:12px; line-height:22px;}