/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #d4e4f4 url(gx/bg.jpg) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #d4e4f4 url(gx/bg.jpg) repeat-x  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Tahoma, Verdana,  Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited, a:hover{color:#00468D;outline: none;}

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

h2{color: #00468d; font-size:15px;}
h2 a, h2 a:link, h2 a:visited{ font-size:13px;color:#888;display:block;margin-bottom:2px;}

h3{font-size:14px;}

.both{clear:both;}
.FloatLeft{float:left;}
/* temoignages */

.temoignage{ width: 100%; margin-bottom: 10px; padding-bottom:10px; border-bottom:1px solid #CFCFCF; }
.TexteTemoignage{ width: 750px; float: left; margin-left: 2px; }
.TexteTemoignage h2{ font-size: 12px; color: #717172; font-weight: bold; }
.imageTemoignage{ float: right; }


/* INDEX
--------------------------------------------------------------------------------------- */
#conteneur_index{
	margin: 0 auto 0 auto;
	background: #fff url(gx/i/splash.jpg) no-repeat center top;
	width:1000px;
	height:650px;
}
#conteneur_index_en{
	margin: 0 auto 0 auto;
	background: #fff url(gx/i/splash_en.jpg) no-repeat center top;
	width:1000px;
	height:650px;
}
#menu_splash{
	text-align:left;
	position:relative;
	top:385px;
	left:61px;
}
#menu_splash a{letter-spacing:1px;font-family: Arial, Tahoma, Verdana,  Helvetica;font-size:12px;position:relative;top:12px; left:20px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}


#menu_splash #bg1{position:absolute;top:0px;float:left;width:224px; height:194px; background: url(gx/i/MenuSplashBg1.jpg) no-repeat center top;}
#menu_splash #bg2{position:absolute;top:0px;margin-left:224px;float:left;width:224px; height:194px; background: url(gx/i/MenuSplashBg2.jpg) no-repeat center top;}
#menu_splash #bg3{position:absolute;top:0px;margin-left:448px;float:left;width:224px; height:194px; background: url(gx/i/MenuSplashBg3.jpg) no-repeat center top;}
#menu_splash #bg4{position:absolute;top:0px;margin-left:672px;float:left;width:224px; height:194px; background: url(gx/i/MenuSplashBg4.jpg) no-repeat center top; }

#menu_splash #bg1 a:hover{color:#afafac;}
#menu_splash #bg2 a:hover{color:#92c6f5;}
#menu_splash #bg3 a:hover{color:#b3d106;}
#menu_splash #bg4 a:hover{color:#96352d;}

#piedPageIndex{clear:both;position:relative;top:595px;}
#piedPageIndex a{text-decoration:none;color:#6f8194;}
#piedPageIndex a:hover{text-decoration:underline;color:#6f8194;}

/* SEPTIBOSS
--------------------------------------------------------------------------------------- */
#haut_septiBoss{
background: url(gx/m/bg_haut_septiBoss.gif) repeat-x top;
padding:15px 0 0 25px;
}
#haut_septiBoss h1{font-size:22px;}
#haut_septiBoss #intro{color:#00468D;font-weight:bold;}

#bas_septiBoss{
height:auto;/*169px*/
padding:5px 0 0 25px;
/*background: url(gx/07/bas_septiBoss.jpg) no-repeat top;*/
/*background: url(gx/07/bg_deg.jpg) repeat-y top;*/
background-image: url(gx/07/bg_deg2.jpg);
background-position: top left;
background-repeat: repeat-y;
background-color: #e1e3e2;
}
#bas_septiBoss p,#bas_septiBoss ul {margin:5px 0;width:620px; }
#bas_septiBoss li{margin-bottom:5px;font-size:13px;}
#bas_septiBoss h3{margin:10px 0;color:#127121;}
/*#bas_gauche{width: 626px; height: auto; float:left;}
#bas_droite{width: 281px; height: auto; float:left;}*/



/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur_bg{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1018px;
	background:  url(gx/m/bg_conteneur.png) repeat-y center top;
}
#conteneur{
	width:970px;
	margin-left:24px;
}
#haut{
	margin: 0 auto 0 auto;
	text-align:right;
	width:975px;
	color:#fff;
	padding-top:45px;
	position:relative;top:5px;
}
#haut a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:6px;
	font-weight:bold;
	font-size:10px;
}

#basConteneur{margin: 0 auto 0 auto;width:1018px; height:34px;background:url(gx/m/bg_basConteneur.png) no-repeat center top;}


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

#menu_fr,#menu_en{text-align:left;margin: 0 auto ;width:1018px;height:62px; background:  url(gx/m/bg_menu.png) repeat-y center top;}
#menu_fr ul, #menu_en ul{margin:0;padding:0;}
#menu_fr ul li, #menu_en ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu_fr ul li a, #menu_fr ul li a:link, #menu_fr ul li a:visited{
	text-decoration:none;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	top:12px;
	left:49px;
	display:block;
	font-weight:bold;
	float:left;
	margin-right:3px;
	padding:16px 27px;
}
#menu_en ul li a, #menu_en ul li a:link, #menu_en ul li a:visited{
	text-decoration:none;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	top:12px;
	left:40px;
	display:block;
	font-weight:bold;
	float:left;
	margin-right:20px;
	text-align:center;
	padding:16px 0;
	width:115px;
}
#menu_fr ul li a:hover, #menu ul li a:visited:hover, #menu_en ul li a:hover, #menu ul li a:visited:hover{color:#ffd600;}
#menu_fr ul li a.actif, #menu ul li a.actif:visited, #menu_en ul li a.actif, #menu ul li a.actif:visited{color:#ffd600;}

#sousMenu{position:absolute;top:122px;margin-left:295px;background: #004487;}

#sousMenu a {
	font-weight:bold;
	margin:0;
	padding:0;
	color:#fff;
	display:block;
	border-bottom:1px solid #fff;
	text-decoration:none;
	padding:7px;
	width:235px;
}
	
#sousMenu a:hover {
	color:#004487;
	background: #FFD600;
}
#sousMenu2{position:absolute;top:122px;margin-left:702px;background: #004487;z-index: 99;}

#sousMenu2 a {
	font-weight:bold;
	margin:0;
	padding:0;
	color:#fff;
	display:block;
	border-bottom:1px solid #fff;
	text-decoration:none;
	padding:7px;
	width:235px;
}
	
#sousMenu2 a:hover {
	color:#004487;
	background: #FFD600;
}
	
/* CONTENU
--------------------------------------------------------------------------------------- */
#hautContenu{ 
	background: url(gx/m/haut_contenu.jpg) no-repeat center top;
	height:25px;
}
#contenu{padding:15px;position:relative;}


#sousmenu h2{margin:12px;color:#fff;text-transform:uppercase;font-size:14px;font-family: Arial, Tahoma, Verdana,  Helvetica;}

#sousmenu #sousmenu_1{position:relative;left:16px;width:309px; height:165px; background: url(gx/m/SousMenu_bg_1.jpg) no-repeat center top;float:left;}
#sousmenu #sousmenu_2{position:relative;left:20px;width:310px; height:165px; background: url(gx/m/SousMenu_bg_2.jpg) no-repeat center top;float:left;}
#sousmenu #sousmenu_3{position:relative;left:24px;width:309px; height:169px; background: url(gx/m/SousMenu_bg_3.jpg) no-repeat center top;float:left;}

#sousmenu #sousmenu_1 a{position:relative;font-size:13px;font-weight:bold;margin-left:12px;background: url(gx/m/puce1.gif) no-repeat left;padding:4px 0 0 15px;text-decoration:none;color:#b4b4b4;display:block;}
#sousmenu #sousmenu_2 a{position:relative;font-size:13px;font-weight:bold;margin-left:12px;background: url(gx/m/puce2.gif) no-repeat left;padding:4px 0 0 15px;text-decoration:none;color:#abcbe9;display:block;}
#sousmenu #sousmenu_3 a{position:relative;font-size:13px;font-weight:bold;margin-left:12px;background: url(gx/m/puce3.gif) no-repeat left;padding:4px 0 0 15px;text-decoration:none;color:#fff8d2;display:block;}
#sousmenu #sousmenu_1 a:hover,#sousmenu #sousmenu_2 a:hover,#sousmenu #sousmenu_3 a:hover{color:#fff;}

.ProdApp{overflow:hidden;height:150px;width:130px;background:#ABCBE9;padding:10px;margin:10px 0 10px 31px;position:relative;float:left;text-align:center;}

.ProdApp a{position:relative;text-decoration:none;color:#00468D;}
.ProdApp a:hover{color:#fff;}



#piedcontenu{color:#22272d;background-color:#efefef;margin:0 15px;padding:10px;font-size:10px;position:relative; display:block;width:925px;}

#sousMenuPiedContenu{float:right;background-color:#efefef;}

#sousMenuPiedContenu a{color:#919191;text-transform:uppercase;margin-right:10px;text-decoration:none;}

.imgtxt{
	float: left;
	border: 1px solid #CCC;
	margin: 0 10px 10px 0;}	

#bossTV{float:left;position:relative;}
#vert{margin-left:405px;background: url(gx/m/bg_vert.gif) no-repeat left;width:531px;height:97px;}
#bleu{margin:3px 0 0 405px;background: url(gx/m/bg_bleu.gif) no-repeat left;width:530px;height:96px;}
#pubConcours{margin:5px 0 0 405px;background: url(gx/m/bg_pubConcours.jpg) no-repeat left;width:527px;height:180px;text-align:center;}

#vert a{font-size:18px;color:#206b21;text-decoration:none;position:relative;top:22px;left:60px;}
#vert a:hover{color:#184e18;}
#bleu a{font-size:18px;color:#004487;text-decoration:none;position:relative;top:37px;left:60px;}
#bleu a:hover{color:#002a53;}
#pubConcours a{font-size:18px;font-weight:bold;color:#b40c2d;text-decoration:none;position:relative;top:15px;}
#pubConcours a:hover{color:#90011d;}
	
#ouvrirMap{margin-left:450px;}
#ouvrirMap a{text-decoration:none;}
#ouvrirMap a:hover{text-decoration:underline;}
	

.boiteResultat{
	float:left;
	display:block;
	margin-bottom:15px;
	width:920px;
}
.boiteResultat a{text-decoration:none;color:#286291;} 
.boiteResultat a:hover{text-decoration:underline;} 

.boiteListe{
	float:left;
	border-bottom:1px solid #a7c3d6;
	display:block;
	margin-bottom:15px;
	padding:15px 0;
	width:940px;
}

.boiteListe a{text-decoration:none;color:#777;} 
.boiteListe a:hover{color:#00468D;} 

.boiteListe h2 a{
	margin-bottom:5px;
	color:#777;
	font-size:15px;
}

.BoiteListeDetaillant{
	margin:15px 15px 12px 0;
	padding:7px 0 0 10px;
	border-top:1px solid #ddd;
	border-left:1px solid #eee;
	height:150px;
	width:250px;
	float:left;
}

.BoiteListeDetaillant a{color:#777;font-weight:bold;}
.BoiteListeDetaillant a:hover{color:#00468D;}

.lespages{
	margin-right:5px;
	padding-right:5px;
	float:left;
}

.NumPages{
	width:810px;
	text-align:right;
	margin:8px 8px 0 0;
}

.NumPages a,.NumPages span{
	text-decoration:none;
	padding:3px 5px;color:#888;
}

.NumPages a:hover,.NumPages span{
	background-color:#206B21;
	color:#fff;
}

#detailDetaillant{float:left;width:470px;margin:10px 0 0 0;}
#detailDetaillant img{float:left;margin:0 15px 0 0;}
#detailDetaillant a{color:#e14b00;font-size:12px;}

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

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

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

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


.vignettesVideos{text-align:center;height:170px;width:200px;padding:15px;float:left;margin-bottom:5px;position:relative;}
.vignettesVideosSeparation{height:150px;width:2px;border-right:1px solid #eee;float:left;}

#lienVideoProd{float:left; text-align:center;background-color:#EFEFEF;padding:10px;width:190px;margin-bottom:12px;position:relative;}
#contenuTexteProduit{float:left;width:650px;margin-bottom:10px;padding-right:20px;position:relative;}
#VideoPlayer{margin-right:20px;position:relative;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{margin: 0 auto 0 auto;width:970px;color:#6f8194; font-size:10px;  padding:0;}
#piedPage a{color:#6f8194; text-decoration:underline;}
#piedPage a:hover{color:#6f8194;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{text-decoration:none;}
#piedPage #copyrights a:hover{text-decoration:underline;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#6f8194;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #6f8194;}

/* Partager cette page (bookmarker) */
#bookmarker{float:right;}
#socialBookmarker {}
#bookmarker a{color:#6f8194; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ font-size: 11px;}
fieldset legend{ color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

.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: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{color: #FF0000;}

#contact label{ font-weight: bold;}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;_height: 22px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 460px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #1a5fa7;
	border: 1px solid #CCC;
	color: #fff;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #50864e;
}
	
.champCache{ display: none;}

.formcourrier{
	padding: 0 10px;
}

.innerleft{
	float: left;
	width: 350px;	
}