body#main{
	background: #FFF /*url(Gx/M/bg_repeat.jpg) repeat-x*/;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #ff6100;
}
h1.titredate{text-transform: capitalize;}

h2{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #0073bd;
}
h2 a, h2 a:link, h2 a:visited{text-decoration: none;color: #0073bd;}
h2 a:hover, h2 a:visited:hover{text-decoration: underline;}

h2.petitbleu{
	color: #095aaf;
	font-size: 14px;
	line-height: 18px;
}
h2.petitnoire{
	color: #010101;
	font-size: 14px;
	line-height: 18px;
}

h2.mois{ text-transform: capitalize;}

h3{
	font-size: 12px;
	line-height: 16px;
	color: #1e3365;
}

h4{
	color: #4c2e18;
	font-family: Times New Roman;
	font-size: 18px;
	line-height: 21px;
	color: #352313;
	padding-bottom: 10px;
}
h4 a, h4 a:link, h4 a:visited{
	color: #352313;
	text-decoration: none;
}
h4 a:hover, h4 a:visited:hover{text-decoration: underline;}
h4 a img{
	display: block;
	float: left;
	margin-right: 10px;
}
h5{
	font-size: 13px;
	line-height: 17px;
	color: #352313;
	padding-bottom: 8px;
}
h5 a, h5 a:link, h5 a:visited{
	color: #352313;
	text-decoration: none;
}
h5 a:hover, h5 a:visited:hover{text-decoration: underline;}

p, td{font-size: 11px; line-height: 15px; color: #000;}
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, td a, td 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, td a:hover, td a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.rss{margin-top: 5px;display: block;}
.lienbleu{
	color: #6c9cce;
	font-size: 11px;
}
.droite{float: right;margin-right: 10px;margin-left: 10px;}

.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
/*#conteneurbg{
	width: 100%;
	height: 607px;
	position: absolute;
	left: 0;
	top: 0;
}*/
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 947px;
}

#conteneurHaut{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 947px;
}

#conteneurMenu{ background: #000;}

.both{clear:both;}
#logo{
	display: block;
	float: left;
	margin:12px 0 0 37px;
}
#slogan{
	display: block;
	float: left;
	margin:17px 0 0 30px;
}
#photo{
	background: #BBB;
	float: left;
	/*margin-left: -5px;*/
	position: relative;
	width: 947px;
	height: 336px;
}
#cadre{
	position: absolute;
	top: 0;
	left: 0;
	width: 947px;
	height: 336px;
	background: url(Gx/M/cadrephoto.png) no-repeat left top;
}
#photo #flashentete{float: left;}

#banniere{/*background: #BBB url(gx/ban1.jpg) no-repeat;*/ height: 399px;}

/*-- Slideshow --*/
p.jshowoff-controls{ display: none;}
p.jshowoff-slidelinks{display: none;}

/* Pub */

#pubGauche{
	border-bottom: 1px solid #e9e9e9;
	height: 114px;
	padding: 14px 0 0 0;
	width: 665px;
}

#pubGauche a{ float: left;}
#pubGauche #pub1{ float: left; margin-right: 17px;}

#pubDroite{
	border-bottom: 1px solid #e9e9e9;
	height: 225px;
	padding: 14px 0 0 0;
	width: 200px;
}

#servicesPratiques a{ color: #006ba0; font-family: Arial, Helvetica, sans-serif; font-size: 19px;}
#servicesPratiques a:hover span{ text-decoration: underline;}
#servicesPratiques a span{ float: left; padding: 15px 0 0 0; width: 50px;}

#contenu{
	padding: /*38px*/0 0 0 20px;
	float: left;
	width: 685px;
}

#coldroite{
	float: right;
	width: 200px;
	padding: 0 34px 0 0;
}
#coldroite .ligne{
	padding-top: 5px;
	margin-top: 15px;
	border-top: 3px #a3a4a4 solid;
	width: 203px;
	float: left;
}
.banniere{
	margin-right: 10px;
}
#albumphoto a, #albumphoto a:link, #albumphoto a:visited{
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	color: #000;
	border: 1px #dfdfdf solid;
}
#albumphoto a:hover, #albumphoto a:visited:hover{
	border: 1px #FF0000 solid;
}
.listebillet, .listelogo, .listepourquoi, .listebrochure, .listemembre{
	border: 1px #c4c4c4 dotted;
	float: left;
	padding: 5px;
}
.listebillet a, .listebillet a:link, .listebillet a:visited,
.listelogo a, .listelogo a:link, .listelogo a:visited,
.listepourquoi a, .listepourquoi a:link, .listepourquoi a:visited,
.listebrochure a, .listebrochure a:link, .listebrochure a:visited,
.listemembre a, .listemembre a:link, .listemembre a:visited
{
	display: block;
	float: left;
	margin-right: 10px;
}
#map{
	width: 650px;
	height: 515px;
	float: left;
	border: 1px #a3a4a4 solid;
}
.listelien{
	border: 1px #c4c4c4 dotted;
	padding: 5px;
	float: left;
	width: 650px;

}
.listelien h2{
	float: left;
	width: 180px;
	margin-right: 20px;	
	font-size: 13px;
	color: #000;
	line-height: 17px;
}

/* ACCUEIL */
.lienaccueil{
	border-left: 1px #e3e3e3 solid;
	float: left;
	/*width: 170px;*/
	width: 122px;
	padding: 8px 7px;
}
.lienaccueil h2{
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	min-height: 46px;
	height:auto !important;
	height:46px;
	margin-bottom: 10px;
}
#premier{border: none; padding-left: 0;}

#sondage{
	float: left;
	width: 325px;
}
#sondage ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	width: 100px;
}
.barsondage{
	background:#ff6100;
	height:10px;
	float:left;
	margin:2px 10px 10px 0;
}
#sondage .bouton{float: right;}

#lienville{
	float: right;
	padding-right: 20px;
	width:250px;
}

/* Recherche d'entreprise */
.rechGauche{
	border-right: 1px #82abd6 solid;
	width: 250px;
	float: left;
}
.rechDroite{
	width: 400px;
	float: left;
	padding-left: 20px;
}
div.boiteRechDroite, .boiteResultat{	border:1px solid #000;}
div.boiteRechDroite p{margin:1px;}
div.boiteRechDroite p a, div.boiteRechDroite p a:link, div.boiteRechDroite p a:visited{
	display:block;
	padding:2px 5px;
	color:#6190c1;
}
div.boiteRechDroite p a:hover{ text-decoration: none;}
div.boiteRechDroite a.row0{
	background: #efefef;
}
div.boiteRechDroite a.row1{
	background: #d3d3d3 ;
}
.boiteResultat{
	background: #fff;
	width: 230px;
	display: block;
}
.boiteResultatInner{
	margin:1px;
	padding:2px;
	background: #ebebeb;
}
.boiteResultatInner .listeDeroulante{
	background:#fff;
}

/* Liste d'entreprise */
#listeEntreprise {
	border-bottom: #0f5cb0 1px solid;
}
#listeEntreprise h2{margin-bottom:5px;}
#listeEntreprise div.imgEntreprise{
	float:left; display:block; width:215px;
}
#listeEntreprise div.imgEntreprise img{border:1px solid #4b4b4b;}

#listeEntreprise div.btnEntreprise{
	float: right;	
	width:150px;
}
#listeEntreprise div.btnEntreprise a.bouton{
	display:block;
	width:120px;
	text-decoration:none;
	margin-bottom:5px;
	padding:2px 5px;
	line-height:20px;
}
#listeEntreprise div.coordonnees{
	border-right: 1px solid #0f5cb0;
	float:left; display:block;
	width:350px;
}
a.actifpage, a.actifpage:link, a.actifpage:visited{
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

#reseauSociaux ul li{float:right;list-style:none;margin-left:7px;}


/* CALENDRIER
--------------------------------------------------------------------------------------- */
#evenementlist{
	float: left;
	width: 360px;
}
#boiteCalendrier{
	text-align: center;
	width: 285px;
	height: 235px;
	float: left;
	padding: 9px;
	margin-right: 20px;
	background: url(Gx/calendrier_bg.jpg) no-repeat left top;
}

#boiteCalendrier a.lemois, #boiteCalendrier a.lemois:link, #boiteCalendrier a.lemois:visited{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
#calendrier{margin: 5px auto 0 auto;padding-bottom: 2px;background-color: #d9e5ed;}
tr.calendarheader td{
	color:#707d85;
	font-size:12px; 
	background-color: #d9e5ed;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 2px;
	line-height: 16px;
}
.calendar {
	color:#707d85;
	font-size:12px; 
	background-color: #d9e5ed;
	}
.calendartoday{font-weight:bold;}

#calendrier a.calendarActif, #calendrier a.calendarActif:link, #calendrier a.calendarActif:visited{
	color:#FF0000;
	font-weight: normal;
	text-decoration:none; 
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
#calendrier a.calendarActif p, #calendrier a.calendarActif:link p, #calendrier a.calendarActif:visited p, .textetip{color: #fff;}


#calendrier a.calendarActif, #calendrier a.calendarActif:hover, #calendrier a.calendarActif:visited:hover{text-decoration: underline;}
table#calendrier tr td a, #blocCal p a{color: #fff; font-size: 11px; text-decoration: underline;}
table#calendrier tr td a:hover, #blocCal p a:hover{color:#fff;}

/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */
#dhtmltooltip { position: absolute; left: -300px; width: 150px; padding: 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #005386; color : #fff; }
#dhtmltooltip dt { color : #fff; border-bottom : 1px solid #000; }

/* MENUS
--------------------------------------------------------------------------------------- */
/* Menu Utilitaire*/
#menuu{
	float: right;
	margin-top: 8px;
	margin-right: 26px;
	text-align: right;
}
#menuu #haut ul{margin:0;padding:0;}
#menuu #haut ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
	font-size:11px;
	color: #231f20;
	line-height: 15px;
}
#menuu #haut ul li a, #menuu #haut ul li a:link, #menuu #haut ul li a:visited{
	font-size:11px;
	color: #231f20;
	text-decoration: none;
	line-height: 15px;
}
#menuu #haut ul li a:hover, #menuu #haut ul li a:visited:hover{ color: #c8c7c8;}
#menuu #haut ul li.en a{ text-transform: uppercase;}
#menuu #haut ul li.en a:hover{ color: #f26222;}

#menuu #bas{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menuu #bas ul{margin:0;padding:0;}
#menuu #bas ul li{
	padding: 0;
	margin: 0 0 0 4px;
	list-style-type: none;
	display: block;
	float: left;
}
#menuu #bas ul li a, #menuu #bas ul li a:link, #menuu #bas ul li a:visited{
	color: #00316b;
	font-size: 11px;
	line-height: 15px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	padding: 6px 10px;
	text-decoration: none;
	display: block;
	float: left;
}
#menuu #bas ul li a:hover, #menuu #bas ul li a:visited:hover{background-color: #ff6100; color: #FFF;}

/* Menu Principale */
#menu{
	background-color: #000;
	margin: 0 auto;
	width: 947px;
}
#menu ul{margin:0;padding:0;display: block;float: left;}
#menu ul li{
	background: #FFF /*url(Gx/M/menu_entre.gif) no-repeat right top*/;
	padding: 0 1px 0 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
}
#menu ul li.dernier{padding: 0;background: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	background-color: #000;
	padding: 0 13px;
	text-decoration: none;
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
#menu.en ul li a{padding: 0 11px;}

#menu ul li a:hover, #menu ul li a:visited:hover{background-color: #88c2dd;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color: #88c2dd;}


/* Menu pied de page */
#menupp{
	/*width: 891px;*/width: 917px;
	/*background: url(Gx/M/menupp.gif) no-repeat left top;*/
	background-color: #ff6100;
	/*height: 40px;*/height: 14px;
	float: left;
	padding: 13px 15px;
	text-align: center;
}
#menupp ul{margin: 0;padding: 0;}
#menupp ul li{
	margin: 0;
	padding: 0 1px;
	list-style-type: none;
	display: inline;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	color: #fff;
	text-decoration: none;
	line-height: 15px;
	font-size: 11px;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{
	color: #fff;
	text-decoration: underline;
}

/* Sous Menu */
#smenu{
	float: left;
	margin-left: 0px;
	width: 892px;
}
#smenu ul{margin: 0;padding: 0;display: block;float: left;}
#smenu ul li{
	margin: 0;
	padding: 8px 0;
	list-style-type: none;
	display: block;
	float: left;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	background-color: #072156;
	position: relative;
}
#smenu ul li a, #smenu ul li a:link, #smenu ul li a:visited{
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 12px;
}
#smenu ul li a:hover, #smenu ul li a:visited:hover{text-decoration: underline;}
#smenu ul li a.actif, #smenu ul li a.actif:visited{font-weight: bold;text-decoration: none;}

#smenu ul li ul li a, #smenu ul li ul li a:link, #smenu ul li ul li a:visited{
	font: 11px Arial;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	display:block;
	margin: 0px;
	width: 142px;
	background: #072156;
	padding: 4px;
	float: none;
}
#smenu ul li ul li a:hover{text-decoration: underline;}

#smenu ul li ul{
	position:absolute;
	display:block;
	visibility:hidden;
	height: auto;
	margin: 0;
	padding: 0;
	float:none;
	top:33px;
	left: 12px;
	width: 150px;
	list-style-type: none;
	list-style-image: none;
}
#smenu ul li:hover ul, #smenu ul li.hover ul{ visibility:visible;}

#smenu ul li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	width: 115px;
	float: left;
	height: auto;
}

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.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:#474646; font-size:10px;padding:0;}
#piedPage a{color:#474646; text-decoration:underline;}
#piedPage a:hover{color:#474646;}
#piedPage #copyrights{float:left; margin:0; text-align:left;padding: 8px 0 0 0;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#474646;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #474646;}
#piedPage #menuBas{float:right;text-align:right;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin-right: 40px;margin-top: 8px;}
#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
--------------------------------------------------------------------------------------- */
fieldset{border: none; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

#invitation .gauche{float: left;width: 200px;}
#invitation .droite{float: left;width: 200px;padding-left: 20px;}
#invitation label{margin-top: 5px;display: block;float: left;}
#invitation .champTexte{width: 200px;}
#invitation .boiteTexte{width: 420px;height: 100px;}
#invitation p{padding: 0 0 10px 0;text-align: left;}

/* Formulaire contact */
#formulaireInscription fieldset label{float:left;width:150px;}
#formulaireInscription .champTexte{float:left;width:300px;display: block;padding: 2px;}
#formulaireInscription .listeDeroulante{float:left;width:300px;}
#formulaireInscription .boiteTexte{float:left;height:70px;width:330px;}

#login label, #bulletin label{width: 90px;display: block;float: left;font-weight: bold;margin-top: 2px;}

.champTexte{
	background: #fff;
	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: #fff;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #005386;
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border: none;
	padding: 2px 4px;
	text-decoration: none;
}
.bouton:hover{background-color:#005386; color:#96b4ce;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}


#menuu #recherche {text-align: right;margin-top: 10px;float: right;}
#menuu #recherche label{color: #000;font-size: 11px;line-height: 15px;}
#menuu #recherche .champTexte{
	background: #fff url(gx/M/inputRechercheBg.jpg) top right no-repeat;
	border: none;
	color: #000;
	font-size: 11px;
	margin: 0;
	height: 16px;
	line-height: 16px;
	padding-left: 5px;
	width: 168px;
}
#menuu #recherche .bouton{
	color: #fff;
	background-color: #ff6100;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	line-height: 15px;
	border: none;
	padding: 1px 6px;_padding: 0px 6px;
	margin: 0;
}
#menuu #recherche .bouton:hover{
	background-color: #96b4ce;
}

#OffrePromo{margin-left: 0;}

#banniereLarge_a_SWF{
	background: url(gx/M/bannierepubbg.jpg);
	display: block;
	height: 200px;
	position: absolute;
	z-index: 200;
	width: 200px;
}

#banniereLarge_div_SWF{
	position:absolute; 
	z-index:100;
}
