@font-face {
    font-family: 'cabinbold';
    src: url('inc/fonts/cabin-bold-webfont.eot');
    src: url('inc/fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/cabin-bold-webfont.woff') format('woff'),
         url('inc/fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('inc/fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinregular';
    src: url('inc/fonts/cabin-regular-webfont.eot');
    src: url('inc/fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/cabin-regular-webfont.woff') format('woff'),
         url('inc/fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('inc/fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,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
--------------------------------------------------------------------------------------- */
body{font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #4e4b44; line-height: 150%; text-align: left;}
html{background: #FFF url(gx/bg.jpg) center top no-repeat;/* overflow:-moz-scrollbars-vertical;*/}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#4e4b44; text-decoration:none;}
a:visited{color:#4e4b44;}
a:hover, a:focus{color:#6c81ac;}
a:active{color:#4e4b44; text-decoration:none;}

h1{float:left; width:100%; font-family:'cabinregular'; font-size:23px; color:#4e4b44; font-weight: normal; line-height:100%; padding-bottom: 8px; border-bottom: 3px solid #4e4b44;}
h1 a, h1 a:link, h1 a:visited{color:#4e4b44; text-decoration:none;}

h1 span {float:left; width:400px;}

h2{font-family:'cabinregular'; font-size:23px; color:#4e4b44; font-weight: normal; line-height:100%; padding-bottom: 8px; border-bottom: 3px solid #4e4b44;}
h2 a, h2 a:link, h2 a:visited{color:#4e4b44; text-decoration:none;}

h1.txtBleu, h2.txtBleu {color:#4a6499; border-color: #4a6499;}
h1.txtBleu a, h2.txtBleu a {color:#4a6499;}
	
h3 {font-family:'cabinregular'; font-size:23px; color:#4a6499; font-weight: normal; line-height:100%; margin-bottom:8px; /*padding-bottom: 8px; border-bottom: 3px solid #4e4b44;*/}

	span.ic {float:left; margin:0 12px 0 16px; background:url(gx/M/icone.png) 0 0 no-repeat;}
		#icImpDos {width:22px; height: 24px; background-position: -12px -98px;}						/*important dossier*/
		#icImpDos2 {width:22px; height: 24px; background-position: -276px -126px;}					/*important dossier 2*/
		#icSondage {width:47px; height: 25px; background-position: -138px -98px;}					/*sondage*/
		#icGallery {width:34px; height: 22px; background-position: -98px -131px;}					/*photos*/
		#icVideo {width:34px; height: 22px; background-position: -98px -131px;}						/*videos*/
		#ic-02 {width:31px; height: 24px; background-position: -8px -130px;}						/*a propos*/
		#ic-03 {width:28px; height: 32px; margin-top:-8px; background-position: -148px -126px;}		/*economie*/
		#ic-04 {width:47px; height: 25px; margin-top:-1px; background-position: -138px -98px;}		/*services*/
		#ic-05 {width:32px; height: 26px; margin-top:-2px; background-position: -191px -129px;}		/*legislatif*/
		#ic-06 {width:15px; height: 25px; margin-top:-1px; background-position: -62px -98px;}		/*nouvelles*/
		#ic-07 {width:38px; height: 22px; background-position: -96px -98px;}						/*tourisme*/
		#ic-08 {width:30px; height: 16px; background-position: -238px -102px;}						/*liens*/
		#ic-09 {width:31px; height: 23px; background-position: -192px -98px;}						/*contact*/
		#ic-10 {width:20px; height: 22px; background-position: 0 0;}								/*emplois*/
		#ic-11 {width:22px; height: 23px; background-position: 0 -23px;}							/*emplois*/
		#ic-12 {width:15px; height: 25px; margin-top:-1px; background-position: -62px -98px;}		/*cnm tv*/
		#ic-13 {width:12px; height: 26px; margin-top:-1px; background-position: -237px -127px;}		/*youtube*/

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:3px solid #ccc;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

hr{margin:10px 0; height:0; border:none; border-top:1px solid #ccc;}

.incTinyMce{line-height:170%;}
.incTinyMce p{margin-bottom:1em;}
.incTinyMce a {color:#6c81ac;}
.incTinyMce img {max-width:594px;}
.incTinyMce ul {float:left; width: 100%;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style:square; margin-left:16px;}
.incTinyMce ul ul li{list-style:circle;}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;}
.incTinyMce ol ol li{list-style:lower-alpha;}

.textePetit{font-size:11px;}

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}

.floatL {float:left;}
.floatR {float:right;}
p.btnRetour a {float:right; color:#4e4b44; font-weight: bold;}
p.btnRetour a:hover {color:#4a6499;}

.radiusShadow2 {
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18); -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18); box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18);
	background-color: #fff; behavior: url(js/PIE.htc);
}
.radiusShadow3 {
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18); -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18); box-shadow: 5px 5px 10px 0 rgba(0,0,0,.18);
	background-color: #fff; behavior: url(js/PIE.htc);
}


/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.png) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/M/ic-pdf.gif) no-repeat left;padding:5px 0 5px 20px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#divWrapper {width:100%; background: url(gx/M/bg-footer.png) center bottom no-repeat;}
	/* ====================== RESEAUX SOCIAUX ====================== */
	#divReseau {position: fixed; left:0; top:34px;}
		.icReseau {display:block; width: 42px; height: 43px; margin-bottom: 7px; background: url(gx/M/icone.png) 0 0 no-repeat;}
		#icFB {background-position: 0 -167px;}
		#icFB:hover {background-position: -46px -167px;}
		#icTW {background-position: 0 -217px;}
		#icTW:hover {background-position: -46px -217px;}
		#icYT {background-position: 0 -316px;}
		#icYT:hover {background-position:-46px -316px;}


	#conteneur{width:1000px; margin:0 auto;}
		/* ====================== HAUT ====================== */
		#haut {position:relative; /*height: 238px; */z-index: 11; }
			/* BOUTON EMPLOYMENT */	
			a#btnEmployment {float:right; width:145px; height: 36px; font-family: 'cabinregular'; font-size: 13px; color:#4e4b44; line-height:36px;
				text-align: center; text-decoration: none; text-transform: uppercase;
				-webkit-border-radius:0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
			}
			a#btnEmployment span {float:left; width:20px; height: 22px; margin:6px 0 0 15px; background:url(gx/M/icone.png) 0 0 no-repeat;}
			a#btnEmployment:hover span {background-position: -21px 0;}

			/* INFOLETTRE */
			#divInscrInfo {position:absolute; right: 0; top:135px; width: 268px; height: 36px; padding-top: 7px;}
				#divInscrInfo span {float:left; width: 23px; height: 22px; margin:4px 9px 0 10px; background: url(gx/M/icone.png) 0 -47px no-repeat;}
				#CourrielInfolettre {position:relative; float:left; width: 159px; height:27px; font-size: 11px; color:#605d5e; line-height: 27px; padding:0 16px;
					 border:1px solid #bfbebc; border-right:0;
					-webkit-border-radius:14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius:14px 0 0 14px;
					background-color:#f6f6f6; behavior: url(js/PIE.htc);
				}
				#CourrielInfolettre.erreur {color:#cc0000;}
				#btnSubmitInfo {float:left; width: 29px; height: 29px; border: 0; background: url(gx/M/btn-submit-infolettre.gif) left top no-repeat; cursor: pointer;}

				#divInscrInfo p.erreur, #divInscrInfo p.succes{float:left; width: 258px; font-size: 11px; line-height:12px; padding:5px;}
				#divInscrInfo p.erreur.fr {margin-top:-50px;}
				#divInscrInfo p.erreur.en, #divInscrInfo p.succes {margin-top:-37px;}

			/* H1 / MESSAGE BIENVENUE */
			#haut h1 {float:none; font-family: 'cabinbold'; font-size: 23px; color:#4e4b44; font-weight: normal; text-align: center; text-transform: uppercase; border:0; margin:3px 0 0 0; padding:0; }
			p#txtBienvenue {position:absolute; left:32px; top:164px; font-family: 'cabinbold'; font-size: 13px; color: #fff; text-transform: uppercase;}

	#contenu{position:relative; /*top:-39px; */min-height:500px; height:auto !important; height:500px; margin:0 0 10px 0; padding:30px 27px 17px 27px; background-color:#fff; z-index: 10;}
	#contenu.noPadding {padding:30px 0 0 0;}
		#contenu.radiusShadow2 {-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.07); -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.07); box-shadow: 5px 5px 10px 0 rgba(0,0,0,.07);}
			.colG {float:left; width: 626px; margin-right:12px;}
				.divTxt {float:left; width: 594px; text-align:justify; margin-bottom:12px; padding:21px 16px; background-color: #f6f6f6;}
					.imgTxt {float:left; margin:0 20px 20px 0;}
			.colD {float:left; width: 308px; padding-top: 33px;}

			/* RECHERCHE */
			#divSearch {display:none; position: absolute; right: 25px; top:-10px; padding:20px; background-color: #4a6499; z-index: 10;}
			#divSearch.openSearch {display: block;}
				#champRech {float:left; width:144px; height:28px; font-size: 11px; color:#605d5e; line-height: 28px; padding:0 16px 0 40px; border:0;
					background:url(gx/M/bg-recherche.gif) 0 0 no-repeat; behavior: url(js/PIE.htc);
				}
				#btnSubmitSearch {float:left; width: 28px; height: 26px; font-size: 12px; color:#fff; font-style: italic; text-align: center; 
					margin-top:1px; border: 0; padding-bottom: 2px;
					background: url(gx/M/btn-submit-search.gif) left top no-repeat; cursor: pointer;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu{position:relative; float:left; width: 967px; height:50px; margin:103px 0 10px 0; padding:0 0 0 33px; z-index: 10;}
#menu li{position:relative; display:inline-block; float:left;}
#menu a, #menu a:link, #menu a:visited{display:inline-block; /*height: 50px; */font-family: 'cabinbold'; font-size: 16px; color: #4e4b44; 
	line-height: 50px; text-decoration: none;  text-transform: uppercase; zoom:1;
	-webkit-transition: color 0.1s ease-in;
	-moz-transition: color 0.1s ease-in;
	-o-transition: color 0.1s ease-in;
	transition: color 0.1s ease-in;
}
#menu.fr {width:995px; padding:0 0 0 5px;}
#menu.fr a {padding:0 16px;}
#menu.en a {padding:0 20px;}
#menu a:hover, #menu a:focus, #menu a:active, #menu a:visited:hover{color:#4a6499;}
#menu a.actif, #menu a.actif:visited {color:#3a4d75;}

#menu a#logo{position:relative; line-height: 0; margin-top:-75px; padding: 0;}
#menu a#btnSearch span {float:left; width: 22px; height:23px; margin-top:14px; background: url(gx/M/icone.png) 0 -23px no-repeat;}
#menu.fr a#btnSearch {margin-left:10px;}
	/* SOUS-MENU*/
	/*#menu ul{display:block; position:absolute; top:49px; left:0; width:100%; background-color: #fff; z-index: -1;}*/
	#menu .divSm {display:none; position: absolute; left: 0; top:50px; width:200px; padding:20px 20px 10px 20px; background-color:#f6f6f6; z-index:-1;}
	#menu .divSm.grand-en {left:-240px; width: 450px;}
	#menu .divSm.grand-fr {left:-250px; width: 450px;}
		#menu .divSm ul {float:left; width: 175px;}
		#menu .divSm ul.marginR {margin-right:30px;}
		#menu .divSm ul li{display:block; float:none; margin-bottom:10px; border:0;}
		#menu .divSm ul li a, #menu .divSm ul li a:visited {display: block; color:#4e4b44; font-family: 'cabinregular'; font-size:14px; font-weight: normal; line-height:15px; text-transform: none; padding:0;}
		#menu .divSm ul li a:hover {color:#4a6499;}

		#menu .divSm.radiusShadow2 {-webkit-border-radius:0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}

/* Navigation secondaire */
#menuSec{float:left; font-family: 'cabinregular'; font-size:13px; margin:9px 0 0 25px;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color:#4e4b44; text-decoration: none; padding:5px 8px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
#menuSec a:hover {color:#312f2b;}

.menuLat {margin:-32px 0 33px 0;}
	/*.menuLat h3 {float:left; width: 100%;}*/
	.menuLat h3 {float:left; width: 291px; padding-left: 17px;}
	.menuLat li a {display:inline-block; width: 272px; /*height:32px; */font-family: 'cabinregular'; font-size: 16px; color:#4a6499; line-height: 32px; padding:0 18px; border-bottom: 1px solid #c7cfdf;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}
	.menuLat li a:hover, .menuLat li a.actif {background-color: #edf0f5;}

/* CTA - COLONNE DROITE
--------------------------------------------------------------------------------------- */
.ctaAnim {
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

/* CTA CONFORT NATURE */
a#ctaConfort {display:block; position: relative; width:287px; height: 124px; font-family: 'cabinbold'; font-size: 26px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; margin-bottom: 13px; padding:27px 0 0 21px; background:url(gx/M/cta.jpg) 0 -304px no-repeat;
}
a#ctaConfort span {font-family:'cabinregular'; font-size: 20px; color: #d1af48; text-shadow:none;}
a#ctaConfort img {position: absolute; right:-16px; top:26px;}
a#ctaConfort:hover {color:#ccc; background-position: 0 -455px;}

/* CTA IMPORTANT DOSSIER */
a#ctaImpDos {display:block; position: relative; width:158px; height: 110px; font-family: 'cabinbold'; font-size: 26px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; padding:41px 0 0 150px; background:url(gx/M/cta.jpg) -309px -304px no-repeat;
}
a#ctaImpDos img {position: absolute; left:-12px; top:20px;}
a#ctaImpDos:hover {color:#ccc; background-position: -309px -455px;}

/* CTA GET INVOLVED */
a#ctaInvolved {display:block; position: relative; width:193px; height: 81px; font-family: 'cabinbold'; font-size: 25px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; margin-bottom:10px; padding:25px 0 0 115px; background:url(gx/M/cta.jpg) -928px 0 no-repeat;
}
a#ctaInvolved span {font-size: 24px; text-transform: uppercase;}
a#ctaInvolved:hover {color:#ccc; background-position: -928px -107px;}

/* CTA RECENT NEWS */
a#ctaNews {display:block; position: relative; width:187px; height: 66px; font-family: 'cabinbold'; font-size: 25px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; padding:40px 0 0 121px; background:url(gx/M/cta.jpg) -928px -214px no-repeat;
}
a#ctaNews.fr {height:76px; padding-top:30px;}
a#ctaNews:hover {color:#ccc; background-position: -928px -322px;}

/* CTA QUESTION */
a#ctaQuestion {display:block; position: relative; width:287px; height: 98px; font-family: 'cabinbold'; font-size: 23px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; margin-bottom: 13px; padding:53px 0 0 21px; background:url(gx/M/cta.jpg) 0 -304px no-repeat;
}
a#ctaQuestion img {position: absolute; right:-16px; top:26px;}
a#ctaQuestion:hover {color:#ccc; background-position: 0 -455px;}

/* CTA CNM TV */
a#ctaCnm {display:block; position: relative; width:151px; height: 84px; font-family: 'cabinbold'; font-size: 26px; color:#fff; line-height:27px; 
	text-transform: uppercase; text-shadow:0 1px 0 #231f20; margin-bottom: 13px; padding:66px 0 0 157px; background:url(gx/M/cta.jpg) -618px -304px no-repeat;
}
a#ctaCnm img {position: absolute; left:-11px; top:20px;}
a#ctaCnm:hover {color:#ccc; background-position: -618px -455px;}

/* LISTE
--------------------------------------------------------------------------------------- */
.itemListe {position:relative; float:left; width: 595px; height: 166px; margin-bottom: 12px; padding:11px 14px 11px 18px; background-color: #edf0f5;}
.itemListe:hover {background-color: #dee3ed; cursor: pointer;}
	.itemListe .divImg {position: relative; float:left; width: 166px; height: 166px; margin-right: 21px;}
		.itemListe .mask {position:absolute; width: 166px; height: 166px; background: url(gx/M/mask-list.png) 0 0 no-repeat; z-index: 10;}
		.itemListe:hover .mask {background-position: 0 -166px;}
		.itemListe img {position:absolute; z-index: 0;}
	.itemListe .intro {float:left; width: 407px; margin-bottom: 7px;}
		.itemListe .intro h2 {margin-bottom:21px; padding:0; border-bottom: none;}
		.itemListe .intro p {font-size: 11px; line-height: 15px; text-align:justify; padding-right: 7px;}
		.itemListe a {color:#4e4b44;}
		.itemListe a.suite {position: absolute; right: 14px; bottom: 11px; width: 407px; font-family: 'cabinregular'; font-size: 17px; text-align: right; padding-top: 8px; border-top: 1px solid #b1b4b9;}
		.itemListe:hover a.suite {color: #4a6499;}

/* liste page Services */
#pService .itemListe {position:relative; width:163px; height:205px; margin-right:11px; padding:11px 19px 0 19px;}
#pService .itemListe.noMargin {margin-right: 0;}
	#pService .itemListe .divImg {float:none; width:120px; height: 120px; margin:0 auto 5px auto;}
		#pService .itemListe .mask {width:120px; height: 120px; background: url(gx/M/mask-list2.png) 0 0 no-repeat;}
		#pService .itemListe:hover .mask {background-position: 0 -120px;}
		#pService .itemListe h2 {font-size:17px; text-align: center; line-height: 20px; padding:0; border: 0;}
		#pService .itemListe a.suite {right:19px; bottom:10px; width: 163px; padding-top: 4px;}

.itemListe.liEmploye {min-height: 166px; height: auto !important; height: 166px;}
.itemListe.liEmploye:hover {background-color: #edf0f5; cursor: default;}
.itemListe.liEmploye:hover .mask {background: url(gx/M/mask-list.png) 0 0 no-repeat;}

/* CAROUSEL
--------------------------------------------------------------------------------------- */
/* slideshow */
#nav {width:603px; height: 148px; padding:0 12px; background-color: #f6f6f6;}	/* navigation */
#main {width:626px;} /* image principale */
#images {display:none; float:left; width:528px; margin:0;}	/* ul liste thumbnail */

.btnPrevNext {display:block; position:relative; float:left; width:16px; height: 29px; margin-top:60px; z-index: 20;}
#prev {margin-right:21px; background: url(gx/M/btn-carousel.png) 0 0 no-repeat;}
#prev:hover {background-position: 0 -30px;}
#next {margin-left:21px; background: url(gx/M/btn-carousel.png) -17px 0 no-repeat;}
#next:hover {background-position: -17px -30px;}
.panel {position:relative; margin:0;}	/* navigation */
/*.maskListLeft {position:absolute; left:0; width: 82px; height: 148px; background:url(gx/M/mask-listLeft.png) 0 0 no-repeat; z-index: 10;}
.maskListRight {position:absolute; right: 0; width: 82px; height: 148px; background:url(gx/M/mask-listRight.png) 0 0 no-repeat; z-index: 10;}*/

ul.exposureThumbs {position:relative; height:120px; list-style-type:none; margin:0; padding:0; z-index: 0;}
ul.exposureThumbs li {position:relative; display:none; float:left; width: 120px; height:120px; overflow: hidden; text-align:center; margin:14px 6px; padding:0; 
	
}
ul.exposureThumbs li img {position:relative; display:block; width: 120px; cursor:pointer; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; behavior: url(js/PIE.htc); }

/*
ul.exposureThumbs li .mask {position:absolute; left:0; top:0; width: 120px; height: 120px; background:url(gx/M/mask-list2.png) 0 0 no-repeat; z-index: 10;}
ul.exposureThumbs li img {position:absolute; left:0; top:0; display:block; cursor:pointer; z-index: 0;}
*/

.exposureTarget {position:relative; width:642px; height:480px; margin:0 auto; padding:0;
	background-image:url(gx/M/loader.gif); background-repeat:no-repeat; background-position:center center;overflow:hidden; 
}
.exposureWrapper {position:absolute; top:0;	left:0;}
.exposureWrapper img {position:absolute; left:0; top:0; width: 626px;cursor:pointer;}
.exposureLoaded {background-image:none;}
.exposureData {position:absolute; left:0; right:0; bottom:0; width:595px; font-size:12px; color:#fff; padding:10px 15px; background:url(gx/M/bg-carouselTxt.png) 0 0 repeat;}

/* In this demo we are using thumbs with fixed size */
/*ul.exposureThumbs li {width:120px; height:120px;}*/
.clear {clear:both;}

/* 00_888 : PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
ul.siteMap li ul {margin:0 0 10px 25px;}
	ul.siteMap li ul li {list-style: disc;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#divAcc {position: relative; z-index:0;}
.colAcc {float:left; width: 308px; margin-right: 11px;}
.colAcc.dernier {margin-right: 0}
	#divAcc h2 {margin-bottom: 0; padding-bottom: 6px;}
	#divAcc img {display: block;}

	/* IMPORTANT DOSSIER */
	#divImpDosAcc {width: 308px; margin-bottom: 12px;}
		#divImpDosAcc .divImg {height: 232px; border-bottom:3px solid #4a6499; overflow: hidden;}
		#divImpDosAcc .wrap {position:relative; height: 410px; padding:0 16px 12px 16px; background-color: #dee3ed;}
			#divImpDosAcc .intro {height:105px; padding:12px 0 10px 0; border-bottom: 1px solid #b1b4b9;}
				#divImpDosAcc .intro h3 {clear:both; font-family: 'cabinregular'; font-size:15px; font-weight: normal; text-transform: uppercase; border:0;}
				#divImpDosAcc .intro h3 a {color:#4a6499; padding:0; border:0;}
				#divImpDosAcc .intro p {font-size: 11px; color:#4e4b44; line-height: 15px;}
					#divImpDosAcc .intro p a {color:#4e4b44; }

				#divImpDosAcc .intro.premier h3 {font-size: 21px;}
				#divImpDosAcc .intro.premier p {font-size: 12px;}


			#divImpDosAcc a.suite {position:absolute; bottom:12px; right: 16px; font-family: 'cabinregular'; font-size: 19px; color: #4a6499;}

	/* NOUVELLES */
	#divNouvAcc {float:left; width: 308px; margin-bottom: 12px;}
		.divListNouv {position:relative; width: 308px; height: 657px; background-color: #f6f6f6;}
			.divListNouv .item {position:relative; clear:both; height: 95px; padding:12px;}
			.divListNouv .item:hover {background-color: #dee3ed; cursor: pointer;}
				.divListNouv .item .imgNouv {position:relative; float:left; width: 91px; height: 91px; margin-right: 12px;}
				.divListNouv .item .imgNouv img {display: block;}
					.divListNouv .item .mask {position: absolute; width: 91px; height: 91px; background: url(gx/01/mask.png) 0 0 no-repeat; z-index: 10;}
					.divListNouv .item:hover .mask {background-position: 0 -91px;}
				
				.divListNouv .item .intro {float:left; width: 181px;}
					.divListNouv .intro h3 {font-family: 'cabinregular'; font-size: 14px; color:#000; font-weight: normal; padding: 0; border:0;}
					.item .intro h3 a {color:#000;}
					.item .intro p.date {font-family:'cabinregular'; font-size:14px; color:#21457a; margin-bottom:10px;}
					.item .intro p {font-size: 11px; line-height: 14px;}
					.item .intro p a {color:#4e4b44;}

			.divListNouv hr {clear:both; position: absolute; bottom: 0; width:284px; height:1px; margin:0 auto !important; padding: 0; border-top:1px solid #c2c1bf;}
			.divListNouv a.btnSuite {position:absolute; bottom:12px; right: 16px; font-family:'cabinregular'; font-size: 19px; color:#4e4b44;}

			#listNews {width: 308px;}
			/*.divListNouv .caroufredsel_wrapper {float:left; width: 308px; height: 600px !important;}*/
			#paginationNouv {float:right; margin-top:6px;}
				#paginationNouv a {font-family:'cabinregular'; font-size: 17px; color:#4e4b44; padding:0 7px;}
				#paginationNouv a.selected {color:#7b96cd;}


	/* TOURISME */
	#divTourismAcc {position: relative; width: 308px; margin-bottom: 12px;}
		#photoTourisme {position:relative; width: 308px; height: 230px;}
			#photoTourisme .wrapPhoto {position: relative; height: 230px; overflow: hidden;}
				#photoTourisme .txtCarousel {position:absolute; bottom:0; width: 276px; font-family:'cabinbold'; font-size: 19px; color:#fff; text-transform:uppercase; padding: 16px; background: url(gx/01/bg-txtCarousel.png) 0 0 repeat; z-index: 10;}
			#paginationTourisme {position: absolute; right:12px; top:40px;}
				#paginationTourisme a {float:left; width:12px; height:11px; font-size: 0; margin-left:4px; background:url(gx/01/btn-paginationCarousel.png) 0 0 no-repeat;}
				#paginationTourisme a.selected {background-position: -15px 0}

	/* SONDAGE */
	#divSondageAcc {position:relative; float:left; margin-top: 12px;}
		.divSondage {padding:15px 12px 12px 12px; background-color: #f6f6f6;}
			.divSondage #tbSondage {width:283px; margin:10px auto 5px auto; border-top:1px solid #4e4b44; border-bottom:1px solid #4e4b44;}
				.divSondage #tbSondage td {padding:8px 0;}
			.divSondage h3, .submitSondage {font-family: 'cabinregular'; font-size: 15px; color:#4e4b44; border:0;}
			.divSondage label {font-size: 14px; text-transform: uppercase; margin:0 10px;}
			.divSondage .pollBar { display:block; height:12px; background:url(Gx/01/poll-barre.gif) top repeat-x; margin-top:1px; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.6); -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.6); box-shadow:1px 1px 1px rgba(0,0,0,0.6) }
			ul.answerResults li {margin-bottom: 10px;}


	/* CTA YOUTH */
	a#ctaYouth {display:block; width: 283px; height: 101px; font-family: 'cabinbold'; font-size: 30px; color:#fff; line-height:27px; 
		text-transform: uppercase; text-shadow:0 1px 0 #231f20; padding:50px 0 0 25px; background:url(gx/M/cta.jpg) 0 0 no-repeat;
	}
	a#ctaYouth:hover {color:#ccc; background-position: 0 -152px;}

	/* CTA RECREATION */
	a#ctaRecreation {position:relative; display:block; float:left; width:159px; height:85px; font-family: 'cabinbold'; font-size:26px; color:#fff; line-height:27px; 
		text-transform: uppercase; text-shadow:0 1px 0 #231f20; padding:66px 0 0 149px; background:url(gx/M/cta.jpg) -309px 0 no-repeat;
	}
		a#ctaRecreation img {position: absolute; left:-10px; top:20px;}
	a#ctaRecreation:hover {color:#ccc; background-position: -309px -152px;}

	/* CTA COMMUNITY */
	a#ctaCommunity {position:relative; display:block; width:295px; height:99px; font-family: 'cabinbold'; font-size:26px; color:#fff; line-height:27px; 
		text-transform: uppercase; text-shadow:0 1px 0 #231f20; margin-top: 12px; padding:52px 0 0 13px; background:url(gx/M/cta.jpg) -618px 0 no-repeat;
	}
	a#ctaCommunity.fr {font-size:22px; line-height: 24px;}
		a#ctaCommunity img {position: absolute; right:-10px; top:20px;}
	a#ctaCommunity:hover {color:#ccc; background-position: -618px -152px;}


/* 02_600,02_700 : PAGE PHOTOS, PAGE VIDEOS
--------------------------------------------------------------------------------------- */
#divMsgVideo {display: none; margin-top:20px;}

ul.list {margin-top:10px;}
ul.list li {position:relative; float:left; width: 120px; height: 165px; margin:6px 18px; overflow: hidden;font-size:11px;line-height:12px;text-align:center;}
	ul.list li .mask {position:absolute; left: 0; top: 0; width: 120px; height: 120px; background:url(gx/M/mask-list2.png) 0 -240px no-repeat; cursor: pointer; z-index: 10;}
	ul.list li img {position:absolute; left: 0; top: 0; z-index: 0;}

/* pagination */
.pagination {position:relative; float: right;}
	.module_pagination {font-family: 'cabinregular'; font-size:17px;} 
	.module_pagination span {float:left; display:inline;}
	.module_pagination_page {text-align:center; float:left; display:block; margin:0 3px;}
	.module_pagination_page a, .module_pagination_pagecourante {display:block; color:#4e4b44; text-decoration:none;}
	.module_pagination span.module_pagination_pageprecedente, .module_pagination span.module_pagination_pageprecedente:hover {padding:0; border:0; background:none;}
	.module_pagination span.module_pagination_pageprecedente a {color:#4e4b44; border:0; background:none;}
	.module_pagination span.module_pagination_pagesuivante, .module_pagination span.module_pagination_pagesuivante:hover {padding:0; border:0; background:none;}
	.module_pagination span.module_pagination_pagesuivante a {color:#4e4b44; border:0; background:none;}
	.module_pagination span.module_pagination_pageprecedente a:hover, .module_pagination span.module_pagination_pagesuivante a:hover {color:#7b96cd;}
	.module_pagination_page a:hover, .module_pagination_page a:active, .module_pagination_page a:visited:hover, .module_pagination_pagecourante {color:#7b96cd;}
	.module_pagination span.module_pagination_pagecourante, .module_pagination span.module_pagination_pagecourante:hover {color:#7b96cd;}

/* 03_200 : PAGE EVENEMENT
--------------------------------------------------------------------------------------- */
/* CALENDRIER (Calendrier d'événements calendrierEvenement.js) */
#CalEvent{float:left;}
#boiteCalendrier{position:relative; float:left; width: 308px; height: auto; margin-bottom: 12px; padding:0; overflow: hidden; background: #f6f6f6;}
#boiteCalendrier.affColD {margin-top:-32px;}
#boiteCalendrier h2 {background: #fff;}

div#CalendrierEvenement{position:relative; float:left; width:240px; height:auto; margin: 0 0; padding:0 34px 10px 34px; }
#CalendrierEContent, #Calendrier{}
div#CalendrierEvenement .controls{display:block; position:relative; float:left; width:185px; margin-top:-23px; padding:0 0 25px 60px; text-align: center;}
div#CalendrierEvenement input{outline:none;}
#textemois {float:left; font-family: 'cabinregular'; font-size: 14px;}
div#CalendrierEvenement div.weekdays {display: inline-block;}
div#CalendrierEvenement div.weekdays div{font-size:14px; color:#3a3a3a; font-weight:bold; padding:0 0 25px 0;}

div#CalendrierEvenement div.days {display: inline-block;}
div#CalendrierEvenement div.days div{height:32px; font-weight:bold; line-height: 30px; padding:0; z-index: 200;}
div#CalendrierEvenement div.days div a {position:relative; display:block; width:28px; height:28px; margin:0 auto; border:1px solid #fff;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; behavior: url(js/PIE.htc);
}
div#CalendrierEvenement div.days div a:hover {border:1px solid;}
div#CalendrierEvenement div.days div.today {color:#fff; background: url(gx/06/bg-today.png) center top no-repeat;}

div#CalendrierEvenement div.days div.dayEvent1 a{color:#4a6499; border:1px solid;}
div#CalendrierEvenement div.days div.dayEvent1 ul li.lienEvent1 a{color: #4a6499;}
div#CalendrierEvenement div.days div.dayEvent2 a{color: #ae633f; border:1px solid;}
div#CalendrierEvenement div.days div.dayEvent2 ul li.lienEvent2 a{color: #ae633f;}
div#CalendrierEvenement div.days div.dayEvent3 a{color: #00bbb4; border:1px solid;}
div#CalendrierEvenement div.days div.dayEvent3 ul li.lienEvent3 a{color: #00bbb4;}
div#CalendrierEvenement div.days div.dayEvent4 a{color: #226000; border:1px solid;}
div#CalendrierEvenement div.days div.dayEvent4 ul li.lienEvent4 a{color: #226000;}

div#CalendrierEvenement div.days div.today.dayEvent1 a,
div#CalendrierEvenement div.days div.today.dayEvent2 a,
div#CalendrierEvenement div.days div.today.dayEvent3 a,
div#CalendrierEvenement div.days div.today.dayEvent4 a {color:#fff; border:0; }

/*div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }*/
div#CalendrierEvenement div.days div div{display:none; position:absolute; right: 34px; width:240px; height:auto; font-weight:normal; margin-top: 1px; padding:5px 0; background:#fff; z-index:200;}
div#CalendrierEvenement div.days div div ul li{list-style-type:none;text-align:left;font-size:12px;line-height:20px; margin:0 16px; padding:3px 0; border-top: 1px solid #d0d7e5;}
div#CalendrierEvenement div.days div div ul li:first-child {border: 0;}
div#CalendrierEvenement div.days div div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline-block;width:auto;height:auto;font-weight:bold;line-height:100%;padding:0;margin:0; text-indent:0;background:none;border:0;
}
div#CalendrierEvenement div.days a:hover{text-decoration:none; cursor: pointer;}
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }

#dateJour {display: block; float: left; width: 60px; font-family: 'cabinregular'; font-size: 47px; color: #4a6499; font-weight: normal; line-height:47px; margin:12px 0 0 34px;}
#jour {display: block; float: left; font-family: 'cabinregular'; font-size: 14px; color: #5a7cc1; font-weight: normal; margin:20px 0 0 0;}
.flechePrec {position:absolute; right:20px; top:-5px; width: 8px; height: 13px;/* background: url(gx/06/fleche.png) 0 100% no-repeat*/}
/*.flechePrec:hover {background-position: 0 0;}*/
.flecheSuiv {position:absolute; right:0; top:-5px; width: 8px; height: 13px;/* background: url(gx/06/fleche.png) -15px 100% no-repeat*/}
/*.flecheSuiv:hover {background-position: -15px 0;}*/

/* 3 DERNIERS EVENEMENTS */
#LastEvent {float: left;}
#LastEvent .itemEvent {float: left; width: 284px; margin-left:12px; padding:8px 0; border-top: 1px solid #c2c1bf;}
#LastEvent .itemEvent p.date {float:left; font-family: 'cabinbold'; font-size:25px; color:#7185ae; margin-right: 30px;}
#LastEvent .itemEvent p.date span {font-family: 'cabinregular'; font-size:16px; color: #4e4b44;}
#LastEvent .itemEvent p.titre a {font-size: 13px; color: #010101; text-transform: uppercase;}
#LastEvent .itemEvent p.titre span {font-size: 11px; color: #4e4b44; font-weight: normal; text-transform: none;}

/* LEGENDE */
#CalendrierLegende{position:relative; float:left; width: 284px; height: auto; margin-left: 12px; padding:7px 0; border-top:1px solid #c2c1bf; border-bottom: 1px solid #c2c1bf;}
#CalendrierLegende p {float:left; width: 84px; font-family: 'cabinregular'; font-size: 15px;}
#CalendrierLegende ul {float:left; width:200px;}
#CalendrierLegende ul li {display: inline-block; float:left; font-size:11px;  line-height: 12px;  margin:3px 10px 3px 0;}
#CalendrierLegende ul li span {position:relative; float:left; width: 12px; height: 12px; margin-right: 4px;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(js/PIE.htc);
}
#CalendrierLegende ul li.cat-1 span {background-color: #4a6499;}
#CalendrierLegende ul li.cat-2 span {background-color: #ae633f;}
#CalendrierLegende ul li.cat-3 span {background-color: #00bbb4;}
#CalendrierLegende ul li.cat-4 span {background-color: #226000;}

#boiteCalendrier a.btnSuite {float:right; font-family:'cabinregular'; font-size: 19px; color:#4e4b44; margin:12px 16px 12px 0;}

/* 06_111 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
/* Boutons de partage */
#partage {padding-top:10px;}
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:125px;float:left;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartageFacebook{width:155px;float:left;}

/*FULL CALENDRIER*/
/* 06_300 : CALENDRIER ÉVÉNEMENTS
--------------------------------------------------------------------------------------- */
#contenu.noPadding h1 {width:946px; margin-left: 27px;}
#calendar {position: relative; top:-85px;}

#calendrierHead {height: 85px; padding:0 30px 0 30px;}
	/* select categories */
	#divCategorie {float:left; margin:33px 0 0 260px;}
		#divCategorie label {color:#888;}
		#calendrierHead #dd_categories-button {float:left; margin:-7px 0 0 10px; z-index: 10; border: 1px solid #bfbebc;}
		.ui-selectmenu-menu li {line-height: 100% !important; border:0 !important;}
		.ui-selectmenu-menu li:hover {font-weight: normal; line-height: 100% !important; border:0 !important;}
		.ui-selectmenu-menu li:hover a {color:#5a7cc1;}
	/* legende */
	#calendrierHead #CalendrierLegende {width:auto; margin:33px 0 0 20px; padding: 0; border:0;}
		#calendrierHead #CalendrierLegende p {font-family:Arial; font-size: 13px; color:#888; font-weight: normal;}
		#calendrierHead #CalendrierLegende ul {width: 280px; margin-top: -10px;}
			#calendrierHead #CalendrierLegende ul li {font-size: 13px; color: #888; line-height: 13px;}
			#calendrierHead #CalendrierLegende ul li span {margin:0 10px 5px 0;}

/* entete calendrier creer dans le fullcalendar.js */
.fc-header {position: relative; z-index: 1;}
.fc-header .fc-header-title H2 {margin: 30px 30px 30px 60px; padding: 0px; border:0;}
.fc-header .fc-state-default, .fc-header .fc-state-default .fc-button-inner {border: none;background: transparent;}

.fc-header .fc-button-prev {display: block; position: absolute; left: 27px; top: 35px; width: 9px; height: 13px; background: url(gx/06/fleche.png) no-repeat top left; overflow: hidden;}	
.fc-header .fc-button-prev:hover { background-position: bottom left; }
.fc-header .fc-button-next {display: block; position: absolute; top: 35px; left: 250px; width: 9px; height: 13px; background: url(gx/06/fleche.png) no-repeat top right; overflow: hidden;}	
.fc-header .fc-button-next:hover { background-position: bottom right; }

.fc-header .fc-state-default .fc-button-effect span {border: none; background: none;}
.fc-header .fc-button-content {width: 30px;text-indent: 900px;overflow: hidden;}
.fc-header .fc-button-today {	display: none; }


#calendar table thead {background-color: #e2e2e2;}
.fc-widget-content .fc-day-number {background-color: #f2f2f2;}

/* 06_310 : PAGE DETAIL EVENEMENT / INSCRIPTION EVENEMENT
--------------------------------------------------------------------------------------- */
#formInscrEvent table td{padding:5px 0;}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteContact{float:left; margin-bottom: 20px;}
	#boiteContact h2, #boiteFormContact h2 {border:0;}
	#iframeCarteGoogle{}

#boiteFormContact{float:left; width:595px; margin-top: 20px;}
	#formContact table td{padding:5px 0;}

/* 11_100 : PAGE RESULTAT RECHERCHE
--------------------------------------------------------------------------------------- */
#divRecherche h2 {border:0;}
.highlight { background-color: yellow; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{position:relative; font-size:11px; padding-bottom: 10px; z-index: 0;}
	#piedPage a{color:#4e4b44; text-decoration:none;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}
	#piedPage a:hover{color:#fff;}
	#piedPage #copyrights{float:left; padding:0 30px;}
	#piedPage #copyrights a:hover {color:#4e4b44;}

	/* Navigation en bas-de-page */
	#menuBas{position:relative; float:left; width:982px; height: 39px; margin-bottom: 23px; padding:0 0 0 18px; background-color: #4e4b44;}
	#menuBas li{display:inline; font-family: 'cabinbold'; font-size: 14px; }
	#menuBas li.dernier a{padding-right:0;}
	#menuBas a{float:left; display:inline-block; color: #cacaca; line-height: 39px; padding:0 8px;}
	#menuBas a.actif {color:#fff;}

	#menuBas a#lienPartager {font-size: 16px; color: #fff; text-transform: uppercase;}
	a#lienPartager.en {padding:0 10px 0 32px;}
	a#lienPartager.fr {padding:0 11px 0 11px;}
	#menuBas a#outlook {position:relative; float:right; height:32px; font-size:13px; color:#fff; line-height: 14px; text-align: left; text-transform:uppercase; padding:7px 15px 0 43px; 
		-webkit-border-radius:0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: #5a7aba; behavior: url(js/PIE.htc);
	}
		#menuBas a#outlook span {position:absolute; left: 14px; width:16px; height: 26px; background: url(gx/M/icone.png) 0 -69px no-repeat;}

	p#txtRef {font-size: 11px; color:#a6a5a1; line-height: 16px; padding:0 30px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;}
legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
label{font-size:12px;}
label.erreur, .erreur {color:#cc0000;}
input.erreur, textarea.erreur{border:1px solid #cc0000;}
*:focus {outline: none;} 
.champTexte{float:left; width:277px; height:27px; font-size: 12px; color:#605d5e; padding:0 5px; border:1px solid #bfbebc; background-color:#f6f6f6;}
.champTexte.marginR {margin-right:17px;}
.listeDeroulante{padding:5px;}
.champFichier{padding:5px;}
.boiteTexte{width:585px; font-family:Arial; font-size: 12px; color:#605d5e; padding:5px; border:1px solid #bfbebc; background-color:#f6f6f6; resize:vertical;}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{float:right; font-family: 'cabinbold'; font-size:17px; color: #4e4b44; border:0; background: none; cursor: pointer;}
.bouton:hover{color:#4a6499;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.hiddenSubmit { height:0; position:absolute; left:-9999px; overflow:hidden; } 
p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; 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; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}
*:focus {outline: none;} 
/*input:invalid, textarea:invalid {border:1px #CC0000 solid;}*/