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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*

JAUNE : #fcc300

*/
/********************************************************************************************
STYLES COMMUNS FORMULAIRES ET LISTES

********************************************************************************************/
body {margin:0; padding:0; color:#414141; font-family:"DINOT-Light",Geneva, Arial, Helvetica, sans-serif; 
font-size:16px; background:none;}
a, a:hover {color:#414141; text-decoration:none;}

#jcs-cache {background:url('/visuels/public/loader.gif') #FFF center no-repeat; position:fixed; z-index:50000; min-width:100%; min-height:100%; }

.cs-bt-bgcolortocolor {font-family:"optima"; display:inline-block; color:#FFF !important; border:none; 
transition:all 0.2s; padding:0.3em 1em; text-transform:uppercase; font-size:0.9em;}
.cs-bt-bgcolortocolor:hover {background-color:transparent !important; }

.cs-bt-greytobgcolor {background: rgba(0,0,0,0.7); color:#FFF; border:none; padding:0.4em 1em; font-size:1.5em;
display: inline-block; transition: all 0.3s;font-family:"optima"; text-transform:uppercase;}
	
	
header {background-color:#666;}
header .contenair {text-align:right; margin-right:4em;}
header .contenair p {font-family:"DINOT-Regular"; font-weight:normal; font-size:0.9em; line-height:200%; color:#fff;}
header .contenair a {display:inline-block; margin:0 1em; color:#fff;}

/**/
nav {clear:both; text-align:left; padding:0.5em 0; margin:0; width:100%; position:fixed; top:0; z-index:1000; 
background:rgba(255,255,255,1); box-shadow:0 0 2px #333; transition:background-color 0.2s;}
/*nav {border:none !important; display:inline-block !important;}*/
nav.jcs-fixed {display:none; position:fixed;width:100%; top:0; z-index:1000; animation:all 0.3s ease-out 0s}
nav.jcs-fixed.is-show {display:block;}
nav > .jcs-top-hide-menu {position:absolute; width:100%; z-index:0; top:0; bottom:0; display:none !important;}
nav > ul {display:inline-block; margin:0; padding:0 0 1.2em 0; vertical-align:bottom;}
nav > .cs-logo {display:inline-block; padding:0 1em 0 1em; text-align:center; width:185px;}
nav > .cs-logo img {transition: height 0.3s;}
nav.cs-scrolled > .cs-logo img {}
nav.cs-scrolled  {background-color:rgba(255,255,255,0.95);}
nav li.cs-menu {display:table-cell; vertical-align:middle; position:relative; overflow:hidden; 
font-size:0.9em; font-family:"DINOT-Light";}
nav li.cs-menu > a { cursor:pointer; text-transform:uppercase; color:#333 !important; 
position:relative; padding:0.5em; margin:0 0.5em; 
display:inline-block; transition: color 0.1s ease-in-out;  }
nav li.cs-menu > a:hover {color:#fff !important;}

nav li.cs-menu > span {position:absolute; top:90%; height:150px; left:0.5em; right:0.5em; 
transition: all 0.2s ease-in-out; display:inline-block; width:auto;}
nav .cs-menu:hover span {top:0;} 



label.jm-menu-btn:hover {color:#000 !important;}

nav > .cs-logo {display:inline-block; padding:0 1em 0 1em; text-align:center; width:185px;}




nav .cs-sous-menu {display:none;}
nav .cs-sous-menu-contenair {margin:0; position:relative; text-align:center;}
nav .cs-sous-menu {padding:1%; text-align:left; background:#333; z-index:999; opacity:0; transition: all 0.2s; text-align:center;}
nav .cs-sous-menu.open {opacity:1;}

nav .cs-sous-menu div.cs-pages {padding-right:1.5em; vertical-align:top; text-align:left; }
nav .cs-sous-menu div.cs-pages a {display:block; padding:0.2em 2em 0.2em 0; color:#fff; border-bottom:1px dotted #fff; transition: all 0.2s ease-in-out 0s; font-size:0.9em;}
nav .cs-sous-menu div.cs-pages a.cs-page { font-family:"DINOT-Regular"; border-bottom:solid 1px rgba(255,255,255,0.2);}
nav .cs-sous-menu div.cs-pages a:hover.cs-page {border-bottom:solid 1px rgba(255,255,255,1);}
nav .cs-sous-menu div.cs-pages a.cs-sp {font-size:0.8em;}

nav .cs-sous-menu .cs-sm-contenair {width:100%;}
nav .cs-sous-menu .cs-sm-content {display:inline-block; width:20%; vertical-align:top; margin:0 2em; text-align:left;}
nav .cs-sous-menu .cs-sm-content.jcs-sm-visuel {background:no-repeat center center; background-size:cover;}

nav .cs-sous-menu.sm-168 {background-color:#172559;}
nav .cs-sous-menu.sm-213 {background-color:#62257f;}
nav .cs-sous-menu.sm-230 {background-color:#d20850;}
nav .cs-sous-menu.sm-214 {background-color:#e43c15;}
nav .cs-sous-menu.sm-217 {background-color:#ddda00;}
nav .cs-sous-menu.sm-215 {background-color:#95bd0b;}
nav .cs-sous-menu.sm-216 {background-color:#129f94;}




footer {clear:both; padding:0; background:#072987;/*background:rgba(67,107,120,1);*/ color:#fff; }
footer .cs-enbas { background:rgba(186,198,203,1); text-align:center; vertical-align:top; padding:1em 0;}
footer .cs-enbas a { display:inline-block; margin:0 1em;}
footer .cs-enbas a img { height:60px; }
footer .cs-enbas p strong {font-size:1.2em;}
footer ul.cs-footer-menu {text-align:center; padding:1em 0;}
footer ul.cs-footer-menu a { color:#fff; opacity:0.7; transition:all 0.2s;}
footer ul.cs-footer-menu a:hover { opacity:1; }
footer ul.cs-footer-menu > li {display:inline-block; color:#fff; width:13%; vertical-align:top;font-size:0.9em; padding:0 0.5%; text-align:left; } 
footer ul.cs-footer-menu > li ul li {font-size:0.8em; margin-bottom:0.3em} 

footer .cs-contenair > div a {color:#fff;}
footer .cs-contenair .cs-cop {text-align:center; }
footer .cs-contenair .cs-cop a { color:#999 !important; }
footer .cs-contenair .cs-cop.cs-cop-foo {font-size:1.75em; padding:0.5em 0;}
div.cs-c2, footer .cs-contenair > div.cs-c3 {font-size:0.9em; background-color:#FFF; color:#999;}
footer .cs-contenair > div.cs-c4 {font-size:0.9em; padding:2em 0; text-align:center;}
footer .cs-contenair > div.cs-c4 a {display:inline-block; vertical-align:top; width:30%;}
footer .cs-contenair > div.cs-c4 a.cs1 {width:29%; border-right:1px dotted #fff; margin-right:2%; padding-right:2%; }
footer .cs-contenair > div.cs-c4 h3 {text-transform:uppercase;}
footer .cs-contenair > div.cs-c4 a img {height:3em !important; margin:0.5em 0; transition:all 0.2s;}
footer .cs-contenair > div.cs-c4 a:hover img {margin-left:20%;}

footer .cs-partenaires {width:65%;}
footer .cs-partenaires a {display:inline-block; width:48%; margin-right:2%; height:3em; overflow:hidden; margin-bottom:0.2em; overflow:hidden}
footer .cs-partenaires a span {display:block; width:100%; height:100%; background:no-repeat center center; background-size:cover; transition: all 0.3s ease-in-out 0s; }
footer .cs-partenaires a:hover span {transform:scale(1.1);}


.cs-clear {clear:both; display:block; height:0;}



.jcs-conteneur {width:100%; margin:0 auto;}
.jcs-conteneur.cs-960 {max-width:960px;}

.cs-visuel img {max-width:100%;}

body .cs-grey-bg {background:rgba(0,0,0,0.05);} 

body .cs-bandeau {width:100%; height:70%; overflow:hidden; position:relative;} 
body .cs-bandeau .cs-logo { position:absolute; height:80px; background:rgba(255,255,255,0.75); text-align:center; padding:10px 10px 10px 10px; margin-left:10%; top:105px; }
body .cs-bandeau .cs-logo img {width:100%;} 
body .cs-bandeau .cs-titre {position:absolute; background:rgba(0,0,0,0.75); color:#fff; padding:0.5% 1%; width:78%; bottom:0; }
body .cs-bandeau .cs-ariane {font-size:0.9em;}
body .cs-bandeau .cs-ariane a {color:#fff;}
body .cs-bandeau .cs-ariane a:hover {text-decoration:underline;}



.jcs-lien-bouton {display:inline-block; margin:1em auto; background-color:#ccc; color:#fff; 
padding:0.6em 1em; cursor:pointer; transition:all 0.2s ease-in; text-transform:uppercase; font-family:"DINOT-Regular"; 
text-align:center; vertical-align:top; }
.jcs-lien-bouton:hover {color:#FFF !important;}


/*BOITE DE RECHERCHE	*/
div.jcs-recherche {position:absolute; right:10%; bottom:20%; width:35%;}
.cs-bandeau div.jcs-recherche {bottom:35%; }
div.jcs-recherche input {display: inline-block; margin: 0; line-height: 2em; height: 2em; font-size: 1.1em; border: none; vertical-align: top;border-radius: 0;  padding: 0 0.5em;}
div.jcs-recherche input.cs-search-field {width:90%; box-sizing:border-box; border:1px solid transparent; transition:border-color 0.3s; background-color:rgba(255,255,255,0.9);}
div.jcs-recherche input.cs-search-field:hover,
div.jcs-recherche input.cs-search-field:focus { border-color:#fcc300;}

div.jcs-recherche input.cs-search-submit {width: 2em; background:#fcc300 url("http://ern-machecoul.fr/bibliotheque-opac/icon-loupe.png") center center no-repeat; background-size: auto auto; background-size: 80%;border-radius: 0.2em; transition: background 0.3s;}
div.jcs-recherche input.cs-search-submit:hover {background-color:#d2a300;}






.cs-titre h1 {margin:0 0 0.2em 0; font-size:3em; padding:0; text-align:center; 
text-transform:uppercase; color:#fff; font-family:"DINOT-Regular"; background-color:#072987;  }

body .cs-main h2 {margin:0 0 0.5em 0; font-size:2em; line-height:100%; 
padding:0 0 0.2em 0; color:#333; font-family:"DINOT-Regular"; text-align:left; border-bottom:1px dotted #666;  }
body .cs-main h3 {margin:0; padding:0; font-size:1.2em; line-height:100%; 
 color:#333; font-family:"DINOT-Regular"; text-align:left; margin-top:1em;  }



body .cs-texte-item {}
body .cs-texte-item .cs-avec-chapeau {padding-right:27%; position:relative; overflow:hidden;}
body .cs-texte-item .cs-chapeau { position:absolute; font-family:"DINOT-Regular"; padding:1%; width:23%; height:100%; top:0; right:0; color:#fff;}

.cs-texte-item ul, .cs-texte-item ol {list-style:disc; padding-left:1em;}
.cs-texte-item li {} 

body .cs-paragraphe-item {position:relative; margin-bottom:3em;}
body .cs-paragraphe-item .cs-visuel p {font-size:0.9em; font-style:italic;}
body .cs-paragraphe-item .cs-visuel.cs-visuel-2 {float:right;overflow:hidden; margin-left:2em; max-width:50%;}
body .cs-paragraphe-item .cs-visuel.cs-visuel-2 p {text-align:right;}
body .cs-paragraphe-item .cs-visuel.cs-visuel-3 {text-align:center;max-width:100%;}
body .cs-paragraphe-item .cs-visuel.cs-visuel-1 {float:left;overflow:hidden; margin-right:2em; max-width:50%;}
body .cs-paragraphe-item .cs-texte {overflow:hidden;}
body .cs-paragraphe-item .cs-texte a {color:#072987 !important; text-decoration:underline;}
body .cs-paragraphe-item .cs-texte a:hover {text-decoration:none;}
body .cs-paragraphe-item h3 {margin-bottom:0.5em; text-transform:uppercase;}
/*
body .cs-paragraphe-item.no-margin {margin-top:0;}
body .cs-paragraphe-item:first-child {margin-top:0;}
body .cs-paragraphe-item .cs-texte li, .cs-avec-bordure {border-left: solid 0.4em; padding-left:0.5em; list-style:none; margin-bottom:0.5em;}
body .cs-paragraphe-item .cs-visuel {float:right; width:43%; margin-left:2%; margin-bottom:2em;}
body .cs-paragraphe-item .cs-visuel img {width:100%;}
body .cs-paragraphe-item a {font-weight:bold;}
*/
body .cs-texte p.cs-link {padding-top:0.5em;}
body .cs-texte p.cs-link * {transition:all 0.2s;}
body .cs-texte p.cs-link > a {font-family:"DINOT-Regular";}
body .cs-texte p.cs-link > a > span {width:1.2em; height:0.6em; display:inline-block; margin-right:0.3em;}
body .cs-texte p.cs-link > a:hover {color:#000;}
body .cs-texte p.cs-link > a:hover > span {background-color:#000;}
/*body .cs-texte p.cs-link > a:after {width:1.2em; height:0.6em; display:inline-block; margin-right:0.3em;content: '';}*/


.cs-chapeau.cs-bgcolor 	a {transition:all 0.2s; color:#333}
.cs-chapeau.cs-bgcolor a:hover {color:#fff;}


/*LISTE DE PRESENTATION */
body .cs-liste-item  {padding-bottom:1em; border-bottom:2px dotted #f1f1f1; margin-bottom:1em;}
body .cs-liste-item > h2 {background-image:url(/visuels/public/picto-alaune.png); }
body .cs-liste-item > div.cs-visuel {width:45%; float:left; height:100%; background:center center no-repeat; background-size:cover;}
body .cs-liste-item > div.cs-texte {float:right; width:50%;  }
body .cs-liste-item > div > h5 {font-size:1.2em; font-family:"DINOT-Regular"; text-transform:uppercase;  }
body .cs-liste-item > div > p > a {color:#315d80; font-family:"DINOT-Regular";}
body .cs-liste-item > div > p > a:before {content: ">> ";}
body .cs-liste-item >  div > p > a:hover {color:rgb(130, 155, 63);}


/*ACCUEIL*/
.cs-bandeau .jcs-baseline {color:#fff; text-shadow:0 0 0.2em #333; position:absolute; left:0; width:100%; 
text-align:center; bottom:60px;}
.cs-bandeau .jcs-baseline .bienvenue {opacity:0.9; font-family:"DINOT-BOLD"; font-size:7em; 
display:inline-block; text-transform:uppercase; letter-spacing:-0.1em; line-height:100%;}
.cs-bandeau .jcs-baseline .cs-direction {font-size:1.2em; font-family:"DINOT-Regular"; text-transform:uppercase; line-height:100%; }

.cs-bandeau  .jcs-down {cursor:pointer; opacity:0.95; transition:opacity 0.3s; bottom:10px; 
position:absolute; width:50px; height:50px; display:block; left:50%; margin-left:-25px; 
background:url(/visuels/public/icon-down.png) no-repeat center; background-size:contain;}
.cs-bandeau  .jcs-down:hover {opacity:1; }

.cs-bandeau > div {position:relative;}


.cs-accueil-clubs {width:50%; display:inline-block; vertical-align:top; padding-right:3%; text-align:left;}
.cs-accueil-bref {width:44.5%; display:inline-block; vertical-align:top; padding:0.5em 1%; background-color:#072987; color:#fff;
font-size:1.2em; margin-top:1em;}
.cs-accueil-bref h2 {color:#fff !important; border-color:#fff !important;}
.cs-club-accueil {width:45% !important; margin:0 4% 4% 0; display:inline-block;}
.cs-club-menu {width:21% !important; margin:0 2% 4% 2%; display:inline-block;}
.cs-visuel-club {width:100% !important; background:no-repeat transparent center; background-size:contain; display:block; transition:all 0.2s;}
.cs-visuel-club:hover {opacity:0.5;}

.cs-section-accueil-galeries {background:rgba(186,198,203,0.2); padding:1em 0;}
.cs-section-accueil-galeries .cs-vignette-galerie-accueil {display:inline-block; width:23%; margin:0 1% 2% 1%; 
position:relative; cursor:pointer; overflow:hidden;}
.cs-section-accueil-galeries .cs-vignette-galerie-accueil .cs-vga-visuel { transition:all 0.3s;
	background-position:center no-repeat; background-size:cover; position:absolute; width:100%; height:100%;}
.cs-section-accueil-galeries .cs-vignette-galerie-accueil .cs-vga-texte { transition:all 0.3s;
	position:absolute; width:100%; bottom:0; background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
.cs-section-accueil-galeries .cs-vignette-galerie-accueil:hover .cs-vga-visuel {transform:scale(1.05);}


/*LISTE DES ACTUS ACCUEIL*/
.jcs-slider-actus {width:100%; position:relative;}
.jcs-slider-actus li {display:inline-block; overflow:hidden; }
/*.jcs-slider-actus li {position:absolute !important; display:block; overflow:hidden; }
.jcs-slider-actus li.jcs-petit {left:0; top:0;}
.jcs-slider-actus li.jcs-gros {right:0; top:0;}*/
.jcs-slider-actus li > .jcs-contenair-all {position:relative; width:100%; height:100%;}

.jcs-slider-actus .jcs-contenair-all > .jcs-fond {width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center; transition:transform 0.3s ease-in-out 0s; }
.jcs-slider-actus .jcs-contenair-all:hover > .jcs-fond {/*filter:grayscale(75%);*/ transform:scale(1.06)}

.jcs-slider-actus .jcs-contenair-all > .jcs-hover {position:absolute; bottom:0; width:200%; left:0; transition:all 0.3s;
height:100%; }
.jcs-slider-actus .jcs-contenair-all:hover > .jcs-hover,
.jcs-slider-actus .jcs-contenair-all.hover > .jcs-hover {left:-100%; }
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > h5,
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > div {padding:0.5em 1em; width:50%; float:left;color:#fff; font-size:1em;}
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > h5 {
 background:rgba(0,0,0,0.85); text-transform:uppercase; }
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > div {display:block; height: 100%; text-align:left;
padding:0.5em; position:relative; }
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > div a {color:#fff !important; font-weight:bold !important;}
.jcs-slider-actus .jcs-contenair-all > a.cs-externe {display:block; position:absolute; width:100%; height:100%; }
.jcs-slider-actus .jcs-contenair-all p.cs-lien-actu {text-align:center; margin-top:1em;}
.jcs-slider-actus .jcs-contenair-all p.cs-lien-actu a {display:inline-block; padding:0.5em 1em; text-transform:uppercase; cursor:pointer;
border:1px solid #fff; font-size:0.9em; transition:all 0.2s;}
.jcs-slider-actus .jcs-contenair-all p.cs-lien-actu a:hover {background-color:#FFF; color:rgba(223,79,0,1) !important;}
.jcs-slider-actus .jcs-contenair-all a.cs-dessous {position:absolute; bottom:1px; width:100%; 
text-align:center; font-size:0.8em; font-style:italic; font-family:"DINOT-Light";}



/*GALERIE FEDER */
.jcs-galerie-feder li {width:19%; margin:0 0.5% 1% 0.5% !important; display:inline-block; position:relative;} 
.jcs-galerie-feder li a {width:100%; height:100%; top:0; left:0; position:absolute; background:no-repeat center; background-size:cover;} 

/*LISTE AGENDA*/
.cs-liste-agenda > li {display:inline-block; padding:0; vertical-align:top; margin:0; overflow:hidden; position:relative;}
.cs-liste-agenda > li.cs-3 {margin-right:0;}
.cs-liste-agenda > li > .jcs-fond {transition:all 0.2s; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; transition:transform 0.4s ease-in-out 0s; }
.cs-liste-agenda > li > .jcs-cache {opacity:0; color:#fff; width:96%; padding:2% 2%; height:96%; position:absolute; left:0; top:100%; background:rgba(0,0,0,0.8); transition:top 0.5s, opacity 0.5s; }
.cs-liste-agenda > li:hover > .jcs-cache {top:0;opacity:1;}

.cs-liste-agenda > li > .jcs-contenair {position:relative; display:table-cell; vertical-align:middle; text-align:center;}

.cs-liste-agenda > li  .cs-transition {transition:all 0.3s;}
.cs-liste-agenda > li > .jcs-contenair > .cs-animate { color:#fff !important; background-color:rgba(0,0,0,0.75);position:absolute; display:block; width:98%; padding:1%;}
.cs-liste-agenda > li > .jcs-contenair > span.jcs-date { background-color:rgba(0,0,0,0.95);top:0; font-size:1.3em; padding:3% 1%; text-transform:uppercase; font-family:"DINOT-Bold"; }
.cs-liste-agenda > li > .jcs-contenair > h5.jcs-h5 {bottom:0; font-size:1.1em; font-family:"DINOT-Regular";}

.cs-liste-agenda > li:hover > .jcs-contenair > .cs-animate { color:#000 !important; background-color:rgba(255,255,255,0.75);}
.cs-liste-agenda > li:hover > .jcs-fond {filter:grayscale(100%); }


/*LISTE DE VIGNETTES*/
.cs-liste-vignette > div {width:32%; display:inline-block; padding:0 0 2% 0; vertical-align:top; margin-right:2%; overflow:hidden;}
.cs-liste-vignette > div.cs-3 {margin-right:0;}
.cs-liste-vignette > div > .cs-visuel {width:100%; height:100px; background-size:cover; background-position:center center; position:relative; display:block; transition:transform 0.3s ease-in-out 0s;}
.cs-liste-vignette > div > a.cs-visuel:hover {filter:grayscale(75%); transform:scale(1.04)}
.cs-liste-vignette > div > .cs-visuel > h5 {width:90%; padding:0.5em 5%; background:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0; font-size:1.1em; font-family:"DINOT-Regular";line-height: 120%; }
.cs-liste-vignette > div > p {font-size:0.9em;}
.cs-liste-vignette > div > p > a {display:inline-block; height:1em; line-height:1em; color:#fff; font-family:"DINOT-Regular"; padding:0 0.2em; margin-left:0.3em; background-color:#315d80;}
.cs-liste-vignette > div > p > a:hover {background-color:#fff; color:rgb(130, 155, 63);}

/*AGENDA-ACTUS*/
div.cs-is-agenda-actu {}
div.cs-is-agenda-actu h5.cs-date {font-size:1.4em;}


/*PAGE PRESENTATION GEPEA*/
.cs-page-gepea .cs-paragraphe-item.cs-0 .jcs-visuel {background-image:url("visuels/public/23-gepea-equipe-chercheurs.jpg"); background-position:center;}
.cs-page-gepea .cs-paragraphe-item.cs-1 .jcs-visuel {background-image:url("visuels/public/23-gepea-planete-terre.jpg");}
.cs-page-gepea .cs-paragraphe-item.cs-2 .jcs-visuel {background-image:url("visuels/public/23-gepea-congres.jpg");
background-position:center;}

.cs-page-gepea .cs-paragraphe-item div.cs-avec-visuel {width:70%; float:left;}
.cs-page-gepea .cs-paragraphe-item img.cs-avec-visuel {width:28%; float:right;}


.cs-galerie ul.jcs-galerie-ul {margin:0; padding:0; position:relative;}
.cs-galerie ul.jcs-galerie-ul > li { list-style:none; position:absolute; background:no-repeat center; 
background-size:cover; overflow:hidden; transition:filter 0.3s; cursor:pointer; }
.cs-galerie ul.jcs-galerie-ul > li:hover {filter: grayscale(100%);}
.cs-galerie ul.jcs-galerie-ul > li > a { background:no-repeat center; background-size:cover; width:100%; height:100%; display:block; transition:transform 0.3s; }
.cs-galerie ul.jcs-galerie-ul > li:hover > a {transform:scale(1.03); }

.fancybox-caption-wrap {text-align:center;}







/*CONTACT	*/

.cs-page-contact .cs-contenu {background-color:rgba(0,0,0,0.05) !important;}
.cs-map-gepea {overflow:hidden; height:50em; width:80%; display:inline-block; float:right; }
.jcs-gepea-contacts {width:15%; margin-left:2%; display:inline-block; vertical-align:top; padding-top:1em;}
.jcs-gepea-contacts li {margin-bottom:1em;}
.jcs-gepea-contacts li strong {font-size:1.3em;}

div.cs-contact-contenu div.cs-contenair-contact {background:rgba(255,255,255,0.5); }
body .cs-main .cs-contact-contenu h2 {padding-left:0.5em;}

div.cs-contact-contenu div.cs-formulaire {float:left; width:51%; padding:0 2%;}
div.cs-contact-contenu div.cs-formulaire label {display:none; padding:1em 0 0.2em 0;}
div.cs-contact-contenu div.cs-form-ele, div.cs-contact-contenu .form-leg {margin-bottom:0.5em; }
div.cs-contact-contenu div.cs-form-ele input, div.cs-contact-contenu div.cs-form-ele textarea {
	padding:0.4em; font-size:1em; display:block; border:1px solid transparent; color:#444; background:rgba(0,0,0,0.04);
	transition:all 0.3s;
	}
div.cs-contact-contenu div.cs-form-submit {display:block; text-align:center; clear:both; margin:1em 0;}
div.cs-contact-contenu div.cs-form-submit input.cs-bouton-submit {
		background:rgba(0,0,0,0.7); color:#FFF; border:none; padding:0.4em 1em; font-size:1.5em; display:inline-block;
		transition:all 0.3s;}

div.cs-contact-contenu div.cs-form-ele img.jcs-cpa {width:150px; float:left; margin-right:1em; display:block;}
div.cs-contact-contenu div.cs-form-ele input.jcs-cpa {width:48%; float:left; margin-right:1em; display:block; font-size:1.2em}

div.cs-contact-contenu div.cs-coordonnees {float:right; width:38%; padding:1em 2%; background-color:rgba(0,0,0,0.1)}
div.cs-contact-contenu div.cs-coordonnees p {margin-top:0.1em;}
div.cs-contact-contenu div.cs-coordonnees p:first-child {margin-top:0;}


div.cs-contact-contenu div.cs-section-content {display:inline-block; width:22%; margin:1%; padding:0.2em; vertical-align:top;}
div.cs-contact-contenu div.cs-section-content h3 {margin-top:0;}
div.cs-contact-contenu div.cs-section-content a {font-weight:bold; color:#072987 !important;}


body.onepage {}
body.no-onepage {}

.jcs-contenair-ico {position:absolute; overflow:visible; text-align:right; top:0; right:0;}
.jcs-contenair-ico a {display:inline-block; background:no-repeat transparent center; background-size:100%; 
vertical-align:top; transition:all 0.2s;}
.jcs-contenair-ico a:hover {background-size:80%;}

a.cs-bt-menu {display:none; text-align:center; color:#000; background-image:url(visuels/menu.png); cursor:pointer;}

/*NO ONE PAGE */

body.no-onepage .js-showhide.cs-noblock {display:none !important;}
/*
body.no-onepage nav {position:absolute;}
body.no-onepage a.cs-bt-menu {display:inline-block;}
body.no-onepage nav > ul {position:absolute; right:0;top:75px; width:50%; background:#FFF; display:none;}
body.no-onepage nav > ul > li {display:block; margin-bottom:0.5em;}
*/
body.no-onepage .jcs-section {margin-top:0 !important;}





/*JUSQUA 1040*/
body.jusqua1140  .bx-wrapper {margin-bottom:0 !important}
body.jusqua1140  .jcs-lien-bouton {margin-right:1em; }
body.jusqua1140  .cs-bandeau .jcs-baseline .bienvenue {font-size:3em; opacity:0.9;}
body.jusqua1140 .cs-main h1 {font-size:3em; margin:0 !important;}

body.jusqua1140  .cs-bxslider-equipes > li {padding:10px;}
body.jusqua1140  .cs-bxslider-equipes li > div > .cs-left,
body.jusqua1140  .cs-bxslider-equipes li > div > .cs-right {float:none; width:auto;}
body.jusqua1140  .cs-bxslider-equipes li ul.cs-contact li {display:inline-block; vertical-align:top; margin-right:1em;}
body.jusqua1140  .cs-bandeau	a.js-scroll-to.jcs-down {display:none;}

body.jusqua1140  .cs-bxslider-innovations > li {padding:10px;}
body.jusqua1140  .cs-bxslider-innovations li > div > .cs-left,
body.jusqua1140  .cs-bxslider-innovations li > div > .cs-right {float:none; width:auto;}
body.jusqua1140  .cs-bxslider-innovations li > div > .cs-left {margin-bottom:1em; padding-bottom:0 !important}
body.jusqua1140  .cs-bxslider-innovations li .cs-galerie {float:none; width:auto; margin-top:2em;}
body.jusqua1140  .cs-bxslider-innovations li ul.cs-contact li {display:inline-block; vertical-align:top; margin-right:1em;}

body.jusqua1140  .cs-bxslider-formations > li {padding:10px;}
body.jusqua1140  .cs-bxslider-formations li > div > .cs-left,
body.jusqua1140  .cs-bxslider-formations li > div > .cs-right {float:none; width:auto;}
body.jusqua1140  .cs-bxslider-formations li > div > .cs-left {margin-bottom:1em;}
body.jusqua1140  .cs-bxslider-formations li > div > .cs-right .jcs-lien-bouton {display:inline-block;}

body.jusqua1140  .jcs-gepea-contacts {width:auto;}
body.jusqua1140  .jcs-gepea-contacts li {display:inline-block; vertical-align:top; width:22%; margin-right:2%;}
body.jusqua1140  .cs-map-gepea {width:100%;}




/*JUSQUA 800*/
body.jusqua800  .bx-wrapper {margin-bottom:0 !important}
body.jusqua800  .jcs-lien-bouton {margin-right:0.5em; }
body.jusqua800  .cs-bandeau .jcs-baseline .bienvenue {display:none;}
body.jusqua800  .cs-bandeau	a.js-scroll-to.jcs-down {display:none;}
body.jusqua800 .cs-main h1 {font-size:3em; margin:0 !important;}

body.jusqua800  .cs-bxslider-equipes > li {padding:5px;}
body.jusqua800  .cs-bxslider-equipes li > div > .cs-left,
body.jusqua800  .cs-bxslider-equipes li > div > .cs-right {float:none; width:auto;}
body.jusqua800  .cs-bxslider-equipes li ul.cs-contact li {display:inline-block; vertical-align:top; margin-right:1em;}
/*body.jusqua800  .jcs-personnels {display:none;}*/
body.jusqua800  .jcs-axe {float:none !important; width:auto !important}
body.jusqua800  .jcs-axe .cs-texte {padding:0 0 2em 0 !important;}
body.jusqua800  .jcs-personnels {margin-top:4em;}


body.jusqua800  .cs-bxslider-innovations > li {padding:10px;}
body.jusqua800  .cs-bxslider-innovations li > div > .cs-left,
body.jusqua800  .cs-bxslider-innovations li > div > .cs-right {float:none; width:auto;}
body.jusqua800  .cs-bxslider-innovations li > div > .cs-left {margin-bottom:1em; padding-bottom:0 !important}
body.jusqua800  .cs-bxslider-innovations li .cs-galerie {float:none; width:auto; margin-top:2em;}
body.jusqua800  .cs-bxslider-innovations li ul.cs-contact li {display:inline-block; vertical-align:top; margin-right:1em;}

body.jusqua800  .cs-bxslider-formations > li {padding:10px;}
body.jusqua800  .cs-bxslider-formations li > div > .cs-left,
body.jusqua800  .cs-bxslider-formations li > div > .cs-right {float:none; width:auto;}
body.jusqua800  .cs-bxslider-formations li > div > .cs-left {margin-bottom:1em;}
body.jusqua800  .cs-bxslider-formations li > div > .cs-right .jcs-lien-bouton {display:inline-block;}

body.jusqua800  .jcs-gepea-contacts {width:auto;}
body.jusqua800  .jcs-gepea-contacts li {display:inline-block; vertical-align:top; width:47%; margin-right:2%;}
body.jusqua800  .cs-map-gepea {width:100%;}
body.jusqua800 .js-liste-personnel-menu-select {display:block;}
body.jusqua800 .js-liste-personnel-menu {display:none;}

.cs-actu-fb-contenu h5 {font-size:1.5em !important;}
.cs-actu-fb-contenu p {margin-bottom:0.75em;}
.cs-actu-fb-contenu p a {font-weight:bold !important;}
.cs-actu-fb-contenu img {display:block; max-width:100%; margin:2em auto 0 auto;}

.cs-fb-actu .fancybox-slide > * {max-width:70%; margin:auto; max-height:90%;}

/*SURCOUCHE MENU*/

input[type='checkbox']:checked.jm-menu-btn ~ .jm-collapse {
 width: auto !important; /* Open when menu button is clicked */
 position:absolute !important;
}

.cs-vignette-galerie-incluse {text-align:center; cursor:pointer;}

.cs-presentation-club {padding:0.5em; background-color:rgba(186,198,203,0.2); text-align:center;}
.cs-presentation-club > div {width:33%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0.5em;}
.cs-presentation-club > div.cs-logo-presentation img {max-width:100%;}
.cs-presentation-club > div.cs-logo-presentation a { display:inline-block; margin-top:1em; padding:0.5em; color:#fff; background-color:#072987; border-radius:0.2em; border:2px solid #072987; transition:all 0.2s; font-weight:bold; text-transform:uppercase;}
.cs-presentation-club > div.cs-logo-presentation a:hover {background-color:#fff; color:#072987; border-radius:0.2em;}

.jcs-page-club .cs-paragraphe-item {padding:1em 0.5em;}