@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;}
h1,h2,h3,h4,h5 {font-weight:normal;}
h1,h2 {font-family:"DINOT-Bold"; font-weight:normal;}
h1 { font-size:2.2em; text-align:center; text-transform:uppercase;}
h1 > span { font-size:0.8em;}
h3 {border-bottom:rgba(175,0,0,1) 0.2em solid; font-family:"DINOT-Bold"; font-weight:normal; color:rgba(175,0,0,1);font-size:1.5em; margin-bottom:0.4em;}
.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; margin:0; width:100%; position:fixed; top:0; z-index:1000; 
background:rgba(0,0,0,1); box-shadow:0 0 2px #333; transition:background-color 0.2s;}
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;}
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:300px;}
nav > .cs-logo img {transition: height 0.3s;}
nav.cs-scrolled > .cs-logo img {}
nav.cs-scrolled  {background-color:rgba(0,0,0,1);}
nav li.cs-menu { padding:0 1em; display:table-cell; vertical-align:middle; position:relative; overflow:hidden; font-size:1em; font-family:"DINOT-Regular";}
nav li.cs-menu > a { text-transform:uppercase; color:#fff !important; position:relative; padding-bottom:0.3em; margin:0; display:inline-block; transition: color 0.3s ease-in-out 0s;  }
nav li.cs-menu.menu38 > a {color:rgba(175,0,0,1) !important; }
nav li.cs-menu.open > a {color:#fff !important;}

nav li.cs-menu > a > span {position:absolute; bottom:0; left:0; height:0.2em; transition: all 0.2s; display:inline-block; width:0; background-color:#fff;}
nav li.cs-menu.menu38 > a > span {background-color:rgba(175,0,0,1) !important; }
nav li.cs-menu > a:hover > span {width:100%}

nav .cs-menu.menu168 > span {background-color:#172559;}
nav .cs-menu.menu213 > span {background-color:#62257f;}
nav .cs-menu.menu230 > span {background-color:#d20850;}
nav .cs-menu.menu214 > span {background-color:#e43c15;}
nav .cs-menu.menu217 > span {background-color:#ddda00;}
nav .cs-menu.menu215 > span {background-color:#95bd0b;}
nav .cs-menu.menu216 > span {background-color:#129f94;}


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

/*RESEAUX SOCIAUX*/
nav .jcs-rs {float:right; position:relative; vertical-align:middle;}
nav .jcs-rs > a {display:inline-block; width:2em; height:2em; 
	background:no-repeat center center; 
	background-size:contain;
	vertical-align:middle;
	margin:0.5em 0.5em 0 0;
	}
nav .jcs-rs > a.cs-facebook {	background-image:url("/visuels/public/logo-facebook.png");}
nav .jcs-rs > a.cs-instagram {	background-image:url("/visuels/public/logo-instagram.png");}
nav .jcs-rs > a.cs-3as {width:3.2em; background-image:url("/visuels/public/logo-3as.png");}


footer {clear:both; padding:0; background:rgba(0,0,0,0.85); 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; vertical-align:top;font-size:0.9em; padding:0 2em; 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; padding-bottom:0.5em; }
footer .cs-contenair > div.cs-c2, footer .cs-contenair > div.cs-c3 {font-size:0.9em;}

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


body .cs-middle {margin:0;} 
body .cs-margin-lr {margin-left:10%; margin-right:10%;} /*ATTENTION : body .cs-bandeau .cs-titre A MODIFIER AUSSI */
body .cs-padding-lr {padding-left:10%; padding-right:10%;} /*ATTENTION : body .cs-bandeau .cs-titre A MODIFIER AUSSI */
body .cs-margin-tb {margin-top:1em; margin-bottom:0;}
body .cs-padding-tb {padding-top:1em; padding-bottom:3em;}
body .cs-pratique {display:none;} 

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:80%; 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;}






body .cs-main {margin:0 0; /*box-shadow:0 3px 2px #666;*/ position:relative;}
/*body .cs-main h2 {margin:0; font-size:2em; line-height:2.5em; padding:0; text-transform:uppercase; color:#fff; background:#333; font-family:"DINOT-Bold"; text-align:center;  }*/
body .cs-main h2 {margin:0; font-size:1.8em; line-height:1.8em; padding:0 !important; text-transform:uppercase; color:#333;  }


body .cs-texte-item {background-color:rgba(255,255,255,0.5); padding:0 1em;}
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;}
body .cs-texte-item ul {}

body .cs-paragraphe-item {margin-top:3em;}
body .cs-paragraphe-item.no-margin {margin-top:0;}
body .cs-paragraphe-item:first-child {margin-top:0;}
body .cs-paragraphe-item .cs-texte img {max-width:100%;}
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-item p.cs-link {padding-top:1em;}
body .cs-texte-item p.cs-link > a {font-family:"DINOT-Regular";}
body .cs-texte-item p.cs-link > a:before {content: ">> ";}

a.cs-color, .cs-paragraphe-item > .cs-texte a {transition:all 0.2s;}
a.cs-color:hover, .cs-paragraphe-item > .cs-texte a:hover {color:#000;}

.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.1em #333; position:absolute; left:0; width:100%; 
text-align:left;}
.cs-bandeau .jcs-baseline .bienvenue {opacity:0.9; font-family:"DINOT-BOLD"; font-size:3.7em; 
display:inline-block; text-transform:uppercase; margin-left:2% }
.cs-bandeau .jcs-baseline span {display:block}
.cs-bandeau .jcs-baseline span:first-child {font-size:0.8em;}
.cs-bandeau .jcs-baseline span:last-child {letter-spacing:0.4em;}
.cs-bandeau .jcs-baseline .MSM, .video-container .jcs-baseline .bienvenue { transition:all linear 40s 1s; }

.cs-bandeau  .jcs-down {cursor:pointer; opacity:0.8; 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;}


/*CONTACT	*/

div.cs-contact-contenu div.cs-contenair-contact 
{
	background: linear-gradient(to right, #f8f8f8 58%, #ddd 58%,#ddd 100%);
	/*background:rgba(255,255,255,0.5); */
}
body .cs-main .cs-contact-contenu h2 {padding-left:0.5em;}
.cs-contact-contenu div.cs-formulaire {float:left; width:51%; padding:0 2%;}
.cs-contact-contenu div.cs-formulaire label {display:none; padding:1em 0 0.2em 0;}
.cs-contact-contenu .cs-form-ele .cs-erreur {color:#F00; font-weight:bold;}
.cs-contact-contenu .cs-form-ele, div.cs-contact-contenu .form-leg {margin-bottom:0.5em; }
.cs-contact-contenu .cs-form-ele input, 
.cs-contact-contenu .cs-form-ele textarea, 
.cs-contact-contenu .cs-form-ele select {
	padding:0.4em; font-size:1em; display:block; border:1px solid transparent; color:#444;
	transition:all 0.3s; background:rgba(0,0,0,0.04);
	}
div.cs-contact-contenu .jcs-add-pilote,
div.cs-contact-contenu .jcs-calculer-prix
 {padding:0.2em 1em; background-color:rgba(175,0,0,1); border:1px solid;
border-color:rgba(175,0,0,1); color:#fff; border-radius:0.3em; transition:all 0.2s; text-transform:uppercase; margin:0 1em; }
div.cs-contact-contenu .jcs-add-pilote:hover {color:rgba(175,0,0,1); background-color:#fff; }

div.cs-contact-contenu .jcs-calculer-prix {background-color:rgba(0,0,0,1); border-color:rgba(0,0,0,1); }
div.cs-contact-contenu .jcs-calculer-prix:hover {color:rgba(0,0,0,1); background-color:#fff; }

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 .cs-form-ele img.jcs-cpa {width:150px; float:left; margin-right:1em; display:block;}
div.cs-contact-contenu .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:0 2%;}
div.cs-contact-contenu div.cs-coordonnees p {margin-top:1em;}
div.cs-contact-contenu div.cs-coordonnees p:first-child {margin-top:0;}

div.cs-contact-contenu div.cs-plan {padding:1em; background-color:rgba(253,253,253);}
div.cs-contact-contenu div.cs-plan > .jcs-left-plan {float:left; width:49%;}
div.cs-contact-contenu div.cs-plan > .jcs-map-contenair {float:right; width:49%;}
div.cs-contact-contenu div.cs-plan > .jcs-map-contenair > #map_ttevolution {width:100%;}





/*FAQ*/
.cs-main.cs-29 .cs-texte > p > strong {font-family:"DINOT-BOLD"; font-weight:normal; font-size:1.1em; border-bottom:0.15em solid; 
display:block; margin-bottom:0.2em;}



/*MON COMPTE*/
.bt-noir-rouge {display:inline-block; color:#FFF; background-color:#000;
padding:0.5em 1em; text-align:center; transition:all 0.2s; text-transform:uppercase; border:none; cursor:pointer;}
.bt-noir-rouge:hover {background-color:rgba(175,0,0,1) !important; color:#FFF !important; }

.bt-noir-rouge.gris-noir {background-color:#ccc;}
.bt-noir-rouge.gris-noir:hover,
.bt-noir-rouge.gris-noir.actif
 {background-color:#000 !important;}
 
.bt-noir-rouge.gris-rouge {background-color:#ccc;}
.bt-noir-rouge.gris-rouge:hover,
.bt-noir-rouge.gris-rouge.actif
 {background-color:rgba(175,0,0,1) !important;}

#jcs-menu-clien {text-align:center;}
#jcs-menu-clien a {margin:0 1em;}

.cs-choix-client {width:100%; }
.cs-choix-client h3 {display:inline-block;}
.cs-choix-client .cs-form-list-field {text-align:left;}
.cs-choix-client td {vertical-align:top; text-align:center; width:50%; padding:0.5em;}

.cs-div-contenu-cc {padding:2em 0;}

.jcs-show-to-mod li {margin-bottom:0.5em;}
.jcs-show-to-mod label {display:inline-block !important; width:10em !important; vertical-align:top; padding:0.4em; font-weight:bold;}
.jcs-show-to-mod input[type=text], 
.jcs-show-to-mod input[type=password], 
.jcs-show-to-mod textarea,
.jcs-show-to-mod select {display:inline-block !important; vertical-align:top; }

.jcs-show-to-mod.show .no-show {display:none !important;}
.jcs-show-to-mod.show input[type=text], 
.jcs-show-to-mod.show input[type=password], 
.jcs-show-to-mod.show textarea,
.jcs-show-to-mod.show select {background-color:#fff !important}

.jcs-show-to-mod.form .form-no-show {display:none !important;}

/*CALENDRIER : PAGE*/
.cs-30 .cs-texte-item,
.cs-accueil .cs-texte-item {background: linear-gradient(to right, #fafafa 62.5%, #ddd 62.5%,#ddd 100%);}
.cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb  {float:right; width:35%;}
.cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb.cs-contenair-calendrier {float:left; width:61%;}

/*CALENDRIER : ACCUEIL*/

/*CALENDRIER FORMATAGE*/
.cs-contenair-calendrier .cs-mois h5 {font-family:"DINOT-BOLD"; font-weight:normal; font-size:1.5em; border-bottom: 2px solid;
margin-bottom: 0.6em;}
.cs-contenair-calendrier .cs-jour {padding-bottom:4em;}
.cs-contenair-calendrier .cs-jour li {display:inline-block; width:30%; margin:0 3% 3% 0; position:relative; 
background:rgba(255,255,255,0.9); vertical-align:top;}
.cs-contenair-calendrier .cs-jour li > span {display:block; width:100%; color:#FFF; background-color:#000; 
padding:0.2em; text-align:center;}
.cs-contenair-calendrier .cs-jour li > span > em {display:block; width:100%; line-height:100%; font-size:0.8em; }
.cs-contenair-calendrier .cs-jour li > div.cs-inscrits {padding:0.2em; min-height:8em; position:relative;}
.cs-contenair-calendrier .cs-jour li > div.cs-inscrits > p.cs-dont {position:absolute; padding:0.2em 0; font-size:0.9em; 
text-align:center; bottom:0; width:100%; line-height:100%;}
.cs-contenair-calendrier .cs-jour li > a {display:block; color:#FFF; background-color:#000; width:100%;
padding:0.5em 0; text-align:center; transition:all 0.2s; text-transform:uppercase;}
.cs-contenair-calendrier .cs-jour li > a.cs-pas-complet { cursor: pointer;}
.cs-contenair-calendrier .cs-jour li > a.cs-pas-complet:hover {background-color:rgba(175,0,0,1);}
.cs-contenair-calendrier .cs-jour li.cs-complet > div,
.cs-contenair-calendrier .cs-jour li.cs-complet > span,
.cs-contenair-calendrier .cs-jour li.cs-complet > a {color:#CC0000;}


.cs-contenair-calendrier .cs-jour li.cs-type-Enfant > span,
.cs-contenair-calendrier .cs-jour li.cs-type-Enfant > a {background-color:#666;}


.jcs-pilotes td {padding:0 0.5em 0.5em 0;}

.cs-formulaire-inscription .cs-titre {text-align:center; font-size:1.2em; font-weight:bold;}


/*TARIFS*/
.cs-31 table {border-collapse: separate; border-spacing: 0.2em;}
.cs-31 table td {
	padding:0.5em 1em; 
	font-size:1.1em; 
	text-align:center; 
	vertical-align:middle; 
	background:rgba(255,255,255,0.8); 
	}

.cs-31 table tr:first-child td:first-child {background:none;}
.cs-31 table tr td:first-child {text-align:left;}





.video-container {background: url("/visuels/public/masque-gridtile.png") repeat scroll 0 0 transparent;}
#bgvid {position:absolute;right:0;bottom:0;
min-width:100%;min-height:100%;
width:auto;height:auto; z-index:-999;
overflow:hidden; background-color:#000;
background-size:cover;}
video{display:block;}


.cs-mentions-legales-modele p {margin-bottom:1.5em;}












/*FORMULAIRE ASSOS	*/
.cs-formulaire-assos h3 {text-transform:uppercase; font-size:1.5em; margin-top:2em;}
.cs-formulaire-assos form ul.cs-attention  {list-style:circle;}
.cs-formulaire-assos form ul.cs-attention li  {font-size:0.9em; margin-left:1.5em;}
div.cs-contact-contenu div.cs-formulaire.cs-formulaire-assos {width:98%; float:none; padding:1em 2%;}
div.cs-contact-contenu div.cs-form-ele.jcs-champs-panneau {text-align:center; width:43em; margin:0; float:right;}
div.cs-contact-contenu div.cs-pl-left {overflow:hidden;}







.cs-div-pilote {width:29%; margin:0 1% 2% 1%; display:inline-block; vertical-align:top; background:rgba(0,0,0,0.05); padding:1%; border-radius:5px;}










/*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("https://ern-machecoul.fr/bibliotheque-opac/2017/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;}



/*JE SUIS	*/
.js-je-suis a.jcs-item {display:inline-block; position:relative; overflow:hidden;}
.js-je-suis a.jcs-item > div {position:absolute; transition:all linear 0.1s; width:100%; height:100%; background:no-repeat center; background-size:cover; transform:scale(1.1);}
.js-je-suis a.jcs-item:hover > div {transform:scale(1);}
.js-je-suis a.jcs-item > span {display:block; transition:all 0.1s; margin-left:-50%; line-height:0.9em; position:absolute; width:200%; font-size:2em; text-transform:uppercase; color:#fff; font-family:"DINOT-Bold"; text-align:center; bottom:0; text-shadow:0 0 2px #333;}
.js-je-suis a.jcs-item:hover > span {bottom:35%; opacity:0.5; font-size:6em; text-shadow:none;}




/*LISTE DES ACTUS ACCUEIL*/
.jcs-slider-actus {width:100%; position:relative;}
.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 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; }
.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 > span {padding:0.5em 1em; width:50%; float:left;color:#fff; font-size:1em; text-transform:uppercase;}
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > h5 {
 background:rgba(0,0,0,0.85); }
.jcs-slider-actus .jcs-contenair-all > .jcs-hover > span {display:block; height: 100%; 
background:url(https://www.bayeux.fr/sites/all/themes/intuitiv/img/readMore-icon.png) no-repeat;
background-position:right 1em center;
background-size:2em; text-align:right; padding-right:4em;}
.jcs-slider-actus .jcs-contenair-all > a {position:absolute; width:100%; height:100%; }


/*LISTE DES ACTUS*/
.cs-liste-actus > li {display:inline-block; padding:0; vertical-align:top; margin:0; overflow:hidden; position:absolute;}

.cs-liste-actus > li > .jcs-fond {width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; transition:transform 0.3s ease-in-out 0s; }
.cs-liste-actus > li:hover > .jcs-fond {/*filter:grayscale(75%);*/ transform:scale(1.06)}
.cs-liste-actus > li > .jcs-cache {width:100%; height:100%; position:absolute; left:0; top:100%; background:rgba(0,0,0,0.6); transition:top 0.3s ease-in-out 0s; }
.cs-liste-actus > li > .jcs-cache > span {display:inline-block; padding-top:85%; width:100%; color:#fff; font-size:1.2em; font-weight:bold; text-align:center; vertical-align:bottom; }

.cs-liste-actus > li:hover > .jcs-cache {top:0;}

.cs-liste-actus > li > .jcs-contenair {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.cs-liste-actus > li > .jcs-contenair > h5 {display:inline-block; color:#fff; font-size:1.4em; font-family:"DINOT-Bold"; text-transform:uppercase; text-shadow:0px 0px 2px #333;  transition:margin-bottom 0.3s }
.cs-liste-actus > li:hover > .jcs-contenair > h5 {margin-bottom:2em;}
.cs-liste-actus > li > 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-actus > li > p > a:hover {background-color:#fff; color:rgb(130, 155, 63);}

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


/*RECHERCHE	*/
.cs-recherche > .cs-nombre  {text-align:center; font-size:1.1em; font-weight:bold; margin:1em 0; } 
.cs-recherche > .cs-resultat  {margin:0 0 1em 0; padding:0 20% 1em 0; border-bottom:1px solid #ccc; position:relative; } 
.cs-recherche > .cs-resultat:last-child  {margin-bottom:0; } 
.cs-recherche > .cs-resultat > .cs-paragraphe-item {margin:0;} 
.cs-recherche > .cs-resultat > h3 {margin:0 0 0.2em 0; font-weight:bold;} 
.cs-recherche > .cs-resultat > a.cs-lien {position:absolute; width:15%; right:0; top:0; vertical-align:middle; transition:all 0.3s; 
											text-align:center; background:#fcc300; color:#fff; padding:1em 0;} 
.cs-recherche > .cs-resultat > a.cs-lien:hover {background:#fff; color:#fcc300;} 

.jcs-menu-bt {display:none; position:relative; float:right; margin:0.5em 0.5em 0 0.5em;  
background:url(visuels/public/ico-menu.png) no-repeat right center; background-size:1.5em; 
color:#FFF; font-weight:bold; font-size:1em; cursor:pointer; opacity:1; text-transform:uppercase;
height:1.8em; line-height:1.8em; background-size:1.8em; padding-right:2em;}

.jcs-button-video {background:rgba(0,0,0,0.8) center center no-repeat; border-radius:50%;  border:none;
background-size:3em; width:5em; height:5em; position:absolute; z-index:999;top:1em; right:1em; opacity:0;
transition:opacity 0.2s ease-in-out;}

.jcs-bandeau-accueil:hover .jcs-button-video {opacity:0.8;}
.jcs-mute.jcs-button-video {background-image:url("/visuels/public/ico-vid-mute.png");}
.jcs-unmute.jcs-button-video {background-image:url("/visuels/public/ico-vid-unmute.png");}
.jcs-play.jcs-button-video {background-image:url("/visuels/public/ico-vid-play.png"); 
top:50%; left:50%; margin-top:-2.5em; margin-left:-2.5em; display:none; opacity:1; }


/*INSCRIPTION*/
.cs-insc-left {float:left; width:48%;}
.cs-insc-right {float:right; width:48%;}
.jcs-pilotes td.cs-form-ele label {display:none;}

.jcs-inscriptions {padding:0.3em; }
.jcs-inscriptions .jcs-sh {cursor:pointer; }


/*MENU REDUIT	*/
	body.jusqua950 .cs-insc-left,
	body.jusqua950 .cs-insc-right {float:none; width:99%;}
	body.jusqua950 .jcs-pilotes td.cs-form-ele {display:block;}
	body.jusqua950 .jcs-pilotes td.cs-form-ele label {display:inline-block;}
	body.jusqua950 .jcs-pilotes tr.cs-ths {display:none;}

	body.jusqua950 .jcs-menu-bt {display:block;}
	body.jusqua950 nav {position:relative !important;}
	body.jusqua950 nav > .cs-logo {width:auto;}
	body.jusqua720 nav .jcs-rs > a {width:1.7em; height:1.7em;}
	body.jusqua720 nav .jcs-rs >  a.cs-3as {width:2.72em;}
	body.jusqua950 nav .jcs-liste-menu {display:none; position:absolute; width:30%; right:0; background:rgba(0,0,0,1)}
	body.jusqua950 nav .cs-sous-menu-contenair {width:70%;}
	body.jusqua950 nav .cs-sous-menu {position:absolute; width:100%; padding:0;}
	body.jusqua950 nav .cs-sm-content.jcs-sm-visuel {display:none;}
	body.jusqua950 nav .cs-sous-menu .cs-sm-content {width:48%}
	body.jusqua950 nav li.cs-menu {display:block; margin-bottom:0.3em;}
	
	body.jusqua950 nav .cs-menu:hover span, 
	body.jusqua950 nav .cs-menu.open > span {}
	
	body.jusqua950 .jcs-decalage-menu {display:none;}
	body.jusqua950 .cs-footer-menu {display:none;}
	body.jusqua950 footer .cs-enbas p {display:block; text-align:center;}
	body.jusqua950 p.cs-ariane {display:none;}
	body.jusqua950 .jcs-enunclic {display:none !important;}
	body.jusqua950 div.jcs-recherche {width:100% !important; 
		top:5% !important; 
		bottom:auto !important; 
		left:2.5% !important; 
		right:auto !important;}
	
	body.jusqua950 .jcs-regards-titre,
	body.jusqua950 .jcs-regards  {display:none;}


	body.jusqua720 nav {text-align:center;}
	body.jusqua720 nav .jcs-rs {float:left;}
	body.jusqua720 nav > .cs-logo {display:block; clear:both; text-align:center;}
	

	body.jusqua720 nav .jcs-liste-menu {width:50%;}
	body.jusqua720 nav .cs-sous-menu-contenair {width:50%;}
	body.jusqua720 nav .cs-sous-menu .cs-sm-content {width:100%}
	/*body.jusqua720 .jcs-bandeau-accueil {display:none;}*/
	body.jusqua720 .cs-padding-lr {padding-left: 1% !important; padding-right: 1% !important; width:auto !important;}
	body.jusqua720 .cs-margin-lr {margin-left: 1% !important; margin-right: 1% !important; width:auto !important;}
	body.jusqua720 .cs-bandeau .cs-titre {width:100% !important; padding:0 !important; margin:0 !important;}
	body.jusqua720 h1 {font-size:1.5em;}
	body.jusqua720 .cs-texte-item .cs-avec-chapeau {padding-right:0 !important;}
	body.jusqua720 .cs-texte-item .cs-chapeau {width:auto !important; position:relative !important}
	body.jusqua720 .js-agenda.js-original {display:none;}
	body.jusqua720 .js-agenda.jcs-clone {margin-top:1em;}
	body.jusqua720 .js-agenda.jcs-clone .jcs-slider-agenda-controls.jcs-controls {margin-bottom:1em;}
	body.jusqua720 .js-agenda.jcs-clone li {margin-bottom:0.5em;}
	body.jusqua720 .jcs-right  {display:none;}
	
	body.jusqua720 div.cs-contact-contenu div.cs-contenair-contact {background:none;}
	body.jusqua720 div.cs-contact-contenu div.cs-formulaire,
	body.jusqua720 div.cs-contact-contenu div.cs-coordonnees {float:none; width:auto;}
	body.jusqua720 div.cs-contact-contenu div.cs-coordonnees {background:#ddd;}
	
	body.jusqua720 div.cs-contact-contenu div.cs-plan > .jcs-map-contenair,
	body.jusqua720 div.cs-contact-contenu div.cs-plan > .jcs-left-plan {float:none; width:auto;}
	
	body.jusqua720 .cs-30 .cs-texte-item,
	body.jusqua720 .cs-accueil .cs-texte-item {background:none;}
	body.jusqua720 .cs-accueil .cs-contenair-calendrier {display:none;}
	body.jusqua720 .cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb,  
	body.jusqua720 .cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb.cs-contenair-calendrier {float:none; width:auto;}
	body.jusqua720 .cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb {background:#ddd;}
	body.jusqua720 .cs-calendrier-contenu .cs-texte-item > div.cs-padding-tb.cs-contenair-calendrier {background:none;}
	body.jusqua720 #bgvid {position:absolute;right:0;bottom:0; min-width:100%;min-height:100%;
width:100%;height:100%; }
	body.jusqua720 .jcs-baseline {display:none;}
	body.jusqua720 .jcs-play.jcs-button-video {display:block;}
	body.jusqua720 .cs-contenair-calendrier .cs-jour li {width:45%}