@charset "UTF-8";
/* CSS Document */


/******************************************************************************************************************
*														    *
						STYLEBASIC
*														    *
******************************************************************************************************************/

html, body{
	height: 100%;
	width: 100%;
}

body, form, input, textarea{
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#444444;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper{
	width: 100%;
	overflow-x:hidden;
}

.global{
	position: relative;
	height: 100%;
	overflow-x:hidden;
	/*Pour design du menu*/
	/*margin-left: 300px;*/
	padding: 20px 40px;
	-webkit-transition: left 0.2s ease;
	   -moz-transition: left 0.2s ease;
	    -ms-transition: left 0.2s ease;
	     -o-transition: left 0.2s ease;
	        transition: left 0.2s ease;
}

.centrage {
	width:90%;
	max-width: 1200px;
	margin:auto;
}

.alignY{
	display: table;
	width: 100%;
}
.tableCellMiddle{
	display: table-cell;
	vertical-align: middle;
}

nav a {
	text-decoration:none;
	display:block;
}

.hide{display: none;}

.clear {
	width: 0;
	height: 0;
	clear:both;
}
.clearAfter:after{
	content:'';
	display: table;
	clear: both;
}

.museo{
	font-family: 'Museo', Arial, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.uppercase{text-transform: uppercase;}

/*Couleur des liens de base*/

a {
	outline: 0 none;
	text-decoration: none;
	color:#0085c5;
	-webkit-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, border 0.3s;
	   -moz-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, border 0.3s;
	    -ms-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, border 0.3s;
	     -o-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, border 0.3s;
	        transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, border 0.3s;
}
	a:hover {
		color: #000;
	}

/* On définit ici les titres et textes*/

h1,
.titre1 {
	display: block;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h2,
.titre2 {
	display: block;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h3,
.titre3 {
	display: block;
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: normal;
}

h4,
.titre4 {
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: 500;
	color: #a0b80d;
}

p {
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	font-weight: 300;
	line-height: 1.2em;
}

/* On définit ici les couleurs du site*/

.bleu{color:#0085c5;}
.jaune{color:#f9b200;}
.vert{color:#a0b80d;}
.sombre{color: #1a2a3d;}
.blanc{color: #c0c0c0;}
.gris{color: #c0c0c0;}

.bgBleu{border: 1px solid #0085c5; color: #0085c5;}
.bgJaune{border: 1px solid #f9b200; color: #f9b200;}
.bgVert{border: 1px solid #a0b80d; color: #a0b80d;}
.bgSombre{border: 1px solid #1a2a3d; color: #1a2a3d;}

/* On définit ici les colonnes du site*/

.col33{
	float: right;
	width: 23%;
	margin-right:3%;
}

.col66{
	float: right;
	width: 74%;
}

.col1tier,
.col2Tiers,
.colDemi{
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col1tier {width: 22%;}
.col2tiers {width: 76%;}
.colDemi{width: 50%;}

/* On définit ici les flottants */

.floatL {float: left;}
.floatR {float: right;}

.imgleft {
	float:left;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
}

.imgright {
	float:right;
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.imgleft + p, .imgright + p {
	margin-top:0px;
}


/*Style des images contenant un outil de zoom (mettre l'img dans un a.fancy et rajouter un span avant ou après, dans le a)*/

.fancy {
	display: block;
}

/* On définit ici le style du bouton général et les spécifiques */

.btn,
.btn-ghost,
.btn-hybrid,
.btn-picto,
.btn-download,
button{
	display: none;
}


/* On définit ici le style des formulaires */

form {display: none;}

/*Erreurs et succes formulaires*/

.erreur, .succes{display: none;}

/* On définit ici le style des tableaux */

table{
	position: relative;
	width: 100%;
	/*table-layout: fixed;*/
	clear: both;
}

th,
td{
	padding: 10px;
	background-color: transparent !important;
}

table:not(.ui-datepicker-calendar) th{
	text-align: left;
	font-weight: 600;
	color: #0085c5;
	border-top: #0085c5 solid 2px;
	border-bottom: #0085c5 solid 2px;
}

table:not(.ui-datepicker-calendar) td{
	border-bottom: #dadada solid 1px;
}

.actions{
	text-align: right;
	width: 10%;
	max-width: 150px;
}

@media screen and (max-width: 768px){
	.actions .fleche-plus{
		height: 34px;
		padding: 0;
	}
	.actions .fleche-plus i{font-size: 34px;}
}

	table:not(.ui-datepicker-calendar) tr:hover td{background-color: #e4e4e4;}


/* On définit ici le style du fil d'ariane*/

.blocAriane{
	position: relative;
	height: 55px;
	width: 100%;
	margin-bottom: 40px;
	z-index: 1;
	box-sizing: border-box;
	border-bottom: #c0c0c0 solid 1px;
}

.ariane {
	display: block;
	/*width: 90%;*/
	/*max-width: 1200px;*/
	padding: 15px 0;
	color: #a4a4a4;
	font-size: 0.750em;
	text-transform: uppercase;
}

.ariane:before{
	content:'Vous êtes ici :';
	display: block;
	float: left;
	margin: 0;
	padding: 5px 0;
}

.ariane li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.ariane a {
	position: relative;
	display: block;
	padding: 5px 20px 5px 10px;
	color: #a4a4a4;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
	.ariane a:hover {color: #0085c5;}

.ariane a:after{
	font-family: 'line icon', Arial, sans-serif;
	content:'\e64c';
	color: #a4a4a4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 14px;
}

.ariane > .active {
	color: #555;
	padding: 5px 0 5px 10px;
}


/* On définit ici le style des paginations */

.pagination-wrap{
	margin-top: 10px;
	margin-bottom: 40px;
}
.pagination-wrap.card{
	padding: 10px 30px;
}

.pagination{
	margin-top: 30px;
	padding: 0 30px;
}
.pagination-wrap .pagination{
	margin-top: 0;
	padding: 0;
}

.pagination:after{
	content:'';
	display: table;
	clear: both;
}

.pagination li {
	margin-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	float: left;
}
.pagination li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding-top: 6px;
	border: #1a2a3d solid 2px;
	color: #1a2a3d;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, border 0.3s, color 0.3s;
	-ms-transition: background-color 0.3s, border 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, border 0.3s, color 0.3s;
	transition: background-color 0.3s, border 0.3s, color 0.3s;
}
.pagination li.arrow a {padding-top: 6px;}

	.pagination li a:hover {
		border: #0085c5 solid 2px;
		color: #0085c5;
	}
.pagination li a.current{
	background-color: #0085c5;
	color: #fff;
	border: #0085c5 solid 2px;
	font-weight: bold;
} 



/*QR codes*/      /*Prendre soin de bien importer les images associées pour que ces styles fonctionnent*/

.qrcode {
	display: none;
}


/********************************************************
*														*
*														*
		          		LOADER
*														*
*														*
********************************************************/

.loader,
.loader:before,
.loader:after {
	display: none !important;
}
.formCms{display: none;}

.chargement{display: none !important;}

/********************************************************
*														*
*														*
		          BARRE A COOKIES
*														*
*														*
********************************************************/

.cookies {display: none;}



/* On définit ici le style du message pour internet explorer */
.antiie{
	display: none;
}



/******************************************************************************************************************
*														    *
						SPECIFIC
*														    *
******************************************************************************************************************/


/*responsive*/

.medscreen,
.smallscreen {display: none;}

.aideSite{display: none;}

/*Specific*/

/********************************************************
*							*
		          HEADER
*							*
********************************************************/

header{
	position: relative;
}


/************ RESTE DU HEADER ****************/

/* Logo */

#logo{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: 300;
	color: #0085c5;
	font-size: 2em;
}

/* Trigger du menu */

#menuTrigger{
	display: none;
}


/* Boutons sociaux */

header .social,
header .bas,
header form,
.outilsPage,
header .navRapide{display: none;}

/********************************************************
*							*
		          BANDEAU
*							*
********************************************************/

.slideBandeau{display: none;}

/********************************************************
*							*
		          MENU
*							*
********************************************************/

/* MENU */
nav{display: none;}

/********************************************************
*							*
		          FOOTER
*							*
********************************************************/

footer{
	color: #1a2a3d;
	border-top: 1px solid #1a2a3d;
	padding: 20px 30px; 
}

.footBas{
	text-align: center;
}

.copyright{
	display: block;
	font-size: 0.750em;
	font-style: italic;
	font-weight: 300;
	color: #1a2a3d;
}

#logo-6tk {display: none;}

/********************************************************
*							*
		          CONTENU
*							*
********************************************************/


/*
*
*
*	GENERAL
*
*
*/

.content{
	position: relative;
	z-index: 1;
}

.card{
	display: block;
	padding: 30px 30px 30px 30px;
	border: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noItem{
	position: relative;
	display: block;
	padding: 30px 30px 30px 120px;
	color: #999;
	font-weight: 300;
	border: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noItem:before{
	content:'\e6f8';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'line icon';
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -25px;
	display: block;
	font-size: 50px;
}

.categ{
	display: block;
	margin-bottom: 5px;
	font-size: 0.875em;
	text-transform: uppercase;
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s, border 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s;
	        transition: color 0.3s, background-color 0.3s, border 0.3s;
}

.date-photo{
	position: absolute;
	top: 20px;
	left: 20px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.date-photo span{
	display: block;
	font-family: 'Museo', Arial, sans-serif;
	font-size: 4em;
	line-height: 0.9em;
	font-weight: normal;
}
.date-photo small{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.875em;
}
.date-photo .categ{margin-top: 5px;}


.datePubli{
	position: relative;
	display: block;
	font-size: 0.875em;
	padding: 3px 0 3px 25px;
	color: #a4a4a4;
	font-weight: 300;
	font-style: italic;
	-webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s, border 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s, border 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s, border 0.3s;
	        transition: color 0.3s, background-color 0.3s, border 0.3s;
}
.datePubli:before{
	content: '\e669';
	font-family: 'line icon';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-style: normal;
}

span.souligneFleche{
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: 500;
	padding: 0 5px 5px 5px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-bottom: 25px;
	-webkit-transition: color 0.3s;
	   -moz-transition: color 0.3s;
	    -ms-transition: color 0.3s;
	     -o-transition: color 0.3s;
	        transition: color 0.3s;
}
.souligneFleche:before{
	content:'\e651';
	font-family: 'line icon';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	bottom: -16px;
	right: -19px;
	font-size: 30px;
	display: block;
	line-height: 22px;
}

.fleche-plus{
	display: none;
}

.fleche-retour{
	display: none;
}

/*
*
*
*	MINIMALECT
*
*
*/
.minict_wrapper {
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	color: #444444;
	width: 100%;
	border: 1px solid #1a2a3d;
	border-radius: 0;
}

.minict_wrapper span:empty:before {
	color: #444444;
}


/*
*
*
*	ONGLETS
*
*
*/

.onglets{
	position: relative;
	margin-top: 20px;
	color: #dadada;
	border: 1px solid #dadada;
}

.onglets li{
	display: block;
	float: left;
	width: 150px;
	height: 60px;
}
.onglets li:not(:first-child){border-left: #dedede solid 1px;}


.onglets a{
	display: block;
	line-height: 60px;
	font-size: 0.875em;
	font-weight: 600;
	text-align: center;
	color: #a6a6a6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	.onglets a:hover{color: #0085c5;}

.onglets .active a{
	border-top: #f9b200 solid 3px;
	color: #f9b200;
	line-height: 57px;
}

/*
*
*
*	ACCUEIL
*
*
*/

.flash-agenda{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.flashHome,
.agendaHome{
	display: table-cell;
	padding: 30px 30px 20px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
*	Flash Info Home
*/

.flashHome{
	width: 50%;
	color: #0085c5;
	border: 1px solid #0085c5;
}

.flashHome h2{
	color: #fff;
	margin-bottom: 15px;
}
.flashHome p{color: #0085c5;}
.flashHome span{color: #0085c5;}

.flashHome-pagin,
.flashHome .navigation{
	display: none;
}

/*
*	Agenda Home
*/

.agendaHome{
	position: relative;
	width: 100%;
	color: #1a2a3d;
	border: 1px solid #1a2a3d;
}
.flashHome + .agendaHome{width: 50%;}

.agendaHome .slideContainer{
	width: 100%;
	position: relative;
	margin: 10px 0 20px 0;
}

.agendaHome .slideAgenda{
	height: 125px;
	width: 100%;
	overflow: hidden;
}

.agendaHome .slideAgenda ul li a{
	display: block;
	position: relative;
	padding-left: 80px;
	padding-top: 10px;
}

.agendaHome .slideAgenda figure{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.125em;
	color: #0085c5;
	width: 63px;
	height: 66px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.agendaHome .slideAgenda h3{
	font-family: 'Museo', Arial, sans-serif;
	font-size: 1.250em;
	line-height: 1.2em;
	color: #1a2a3d;
}

.agendaHome .fleche-plus{color: #1a2a3d;}
	.agendaHome .fleche-plus:hover{color: #0085c5;}


.slideContainer .systekaPagin{
	display: none;
}	


/*
*	Actu home
*/

.actuHome{
	display: block;
	padding: 60px 60px;
	color: #444;
}
.actuHome figure,
.actuHome article{
	float: left;
	display: block;
	width: 48%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.actuHome figure{
	position: relative;
	max-height: 250px;
	overflow: hidden;
	background-color: transparent;
}
.actuHome figure img{
	width: 100%;
}

.actuHome article{
	margin-left: 4%;
	padding-top: 10px;
	-webkit-transition: color 0.3s, background-color 0.3s;
	   -moz-transition: color 0.3s, background-color 0.3s;
	    -ms-transition: color 0.3s, background-color 0.3s;
	     -o-transition: color 0.3s, background-color 0.3s;
	        transition: color 0.3s, background-color 0.3s;
}

.actuHome .categ{
	color: #999;
}

	.actuHome:hover .fleche-plus{color: #1a2a3d;}
	.actuHome:hover .souligneFleche{color: #1a2a3d;}




/*
*	Web TV Home
*/

.webTVhome{
	display: none;
}

/*
*	Newsletter Home
*/

.newsletterHome{
	display: none;
}

/******************************************************************
*								    *
			ARBO SOUS-MENU
*								    *
******************************************************************/

.arboSousMenu--mobile,
.arboSousMenu{
	display: none;
}


/******************************************************************
*								    							*
						PAGES INTERNES
*								    							*
******************************************************************/

.titre1.souligneFleche{
	position: relative;
	margin-bottom: 25px;
	padding: 30px 0 5px 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #fff;
	text-transform: uppercase;
}
.titre1.souligneFleche:before{
	bottom: -16px;
	right: -18px;
}



.titrePage{
	float: left;
	color: #f9b200;
	border: 1px solid #f9b200;
	padding: 10px 20px;
	margin-bottom: 30px;
}

/******************************************************************
*								    							*
						CMS
*								    							*
******************************************************************/


.cms{margin-bottom: 40px;}

.cms * + .titre2{
	margin-top: 30px;
}

.cms .titre2{
	float: left;
	color: #f9b200;
	border: 1px solid #f9b200;
	padding: 10px 20px;
}
.cms * + .titre3{
	margin-top: 30px;
}

.cms > .titre3{
	display: block;
	position: relative;
	padding: 8px 10px 8px 40px;
	margin-top: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #1a2a3d;
	border: 1px solid #1a2a3d;
}
.cms > .titre3:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-family: 'line icon';
	content:'\e64c';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 30px;
	height: 100%;
	line-height: 34px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #0085c5;
	border-right: 1px solid #0085c5;
}

.cms .titre4{
	display: inline-block;
	margin-top: 20px;
	color: #1a2a3d;
	border-left: 5px solid #0085c5;
}	 


.cms .titre2 + .clear + .titre3{margin-top: 15px;}
.cms .titre3 + .clear + .titre4{margin-top: 15px;}

.cms .titre2 + .clear + *{margin-top: 10px;}
.cms .titre2 + .clear + .imgCentre,
.cms .titre2 + .clear + .slideshow{margin-top: 0;}
.cms .titre3 + .clear + *{margin-top: 12px;}
.cms .titre4 + .clear + *{margin-top: 10px;}



.colonne{margin-top: 20px;}

.decentreD{
	position: relative;
}

.colonne .col1tier {
	float: left;
	width: 35%;
	margin-left: 3%;
}

.col2tiers {
	float: left;
	width: 62%;
	margin-left: 3%;
}

.colDemi {
	float: left;
	width: 48.5%;
	margin-left: 3%;
}

.colImg {
	text-align: center;
}

.colImg img {max-width: 100%;}

.colonne .colGauche{margin-left: 0;}

.colonne p {
	margin-bottom: 0;
	margin-top: 10px;
}
.colonne p:first-child {margin: 0;}

.colonne ul {
	margin-top: 20px;
	margin-left: 3px;
	margin-bottom: 10px;
}

.colonne ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom:10px;
	font-weight: 300;
}
.colonne ul li:before{
	content:'-';
	position: absolute;
	top: 1px;
	left: 0;
}

.imgCentre {
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.imgCentre img{
	max-width: 100%;
}

.cms .wrap{display: block !important;}

/*
*
*
*	FORMULAIRES CMS
*
*
*/

.formCms{
	display: none;
}

/*
*
*
*	SLIDESHOWS
*
*
*/

.slideshow {
	display: none;
}


/*
*
*
*	GOULAG MEUP
*
*
*/

.ggmap {
	margin-top: 20px;
}

.gm-style-iw{
	max-width: 500px !important;
	min-width: 300px !important;
}

.gm-style-iw strong{
	display: block;
	margin-bottom: 5px;
	font-family: 'Museo', Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #0085c5;
}

.gm-style-iw p{
	font-size: 16px;
}

.gm-style-iw .fleche-plus{
	float: right;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 600;
	padding: 19px 50px 19px 0;
}
.gm-style-iw .fleche-plus i{
	font-size: 50px;
}

/*
*
*
*	LIENS INTERNES
*
*
*/

.liensInternes {
	display: none;
}

/*
*
*
*	LIENS EXTERNES
*
*
*/

.liensExternes{
	display: none;
}

/*
*
*
*	PUBLICATIONS CMS
*
*
*/

.cms-publi{
	display: none;
}


/*
*
*
*	ANNUAIRE CMS
*
*
*/

.cms-annuaire{
	position: relative;
	margin-top: 20px;
	padding: 20px 30px;
	border: #c0c0c0 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cms-annuaire .titre3{
	color: #a0b80d;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 3px;
}
.cms-annuaire .categ{
	margin-top: 0;
	color: #7c7c7c;
}

.annuaire-infos{
	width: 100%;
	margin-top: 20px;
	margin-bottom: -10px;
	color: #888;
}

.annuaire-infos li{
	position: relative;
	padding: 10px 0 10px 40px;
	font-weight: 300;
}
.annuaire-infos li:not(:first-child){border-top: #b2b2b2 solid 1px;}

.annuaire-infos li i{
	position: absolute;
	top: 7px;
	left: 10px;
	color: #b2b2b2;
	font-size: 20px;
}

.annuaire-infos li p{margin: 0;}

.annuaire-infos li a{color: #a0b80d;}
	.annuaire-infos li a:hover{color: #0085c5;}

.annuaire-description{
	margin-top: 20px;
	padding: 10px 20px;
	border: 1px solid #e9e9e9;
}

/*
*
*
*	GALERIE CMS
*
*
*/

.cms-galerie{
	display: none;
}

/********************************************************
*														*
*														*
		        PAGE FORMULAIRE (Bloc coordonnées)
*														*
*														*
********************************************************/

.module-form{
	display: none;
}

.blocCoord{
	position: relative;
	padding: 0;
	padding-left: 50%;
	border: 1px solid #0085c5;
	color: #0085c5;
}

.blocCoord .titre2{
	padding: 15px 20px;
	border-bottom: 1px solid #c0c0c0;
}

.blocCoord ul{
	position: relative;
	padding: 0 20px 0 50px;
}
.blocCoord ul:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 100%;
}

.blocCoord li{
	position: relative;
	margin-top: 0;
	font-size: 0.875em;
	font-weight: 300;	
	line-height: 1.3em;
	padding: 15px 15px 15px 15px;
}
.blocCoord li:first-child{margin-top:0;}

.blocCoord li strong{text-transform: uppercase;}

.blocCoord i{
	position: absolute;
	top: 13px;
	left: -25px;
	color: #0085c5;
	font-size: 24px;
}

@media screen and (max-width: 768px){
	.blocCoord{
		padding-left: 0;
	}
}

.mapMairie{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}


.form-success{
	position: relative;
	padding-left: 160px;
}

.form-success .icon-tick-rond{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 30px;
	width: 100px;
	font-size: 100px;
	color: #a0b80d;
}

.form-success .btn{margin-top: 5px;}

/********************************************************
*														*
*														*
		          PAGE 404 et ERREUR
*														*
*														*
********************************************************/

.erreur404 .titre2{
	float: left;
	background-color: #f9b200;
	padding: 10px 20px;
	margin-bottom: 20px;
	color: #fff;
}

/********************************************************
*														*
*														*
		          		POPUPS
*														*
*														*
********************************************************/

/*
*
*
*	STYLES GENERAUX DE POPUP
*
*
*/

.pop{
	display: none;
}

/********************************************************
*														*
*														*
		         VISITE GUIDEE DU SITE
*														*
*														*
********************************************************/


.visite-guidee{
	display: none;
}

/********************************************************
*														*
*														*
		         		PAGE 404
*														*
*														*
********************************************************/

.erreur404 .card{
	margin-top: 0;
}

.erreur404-btn{
	margin-top: 20px;
}