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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #d1dde9 url(gx/I/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
	height: 100%
}
body#entreprise, body#assureur, body#partenaire{
	margin: 0;
	padding: 0;
	text-align:center;
	height: 100%
}
body#entreprise{background: #cddce8 url(Gx/Entreprise/bg.gif) repeat-x;}
body#assureur{background: #d3e9d2 url(Gx/Assureur/bg.gif) repeat-x;}
body#partenaire{background: #d3e9d2 url(Gx/Partenaire/bg.gif) repeat-x;}
html{
	height: 100%;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-family: Arial, Tahoma, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a.retour{ 
	position: absolute;
	left: 164px;
	top: 38px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 39px;
	height : 39px;
}
a.retour:hover{background: url(Gx/logo_over.jpg) no-repeat left top;}


/* TEXTES
--------------------------------------------------------------------------------------- */
h1{color: #005da4;font: bold 18px Arial;padding-bottom: 15px;text-align: left;}
p{font: 11px Arial;line-height: 16px;color: #000;text-align: justify;}
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;
}
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;}

.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
	color: #005da4;
	text-decoration: none;
	font: 11px Arial;
	line-height: 18px;
}
.lienimpri{
	padding:5px 0 5px 0;
	color: #005da4;
	text-decoration: none;
	font: 11px Arial;
	line-height: 18px;
}
.referencePDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
	color: #005da4;
	text-decoration: none;
	font: 11px Arial;
	line-height: 18px;
}
.referenceLien{
	color: #005da4;
	text-decoration: none;
	font: 11px Arial;
	line-height: 18px;
}
a.referencePDF:hover, a.referenceLien:hover, a.lienPDF:hover, a.lienimpri:hover{
	text-decoration: underline;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:760px;
	_height: 100%;
	min-height: 100%;
	position: relative;
}
body#entreprise #conteneur{background: url(gx/Entreprise/conteneur_bg.gif) repeat-y center;}
body#assureur #conteneur{background: url(gx/Assureur/conteneur_bg.gif) repeat-y center;}
body#partenaire #conteneur{background: url(gx/Partenaire/conteneur_bg.gif) repeat-y center;}

#entete{
	width: 760px;
	height: 112px;
	position: relative;
	float: left;
}
#titre{
	position: absolute;
	left: 223px;
	top: 58px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 250px;
	height: 15px;
}
#titre.entreprisefr{background: url(Gx/entreprise/titre_fr.gif) no-repeat left top;}
#titre.entrepriseen{background: url(Gx/entreprise/titre_en.gif) no-repeat left top;}
#titre.assureurfr{background: url(Gx/assureur/titre_fr.gif) no-repeat left top;}
#titre.assureuren{background: url(Gx/assureur/titre_en.gif) no-repeat left top;}
#titre.partenairefr{background: url(Gx/partenaire/titre_fr.gif) no-repeat left top;}
#titre.partenaireen{background: url(Gx/partenaire/titre_en.gif) no-repeat left top;}


body#entreprise #entete{background: url(Gx/Entreprise/entete_bg.jpg) no-repeat left top;}
body#assureur #entete{background: url(Gx/Assureur/entete_bg.jpg) no-repeat left top;}
body#partenaire #entete{background: url(Gx/Partenaire/entete_bg.jpg) no-repeat left top;}

#colgauche{
	float: left;
	width: 185px;
	padding-top: 30px;
}
#colgauche ul li.niveau1{
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 2px 0 2px 15px;
	font: bold 11px Arial;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #005da4;
}
body#entreprise #colgauche ul li.niveau1{background-color: #d0edcd;border: 1px #91d189 solid;}
body#assureur #colgauche ul li.niveau1{background-color: #cddce8;border: 1px #88b1d0 solid;}
body#partenaire #colgauche ul li.niveau1{background-color: #cddce8;border: 1px #88b1d0 solid;}

#colgauche ul li.niveau1 a, #colgauche ul li.niveau1 a:visited, #colgauche ul li.niveau1 a:link{
	text-decoration: none;
	color: #005da4;
}
#colgauche ul li.niveau2{
	font: bold 11px Arial;
	list-style-type: none;
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #005da4;
}
#colgauche ul li.niveau2 a, #colgauche ul li.niveau2 a:visited, #colgauche ul li.niveau2 a:link{
	text-decoration: none;
	color: #005da4;
}
#colgauche ul li.niveau3{
	font: 11px Arial;
	list-style-type: none;
	padding-left: 23px;
	margin: 0;
	background: url(Gx/puce.gif) no-repeat 15px center;
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #000;
}
#colgauche ul li.niveau3 a, #colgauche ul li.niveau3 a:visited, #colgauche ul li.niveau3 a:link{
	text-decoration: none;
	color: #000;
}
#colgauche ul li.niveau1 a:hover, #colgauche ul li.niveau1 a.actif, #colgauche ul li.niveau1 a:visited.actif,
#colgauche ul li.niveau2 a:hover, #colgauche ul li.niveau2 a.actif, #colgauche ul li.niveau2 a:visited.actif,
#colgauche ul li.niveau3 a:hover, #colgauche ul li.niveau3 a.actif, #colgauche ul li.niveau3 a:visited.actif
{color: #54b247;}

#colgauchemem{
	float: left;
	width: 185px;
	padding-top: 30px;
}
#colgauchemem ul li{
	text-transform: uppercase;
	display: block;
	float: left;
	width: 185px;
	margin: 0;
	padding: 0;
	padding-top: 8px;
	list-style-type: none;
}
#colgauchemem ul li a, #colgauchemem ul li a:visited, #colgauchemem ul li a:link{
	text-decoration: none;
	color: #005da4;
	display: block;
	margin: 0;
	padding: 2px 0 2px 15px;
	font: bold 11px Arial;
}
body#entreprise #colgauchemem ul li a{background-color: #d0edcd;border: 1px #91d189 solid;}
body#assureur #colgauchemem ul li a{background-color: #cddce8;border: 1px #88b1d0 solid;}
body#partenaire #colgauchemem ul li a{background-color: #cddce8;border: 1px #88b1d0 solid;}
body#entreprise #colgauchemem ul ul li a, body#partenaire #colgauchemem ul ul li a, body#assureur #colgauchemem ul ul li a,
body#entreprise #colgauchemem ul ul ul li a, body#partenaire #colgauchemem ul ul ul li a, body#assureur #colgauchemem ul ul ul li a
{background: none;border: none;}


#colgauchemem ul ul li{
	display: block;
	float: left;
	margin: 0;
	width: 169px;_width: 185px;
	padding: 8px 0 0 16px;
	list-style-type: none;
}
#colgauchemem ul ul li a, #colgauchemem ul ul li a:visited, #colgauchemem ul ul li a:link{
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	font: bold 11px Arial;
	text-transform: none;
	color: #005da4;
}
#colgauchemem ul ul ul li{
	display: block;
	float: left;
	margin: 0;
	_width: 168px;
	padding: 8px 0 0 7px;
	background: url(Gx/puce.gif) no-repeat left 13px;
	list-style-type: none;
}
#colgauchemem ul ul ul li a, #colgauchemem ul ul ul li a:visited, #colgauchemem ul ul ul li a:link{
	text-decoration: none;
	color: #000;
	display: block;
	margin: 0;
	padding: 0;
	font: 11px Arial;
}
#colgauchemem ul li a:hover, #colgauchemem ul li a.actif, #colgauchemem ul li a:visited.actif,
#colgauchemem ul ul li a:hover, #colgauchemem ul ul li a.actif, #colgauchemem ul ul li a:visited.actif,
#colgauchemem ul ul ul li a:hover, #colgauchemem ul ul ul li a.actif, #colgauchemem ul ul ul li a:visited.actif
{color: #54b247;}

#centre{
	float: left;
	width: 335px;_width: 375px;
	padding: 30px 20px 0 20px;
	text-align: justify;
}
#centrelarge{
	float: left;
	width: 500px; _width: 550px;
	padding: 30px 20px 0 20px;
	text-align: justify;
}
#centre .membre1{
	float: left;
	width: 340px;_width: 334px;
	padding-top: 6px;
	padding-left: 6px;
	/*background: url(Gx/02/membre_bg.gif) no-repeat left top;*/
}
#centre .membre1 img, #centre .membre2 img{margin-bottom: 8px;margin-right: 10px;display: block;float: left;}
#coldroite{
	float: left;
	width: 200px;
	padding-top: 30px;
}
#coldroite img{
	margin-bottom: 10px;
	display: block;
}
#map{
	width: 335px;
	height: 200px;
	float: left;
	border: 2px #e0e7f1 solid;
}
.lesdepartements{display: none;}


.fancyBox img{border:1px solid black;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	height: 23px;
	position: absolute;
	border-bottom: 1px #fff solid;
	left: 0;
	bottom: 0;
}
#menu ul{margin: 0;padding: 0;float: left;display: block;}
#menu ul li{padding: 0;margin: 0;display: block;list-style-type: none;float: left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{text-decoration: none;}
#menu ul li a img{border: none;display: block;}

#menupp{
	float: right;
	padding-right: 50px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#828282; font-family:Tahoma;font-size:10px;padding-left: 200px;height: 60px;}
#piedPage a{color:#828282; text-decoration:underline;}
#piedPage a:hover{color:#828282;}
#piedPage #copyrights{ margin:0;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#828282;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #828282;}

/* INDEX
--------------------------------------------------------------------------------------- */
body#index #conteneur{background: url(gx/I/conteneur_bg.gif) repeat-y center;}
body#index #conteneurint{width: 760px;background: url(Gx/I/conteneurint_bg.jpg) no-repeat right top;}
body#index #contenu{width: 760px;background: url(Gx/I/contenu_bg.jpg) no-repeat left  top;padding-top: 377px;position: relative;}
body#index #langue{position: absolute;top: 115px;left: 35px;}
body#index #langue a{text-decoration: underline;text-transform: uppercase;font: bold 12px tahoma;color: #005da4;}
body#index #langue a.francais, body#index #langue a.francaison{color: #54b247;}
body#index #langue a.anglais{color: #005da4;}
body#index #langue a.francaison, body#index #langue a.anglaison{text-decoration: none;}
body#index #textintro{position: absolute;top: 260px;left: 240px;width: 450px;}
body#index a.entreprisefr, body#index a.entrepriseen{
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 232px;
	height: 89px;
}
body#index a.entreprisefr{background: url(Gx/I/btn_entreprise_fr.jpg) no-repeat left top;}
body#index a.entreprisefr:hover{background: url(Gx/I/btn_entreprise_fr_over.jpg) no-repeat left top;}
body#index a.entrepriseen{background: url(Gx/I/btn_entreprise_en.jpg) no-repeat left top;}
body#index a.entrepriseen:hover{background: url(Gx/I/btn_entreprise_en_over.jpg) no-repeat left top;}
body#index a.assureurfr, body#index a.assureuren{
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 229px;
	height: 89px;
	margin-left: 6px;
}
body#index a.assureurfr{background: url(Gx/I/btn_assureur_fr.jpg) no-repeat left top;}
body#index a.assureurfr:hover{background: url(Gx/I/btn_assureur_fr_over.jpg) no-repeat left top;}
body#index a.assureuren{background: url(Gx/I/btn_assureur_en.jpg) no-repeat left top;}
body#index a.assureuren:hover{background: url(Gx/I/btn_assureur_en_over.jpg) no-repeat left top;}
body#index a.partenairefr, body#index a.partenaireen{
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 226px;
	height: 89px;
	margin-left: 6px;
}
body#index a.partenairefr{background: url(Gx/I/btn_partenaire_fr.jpg) no-repeat left top;}
body#index a.partenairefr:hover{background: url(Gx/I/btn_partenaire_fr_over.jpg) no-repeat left top;}
body#index a.partenaireen{background: url(Gx/I/btn_partenaire_en.jpg) no-repeat left top;}
body#index a.partenaireen:hover{background: url(Gx/I/btn_partenaire_en_over.jpg) no-repeat left top;}


/* FORMULAIRE ABSENTÉÏSME
--------------------------------------------------------------------------------------- */
.both{clear:both;}
.fieldset{font-size: 11px; margin:0 10px 10px 0; float:left; width:240px;}
.btChamp{border-left:1px solid #6db33e; border-bottom:1px solid #6db33e; margin:0 3px 6px 0; padding:5px; float:left; width:220px;}
.btChampLarge{border-left:1px solid #6db33e; border-bottom:1px solid #6db33e; margin:0 3px 6px 0; padding:5px; float:left; width:480px;}

.fieldLarge{ width:490px;}
.fieldset .legend{color:#005daa; font-weight:bold; font-size:16px; float:left; text-transform:uppercase; padding:0px; margin:10px 0;}
.fieldset label{font-size:12px; color:#000; margin:2px 0; float:left; width:240px; text-align:left;}
.fieldset label.erreur{color:#cc0000;}

.champTexte{
	font-size:11px;
	margin:2px 0;
	float:left;
	width:220px;
	font-family:Arial, Tahoma, Helvetica;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
	font-family:Arial, Tahoma, Helvetica;
	width:220px;
}
.textboxLarge{width:480px;}
.bouton{
	/*background-color: #EEF3F7;
	color: #498ECB;
	font-weight: bold;*/
}
.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

#formAbsence p{color:#005daa; font-weight:bold; font-size:14px; text-align:center;}
#formAbsence p span{color:#005daa; font-weight:bold; font-size:16px; text-align:center; text-transform:uppercase;}

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none; text-align:left;}
div.erreur{color:#cc0000; text-align:left;}