/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0;text-decoration: none}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
/*
*, *:before, *:after{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
*/

td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
blockquote{ margin:2em 0; font-style:italic; border-left:2px solid #CCC; padding-left: 1em; }
blockquote p{margin-bottom:0.5em;}
cite{ font-weight:bold; }
q{ font-style:italic; }

/* Methode de clear float */
.clear{ clear:both; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }

/* Cacher pour les lecteurs d'ecrans et navigateurs */
.hidden, .champCache{ display: none !important; visibility: hidden; }

/* Passe la navigation, pour screen reader */
.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Correction pour AddThis */
#_atssh{ top:0; }


/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#fff;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#333;
}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur{
	position:relative;
	width:960px;
	margin:0 auto;
}

main{
	min-height:500px;
	padding-bottom:20px;
}


/* Titres
--------------------------------------------------------------------------------------- */
h1{ margin-bottom:0.5em; font:24px/28px Arial, Helvetica, sans-serif; color:#000; }
h2{ margin:1em 0 0.5em 0; font:20px/24px Arial, Helvetica, sans-serif; color:#000; }
h3{ margin:1em 0 0.5em 0; font:16px/19px Arial, Helvetica, sans-serif; color:#000; }
h4{ margin:1em 0 0.5em 0; font:14px/16px Arial, Helvetica, sans-serif; color:#000; }


/* Hyperliens
--------------------------------------------------------------------------------------- */
a{
	color:#149fd9;
	text-decoration:none;
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}
/*a:hover, a:focus, a:active{ color:#666; outline:none; }*/


/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a{ text-decoration:underline; }
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%; }

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{ margin-left:16px; }
.incTinyMce ul ul, .incTinyMce ol ol{margin-top: 0.4em;}
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }

/* Liste incrementale stylable */
/*
.incTinyMce ol {
	counter-reset: bullet;
	list-style-type: none;
}
.incTinyMce ol li{ position:relative; margin-left:20px; }
.incTinyMce ol li:before {
	counter-increment: bullet;
	content: counters(bullet,".") ".";
	position:absolute;
	top:0;
	left:-20px;
	color:#000;
}
*/

/* - - - Image en float - - - */
.mortaise{
	float:left;
	margin:0.25em 1.25em 1.25em 0;
	text-align:center;
	font-size:12px;
}
.mortaise img{ border:3px solid #999; }

.intro{ font-weight:bold; }

.note{ font-size:11px; line-height: 1.5em; }

.vide{
	padding:50px 0;
	text-align:center;
	font:bold 18px/25px Arial, Helvetica, sans-serif;
	color:#000;
}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip{
	white-space:nowrap;
	color:#149fd9;
	font-size:0.9em;
}

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px; margin:0 auto; }
.video{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* Ratio 16/9 */
    padding-top: 30px; /* Hauteur des controles */
}

.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* - - - Style par défaut d'un tableau - - - */
/*.incTinyMce table{
	margin-bottom: 1em;
	border: 1px solid #666;
}
.incTinyMce table caption{font: normal 14px/16px Arial, Helvetica, sans-serif;}
.incTinyMce table th{
	border: 1px solid #666;
	background: #333;
	font-weight: bold;
	color: #fff;
}
.incTinyMce table td, .incTinyMce table th{
	min-width: 50px;
	padding: 0.25em 0.5em;
}
.incTinyMce table tr:nth-child(even){ background: #eee; }*/


/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF{margin:1em 0; line-height:30px; }
.lienPDF:before{
	content:"";
	display:inline-block;
	width:29px;
	height:31px;
	margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
	vertical-align:-10px;
}

.lienRSS{ display:inline-block; margin:1em 0; }
.lienRSS:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
	vertical-align:-3px;
}


/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; margin-top: 0.75em; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{
	padding:0 2px;
	border:0 none !important;
	color:#4F8A10;
	cursor:help;
}

textarea { resize: none; padding-top: 15px;}

/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
.form input[type=search], .form input[type=url], .form select, .form textarea{
	width:100%;
	height:50px;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	/*-webkit-appearance: none;*/
	font-size:13px;
	color:#333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
}

.form textarea{ height:104px; }

.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }


/* - - - Shadow focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
	outline:0;
	border:1px solid #149fd9;
	border:1px solid rgba(20,159,217,0.6);
	-webkit-box-shadow:0 0 5px rgba(20,159,217,0.6);
	box-shadow:0 0 5px rgba(20,159,217,0.6);
}





/* - - - Buttons - - - */
button, .button{
	display:inline-block;
	text-decoration:none !important;
	-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
	transition: background 0.15s linear 0s, color 0.15s linear 0s;
}
.button{
	margin-top:1em;
	padding:6px;
	border-radius:3px;
	background-color:#149fd9;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#fff;
}

/*button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #666; outline:none; }*/


/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	margin-bottom:10px;
	padding:10px;
	border:1px solid;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
}

.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
.messageSucces{ color:#005729; background-color:#dff2bf; border-color:#005729; }
.messageAvertissement{ color:#790000; background-color:#feefb3; border-color:#790000; }
.messageErreur{ color:#a9181c; background-color:#fdd; border-color:#a9181c; }

.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
	box-shadow:0 0 5px rgba(204,0,0,0.8);
}

/* - - - Layout - - - */
.form .col1, .form .col2{
	float:left;
	width:47.5%;
	margin-bottom:1em;
}
.form .col1{ clear:left; }
.form .col2{ margin-left:5%; }
.form .colFull{	clear:left;	margin-bottom:1em; }


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{
	position:relative;
	height:100px;
}

#logo{
	position:absolute;
	top:0;
	left:0;
	display:block;
}


/* Menu principal
--------------------------------------------------------------------------------------- */
#menu{
	clear:right;
	float:right;
	margin-top:20px;
}
#menu li{ float:left; }
#menu a{
	margin-left:10px;
	padding: 5px;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #000;
}
#menu li:first-child a{ margin-left:0; }
/*#menu a:hover, #menu a:focus, #menu a:active{ background-color:#ddd; color:#333; }*/
#menu a.actif{ background-color:#01acf3; color:#fff; }


/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec{ float:right; }
#menuSec li{ float:left; }

#menuSec form #search{
	width:100px;
	height:16px;
	-webkit-transition:border linear 0.3s;
	transition:border linear 0.3s;
}
#menuSec form #search:focus{ border: 1px solid #01acf3; }


/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{
	float:left;
	width:700px;
	margin-left:20px;
}


/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{
	float:left;
	width:220px;
	height:200px;
	border:1px solid #000;
}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#149FD9;
}

#filAriane li{ display:inline; margin-right:5px; }
#filAriane li:before{
	content:'>';
	margin-right:6px;
}
#filAriane li:first-child:before{ display:none; }

#filAriane a{ color:#149FD9; }
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#666; }

#filAriane li:last-child{ color:#000; }
#filAriane li:last-child:before{ color:#149FD9; }


/* Pagination
--------------------------------------------------------------------------------------- */
.pagination{	clear:both; margin-top:16px; }

.pagination a, .module_pagination_pagecourante{
	display:inline-block;
	width:32px;
	text-align:center;
	font:15px/32px Arial, Helvetica, sans-serif;
	background-color:#e1e1e1;
	color:#149FD9;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

.pagination .module_pagination_pagecourante{ background-color:#666; color:#fff; }

.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
	vertical-align:top;
	background:transparent;
	font:bold 15px/32px "Courier New", monospace;
	color:#149FD9;
}

.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus,
.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#149FD9; color:#fff; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
#listeNouvelle{ list-style:none; }
#listeNouvelle li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
}
#listeNouvelle figure{ float:left; margin-right:30px; }
#listeNouvelle .nouvTexte{ margin-left:180px; }
#listeNouvelle time{ font-size:11px; color:#999; }
#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }


/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
#detailNouvelle{}
#detailNouvelle figure img{ margin:2em auto; }

/* - - - Boutons de partage - - -  */
#partage{ margin:2em 0; }
#partage h3{ margin-bottom:0.5em; }


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul{ list-style:none; }
#plan > ul > li{ margin-bottom:1em; }
#plan ul ul{ margin-left:1em; }


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos{}

/* Responsive Google Maps */
/*
#carte{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin:2em 0; }
#carte iframe, #carte object, #carte embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#piedPage{}

.referencement{ font-size:11px; }

.lienPartager{ float:right; }
.copyrights a:hover{ text-decoration:underline; }
.signatureVortex{ white-space: nowrap; }


/* Menu pied de page
--------------------------------------------------------------------------------------- */
#menuPied{}
#menuPied li{ display:inline-block; }
#menuPied a{ padding:0 5px; }
#menuPied a:first-child{ padding-left:0; }


/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 219px) {

}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1023px) {

}
