/* 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*/{
	background: #F4F4F4 url(gx/bg.gif) repeat-y  scroll center top;
	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{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#666;}
a:hover{color:#0083ba;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{ background: url(gx/globe.jpg) no-repeat 0px 0px; border-bottom: 1px dotted #8b8b8c; color:#5aa4cf; font-size:25px; line-height:20px; margin-bottom:20px; padding: 5px 0 13px 38px; text-transform: uppercase;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

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

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

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#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;}

.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:0;}
fieldset label{font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
}
.bouton{
	background:url("gx/btOrangebg.gif") repeat scroll 0 0 transparent;
	border: 0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color:#FFFFFF;
	font-size:12px;
	height:27px;
	line-height:27px;
	text-align:center;
	width:63px;
}
.bouton:hover{ background-position: bottom; cursor: pointer;}
.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.gif) no-repeat left; margin: 10px 0 0 0; padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;	
	width:985px;
}

#conteneurBg{
	background: url(gx/conteneurbg.jpg) repeat-x bottom;
}

#conteneurBas{
	background: url(gx/conteneurBasbg.gif);
	border-top: 2px solid #FFF;
}

#contenu{
	min-height:500px;
	height:auto !important;
	height:500px;
}

#letterboxHaut{
	border: 1px solid #aaaaaa;
	float: right;
	height: 78px;
	margin: 22px 11px 0 0;
	width: 645px;
}

#letterboxHaut.bas{
	border-color: #000; 
	float: none; 
	height: 95px;
	margin-top: 0;
}

#letterboxHaut.bas.interieur{ margin-top: 75px;}

#barHaut{
	margin-top: 1px;
	height: 30px;	
}

#blockSearch{
	float: right;
	height: 30px;
	width: 255px;
}

#blockSearch #Recherche{
	background:#FFF url(gx/loupe.gif) no-repeat 10px;
	border: 1px solid #D0D0D0;
	color: #969696;
	font-family: Tahoma;
	height: 27px;
	line-height: 27px;
	padding-left: 32px;
	width: 188px;
}

#blockSearch #btSubmit{
	background:url(gx/btGobg.gif) no-repeat; 
	border: none; 
	color: #FFF;
	font-size: 11px;
	height: 23px;
	margin: 3px 0 0 -11px;
	position: absolute;
	width: 23px;
}

#blockSearch #btSubmit:hover{ background-position: bottom; cursor: pointer;}

#blockFollow{
	color: #7a7a7a;
	float: right;
	height: 30px;
	line-height: 29px;
	width: 340px;
}

#blockFollow #Followus{ float: left; margin-right: 8px;}

#blockFollow #btBlog{
	background:url(gx/btblogbg.gif) no-repeat; 
	display: block;
	float: left;
	height: 26px;
	padding-left: 12px;
	text-decoration: none;
	width: 114px;
}

.btFollow{
	background:url(gx/btFacebook.gif) no-repeat; 
	display: block;
	float: left;
	height: 26px;
	margin-left: 4px;
	width: 26px;
}

.btFollow:hover{ opacity:0.75;}

#btFollow1{background-image:url(gx/btFacebook.gif)}
#btFollow2{background-image:url(gx/btTwitter.gif)}
#btFollow3{background-image:url(gx/btYoutube.gif)}
#btFollow4{background-image:url(gx/btVimeo.gif)}
#btFollow5{background-image:url(gx/btRSS.gif)}

#coloneDroite{
	float: right;
	width: 310px;
}

#coloneDroite.interieur{width: 305px;}

#blockVideo{
	height: 318px;
	width: 310px;
}

#videoMain{
	background: #AAA url(gx/videoMain.jpg);
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	height: 227px;
	width: 310px;
}

#videoList{
	background: #FFF;
	border: 1px solid #bababa;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	height: 87px;
	margin-top: 3px;
	padding-left: 6px;
	width: 302px;
}

#videoList .videoTn{
	height: 63px;
	float: left;
	margin: 11px 4px 0 0;
	width: 75px;
}

#videoList .videoTn:hover{ background-position: -2px -2px!important; border:2px solid #000;height: 59px;width: 71px;}

#videoList .videoTn.last{ margin-right: 0;}

#videoMore{
	background: #000;
	border-top-right-radius:5em; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-bottom-right-radius:5em; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; 
	color: #51a5cc;
	display: block;
	float: right;
	font-family: Tahoma;
	font-weight: bold;
	height: 64px;
	margin-top: -1px;
	padding: 25px 0 0 14px;
	text-decoration: none;
	width: 51px;
}

#videoMore:hover{ color: #ff7f01;}

.boxDroite{
	float: right;
	margin: 14px 0 0 0;
}

.boxDroite img{
	border: 1px solid #aaaaaa;
	float: right;
	width: 298px;
}

#boxDroite1{background: url(gx/boxDroite1.jpg) no-repeat;}
#boxDroite2{background: url(gx/boxDroite2.jpg) no-repeat;height: 248px;}
#boxDroite3{background: url(gx/boxDroite3.jpg) no-repeat;height: 248px;}

#boxDroite4{
	background: url(gx/boxDroite4.jpg) no-repeat;
	border: 1px solid #aaaaaa;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color: #FFF;
	height: 245px;
	padding-left: 20px;
	width: 280px;
}

#boxDroite4 a{color: #FFF; text-decoration: none;}
#boxDroite4 a:hover{color: #FFF; text-decoration: underline;}

h2.orange{
	border-bottom: 1px dotted #FFF; 
	color: #ff7f01;
	font-size:25px; margin-bottom:20px; 
	padding: 14px 0 8px 1px; 
	text-transform: uppercase;
}

#formSurvey .radiogroup{
	margin-right: 9px;
}

#formSurvey #btSurvey{
	margin: 13px 0 0 18px;
	background:url("gx/btOrangebg.gif") repeat scroll 0 0 transparent;
	border: 0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	height:27px;
	line-height:27px;
	text-align:center;
	width:63px;
}

#formSurvey #btSurvey:hover{
	background-position: bottom;
	cursor: pointer;
}

/*************************/

#coloneGauche{
	float: left;
	min-height: 500px;
	width: 672px;
}

#calltoaction{
	height: 127px;
	margin-top: 14px;
}

.callBlock{
	background: url(gx/call1.jpg) no-repeat;
	border-radius:6em; -moz-border-radius:6px; -webkit-border-radius:6px;
	display: block;
	float: left;
	height: 127px;
	margin-right: 7px;
	text-decoration: none;
	width: 219px;
}

#call1{background: url(gx/call1.jpg) no-repeat;}
#call2{background: url(gx/call2.jpg) no-repeat;}
#call3{background: url(gx/call3.jpg) no-repeat; margin-right: 0px;}

.callTexte{
	background: url(gx/callTextebg.png);
	color: #FFF;
	float: left;
	height: 43px;
	margin-top: 84px;
	padding-left: 13px;
	width: 206px;
}

.callBlock:hover .callTexte{height: 127px;margin-top: 0px;}

.callTexte h3{ font-size: 18px; font-weight: normal; margin-top: 7px;}
.callTexte p{ color: #b4b3b3;}


.newsBlock{
	float: left;
	font-size: 12px;
	margin-bottom: 27px;
	padding-left: 8px;
	width: 664px;
}

.newsBlock p{ background: none!important;}

a.newsImage{
	background: #888;
	border: 1px solid #AAA;
	float: left;
	height: 121px;
	margin-right: 16px;
	width: 188px;
}

a.newsImage:hover{ background-position: -3px -3px!important; border: 4px solid #AAA;height: 115px;width: 182px;}
a.newsImage:hover img{ height: 115px;width: 182px;}

.newsBlock .titre a{ color: #000; font-size: 18px; margin-bottom: 7px; text-decoration: none;}
.newsBlock .date{ color: #5aa4cf;}
a.seemore{ color: #fe6903;}
a.seelinks{ margin-left: 16px;}

a.seemore.newsDetail{ float: left; margin-top: 95px; position: absolute;}
a.seemore.newsDetailHome{ float: left; margin-top: 105px; position: absolute;}

#contenu .seemoreNews{
	background: url(gx/btOrangebg.gif);
	float: left;
	font-size:12px;
	color: #FFF;
	display: block;
	height: 27px;
	line-height: 27px;
	margin-left: 202px;
	text-align: center;
	text-decoration: none;
	width: 133px;
}

#contenu .seemoreNews:hover{ background-position: bottom;}

#contenu .seemoreNewsShadow{
	background: url(gx/seemoreNewsShadow.jpg) no-repeat;
	float: left;
	height: 21px;
	margin-left: 202px;
	width: 133px;
}

.both, .clearBoth{clear:both;}
div.texteJustify{ text-align: justify;}

/* VIDEOS
--------------------------------------------------------------------------------------- */

#videoPlayer{
	/*background: url(gx/videoPlayer.jpg);*/
	min-height:367px;
	height:auto !important;
	height:367px;
	width: 672px;
}

#videoListing{
	border-bottom:1px dotted #AAAAAA;
	margin-top: 26px;
	width: 671px;
}

.videoBlock{
	background: #FFF;
	float: left;
	font-size: 12px;
	min-height:139px;
	height:auto !important;
	height:139px;
	margin:0 7px 7px 0;
	padding: 15px 0 3px 11px;
	width: 318px;
}

.videoBlock.travelVedette{
	margin-right: 0;
	width: 654px;
}

.videoBlock.lastRow{ margin-right: 0;}
.videoBlock:hover{background: #e2e2e2;}

.videoTb img{
	border:1px solid #AAAAAA;
	float: left;
	margin-right: 12px;
}

.videoBlock .titre a{
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

.videoBlock .temps{ margin:40px 0 10px 0;}

.videoBlock .playthisvideo{
	background: url(gx/videoIcon.gif) no-repeat left;
	color: #fe6903;
	display: block;
	float: left;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	padding-left: 25px;
	text-decoration: none;
}

.videoBlock .seemore:hover{ text-decoration: underline;}

.videoBlock .videoLogo{
	background: url(gx/logoVideo.png);
	height: 68px;
	margin: 28px 0 0 -185px;
	opacity:0.80;
	outline: none;
	position: absolute;
	width: 156px;
}


#pagination{
	float: right;
	margin: 8px 0 0 0;
}

#pagination a{
	background: url(gx/btPage.gif) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	margin:0 3px 3px 0;
	text-align: center;
	text-decoration: none;
	width: 20px;
}

#pagination a:hover, #pagination a.actif{ background-position: bottom;}

/* TRAVEL / LINKS
--------------------------------------------------------------------------------------- */

#linksBlock .videoBlock:hover{background: #FFF;}

.linkList li a{text-decoration: none;}

#detailsBlockDroit{float: right; margin-left: 15px;}
#detailsBlockDroit img{ margin-bottom: 10px;}
#detailsBlockList .texteSmall{color: #0168A6;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{ background: url(Gx/menubg.jpg) no-repeat; margin:0;padding:0; height: 49px;}
#menu li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	color: #FFF;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 49px;
	text-decoration: none;
	text-transform: uppercase;
}
#menu li a:hover, #menu li a:visited:hover span{line-height:39px;padding-top:0px;padding-bottom:10px;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background-color:#3d8eb4; color:#FFF;}
#menu li.premier a{ 
	border-top-left-radius:6em; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;
	border-bottom-left-radius:6em; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; 
}
#menu li.dernier a span{ border: none; }

#menu li a span{
	border-right: 1px dotted #abd9eb;
	padding:5px 16px;
}

#menuShadow{
	background: url(Gx/menuShadowbg.jpg) no-repeat;
	margin-top: 1px;
	height: 14px;	
}

/* Navigation secondaire */
#menuSec{float:right;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{padding:0 5px;}
#menuSec li.dernier a{padding-right:0;}

/* Menu Droite */

#menuDroite{
	background: url(gx/menuDroitebg.jpg);
	border-radius:6em; -moz-border-radius:6px; -webkit-border-radius:6px;
	float: right;
	min-height:153px;
	height:auto !important;
	height:153px;
	margin-top: 35px;
	padding-bottom: 10px;
	width: 294px;
}

#menuDroite ul{
		padding: 18px 20px 0 20px;
}

#menuDroite ul li{
	border-bottom: 1px dotted #9cd8ea;
	list-style: none; 
	margin: 0;
}

#menuDroite ul li.premier{border-top: 1px dotted #9cd8ea;}

#menuDroite ul li a{
	background: url(gx/menuPuce.png) no-repeat left top;
	color: #FFF;
	display: block;
	font-size: 16px;
	font-weight:bold;
	height: 29px;
	line-height: 29px;
	margin-left: 5px;
	padding-left: 21px;
	text-decoration: none;
	text-transform: uppercase;
}

#menuDroite ul li a:hover{ margin-left: 15px;}
#menuDroite ul li a.actif{ background-position: left bottom; color: #ff7f01; margin-left: 5px;}
#menuDroite ul li a.large{ line-height: 15px; padding: 2px 0; padding-left: 21px;}

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

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/*-- Slideshow --*/

#bannerBlock{
	border-radius:7em; -moz-border-radius:7px; -webkit-border-radius:7px;
	height: 317px;
	width: 672px;
}

#banniereTexte{
	background: url(gx/bannerTextebg.png) no-repeat;
	float: left;
	height: 82px;
	margin-top: 235px;
	padding-left: 14px;
	position:absolute; 
	width: 658px;
}

#banniereImg{
	position:absolute;
}

#banniereTexte h2 a{
	color: #FFF;
	font-size: 21px;
	font-weight: normal;
	line-height: 82px;
}

/*-- Slideshow controls --*/
.jshowoff-1{width: 652px;}

p.jshowoff-controls{
	display: none;
	top: -165px;
	float: left;
	margin-bottom: -165px;
	position: relative;
}

p.jshowoff-slidelinks{
	top: -50px;
	/*left: 860px;*/
	margin:0 0 -20px 28px;
	float: right;
	position: relative;
}

p.jshowoff-slidelinks a{
	background:url(gx/bannerLinkbg.gif) no-repeat top;
	color: #000;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 19px;
	height: 20px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	outline: none;
	/*text-indent: -9000px;*/
	text-align: center;
	text-decoration: none;
	width: 16px;
}

p.jshowoff-slidelinks .jshowoff-active{color: #FFF; background-position: bottom;}
/*-- /Slideshow --*/

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

#formContact{float:left;width:350px;}
#formContact label{float:left;width:80px;}
#formContact .champTexte{float:left;width:230px;}
#formContact .listeDeroulante{float:left;width:230px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:80px;}
#formContact .bouton{margin-left:80px;}

#formGiveAway{width:650px;}
#formGiveAway label{ clear: left; float:left;width:230px;}
#formGiveAway .champTexte{float:left;width:230px;}
#formGiveAway .listeDeroulante{float:left;width:230px;}
#formGiveAway .boiteTexte{float:left;height:70px;width:230px;}
#formGiveAway label.erreur{color:#cc0000;}
#formGiveAway .bouton{margin-left:230px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ color:#FFF; margin:0 auto;padding:24px 0 10px 0;	width:985px;}
#piedPage a{ color: #FFF; text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{ color: #a2cbe0; float:left;}
#piedPage #copyrights a{ color: #a2cbe0;}

/* Navigation en bas-de-page */
#menuBas{float:left; text-align:left;}
#menuBas li{display:inline; float:left;}
#menuBas li.premier a {padding-left:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited{ color: #dbecf4; font-family: Tahoma; font-size: 13px; padding:0 10px;}
#menuBas li a:hover {color: #FFF; text-decoration: none;}
#menuBas li a.actif {color: #f7931d;}

#menuBas.menuBas2{clear:left;}
#menuBas.menuBas2 li a {font-size: 11px;}
#menuBas.menuBas2 li.dernier a {font-size: 12px;}

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