/* CSS Document

ORANGE : 240,207,58
VERT : 219,222,94
*/
#wrapper {position:absolute; width:100%; height:100%; background-attachment:fixed; background-color:#FFF; z-index:10000;}

@font-face {
	font-family: 'DINOT-light'; 
	src: url('fonts/DINOT-Light.eot'); 
	src: url('fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/DINOT-Light.woff') format('woff'),
	url('fonts/DINOT-Light.ttf') format('truetype'),
	url('fonts/DINOT-Light.svg#') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'DINOT-medium'; 
	src: url('fonts/dinot-medium.eot'); 
	src: url('fonts/dinot-medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/dinot-medium.woff') format('woff'),
	url('fonts/dinot-medium.ttf') format('truetype'),
	url('fonts/dinot-medium.svg#') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'MuseoSansCyrl-900'; 
	src: url('fonts/MuseoSansCyrl-900.eot'); 
	src: url('fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
	url('fonts/MuseoSansCyrl-900.woff') format('woff'),
	url('fonts/MuseoSansCyrl-900.ttf') format('truetype'),
	url('fonts/MuseoSansCyrl-900.svg#') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'DINOT-bold'; 
	src: url('fonts/dinot-bold.eot'); 
	src: url('fonts/dinot-bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/dinot-bold.woff') format('woff'),
	url('fonts/dinot-bold.ttf') format('truetype'),
	url('fonts/dinot-bold.svg#') format('svg'); font-weight: normal; font-style: normal; }


.cs-slider-points {position:absolute; width:100%; bottom:6em; text-align:center;height:1em; left:0;}
.cs-slider-points input {display:inline-block; cursor:pointer; width:0.8em; height:0.8em; text-align:center; margin:0 0.2em; border-radius:0.4em; background:none; border:0.1em solid #fff;}
.cs-slider-points input.cs-is-selected {background-color:#FFF;}

.cs-clignote {-webkit-animation: clignote 2s infinite;
	-moz-animation: clignote 2s infinite;
	-o-animation: clignote 2s infinite;
	animation: clignote 2s infinite;}
	
div.cs-fleche {height:70px; position:relative; width:60px; margin:0 auto;}
div.cs-fleche img {width:60px; cursor:pointer; position:absolute;}

.cs-go-bottom {position:absolute; width:4em; left:50%; margin-left:-2em; bottom:2em; cursor:pointer;
	
	}
@-webkit-keyframes clignote 
{
	0%{top:0;}
	50%{top:20px;}
	100%{top:0;}
}
@-moz-keyframes clignote 
{
	0%{top:0;}
	50%{top:20px;}
	100%{top:0;}
}
@-o-keyframes clignote 
{
	0%{top:0;}
	50%{top:20px;}
	100%{top:0;}
}
@keyframes clignote {
	0%{top:0;}
	50%{top:20px;}
	100%{top:0;}
}
.cs-go-bottom.cs-go-top {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

div#home-slider {width:100%; height:400px; }
div#home-slider .cs-deg {position:absolute;width:100%; left:0;}
div#home-slider .cs-deg.jcs-top {height:100%; top:0; background: rgba(0,0,0,0.1);}
div#home-slider .cs-deg.jcs-bottom {display:none; height:21%;bottom:0;
background: -moz-linear-gradient(top,  rgba(88,49,39,0) 0%, rgba(88,49,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,49,39,0)), color-stop(100%,rgba(88,49,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,49,39,0) 0%,rgba(88,49,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,49,39,0) 0%,rgba(88,49,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,49,39,0) 0%,rgba(88,49,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,49,39,0) 0%,rgba(88,49,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00583127', endColorstr='#583127',GradientType=0 ); /* IE6-9 */
}


/*MARGE SUR COTE*/
.cs-contenu-padding
{padding-right:10%; padding-left:10%;}
h1 {}
div.cs-baselines,
.cs-contenu-margin
{margin-right:10%; margin-left:10%;}

div.cs-contenu-vignettes
{margin-right:15%; margin-left:15%;}

.cs-margin-bt>.cs-contenu {padding:4em 0;}

div.cs-baselines {position:absolute; color:#FFF; text-align:center; width:100%}
div.cs-baselines.cs-b1 {}
div.cs-baselines.cs-b2 {font-family:"DINOT-medium"; text-transform:uppercase; line-height:normal;
background:rgba(240,207,58,0.9); }


div.cs-conteneur {}
h1 {margin-bottom:0.6em; padding-bottom:0.5em; font-family:"DINOT-bold"; font-weight:normal; text-align:center; text-transform:uppercase; 
background:url('/0-site/visuels/icon-h1.png') no-repeat bottom center; }
h2 {margin-bottom:0.5em; font-family:"DINOT-bold"; font-weight:normal; text-transform:uppercase;}

.cs-inter {background:url('/0-site/visuels/icon-h1.png') no-repeat bottom center;}

div.jcs-menu {width:100%; position:fixed; top:0; left:0; text-align:left; z-index:5000; }
div.jcs-menu ul {display:block; margin:0; text-align:center; padding:0 !important;}
div.jcs-menu ul li {display:inline-block; text-align:center; color:#FFF; vertical-align:top;
padding:20px 0 20px 0; margin:0 20px; font-size:20px; letter-spacing:1px; font-family:"DINOT-medium"; position:relative;}
div.jcs-menu ul li::after {content: '';
width: 1px;
height: 25px;
background-color: #dbdde0;
position: absolute;
right: -20px;}
div.jcs-menu ul li a {cursor:pointer; color:#FFF; text-decoration:none; }
div.jcs-menu ul li a span {padding:0; text-transform:uppercase;}
div.jcs-menu ul li a::after {  content: '';
display:none;
    position: absolute;
    height: 5px;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    bottom: 0;
    background-color: #e30613;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out;
}
::before, ::after {
    box-sizing: border-box;
}
div.jcs-menu ul li.jcs-menu-facebook {float:right; padding:0 !important; vertical-align:middle;}
div.jcs-menu ul li a:hover::after{
    width: 100%;
}
div.jcs-menu ul li a.cs-is-ok::after{
    width: 100%;
}

div.jcs-menu ul li.jcs-menu-2 { padding-bottom:0;}
div.jcs-menu ul li.jcs-menu-2 a {display:block; position:relative; text-align:center; height:59px; }
div.jcs-menu ul li.jcs-menu-2 a img {position:absolute; width:300px; transition:opacity 0.2s; 
left:50%; margin-left:-150px; }
div.jcs-menu ul li.jcs-menu-2 a::after {display:none !important;}
div.jcs-menu ul li.jcs-menu-2 a img.js-logo-colore {opacity:0}
div.jcs-menu.cs-bg ul li.jcs-menu-2 a img.js-logo-colore {opacity:1;}


div.jcs-menu ul li.jcs-menu-2::after, 
div.jcs-menu ul li.jcs-menu-4::after {display:none !important;}

div.jcs-menu, div.jcs-menu.cs-bg ul li a, li.jcs-menu-lang img, li.jcs-menu-2 .js-logo-colore
{
	transition-property:background-color,color,opacity,filter,visibility;
	transition-duration:0.3s;
	/*transition-delay:0.1s;*/
}
div.jcs-menu.cs-bg {background-color:rgba(255,255,255,1); opacity:1;filter:alpha(opacity=100);}
div.jcs-menu.cs-bg ul li a::after {display:inline;}
div.jcs-menu.cs-bg ul li a {color:#000;}
div.jcs-menu.cs-bg ul li.jcs-menu-lang a .jcs-b {opacity:0;filter: alpha(opacity=0);}
div.jcs-menu.cs-bg ul li.jcs-menu-lang a .jcs-n {opacity:0.5;filter: alpha(opacity=50);}

body.jcs-front {font-family:"DINOT-medium",Verdana, Geneva, sans-serif; background-color:#fff; width:100%;}

.cs-bouton-orange {background:#e30613 !important; 
font-family: "DINOT-bold" !important; border:none !important; border-radius:0.2em !important; color:#fff !important; 
padding: 0.3em 0.8em !important; }
.cs-bouton-orange:hover {background:rgba(0,0,0,0.35) !important;}
.cs-bouton-orange.cs-bouton-to-vert {transition:background 0.3s;}
.cs-bouton-orange.cs-bouton-to-vert:hover {background:rgb(0219,222,94) !important;}

.cs-bouton-orange.cs-autres-dates {text-decoration:none !important; display:inline-block; background-color:#999 !important; font-size:0.6em !important; margin-top:1em !important;}

.cs-semi-transp {background:rgba(255,255,255,0.5) !important; font-family: "DINOT-bold" !important; border:none !important; border-radius:0.2em !important; color:#fff !important; padding: 0.3em 0.8em !important; }
.cs-semi-transp:hover {background:rgba(0,0,0,0.35) !important;}

.cs-document {margin-top:1em;}
.cs-document a {color:inherit; display:inline-block; text-decoration:none;  }

/*ITEMS, ETC...	*/
div.jcs-page {position:relative;}
div.cs-contenu div.cs-inner {}
div.cs-contenu div.cs-inner div.cs-visuel-droite {float:right; margin:0 0 1em 1.5em;}
div.cs-contenu div.cs-inner div.cs-visuel-gauche {float:left; margin:0 1.5em 1em 0;}
div.cs-contenu div.cs-inner div.cs-visuel-droite img, div.cs-visuel-gauche img  {max-width:30em; max-height:20em;}


/*FORMATIONS	*/
#jcs-page-3 {background-color:#ebeef2; color:rgb(34,34,34); position:relative;}
#jcs-page-3 h1 {margin:0 !important; padding-top:0.2em !important; padding-bottom:0 !important; background:none;}
/*
.jcs-pn-h1 {position:absolute; left:0; top:4em; width:100%}
*/
.jcs-vignette-formation {display:inline-block; margin:0; overflow:hidden; width:25%; position:relative; max-height:600px !important;}
.jcs-vignette-formation .jcs-visuel {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center;
background-size:cover; transition:transform 0.4s; }

.jcs-vignette-formation .jcs-hover {position:absolute; width:100%; height:100%; top:70%; color:#fff; overflow:hidden; 
transition:top 0.4s; }

.jcs-vignette-formation .jcs-hover .jcs-contenu-hover {position:relative; width:100%; text-align:center;}
.jcs-vignette-formation .jcs-hover .jcs-contenu-hover .jcs-titre-cursus {display:block; padding:0 10px; 
text-transform:uppercase; text-align:center; font-family:"DINOT-bold"; line-height:120%;font-size: 20px;}
.jcs-vignette-formation .jcs-hover .jcs-contenu-hover .jcs-titre-categorie {display:inline-block; margin:5px 0 5px 0;
text-transform:uppercase; font-size:0.6em; border-bottom:1px solid #FFF; border-top:1px solid #FFF; text-align:center; 
font-family:"DINOT-bold"; padding:2px 1px 0 1px; transition:all 0.4s;}
.jcs-vignette-formation .jcs-hover .jcs-contenu-hover .jcs-en-savoir-plus {display:inline-block; position:absolute; 
text-transform:uppercase; bottom:20px; border:1px solid #fff; padding:3px 0 5px 0; font-family:"DINOT-light"; left:15%; width:70%; 
font-size:0.9em; }

.jcs-vignette-formation:hover .jcs-hover {top:0;}
.jcs-vignette-formation:hover .jcs-hover .jcs-contenu-hover .jcs-titre-categorie {margin-top:20%; margin-bottom:10%;}
.jcs-vignette-formation:hover .jcs-visuel {}

.jcs-vignette-formation .jcs-hover { background-color:rgba(0,0,0,0.9) !important;}

.jcs-categorie-1 .jcs-hover { background-color:rgba(83,180,157,0.9) !important;}
.jcs-categorie-6 .jcs-hover { background-color:rgba(167,179,216,0.9) !important;}
.jcs-categorie-8 .jcs-hover { background-color:rgba(239,179,93,0.9) !important;}
.jcs-categorie-22 .jcs-hover { background-color:rgba(63,129,125,0.9) !important;}
.jcs-categorie-17 .jcs-hover { background-color:rgba(173,194,56,0.9) !important;}
.jcs-categorie-29 .jcs-hover { background-color:rgba(240,207,58,0.9) !important;}
.jcs-categorie-26 .jcs-hover { background-color:rgba(37,102,156,0.9) !important;}

.jcs-categorie-g1232 .jcs-hover { background-color:rgba(83,180,157,0.9) !important;}
.jcs-categorie-g1234 .jcs-hover { background-color:rgba(167,179,216,0.9) !important;}
.jcs-categorie-g1233 .jcs-hover { background-color:rgba(239,179,93,0.9) !important;}
.jcs-categorie-g1237 .jcs-hover { background-color:rgba(63,129,125,0.9) !important;}
.jcs-categorie-g1235 .jcs-hover { background-color:rgba(173,194,56,0.9) !important;}
.jcs-categorie-29 .jcs-hover { background-color:rgba(240,207,58,0.9) !important;}
.jcs-categorie-g1236 .jcs-hover { background-color:rgba(37,102,156,0.9) !important;}

.cs-bg-categorie-1 { background-color:rgba(83,180,157,1) !important;}
.cs-bg-categorie-6 { background-color:rgba(167,179,216,1) !important;}
.cs-bg-categorie-8 { background-color:rgba(239,179,93,1) !important;}
.cs-bg-categorie-22 { background-color:rgba(63,129,125,1) !important;}
.cs-bg-categorie-17 { background-color:rgba(173,194,56,1) !important;}
.cs-bg-categorie-29 { background-color:rgba(240,207,58,1) !important;}
.cs-bg-categorie-26 { background-color:rgba(37,102,156,1) !important;}

.cs-bg-categorie-g1232 { background-color:rgba(83,180,157,1) !important;}
.cs-bg-categorie-g1234 { background-color:rgba(167,179,216,1) !important;}
.cs-bg-categorie-g1233 { background-color:rgba(239,179,93,1) !important;}
.cs-bg-categorie-g1237 { background-color:rgba(63,129,125,1) !important;}
.cs-bg-categorie-g1235 { background-color:rgba(173,194,56,1) !important;}
.cs-bg-categorie-29 { background-color:rgba(240,207,58,1) !important;}
.cs-bg-categorie-g1236 { background-color:rgba(37,102,156,1) !important;}



.jcs-bandeau-formation {width:100%; background:no-repeat top center; background-size:cover;}
.type-formation-description {background:#FFF;}
.type-formation-description h1 {padding-top:10px; }

.cs-formation-description .jcs-bloc-presentation {margin:0 10%;}
.cs-formation-description .jcs-bloc-presentation .cs-description {width:55%; float:left;}
.cs-formation-description .jcs-bloc-presentation .cs-adressage {width:40%; float:right;}
.cs-formation-description .jcs-bloc-presentation .cs-adressage > div {padding:0.5em; color:#fff;background-color:#000;}

.cs-formation-description .jcs-video {margin-bottom:1em;}

.cs-formation-description .jcs-bloc-modules {margin:0 10%;}
.cs-formation-description .jcs-bloc-modules ul.jcs-menu {width:auto; max-width:40%; float:left; margin:0 5% 0 0; padding:0; overflow:hidden}
.cs-formation-description .jcs-bloc-modules ul.jcs-menu li {color:#fff; cursor:pointer; list-style:none; 
padding:7px 5px; margin:0 0 5px 0; text-transform:uppercase; line-height:100%; transition:color,background-color 0.2s;
background:#000;}
.cs-formation-description .jcs-bloc-modules ul.jcs-menu li.cs-gris {color:#000; background-color:#eee !important;}
.cs-formation-description .jcs-bloc-modules ul.jcs-menu li em {font-size:0.8em; text-transform:none;}

.cs-formation-description .jcs-bloc-modules ul.jcs-menu li.cs-bouton-programme {padding-top:2em; background:none !important;
text-align:center; }
.cs-formation-description .jcs-bloc-modules ul.jcs-menu li.cs-bouton-programme a {text-decoration:none; display:inline-block;
font-family:"DINOT-medium" !important; }



.cs-formation-description .jcs-bloc-modules .cs-contenu {overflow:hidden;}


.cs-formation-description .jcs-bloc-formateurs {margin:0 10%;}
.jcs-vignette-formateur {display:inline-block; margin:0; overflow:hidden; width:23%; margin:1%; position:relative; max-height:500px;}
.jcs-vignette-formateur .jcs-visuel {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center;
background-size:cover; transition:transform 0.4s; }

.jcs-vignette-formateur .jcs-hover {position:absolute; width:100%; height:100%; top:100%; 
margin-top:-60px; color:#fff; overflow:hidden; transition:all 0.4s; background: rgba(0,0,0,0.75); }
.jcs-vignette-formateur .jcs-hover .jcs-contenu-hover {position:relative; width:100%; text-align:center;}
.jcs-vignette-formateur .jcs-hover .jcs-contenu-hover .jcs-nom {display:block; line-height:120% !important; 
text-transform:uppercase; text-align:center; font-family:"DINOT-bold"; line-height:100%; height:60px;}
.jcs-vignette-formateur .jcs-hover .jcs-contenu-hover .jcs-presentation {bottom:5px; padding:2%; font-family:"DINOT-light"; width:96%; font-size:0.8em; line-height:100%; text-align:left; }

.jcs-vignette-formateur:hover .jcs-hover {top:0;margin-top:0;}

.cs-formation-description .jcs-bloc-calendrier-tarif {margin:0 10%;}
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-calendrier {float:left; width:47%;}
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-calendrier .jcs-dates-module {padding:0.5em 1em; 
background-color:#eee; margin-bottom:10px;}

.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs {float:right; width:47%;}
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table td {vertical-align:top;
padding:0.5em 1em; background-color:#eee; border-bottom:10px solid #fff;} 
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table td em {line-height:80%; font-size:0.8em;} 
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table tr td:first-child {padding-right:3em; border-right:2px solid #fff;}
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table tr td:last-child {text-align:right;}

.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table tr td.cs-sinscrire {text-align:center;
padding:4em 0 0 0; background:none;}
.cs-formation-description .jcs-bloc-calendrier-tarif .cs-tarifs .cs-tarifs-table tr td.cs-sinscrire input { text-transform:uppercase;
}



/*QUI SOMMES-NOUS*/
div#jcs-page-9 {background-color:rgb(255,255,255)}


/*FOOTER*/
.jcs-footer {text-align:center; padding:0.4em 0; background-color:#FFF;}
.jcs-footer a {display:inline-block; margin:0 1em; color:#999; text-decoration:none; font-size:0.7em; cursor:pointer;}
.jcs-footer a:hover {color:#333;}




#jcs-page-3 > .cs-contenu {position:relative;}

/*FORMULAIRE INSCRIPTION*/
.cs-form-en-ligne {text-align:center; width:40em;}
.cs-form-en-ligne input, .cs-form-en-ligne textarea {
    border: 1px solid #ccc;
    border-radius: 0.2em;
    color: #444;
    padding: 0.2em;
	font-family:"DINOT-light";
	font-size:1.2em;
	width:70%;
	line-height:1.6em;
}

.cs-form-en-ligne .cs-conf {border: none; border-radius:0.3em;
    color: #fff;
	background-color:#093;
    padding:0;
	font-size:1.2em; padding:0.3em 0.5em;
	margin-left:0.5em;
	display:inline-block;
	cursor:pointer;
	width:auto;
	}
	
.cs-form-en-ligne input.cs-conf.cs-disabled {opacity:0.3; background-color:#666; cursor:not-allowed;}
.cs-form-en-ligne input.cs-conf.cs-annuler {background-color:#069;}

.cs-form-en-ligne input.cs-bt-valid-mail 
{
    border: none;
    border-radius: 50%;
    color: #fff;
	background-color:#093;
    padding:0;
	font-size:1.2em;
	width:2em;
	height:2em;
	line-height:2em;
	margin-left:0.5em;
	display:inline-block;
	cursor:pointer;
}

input.cs-bt-valid-mail.cs-disabled {opacity:0.3; background-color:#666; cursor:not-allowed;}

.jcs-div-bg {
	position:absolute;
	background-attachment: fixed;
    background-color: transparent;
    background-repeat: no-repeat;
	background-size: cover !important;
    height: 60%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.cs-go-to-contact  {text-transform: uppercase; font-size: 1.6em; margin:2em 0 0 0;}

.jcs-formation-navigation {position:fixed; top:50%; left:100%; margin-top:-100px; z-index:50000;}
.jcs-formation-navigation ul {padding:0; margin:0; list-style:none; overflow:visible; position:relative;}
.jcs-formation-navigation li {display:block; position:absolute; white-space:nowrap; cursor:pointer; left:-20px; padding-right:5px; }
.jcs-formation-navigation li:hover i::before {color:#F33;}
.jcs-formation-navigation li i {width:20px; display:inline-block;}
.jcs-formation-navigation li i::before {


    content: '■';
    display: inline-block;
    line-height: 1;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);

}
#bgvid{position:absolute;right:0;bottom:0;
min-width:100%;min-height:100%;
width:auto;height:auto; z-index:-999;
overflow:hidden;
background:url(../images/background_teasing.jpg) no-repeat;
background-size:cover;}
video{display:block;}



#jcs-page-10 {background:#FFF;}
#jcs-page-10 > .cs-contenu { position:relative;}

.jcs-vignette-actu {display:inline-block; margin:0; overflow:hidden; position:relative; border:1px solid #FFF; 
transition:border 0.2s; text-decoration:none;}
.jcs-vignette-actu:hover {border:1px solid #e30613; }
.jcs-vignette-actu .jcs-visuel {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center;
background-size:cover; transition:opacity 0.2s; }
.jcs-vignette-actu:hover  .jcs-visuel {opacity:0.5;}

.jcs-vignette-actu .jcs-titre {display:block; padding:0 10px;  color:#000; text-decoration:none;
text-transform:uppercase; text-align:center; font-family:"DINOT-bold"; line-height:120%;}

.jcs-vignette-actu .jcs-hover {position:absolute; width:100%; height:100%; top:0; opacity:0;  overflow:hidden; 
transition:opacity 0.2s; }
.jcs-vignette-actu:hover .jcs-hover {opacity:1; }
.jcs-vignette-actu .jcs-hover .jcs-contenu-hover .jcs-en-savoir-plus {display:inline-block; position:absolute; 
text-transform:uppercase; top:35%;background-color:#e30613; padding:3px 0 5px 0; color:#fff; text-align:center;
font-family:"DINOT-light"; left:25%; width:50%; font-size:0.9em; }

.jcs-bandeau-actualite {width:100%; background:no-repeat center; background-size:cover;}
.type-actualite-description h1 {padding-top:0.5em;}
.type-actualite-description .jcs-bloc-presentation {padding:0 5em 3em 5em; overflow:hidden;}
.type-actualite-description .jcs-bloc-presentation .cs-description {overflow:hidden;}
.type-actualite-description .jcs-bloc-presentation .jcs-video-actualite {float:right; width:50%; margin-left:2em; overflow:hidden;}


#jcs-page-102 {background:#ebeef2;}
#jcs-page-102 > .cs-contenu { position:relative;}

.jcs-vignette-ressource {display:inline-block; margin:0; overflow:hidden; position:relative; border:1px solid transparent; 
transition:border 0.2s; text-decoration:none; background-color:rgb(255,255,255)}
.jcs-vignette-ressource:hover {border:1px solid rgb(240,207,58); }
.jcs-vignette-ressource .jcs-visuel {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center;
background-size:cover; transition:opacity 0.2s; }
.jcs-vignette-ressource:hover  .jcs-visuel {opacity:0.5;}

.jcs-vignette-ressource .jcs-titre {display:block; padding:0 10px;  color:#000; text-decoration:none;
text-transform:uppercase; text-align:center; font-family:"DINOT-bold"; line-height:120%;}
.jcs-vignette-ressource .jcs-titre-categorie {display:block; padding:0 10px;  color:#000; text-decoration:none;
text-transform:uppercase; text-align:center; font-family:"DINOT-Light"; font-size:0.5em;}

.jcs-vignette-ressource .jcs-hover {position:absolute; width:100%; height:100%; top:0; opacity:0;  overflow:hidden; 
transition:opacity 0.2s; }
.jcs-vignette-ressource:hover .jcs-hover {opacity:1; }
.jcs-vignette-ressource .jcs-hover .jcs-contenu-hover .jcs-en-savoir-plus {display:inline-block; position:absolute; 
text-transform:uppercase; top:40%; padding:3px 0 5px 0; color:#fff; text-align:center;
font-family:"DINOT-light"; left:10%; width:80%; font-size:0.9em; }

.jcs-categorie-ressource-1.jcs-vignette-ressource:hover { border-color:rgba(83,180,157,1);}
.jcs-categorie-ressource-6.jcs-vignette-ressource:hover { border-color:rgba(167,179,216,1);}
.jcs-categorie-ressource-8.jcs-vignette-ressource:hover { border-color:rgba(239,179,93,1);}
.jcs-categorie-ressource-22.jcs-vignette-ressource:hover {border-color:rgba(173,194,56,1);}
.jcs-categorie-ressource-17.jcs-vignette-ressource:hover { border-color:rgba(37,102,156,1);}
.jcs-categorie-ressource-29.jcs-vignette-ressource:hover { border-color:rgba(240,207,58,1);}

.jcs-vignette-ressource.jcs-categorie-ressource-1 .jcs-en-savoir-plus { background-color:rgba(83,180,157,1);}
.jcs-vignette-ressource.jcs-categorie-ressource-6 .jcs-en-savoir-plus { background-color:rgba(167,179,216,1);}
.jcs-vignette-ressource.jcs-categorie-ressource-8 .jcs-en-savoir-plus {background-color:rgba(239,179,93,1);}
.jcs-vignette-ressource.jcs-categorie-ressource-22 .jcs-en-savoir-plus { background-color:rgba(173,194,56,1);}
.jcs-vignette-ressource.jcs-categorie-ressource-17 .jcs-en-savoir-plus { background-color:rgba(37,102,156,1);}
.jcs-vignette-ressource.jcs-categorie-ressource-29 .jcs-en-savoir-plus { background-color:rgba(240,207,58,1);}

.jcs-bandeau-ressource {width:100%; background:no-repeat center; background-size:cover;}
.type-ressource-description h1 {padding-top:0.5em;}
.type-ressource-description .jcs-bloc-presentation {padding:0 5em 3em 5em; overflow:hidden;}
.type-ressource-description .jcs-bloc-presentation .cs-description {overflow:hidden;}
.type-ressource-description .jcs-bloc-presentation .jcs-video-ressource {float:right; width:50%; margin-left:2em; overflow:hidden;}


/*MON COMPTE	***************************************************************/
.jcs-mon-compte {display:block;position:fixed; z-index:100001; right:-200px; top:150px; height:50px; width:250px; 
	overflow:hidden; background-color:#e30613; border-radius:0.3em 0 0 0.3em; 
	border:2px solid #e30613; border-right:none; color:#FFF; text-decoration:none;
	transition-property:right;
	transition-duration:0.3s;
	transition-delay:0s;}
.jcs-mon-compte a {text-decoration:none; color:#FFF;}
.jcs-mon-compte.cs-is-log {background-color:#e30613;}
.jcs-mon-compte.cs-is-show  {right:0;}
.jcs-mon-compte .jcs-mon-compte-picto {height:50px; width:50px; cursor:pointer; display:block; float:left; font-size:7px; text-align:center; color:#FFF;}
.jcs-mon-compte .jcs-mon-compte-picto img {height:30px; width:30px; }
.jcs-mon-compte .jcs-mon-compte-texte {height:50px; vertical-align:middle; display:table-cell; color:#FFF; width:200px; font-size:0.8em; }


/*LOCATION SALLES	***************************************************************/
.jcs-location-salles-nantes {display:block; position:fixed; z-index:100001; right:-200px; top:220px; height:50px; width:250px; 
	overflow:hidden; background-color:rgba(240,207,58,1); border-radius:0.3em 0 0 0.3em; 
	border:2px solid rgba(240,207,58,1); border-right:none; color:#FFF; text-decoration:none;
	transition-property:right;
	transition-duration:0.3s;
	transition-delay:0s;}
.jcs-location-salles-nantes a {text-decoration:none; color:#FFF;}
.jcs-location-salles-nantes.cs-is-show  {right:0;}
.jcs-location-salles-nantes .jcs-location-salles-nantes-picto {height:50px; width:50px; cursor:pointer; display:block; float:left; font-size:7px; text-align:center; color:#FFF;}
.jcs-location-salles-nantes .jcs-location-salles-nantes-picto img {height:30px; width:30px; }
.jcs-location-salles-nantes .jcs-location-salles-nantes-texte {height:50px; vertical-align:middle; display:table-cell; color:#FFF; width:200px; font-size:0.8em; }




/*FORMULAIRE DE CONNEXION */
.cs-choix {width:auto; margin:0 auto;}
.cs-choix > tbody > tr > td {width:40%; margin:2%; vertical-align:top; font-size:0.8em !important; text-align:center;}

/*.cs-choix.client td {width:auto !important; margin:0 !important;}
.cs-choix.client td.cs-ajout,
.cs-choix.client td h2 {display:none;}
*/

.cs-conteneur.type-compte-client {margin:0 10%;}
.cs-formulaire-connexion {margin-bottom:3em;}
.cs-formulaire-connexion table {margin:0 auto;}
.cs-formulaire-connexion table td {text-align:center;}
.cs-formulaire-connexion table ul {list-style:none;}
.cs-formulaire-connexion table li {padding-bottom:0.5em;}
.cs-formulaire-connexion table label {width:8em; display:inline-block; border-bottom:1px solid #CCC; text-align:left;}

.cs-fiche-client {position:relative; padding-bottom:1.5em;}
.cs-fiche-client table {width:auto; margin:0 auto;}
.cs-fiche-client-presentation td {padding:0 3em; vertical-align:top; white-space:nowrap;}
.cs-lien-coo {padding:3em 0 0 3em;}
.cs-lien-coo a {color:rgb(240,207,58); cursor:pointer; transition:color 0.2s; font-size:0.8em;}
.cs-lien-coo a:hover {color:#e30613;}




/******************	FORMULAIRES		******************************************************/
.cs-formulaire-compte  {}
.cs-formulaire-compte td  {min-width:23em; vertical-align:top;}
.cs-formulaire-compte ul  {list-style:none; padding:0; margin:0;}
.cs-formulaire-compte .cs-form-field {margin-bottom:5px; clear:both;}
.cs-formulaire-compte .cs-form-list-field label, 
.cs-formulaire-compte .cs-form-field label {width:6em; overflow:hidden; display:inline-block; padding:2px 3px 1px 0; margin:0 3px 0 0; border-bottom:1px dotted #CCC; text-align:left; vertical-align:top;}
.cs-formulaire-compte .cs-form-field span {display:inline-block; padding:2px 3px 1px 0; vertical-align:top; max-width:15em;}

.cs-formulaire-compte input[type="text"], 
.cs-formulaire-compte input[type="password"], 
.cs-formulaire-compte textarea {
    vertical-align: top;
}
.cs-formulaire-compte input, 
.cs-formulaire-compte textarea, 
.cs-formulaire-compte select {
    border: 1px solid #aaaaaa;
    color: #444444;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0.1em 0.2em;
}
.cs-formulaire-compte label {display:inline-block; padding:0.2em 0; font-size: 1em;}
.cs-formulaire-compte .cs-form-list-field input, 
.cs-formulaire-compte .cs-form-list-field textarea, 
.cs-formulaire-compte .cs-form-list-field select {margin-bottom:3px;}
.cs-formulaire-compte .cs-form-list-field input[type=text], 
.cs-formulaire-compte .cs-form-list-field input[type=password], 
.cs-formulaire-compte .cs-form-list-field textarea { width:10em;}
.cs-formulaire-compte .cs-li-field-40 input[type=text] {width:40px;}
.cs-formulaire-compte .cs-li-field-80 input[type=text] {width:80px;}
.cs-formulaire-compte .cs-li-field-90p input[type=text], 
.cs-formulaire-compte .cs-li-field-90p textarea, 
.cs-formulaire-compte .cs-li-field-90p select {width:90%;}
.cs-formulaire-compte .cs-submitcancel-bts {text-align:center;}
.cs-formulaire-compte .cs-submitcancel-bts input {margin:0 2em;}


.jcs-menu-cc {border-bottom:1px solid #CCC; text-align:center; margin-bottom:0.5em; }
.jcs-menu-cc a {border-left:1px solid #CCC; padding:0 1em; line-height:2em; height:2em; display:inline-block; cursor:pointer; transition-property:background, background-color, color; transition-duration:0.2s;	transition-delay:0s;}
.jcs-menu-cc a:last-child {border-right:1px solid #CCC;}
.jcs-menu-cc a:hover, .jcs-menu-cc a.cs-is-selected {color:#FFF; background-color:#e30613; }

.jcs-div-cc {display:none; }
.jcs-div-cc h2 {margin-bottom:0.2em !important;}
.jcs-div-cc.cs-is-selected {display:block !important;}

.cs-historique-item {font-size:0.8em; margin-bottom:2em;}
.cs-historique-item .cs-presentation {float:left;}
.cs-historique-item .cs-docs {float:right;}


.cs-inscription {margin-bottom:3em;}
.cs-inscription table {margin:0 auto;}
.cs-inscription h2 {text-align:center;}

.cs-inscription .cs-session tr:first-child td {width:auto !important; background:none !important;}
.cs-inscription .cs-session tr td {padding:0.3em 0.5em; border-collapse:separate !important; border-spacing: 10px;}
.cs-inscription .cs-session tr td:first-child {width:10em; min-width:0 !important; background-color:#999;border-bottom:rgb(230, 230, 230) solid 2px;}




/*FORMULAIRE EVALUATION*/
.cs-evaluations-formulaire-global {width:auto; background-color:#FFF; margin:0 auto;}

.cs-evaluations-formulaire-global .cs-evaluation-entete,
.cs-evaluations-formulaire-global .cs-evaluation-legende {margin-bottom:1em; font-weight:bold;}
.cs-evaluations-formulaire-global .cs-evaluation-entete h2 {font-size: 1.4em !important; text-align:center; 
border-bottom: 2px solid #ccc !important; }
.cs-evaluations-formulaire-global .cs-evaluation-legende h3 {color:#fff;background-color:#CCC; padding:0.5em; text-align:center;}
.cs-evaluations-formulaire-global .cs-evaluation-legende p {text-align:center; font-size:0.8em; font-style:italic;}
.cs-evaluations-formulaire-global .cs-evaluation-item {margin-bottom:1em; padding:1em 0; border-top:1px dotted #ccc;}
.cs-evaluations-formulaire-global .cs-evaluation-item.cs-evaluation-choix_simple {border:0; padding:0.2em; margin:0;}
.cs-evaluations-formulaire-global table {width:100%;}
.cs-evaluations-formulaire-global table td {vertical-align:top;}
.cs-evaluations-formulaire-global table td.cs-question {text-align:left; width:90%;}
.cs-evaluations-formulaire-global table td.cs-choix {padding:0 1em; text-align:center;}
.cs-evaluations-formulaire-global table td.cs-choix span {font-weight:bold;}

#item-evaluations .cs-cb {height:0.7em; width:0.7em; border:1px solid #000; display:inline-block;} 
#item-evaluations .cs-cb.selected {background:#000;} 



/*LISTE COMPTES CLIENTS*/
.cs-fiche-client-modifier a {cursor:pointer;}
.cs-liste-table {width:100%}
.cs-liste-table td { vertical-align:top; padding:2px 5px; text-align:left;}
.cs-liste-table .cs-tr-th td {border-bottom:1px solid #CCC; font-weight:bold;}
.cs-tr-add a {height:24px; line-height:24px; vertical-align:top; }
.cs-tr-add a:hover {text-decoration:underline; cursor:pointer;}
.cs-tr-add a span {display:inline-block; width:24px; height:24px; background:transparent url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/icons-24.png") no-repeat -72px 0;  vertical-align:top; margin-right:0.5em; }
.cs-liste-table .js-tr-a-formater td {border-bottom:1px solid #CCC; background-color:#FFF;}
.js-table-a-formater .js-tr-a-formater:first-child td {border-top:1px solid #CCC;}
.cs-liste-table .jss-tr-a-formater td {border-bottom:1px solid #CCC;}
.cs-td-action {width:20px; padding:2px; }
.cs-td-action input, .cs-td-action a {width:20px; height:20px; border:none; background:transparent no-repeat 0 0 url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/icons-20.png"); cursor:pointer; display:block; margin:0; padding:0;}
.cs-td-action input.cs-see {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-fiche.png"); width:40px; height:40px;}
.cs-td-action input.cs-see {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-fiche.png"); width:40px; height:40px;}

.cs-td-action input.cs-40 {width:40px; height:40px;}
.cs-td-action .cs-see {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-fiche.png"); background-size:contain;}
.cs-td-action .cs-formateur {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-formateur.png"); background-size:contain;}
.cs-td-action .cs-crayon {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-crayon.png"); background-size:contain;}
.cs-td-action .cs-pdf {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-pdf.png"); background-size:contain;}
.cs-td-action .cs-calculatrice {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-calculatrice.png"); background-size:contain;}
.cs-td-action .cs-contrat {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-contrat.png"); background-size:contain;}
.cs-td-action .cs-plus {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-plus.png"); background-size:contain;}
.cs-td-action .cs-zip {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-zip.png"); background-size:contain;}

.cs-td-action .cs-diplome {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-diplome.png"); background-size:contain;}

.cs-no-actif {cursor:not-allowed !important; opacity:0.2 !important; }
.cs-td-action .cs-inactif {opacity:0.3 !important; cursor:not-allowed !important;}

.cs-checklist-vierge {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-checklist-vierge.png") !important; background-size:contain !important;}
.cs-checklist-checked {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-checklist.png") !important; background-size:contain !important;}
.cs-rating {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/icon-rating.png") !important; background-size:contain !important;}
.cs-lettre-enveloppe {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/icon-lettre-enveloppe-2.png") !important; background-size:contain !important;}
.cs-signature {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/icon-signature.png") !important; background-size:contain !important;}
.cs-cloche {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-cloche.png") !important; background-size:contain !important;}
.cs-restaurant {background-image:url("https://hexafor-stagiaires.goomy.fr/0-appli/visuels/liste-restaurant.png") !important; background-size:contain !important;}

.cs-format-secondaire td.cs-intitule {font-size:0.9em;}
.cs-format-principal-cursus td {font-weight:bold; background-color:#dedede !important; }

.jcs-click {cursor:pointer;}
.jcs-no-click {cursor:not-allowed;}
.fancybox-skin {background:#fff;}
.cs-page-evaluation {text-align:center !important;}