/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #lienPartager, .champCache, #divReseau, #piedPage, #haut,
#ctaYouth, #ctaRecreation, #ctaCommunity, #divSondageAcc, #divTourismAcc{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

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

/* 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-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-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-size:23px; color:#4a6499; font-weight: normal; line-height:100%; padding-bottom: 8px; border-bottom: 3px solid #4e4b44;}

	span.ic {display: none;}

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 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 {display: none;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.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;}

	#conteneur{width:1000px; margin:0 auto;}
		#contenu{position:relative; min-height:500px; height:auto !important; height:500px; margin:0 0 10px 0; padding:19px 0 17px 0; background-color:#fff; z-index: 0;}
			.colG {width: 650px;}
				.divTxt {float:left; width: 650px; text-align:justify; margin-bottom:12px; padding:21px 0; background-color: #f6f6f6;}
					.imgTxt {float:left; margin:0 20px 20px 0;}
			.colD {display: none;}

				/* RECHERCHE */
				#divSearch {display:none;}

/* LISTE
--------------------------------------------------------------------------------------- */
.itemListe {position:relative; float:left; width: 650px; height: auto; margin-bottom: 12px; padding:11px 0;}
	.itemListe .divImg {position: relative; float:left; width: 166px; height: 166px; margin-right: 21px;}
		.itemListe .mask {display: none;}
		.itemListe img {position:absolute; z-index: 0;}
	.itemListe .intro {float:left; width: 460px; 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 {display: none;}

/* 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 {display: none;}
		#pService .itemListe h2 {font-size:17px; text-align: center; line-height: 20px; padding:0; border: 0;}
		#pService .itemListe a.suite {display: none;}

.itemListe.liEmploye {min-height: 166px; height: auto !important; height: 166px;}

/* 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;}
#next {margin-left:21px; background: url(gx/M/btn-carousel.png) -17px 0 no-repeat;}
.panel {position:relative; margin:0;}	/* navigation */

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


.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:none; width: 650px;}
.colAcc.dernier {margin-right: 0}
	#divAcc h2 {margin-bottom: 0; padding-bottom: 6px;}
	#divAcc img {display: block;}

	/* IMPORTANT DOSSIER */
	#divImpDosAcc {float:left; width:650px; margin-bottom: 12px;}
		#divImpDosAcc .divImg {float:left; width: 320px; height: 232px; overflow: hidden;}
		#divImpDosAcc .intro {float:left; width: 330px;}
			#divImpDosAcc .intro h3 {clear:both; border:0;}
			#divImpDosAcc .intro h3 a {font-size:21px; color:#4a6499; font-weight: normal; text-transform: uppercase; margin:0 0 6px 0; padding: 0; border:0;}
			#divImpDosAcc .intro p {font-size: 11px; color:#4e4b44; line-height: 15px; margin-bottom: 7px; padding-bottom: 10px;}
				#divImpDosAcc .intro p a {color:#4e4b44; }
			#divImpDosAcc .intro a.suite {display: none;}

	/* NOUVELLES */
	#divNouvAcc {float:left; width:650px; margin-bottom: 12px;}
		.divListNouv {width: 650px;}
		.divListNouv a.btnSuite {display: none;}
			.divListNouv .item {clear:both; width: 650px; padding:12px 0 0 0;}
				.divListNouv .item .imgNouv {display: none;}
				
				.divListNouv .item .intro {width: 650px;}
					.divListNouv .intro h3 {font-size: 14px; color:#000; font-weight: normal; padding: 0; border:0;}
					.item .intro h3 a {color:#000;}
					.item .intro p.date {font-size:14px; color:#21457a; margin-bottom:10px;}
					.item .intro p {font-size: 11px; line-height: 14px;}
					.item .intro p a {color:#4e4b44;}

			.item hr {clear:both; width:650px; height:1px; margin:12px 0 0 0 !important; padding: 0; border-top:1px solid #c2c1bf;}

			#listNews {width: 650px; height: 365px;}
			.caroufredsel_wrapper {width: 650px; height: 365px;}
			#paginationNouv {display: none;}


/* 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: 120px; margin:6px 18px; overflow: hidden;}
	ul.list li .mask {display:none;}

/* pagination */
.pagination {display: none;}

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

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

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

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

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