/* GENERAL
--------------------------------------------------------------------------------------- */

body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
	
}
body#main{
	background: #5e5e5e url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
	behavior:url("inc/csshover.htc");
}
html{
	color: #333;
	font-size: 13px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dd, dt, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #000; font-size:18px; margin-bottom: 15px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #1a61c6; font-size:15px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #1a61c6; font-size:13px; margin-bottom: 5px;}

p{font-size: 13px; line-height: 150%; margin-bottom: 15px;}
p.textePetit{font-size:10px;}
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{color:#1F1F1F; font-size:13px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:13px; line-height:150%; margin-left:16px;}


.fl { float:left; }
.fr { float:right; }

/* 
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;}
*/

/* CONTENEURS ET CLASSES GENERALES
--------------------------------------------------------------------------------------- */

#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:968px; /* 960px  4px pour ombrage chaque cote */
	position:relative;
	
}

#bg_contenu_ombre {
	background-image: url(Gx/M/bg_contenu_ombre.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#contenu { 
	background-image: url(Gx/M/bg_contenu_texte.gif);
	/*background-color: #FFF;*/
	background-repeat:no-repeat;
	background-position:top;
	padding: 25px 25px 0 25px;
	min-height:340px;
	_height:380px;
	}
	
#contenu_texte {
	margin: 0 15px 0 167px;
}

#contenu_texte_photo {
	margin: 0 238px 0 167px;
}

#photo {
	float: right;
	margin: 39px 10px 0 0px;
}


.both{clear:both;}
.txtBleu { color:#1a61c6; }


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

/* Principale -------*/
#menu_bg { background: url(Gx/M/bg_menu_principale.gif) #fff top repeat-x; }
#menu{ 
	text-align: left;
	height:52px; 
	margin: 0 4px 0 4px; 
	padding:0;
	width: 960px; 
	}
#menu ul{ margin:0; padding:0; }
#menu ul li{ padding:0; margin:0; display:block; float:left; list-style-type:none; position:relative;}
#menu ul li a{
	display:inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	height: 52px;
	line-height: 51px;
	padding: 0 20px 0 20px;
	text-decoration: none;
}
#menu ul li ul{position:absolute; left:0px; top:49px; display:none; width:210px;}
#menu ul li:hover ul{display:block; /*background: url(gx/M/sousMenuBg.png) repeat top left;*/ background:#20539e;}

#menu ul li ul li{height:25px; color:#FFF; width:100%;}
#menu ul li ul li a{font-size:12px; font-weight:normal; height:25px; line-height:21px;}
#menu ul li ul li a:hover{background:#497ac1;width:170px;}

/*#menu ul li #sousMenu1{left:-163px;}
#menu ul li #sousMenu2{left:-320px;}
#menu ul li #sousMenu3{width:201px;}*/

#menu ul li a:hover{ background: url(Gx/M/btn_menu_over.gif) #fff top repeat-x; color:#FFF; }
#menu ul li a.actif{ background: url(Gx/M/btn_menu_actif.gif) #fff top repeat-x; color:#000; }


#menu .coin_gauche { position:absolute; top:9px; left:0px; width:7px; height:7px; background-image: url(Gx/M/btn_coin_g.gif); background-repeat:no-repeat;  }
#menu .coin_droite { position:absolute; top:9px; right:0px; width:7px; height:7px; background-image: url(Gx/M/btn_coin_d.gif); background-repeat:no-repeat; }


/* Sous menu gauche -------*/
#sousmenu { float:left; width:150px; margin: 0 0 0 -7px;  }

#sousmenu ul {margin:0; padding:0; list-style:none; }
#sousmenu ul li{margin:0; padding:0; list-style:none; }


#sousmenu a{ background: url(Gx/M/submenu_fleche.gif) right no-repeat; color:#000; padding: 5px 10px 5px 5px; display:block; border-bottom: 1px solid #ccc; text-decoration:none; font-size:12px; }
#sousmenu a:hover{ background-color:#497ac1; color:#FFF; }


#sousmenu a.actif{font-weight:bold;}

#sousmenu_calltoaction {
	float:left;
	background-color:#e8e8e8;
}

#sousmenu_calltoaction p{ font-size:11px; }

#sousmenu_calltoaction a {
	border:none;
	color:#fff;
	display:block;
	
	margin: 0 0 8px 0;
	padding:0;
	height:65px;
	width:150px;
}

#sousmenu_calltoaction a:hover {
	text-decoration:underline;
}



/* ENTETE
--------------------------------------------------------------------------------------- */

#entete { 
	margin: 0 4px 0 4px;
	text-align:left;
	width:960px;
	background: url(Gx/M/bg_entete.jpg) #fff top right no-repeat; }


/* Menu secondaire *************/
#menu_secondaire { margin: 0 4px 0 0; padding:0; }
#menu_secondaire a{ background-color: #000; color:#FFF; margin:0; padding: 10px; text-decoration:none; float:right; } 
#menu_secondaire a:hover{ background-color: #1b4a8c; }
#menu_secondaire .actif{ background-color: #333333; }




/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#contenu_accueil { padding: 0 4px 0 4px;} 

#promo { background: url(Gx/01/promo_coins_arrondis.gif) #c3c3c3 top left no-repeat; height:216px; margin: 0 0 10px 0; }
#promo .gauche { float:left; display:inline; padding: 8px 0 0 8px; width:340px;}
#promo .flash { width:606px; height: 216px;float:right; background: url(gx/01/flash.jpg) no-repeat top left; color:#FFFFFF; text-align:right; cursor:pointer;}

#promo h3{ color:#000; font-size:13px; margin-bottom:13px; }

ul.promo li {list-style:none;margin:0px;float:left;}
ul.promo{clear:left;}

.calltoaction1 { background-image: url(Gx/01/calltoaction1.jpg); display:inline-block; width:339px; height:86px; margin-bottom:2px; }
.calltoaction2 { background-image: url(Gx/01/calltoaction2.jpg); display:inline-block; width:339px; height:86px; }

.calltoaction1:hover{ background-image: url(Gx/01/calltoaction1_over.jpg); }
.calltoaction2:hover{ background-image: url(Gx/01/calltoaction2_over.jpg); }

#promo a{ text-decoration:none; font-size:13px; }

#promo .txt_bleu { color:#1a61c6; font-weight:bold; }
#promo .txt_noir { color:#000; }

#accueil_texte { width:545px; float:left; }
#accueil_texte_long { width:100%; }
#accueil_video { float:right; border-left: 1px solid #ccc; padding-left:40px; margin-left:10px; }

.accueil_nouvelle { float:left; display:inline-block; margin-right: 35px; width:45%; }
.accueil_nouvelle a{ color:#739f50; text-decoration:none; }
.accueil_nouvelle a:hover{ text-decoration:underline; }


/* 01_100 TEXTE PROMO SLIDESHOW
--------------------------------------------------------------------------------------- */
#conteneurTexte{
	position:absolute;
	z-index:1;
	right:20px;
	font-size:20px; 
	margin:160px 0 0 0;
	width:400px;
}
#conteneurTexte a{font-size:20px; color:#FFFFFF; text-decoration:none;}
#conteneurTexte div{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#conteneurTexte div.texteActif{
	display:block;
	z-index:1;
}


/* PAGE FAQ
--------------------------------------------------------------------------------------- */

.question { 
	background: url(Gx/06/question.gif) left top no-repeat; 
	display:block;
	min-height:55px;
	padding: 10px 0 0 75px;
	color:#855252;
}

.question p{ color:#855252; font-size:11px; }


.question:hover { text-decoration:underline; cursor:pointer; } 


.reponse { 
	background: url(Gx/06/reponse.gif) left top no-repeat; 
	padding: 10px 0 0 75px;
}

.separateur { border-bottom: 1px solid #eee; margin: 0 0 25px 0; }

.soumettreQuestion { 
	background-image: url(Gx/06/soumettre.gif); 
	color:#000;
	display:block; 
	width:149px; 
	height:29px;
	text-align:center;
	line-height:29px;
	text-decoration:none;
}

.soumettreQuestion:hover { background-image: url(Gx/06/soumettre_over.gif); color:#FFF;  }


/* PAGE NOUVELLES
--------------------------------------------------------------------------------------- */
.nouvelle {  }
.nouvelle h2{ color:#1a61c6;  }
.nouvelle a{ color:#739f50; text-decoration:none; }
.nouvelle a:hover{ text-decoration:underline; }


/* SECTION MEMBRES
--------------------------------------------------------------------------------------- */
#boiteSession { 
	background: url(Gx/08/boite_session.gif) no-repeat; 
	display:block; 
	width:206px; 
	height:75px;  
	float:right;
	}
#boiteSession p{ color:#000; line-height:15px; padding: 4px 10px 0 0; }
	
#boiteSession a{ color:#1a61c6; }

.retour { color:#739f50; }

.boiteGris { background-color:#eee; padding:15px; }


/* TARIF
--------------------------------------------------------------------------------------- */
.tarif .forfait{ border: #c2c2c2 1px solid; background: #fff; width: 450px; margin: 0 0 10px 0; float: left; display: block; }
.incorporation .forfait{ border: #c2c2c2 1px solid; background: #fff; width: 360px; margin: 0 0 10px 0; float: left; display: block; }
.tarif .espace, .incorporation .espace{ margin: 0 10px 10px 0; } 
.forfait .titre{ margin: 10px 10px 0 8px; }
.forfait .info{ color: #454545; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 10px; } .forfait .info strong{ font-size: 13px; display: block; }
.forfait .spec{ font-size: 11px; margin: 0 10px 10px 10px; }
.forfait .prix{ width: 120px; margin: 20px 0 0 5px; float: left; display: block; }
.forfait .btn_forfait{ width: 228px; margin: 0 5px 0 0; float: right; display: block; }


/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#conteneurmap{float: right;}
#map{width: 270px;height: 270px;border: 1px #ccc solid;overflow: hidden;}

/* ICONES GENERALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px;  padding:0 5px 0 5px;}
#piedPage a{color:#000; text-decoration:none;}
#piedPage a:hover{color: #555; text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; }
#piedPage #menuBas{ text-align:center; padding: 0; background-color:#f4f4f4; }

#piedtexte{text-align:left; color:#555; font-size:11px; padding:20px 0 20px 0;}
#piedtexte a{color:#000; text-decoration:none;}
#piedtexte a:hover{color: #555; text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.questions {float:right; text-align:right; font-weight:bold;}

fieldset{ font-size: 11px; margin-bottom:10px;}
fieldset legend{ color:#1a61c6; font-size:14px; font-weight:bold; padding: 0 0 15px 0;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

#formulaire .labelFonctionSpecial{width:150px; height:200px;float:left;}
#formulaire .CheckboxPosition{float:left;margin-left:0px;}
#formulaire .labelCheckboxFonction{ width: 280px; float:left;}

#formulaire label{ float: left; width: 300px; margin: 2px 20px 0 0; }
#formulaire .champTexte{ width: 300px; }
#formulaire #NomCompagnie{ width: 220px; }
#formulaire .champTexteCP{ width: 100px; }
#formulaire .boiteTexte{ width: 300px; }
#formulaire .labelRadio{ width: auto; float: none; }


#formulaire2 label{ float: left; width: 100px; margin: 2px 20px 0 0; }
#formulaire2 .champTexte{ width: 150px; }
#formulaire2 .boiteTexte{ width: 300px; }
#formulaire2 .labelRadio{ width: auto; float: none; }




.bothFormulaire{ margin-bottom: 5px; }

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.champTexteDisabled{
	background: #DDD;
	border: 1px solid #BBB;
	color: #AAA;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.champTexteCP{
	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;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{ color:#FF0000;}