/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
*/

body/*#main*/{
	color: #333;
	font-size: 11px;
	line-height:150%;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align:left;
}
html{ background: #e0e0e0 url(gx/m/bg.jpg) no-repeat center top; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#223b63;}
a:visited{color:#223b63;}
a:hover{color:#0083ba;}
a:active{color:#223b63; text-decoration:none;}

h1 { color:#0d3166; font-size:27px; margin-bottom:10px; padding:0 0 15px 25px; font-family: Georgia, Arial, sans-serif; font-weight:normal; background: url(gx/m/bg_h1.png) repeat-x left bottom; }
h1 span { color:#d30000; }
h1 a, h1 a:link, h1 a:visited{text-decoration:none;color:#0d3166;}

h2{color:#0d3166; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;color:#0d3166;}

blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;font-family:Verdana,Arial,sans-serif; font-size:12px;color:#5a5a5a; text-align:justify; line-height:18px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

/*#Print { display:none; visibility:hidden; } */

.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
label { font-size:12px; color:#000; margin:2px 0; padding:2px 2px 2px 0; color:#5a5a5a; font-family:Verdana,Arial,sans-serif; }
label.erreur { color:#cc0000; }
.champTexte { font-size:12px; padding:2px; color:#5a5a5a; font-family:Verdana,Arial,sans-serif; }
.listeDeroulante { font-size:12px; padding:2px; color:#5a5a5a; font-family:Verdana,Arial,sans-serif; }
.boiteTexte { font-family:Arial,sans-serif; font-size:12px; padding:2px; color:#5a5a5a; font-family:Verdana,Arial,sans-serif; }
.bouton { padding:5px 10px; color:#5a5a5a; font-family:Verdana,Arial,sans-serif; border:1px solid #000; background:#213b61; color:#fff; }
.bouton:hover { cursor:pointer; background:#fff; color:#213b61; }
.champCache { display:none; visibility:hidden; } /* Utilisé pour l'anti-spam */

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;}
div.erreur{color:#cc0000}
/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.html) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.html) no-repeat left;padding:5px 0 5px 20px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#haut { background:#213b61; height:27px; }
#hautInterieur { margin:0 auto;	width:980px; }
#conteneur { margin:0 auto;	width:980px; }

#contenu{
	min-height:500px;
	height:auto !important;
	height:500px;
	width:978px;
	background:#e0e0e0;
	border:1px solid #fff;
	padding:30px 0 0 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#zoneTexte { padding:20px 30px 30px 30px; }
#zoneTexte div#leTexte, #zoneTexte p { font-family:Verdana,Arial,sans-serif; font-size:12px; margin:0 0 10px 0; color:#5a5a5a; text-align:justify; line-height:18px; }
#infoTop { float:right; text-align:right; color:#0d3166; font-size:12px; font-family:Verdana,Arial,sans-serif; margin:20px 0 0 0; }
#infoTop span { font-size:20px; font-weight:bold; }
.both, .clearBoth{clear:both;}


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

.menu { list-style:none; margin: 14px 25px 0 10px; width: 600px; float: left; }
.menu li { float: left; margin: 0 4px 0 0; }
.menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff; }
.menu a:hover, .menu li.current a { border: 1px solid #ddd; }
.menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }
.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }
 */


#menu ul { margin:0; padding:0; height:55px; }

#menu li { position:relative; display:inline; float:left; height:55px; z-index:999; }


#menu li a, #menu li a:visited { border-right:1px solid #4d6281; border-left:1px solid #1a2f4e; padding:15px 0 0 20px; background-image: url(gx/m/bg_menu.png); background-repeat:no-repeat; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; color:#ffffff; text-align:left; display:block; height:40px; line-height:12px; }
#menu li a:hover, #menu li a:hover span, #menu li a.actif, #menu li a.actif:visited {color:#FFF; text-decoration:none; }
#menu li a span { font-size:12px; text-transform:none; font-weight:normal; color:#bdc5d0; }
#menu li a#menu01 { width:134px; background-position:left top; border-left:none; }
#menu li a#menu02 { width:128px; background-position:center top; }
#menu li a#menu03 { width:149px; background-position:center top; }
#menu li a#menu04 { width:146px; background-position:center top ;}
#menu li a#menu05 { width:174px; background-position:center top; }
#menu li a#menu06 { width:119px; background-position:right top; border-right:none; }
#menu li a#menu01.actif { width:134px; background-position:left bottom; border-left:none; }
#menu li a#menu02.actif { width:128px; background-position:center bottom; }
#menu li a#menu03.actif { width:149px; background-position:center bottom; }
#menu li a#menu04.actif { width:146px; background-position:center bottom ;}
#menu li a#menu05.actif { width:174px; background-position:center bottom; }
#menu li a#menu06.actif { width:119px; background-position:right bottom; border-right:none; }

#menu li ul, #menu li ul { background:#213b61; position:absolute; z-index:999; display:none; left:0; top:51px; width:170px; height:auto; margin:0; padding:0; border-bottom:1px solid #4d6281; border-right:1px solid #4d6281; border-left:1px solid #1a2f4e; }
#menu li ul#ulmenu01, #menu.en li ul#ulmenu01 { left:0; width:154px; padding:0 0 5px 0; border-left:none; }
#menu li ul#ulmenu02, #menu.en li ul#ulmenu02 { left:0; width:148px; padding:0 0 5px 0; }
#menu li ul#ulmenu03, #menu.en li ul#ulmenu03 { left:0; width:169px; padding:0 0 5px 0; }
#menu li ul#ulmenu04, #menu.en li ul#ulmenu04 { left:0; width:166px; padding:0 0 5px 0; }
#menu li ul#ulmenu05, #menu.en li ul#ulmenu05 { left:0; width:194px; padding:0 0 5px 0; }
#menu li ul#ulmenu06, #menu.en li ul#ulmenu06 { left:0; width:139px; padding:0 0 5px 0; border-right:none; }


#menu li ul li { background:none; margin:4px 0; padding:5px 10px; overflow:hidden; font-family:Arial; float:none; display:block; height:auto; }
#menu li ul li:hover {  }
#menu li ul li a, #menu li ul li a:visited { background:none; border:none; display:block; color:#bdc5d0; text-transform:none; font-weight:normal; overflow:hidden; text-align:left; height:14px; line-height:14px; padding:0; height:auto; font-size:12px; margin:0; }
#menu li ul li a:hover { color:#FFF; }
#menu li ul li a.actif, #menu li ul li a.actif:visited { color:#FFF; }



/* Navigation secondaire */
#menuSec { float:right; }
#menuSec li { display:inline; float:left; line-height:26px; }
#menuSec a, #menuSec a:link, #menuSec a:visited { color:#bdc5d0; padding:2px 10px; border-right:1px solid #051a38; border-left:1px solid #1d437b; text-decoration:none; }
#menuSec a:hover, #menuSec a.actif { color:#17c8ff; }
#menuSec li.premier a { border-left:none;}
#menuSec li.dernier a { border-right:none;}
 
#sitemap li { font-size:12px; margin:2px 0; }
#sitemap li a, #sitemap li a:link, #sitemap li a:visited { color:#666666; text-decoration:none; font-size:12px; }
#sitemap li a:hover { color:#17c8ff; text-decoration:none; }

/* MODULE BANNIERE
--------------------------------------------------------------------------------------- */
#bannerAccueil { height:388px; width:980px; background: url(gx/m/bg_banner.png) no-repeat center bottom; margin:6px 0 8px 0; position:relative; padding:0 0 25px 0; }
#banner { height:186px; width:980px; background: url(gx/m/bg_banner.png) no-repeat center bottom; margin:6px 0 0 0; padding:0 0 25px 0; position:relative; }
#overlay { position:absolute; z-index:10; left:0; top:0; }
#texteBanner { position:absolute; z-index:20; left:1px; top:60px; }
#slides { position:absolute; top:0; left:0; z-index:100; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
.slides_container { width:980px; height:388px; overflow:hidden; position:relative;}
#slides .next { left:585px; }
.pagination { margin:26px auto 0; width:100px; position:absolute; top:240px; right:0; z-index:999; }
.pagination li { float:left; margin:0 1px; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(gx/banner/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }
.caption { overflow:hidden; position:absolute; top:244px; right:1px; height:60px; width:958px; display:block; padding:25px 20px 25px 0; background: url(gx/m/bg_caption.png) left top; line-height:1.33; color:#fff; text-shadow:1px 1px #000; text-align:right; text-transform:uppercase; font-size:24px; font-weight:bold; font-family:Times; }
.caption p, .caption div, .caption span { margin:0; padding:0; }


/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.cta { float:left; width:226px; height:227px; background:#fff url(gx/m/bg_cta.png) repeat-x center bottom; margin:0 22px 0 0; border:1px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.ctaDernier { float:left; width:226px; height:227px; background:#fff url(gx/m/bg_cta.png) repeat-x center bottom; margin:0 0 0 0; border:1px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.cta:hover, .ctaDernier:hover { background:#fff; }
.cta div.titre, .ctaDernier div.titre { line-height:43px; height:43px; background: #213b61 url(gx/m/bg_titre.png) no-repeat top center; width:214px; margin:2px 5px; border-bottom:1px solid #e9e9e9; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; }

.image { width:204px; height:89px; border:3px solid #cacaca; margin:0 7px; } 
.cta ul, .ctaDernier ul { margin:10px 0 0 7px; padding:0; }
.cta ul li, .ctaDernier ul li { list-style:none; margin:0 0 5px 0; padding:0; }
.cta ul li a, .ctaDernier ul li a { background:url(gx/m/list-style-cta.jpg) no-repeat left center; padding:0 0 0 10px; font-size:12px; text-decoration:none; color:#303030; }
.cta ul li a:hover, .ctaDernier ul li a:hover { color:#3a67a9; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormContact{float:right;width:370px;}

#formContact { float:right; width:370px; }
#formContact label { float:left; width:90px; }
#formContact .champTexte { float:left; width:270px; }
#formContact .listeDeroulante { float:left; width:270px; }
#formContact .boiteTexte { float:left; height:70px; width:272px; }
#formContact .erreurTexte { margin-left:80px; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { padding:8px 0 8px 0; background: url(gx/m/bg_h1.png) repeat-x center top; }
#piedPage a { text-decoration:none; color:#5a5a5a; }
#piedPage a:hover { color:#213b61; }
#piedPage a.actif { color:#17c8ff; }
#piedPage #copyrights { float:left; clear:left; }
.referencement { color:#5a5a5a; }

/* Navigation en bas-de-page */
#menuBas{float:left; text-align:left; }
#menuBas li{display:inline;}
#menuBas li.dernier a {padding-right:0;}
#menuBas li.premier a { padding:0 5px 0 0; }
#menuBas a, #menuBas a:link, #menuBas a:visited{padding:0 5px;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}

.required{
font-weight:bold;
color:#cc0000;
}

h7 {
	color: #d30000;
	font-weight: 100;
	font-size: 12px;
}

h8 {color: #0d3166;
	font-weight: 100;
	font-size: 12px;
}