/* 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{border:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* body et html */

body#index{
	background: url(gx/bg.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(gx/M/bg.jpg) repeat-x scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

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

#line a{text-decoration:underline;}

h1{color: #373737; font-size:18px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #38b64a; font-size:14px; font-weight:bold;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #38b64a; font-size:12px; font-weight:bold;}

h2.blocAccueil{font-size:16px; font size:bold; color:#373737; height:75px;}

p{font-size: 12px; line-height: 150%; color: #717172;}
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:#717172; 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:#717172; font-size:12px; line-height:150%; margin-left:16px;}
ol li{color:#717172; font-size:12px; line-height:150%; margin-left:16px;}

/* 
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 GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{

	margin: 0 auto 0 auto;
	text-align:left;
	width:807px;
	padding:0 0 0 20px;
}

#contenu{width:807px; margin-bottom:50px; padding:0;}

#haut{width:807px; position:relative;}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{width:789px;height:47px;}
#menu ul{margin:0;padding:0;width:827px;}
#menu ul li{padding:0; margin:0; float:left; list-style-type:none;}
#menu ul li a {padding:0; margin:0;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;font-size:14px; font-weight:bold;padding-top:15px;}
#menu ul li a:hover {padding:0; margin:0;padding-top:15px; color:#fff;}
/*#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	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 li#menu1 a{background: url(gx/M/menu.jpg) no-repeat top left; width:76px; height:32px; display: block;}
#menu li#menu2 a{background: url(gx/M/menu.jpg) no-repeat -76px 0; width:105px; height:32px; display: block;}
#menu li#menu3 a{background: url(gx/M/menu.jpg) no-repeat -181px 0; width:140px; height:32px; display: block;}
#menu li#menu4 a{background: url(gx/M/menu.jpg) no-repeat -321px 0; width:104px; height:32px; display: block;}
#menu li#menu5 a{background: url(gx/M/menu.jpg) no-repeat -425px 0; width:132px; height:32px; display: block;}
#menu li#menu6 a{background: url(gx/M/menu.jpg) no-repeat -437px 0; width:120px; height:32px; display: block;}
#menu li#menu7 a{background: url(gx/M/menu.jpg) no-repeat -677px 0; width:112px; height:32px; display: block;}

#menu li#menu1 a:hover{background: url(gx/M/menu.jpg) no-repeat 0 -47px; width:76px; height:32px; display: block;color:#fff;}
#menu li#menu2 a:hover{background: url(gx/M/menu.jpg) no-repeat -76px -47px; width:105px; height:32px; display: block;color:#fff;}
#menu li#menu3 a:hover{background: url(gx/M/menu.jpg) no-repeat -181px -47px; width:140px; height:32px; display: block;color:#fff;}
#menu li#menu4 a:hover{background: url(gx/M/menu.jpg) no-repeat -321px -47px; width:104px; height:32px; display: block;color:#fff;}
#menu li#menu5 a:hover{background: url(gx/M/menu.jpg) no-repeat -425px -47px; width:132px; height:32px; display: block;color:#fff;}
#menu li#menu6 a:hover{background: url(gx/M/menu.jpg) no-repeat -437px -47px; width:120px; height:32px; display: block;color:#fff;}
#menu li#menu7 a:hover{background: url(gx/M/menu.jpg) no-repeat -677px -47px; width:112px; height:32px; display: block;color:#fff;}

#menu li#menu1 a.actif{background: url(gx/M/menu.jpg) no-repeat 0 -94px; width:76px; height:32px; display: block;}
#menu li#menu2 a.actif{background: url(gx/M/menu.jpg) no-repeat -76px -94px; width:105px; height:32px; display: block;}
#menu li#menu3 a.actif{background: url(gx/M/menu.jpg) no-repeat -181px -94px; width:140px; height:32px; display: block;}
#menu li#menu4 a.actif{background: url(gx/M/menu.jpg) no-repeat -321px -94px; width:104px; height:32px; display: block;}
#menu li#menu5 a.actif{background: url(gx/M/menu.jpg) no-repeat -425px -94px; width:132px; height:32px; display: block;}
#menu li#menu6 a.actif{background: url(gx/M/menu.jpg) no-repeat -437px -94px; width:120px; height:32px; display: block;}
#menu li#menu7 a.actif{background: url(gx/M/menu.jpg) no-repeat -677px -94px; width:112px; height:32px; display: block;}


#sousMenu{height:35px; width:550px; margin:0; padding:0;}
#sousMenu ul{margin:0;padding:0;}
#sousMenu ul li{margin:0 20px 0 0; float:left; list-style-type:none; color:#38b64a; /*border-right:solid #32980f 1px;*/}
#sousMenu ul li a {padding:0; margin:0; color:#38b64a; text-decoration:none; font-size:13px; font-weight:bold;}

#sousMenu ul li a:hover, #menu ul li a:visited:hover{ color:#32980f;}
#sousMenu li a.actif, #menu ul li a.actif:visited{background-color:#C21527; color:#FFF;}

/* PAGE MAIN
--------------------------------------------------------------------------------------- */
#logo{margin:20px 0 20px 30px;float:left;}
#imgFlash{margin:0 0 15px 0;border:1px solid #b5b5b5;}
#infoHeader{ background: url(gx/M/bgContact.png) no-repeat; height:60px; width:207px;float:left; position:absolute; top:61px; right:280px; /*margin:45px 0 0 332px;*/ padding:25px 0 0 80px; text-align:left; }

#infoHeader p, #infoHeader a{color:#FFF;font-weight:bold; font-size:16px;text-transform:uppercase;}
#infoHeader p span.gros{font-size:20px;}
#infoHeader p span.petit{font-size:12px;}
#logoBildMember{float:right; margin:50px 20px 0 0;}

#btFacebookTwitter{float:right; margin:30px 20px 0 0;}
#btnFacebook{width:30px; height:29px; float:left; display:block; margin:0 10px 0 0px; background:url(gx/M/logo-facebook.png) no-repeat top left;}
#btnTwitter{width:30px; height:29px; float:left; display:block; background:url(gx/M/logo-twitter.png) no-repeat top left;}

#banniere{background: url(gx/M/bg_banniere.png) no-repeat; width:808px; height:305px;margin-left:-7px;padding:9px 0 0 9px; position:relative;}
/*#banniere #photo1{background: url(gx/M/imgAccueil1.jpg) no-repeat; width:538px;height:286px;z-index:1;}*/
#banniere #boiteDroite{width:279px;position:absolute;float:right;}
#banniere #bouton{width:250px;height:168px;position:absolute; top:65px; left:536px; z-index:10;cursor:pointer;}
#banniere #bouton .premier{background:url(gx/M/btn1_banniere.png) no-repeat top left; width:111px; height:68px; position:relative; top:-10px; left:1px;}
#banniere #bouton .premier p{text-decoration:none; color:#fff; font-size:20px; position:relative; left:20px; font-weight:bold;}
#banniere #bouton .deuxieme{background:url(gx/M/btn1_banniere.png) no-repeat top left; width:111px; height:68px; position:relative; top:5px; left:1px;}
#banniere #bouton .deuxieme p{text-decoration:none; color:#fff; font-size:20px; position:relative; left:20px; top:14px; font-weight:bold;}
#banniere a div#bouton2{background: url(gx/M/btn_SignUp.png) no-repeat;width:139px;height:47px;position:absolute; top:240px; left:605px; z-index:10;cursor:pointer;line-height:23px;font-size:16px;color:white;font-weight:bold;padding-right:5px;text-decoration:none;text-align:center;}
#banniere a:hover div#bouton2{background: url(gx/M/btn_SignUp.png) no-repeat 0 -47px;width:139px;height:47px;position:absolute; top:240px; left:605px; z-index:10;cursor:pointer;line-height:23px;font-size:16px;color:white;font-weight:bold;padding-right:5px;text-decoration:none;text-align:center;}
.lastChance{font-size:16px;font-weight:bold;color:#32980f;}
a.eligibility{color:#32980f;}
#banniere #texte ul{list-style-image:url(gx//M/fleche.gif);}
#banniere #texte ul li{font-size:11px;line-height:13px;}

#banniere2{background: url(gx/M/bg_banniere.png) no-repeat; width:808px; height:305px;margin-left:-7px;padding:9px 0 0 9px; position:relative;}
/*#banniere #photo1{background: url(gx/M/imgAccueil1.jpg) no-repeat; width:538px;height:286px;z-index:1;}*/
#banniere2 #boiteDroite{width:279px;position:absolute;float:right;}
#banniere2 .premier{background: url(gx/M/btn1_banniere.png) no-repeat top left;width:111px; height:68px;position:absolute; top:78px; left:537px; z-index:999;cursor:pointer;}
#banniere2 .premier p{text-decoration:none; color:#fff; font-size:20px; position:relative; left:20px; font-weight:bold;}
#banniere2 a div#bouton2{background: url(gx/M/btn_SignUp.png) no-repeat;width:139px;height:47px;position:absolute; top:240px; left:605px; z-index:999;cursor:pointer;line-height:23px;font-size:16px;color:white;font-weight:bold;padding-right:5px;text-decoration:none;text-align:center;}
#banniere2 a:hover div#bouton2{background: url(gx/M/btn_SignUp.png) no-repeat 0 -47px;width:139px;height:47px;position:absolute; top:240px; left:605px; z-index:999;cursor:pointer;line-height:23px;font-size:16px;color:white;font-weight:bold;padding-right:5px;text-decoration:none;text-align:center;}
.lastChance{font-size:16px;font-weight:bold;color:#32980f;}
a.eligibility{color:#32980f;}
#banniere2 #texte ul{list-style-image:url(gx//M/fleche.gif);}
#banniere2 #texte ul li{font-size:11px;line-height:13px;}

#banniereImage span.banniereTexte{
	position:absolute;
	width:538px;
	padding:20px 0 0 10px;;
	background:url(gx/M/bgTextebanniere.png) repeat-x;
	width:528px;
	margin-top:20px;
	height:50px;
	color:#fff;
}

#banniereImage div{
	display:none;
}

#banniereImage div.imageActif{
	display:block;
	z-index:1;
}

/* PAGE 01_100
--------------------------------------------------------------------------------------- */

#conteneurFlash{
	background:#000;
	width:789px;
	height:286px;
}

#intro p{font-size:12px; }


#news{margin:0;padding:0;width:250px;}
#news li{padding:0; margin:0; list-style-type:none; background:url(Gx/01/dot.gif) no-repeat top left; padding:0 0 15px 25px;}
#btnPlayVideoMain{background: url(gx/01/btnPlayVideo.jpg) no-repeat top left; width:200px; height:137px; display:block; margin-left:26px; border:1px solid #b5b5b5;}
#btnPlayVideoMain:hover{background: url(gx/01/btnPlayVideo_over.jpg) no-repeat top left; width:200px; height:137px; display:block;margin-left:26px; border:1px solid #b5b5b5;}

#contour{float:left; /*border:1px solid #b5b5b5; display:block;*/}

#blocCentre{float:left;width:250px; margin-right:2px; padding:20px 10px 0 10px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; border:1px solid #38b64a; min-height:1060px;}
#blocCentre h2 img{border:none;margin:0;}
#blocCentre img{ /*border:1px solid #b5b5b5;margin-bottom:15px; */}
#blocGauche{float:left; width:250px;  padding:20px 0 0 10px; display:block; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; border:1px solid #38b64a; min-height:1060px;}
#blocGauche h2 img{border:none;margin-bottom:15px;}
#blocGaucheimg{ /*border:1px solid #b5b5b5;margin-bottom:15px; */}
#blocGauche a{color:#777;}
#blocGauche a:hover{color:#aaa;}
#blocDroite{float:left; width:240px; margin-right:2px; padding:20px 10px 0 10px; /*border-left:1px solid #b5b5b5;*/  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; border:1px solid #38b64a; min-height:1060px;}
#blocDroite h2 img{border:none;margin-bottom:10px;}
#blocDroite img{border:1px solid #b5b5b5;margin-bottom:15px;}

.lienSurTexte{color:#717172; text-decoration:none;}

/* div #blocCentre:hover, div #blocDroite:hover{background-color:#f5f5f5;} */

.imageColonneIndex{ float:left; margin:0 7px 0px 0; }

/* PAGE 02_100
--------------------------------------------------------------------------------------- */

#infos{/*border:1px solid #b7b7b7;*/ color:#373737; /*float: right;*/ margin-top: 27px; padding: 10px;  /*width: 400px;*/}

#reponseEnvoiForm{float:left;margin:50px 0 0 25px;}

div#carte{border:1px solid #b7b7b7; color:#373737; float: right; margin-top: 27px; padding: 10px;  width: 400px;}
div#carte div#map{border:1px solid #b7b7b7; width:400px;height:300px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #373737; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } 
div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #373737; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #373737; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}
div#carte p a{color:#373737;}
#carte FIELDSET { border: none; padding: 0px; width: 100%; }

#logoGauche{
	float:left;
	background: url(Gx/02/logo_EC.gif) no-repeat top left;
	width:197px;
	height:176px;
}

#logoDroit{
	float:right;
	background: url(Gx/02/logo_ESA.gif) no-repeat top left;
	width:157px;
	height:88px;
}


/* PAGE 03_100
--------------------------------------------------------------------------------------- */
#btnPlayVideo{background: url(gx/03/btnPlayVideo.jpg) no-repeat top left; width:786px; height:286px; display:block;}
#btnPlayVideo:hover{background: url(gx/03/btnPlayVideo_over.jpg) no-repeat top left; width:786px; height:286px; display:block;}


table.freeTable td{padding:5px; text-align:center;}

ul.circleUl li{list-style:disc;}
ul.numberUl li{list-style:decimal;}

/* PAGE 07_100
--------------------------------------------------------------------------------------- */
#conteneurFlash07{
	width:730px;
	height:496px;
	margin-left:35px;
	border:1px solid #000;
}


/* 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:#373737; font-size:10px; height:50px; padding:0; width:807px;padding:0 0 0 0px;}
#piedPage a{color:#373737; text-decoration:none;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold; color:#373737}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#373737;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #373737;}
#piedPage #menuBas{float:right;text-align:right;}
#piedPage #menuBas a{color:#373737}


/* 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
--------------------------------------------------------------------------------------- */
#formulaireQuestion fieldset{border:1px solid #b5b5b5; font-size: 11px; margin:15px 15px 10px 0; padding:5px; width:350px; float:left;}
#formulaireApplication fieldset{border:1px solid #b5b5b5; font-size: 11px; margin:15px 15px 10px 0; padding:5px;}
fieldset legend{border: 1px solid #b5b5b5; color:#373737; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#373737; margin:2px 0 2px 0;}

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


/* Formulaire application */
#formulaireApplication fieldset label{float:left;width:170px;}
#formulaireApplication .champTexte{float:left;width:300px;}
#formulaireApplication .listeDeroulante{float:left;width:300px;}
#formulaireApplication .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	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: #373737;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#40a824; color:#FFF;}

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

.erreur{color:#FF0000;}

/* popVideoYoutube
--------------------------------------------------------------------------------------- */
#btPlayer{width:640px; height:390px; position:relative;}
#player{position:absolute; width:640px; height:390px; top:0px; left:0px; z-index:1;}
#imgOverPlayer{position:absolute; width:640px; height:390px; top:0px; left:0px; z-index:10; background:#fff url(gx/rick_mercer_report.jpg) no-repeat center; display:block; }