img, div, a, a:link, a:visited, a:hover, a:visited:hover { behavior: url(inc/iepngfix.htc) }

body#index{
	background: #FFF url(gx/I/bg.jpg) repeat-x top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	margin: 0;
	padding: 0;
	text-align:center;
	_behavior:url(inc/csshover.htc);
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma;
}
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
--------------------------------------------------------------------------------------- */
h1{
	font-size: 18px;
	line-height: 22px;
	color: #005596;
	text-transform: uppercase;
	padding-bottom: 10px;
}
h1.blanc{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding; 0;
}
h2{
	font-size: 16px;
	line-height: 20px;
	color: #005596;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2.blanc{
	font-size: 18px;
	font-family: Helvetica;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
}

p{font-size: 13px; line-height: 17px; color: #404040;}
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:#96b660; 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:#404040; font-size:13px; line-height:17px; list-style:square; margin-left:16px;padding-bottom: 10px;}
ol li{color:#404040; font-size:13px; line-height:17px; margin-left:16px;}
ul li.premier{padding-top: 10px;
}
p.blanc{
	font-size: 13px;
	line-height: 17px;
	color: #fff;
	
}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 958px;
	position: relative;
}

.both{clear: both;}
.right{clear: right;}

#logo{
	display: block;
	foat: left;
	width: 201px;
	position: absolute;
	left: 0;
	top: 18px;
}
#colgauche{
	float: left;
	width: 310px;
}
#contenu{
	float: left;
	width: 648px;
}
#map{
	width: 648px;
	height: 300px;
	float: left;
}
.boitejoindregauche{
	width: 314px;
	padding-right: 20px;
	float: left;
}
.boitejoindredroite{
	width: 314px;
	float: left;
}

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

#banniere{
	float: left;
	width: 658px;
	height: 240px;
	padding: 25px 25px 0 275px;
	background: url(Gx/00/banniere.jpg) no-repeat left top;
}
#notepad{
	float: left;
	width: 253px;
	height: 108px;
	padding: 100px 0 0 0;
	background : url(Gx/00/notepad.jpg) no-repeat left top;
	color: #005395;
	font-size: 17px;
	line-height: 21px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#banniere2{
	margin: 4px 0 0 9px;_margin-left: 5px;
	float: left;
	width: 675px;
	height: 184px;
	padding: 15px 0 0 20px;
	background: url(Gx/00/banniere2.jpg) no-repeat left top;
}
#banniere2 ul{margin: 0;padding: 0;}

#banniere2 ul li{padding: 0;margin: 0;list-style-type: none;display: block;padding-top: 10px;}

#banniere2 ul li a, #banniere2 ul li a:link, #banniere2 ul li a:visited{
	font-size: 16px;
	font-family: Helvetica;
	line-height: 20px;
	background: url(Gx/00/fleche.png) no-repeat left top;
	color: #9db96c;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 493px;
	height: 26px;
	padding-top: 8px;
	padding-left: 30px;
}
#banniere2 ul li a:hover, #banniere2 ul li a:visited:hover{
	color: #8acb1b;
	background: url(Gx/00/fleche_over.png) no-repeat left top;
}


/* MENUS
--------------------------------------------------------------------------------------- 
#menu{height:21px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border: 1px solid #999;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#999; color:#333;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:#C21527; color:#FFF;}*/

/* Menu Principale */
#menu{float: right;width: 714px;margin-top: 16px;}
#menu ul{margin: 0;padding: 0;display: block;float: left;}
#menu ul li{padding: 0;margin: 0;display: block;float: left;list-style-type: none;position: relative;}
#menu ul li a{text-decoration: none;}
#menu ul li a img{display: block;float: left;}

#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	font: 11px Arial;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	display:block;
	margin: 0px;
	width: 114px;
	background: #868686;
	padding: 8px;
	float: none;
}
#menu ul li#smenu3 ul li a, #menu ul li#smenu3 ul li a:link, #menu ul li#smenu3 ul li a:visited{
	width: 184px;
}
#menu ul li ul li a:hover{text-decoration: underline;}

#menu ul li ul{
	position:absolute;
	display:block;
	visibility:hidden;
	height: auto;
	margin: 0;
	padding: 0;
	float:none;
	top:62px;
	left: 0px;
	width: 130px;
	list-style-type: none;
	list-style-image: none;
}
#menu ul li#smenu3 ul{width: 200px;}

#menu ul li:hover ul, #menu ul li.hover ul{ visibility:visible;}

#menu ul li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	width: 130px;
	float: left;
	height: auto;
	border-top: 1px #fff solid;
}
#menu ul li#smenu3 ul li{width: 200px;}

/* Menu utilitaire */
#menuu{float: right;margin-top: 30px;}
#menuu ul{margin: 0;padding: 0;display: block;float: left;}
#menuu ul li{
	padding: 0 5px;
	margin: 0;
	display: block;
	float: left;
	list-style-type: none;
	color: #78a22f;
	font-size: 11px;
	line-height: 15px;
}
#menuu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #78a22f;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color: #7cc204;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{font-size: 10px;width:958px;float: left;background: url(Gx/m/piedPage_bg.gif) no-repeat left top;text-align: center;padding: 15px 0 0 0;}
#piedPage a{color:#9cac86; text-decoration:underline;}
#piedPage a:hover{color:#9cac86;}
#piedPage #copyrights{ margin:0; text-align:center;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#9cac86;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #9cac86;}
#piedPage #menuBas{text-align:center;font-size: 11px;color: #fff;}
#piedPage #menuBas a, #piedPage #menuBas:link, #piedPage #menuBas a:visited{color: #fff;text-decoration: none;}
#piedPage #menuBas a:hover, #piedPage #menuBas a:visited:hover{color: #1c1c1c;}


/* 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
--------------------------------------------------------------------------------------- */
fieldset{border: none; font-size: 11px; margin-bottom:10px; padding:0;}
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;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

#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;}

.champTexte{
	background: #dce0e8;
	border: 1px solid #C9D0D6;
	color: #000;
	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: #dce0e8;
	border: 1px solid #C9D0D6;
	color: #000;
	font-family: arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #005596;
	color: #fff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#77a22f; color:#FFF;}

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

.erreur{color:#FF0000;}



/* INDEX
--------------------------------------------------------------------------------------- */

body#index #conteneur{
	text-align: center;
	position: relative;
	width: 487px;
}
body#index #conteneur #textefrancais,  body#index #conteneur #texteenglish{
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #6d6d6d;
	word-spacing: 5px;
	display: none;
	
}
body#index #conteneur #piedPage{
	background: none;
	width: 487px;
}
body#index #logoi{
	position: absolute;
	top: 29px;
	left: 0;
	display: block;
}
body#index #sloganfrancais, body#index #sloganenglish{
	position: absolute;
	top: 300px;
	left: 0;
	display: none;
}
body#index #francais, body#index #english{
	margin-top: 345px;
}
body#index #boitetexte{
	height: 180px;
}

body#index #copyrightsfr{display: none;}