@charset "utf-8";
/*
@font-face {
  font-family: 'font-confluence-123';
  font-style: normal;
  font-weight: 300;
  src: url(http://themes.googleusercontent.com/static/fonts/dosis/v1/piAeziXdjUmpEWux15l7q_esZW2xOQ-xsNqO47m55DA.eot);
  src: local('font-confluence Light'), local('font-confluence-Light'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/piAeziXdjUmpEWux15l7q_esZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/GpmMKE0dnXylect5ObzLR_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'font-confluence-123';
  font-style: normal;
  font-weight: 200;
  src: url(http://themes.googleusercontent.com/static/fonts/dosis/v1/ObbIOKT7x5q3tD-LZ0O70fesZW2xOQ-xsNqO47m55DA.eot);
  src: local('font-confluence ExtraLight'), local('font-confluence-ExtraLight'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/ObbIOKT7x5q3tD-LZ0O70fesZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/zuuDDmIlQfJeEM3Uf6kkpvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'font-confluence-bold';
  font-style: normal;
  font-weight: 600;
  src: url(http://themes.googleusercontent.com/static/fonts/dosis/v1/tyj4dcX-j2M0ERUlmIDlrvesZW2xOQ-xsNqO47m55DA.eot);
  src: local('font-confluence-bold Bold'), local('font-confluence-bold-Bold'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/cP5EXqzXauRrjnP79eZ-MPesZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/f8qltGyj2S-SS_tsOHsjgfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'font-confluence';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/dosis/v1/RHp5spKuj-AQOgQKPITXrQ.eot);
  src: local('font-confluence Regular'), local('font-confluence-Regular'), 
  url(http://themes.googleusercontent.com/static/fonts/dosis/v1/RHp5spKuj-AQOgQKPITXrQ.eot) format('embedded-opentype'), 		url(http://themes.googleusercontent.com/static/fonts/dosis/v1/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

@font-face {
	font-family: 'font-confluence';
	font-style: normal;
	font-weight: 700;
	src: local('font-confluence Bold'), local('font-confluence-Bold'), 
	url('fonts/font-confluence-bold.woff') format('woff'),
	url('fonts/font-confluence-bold.eot')  format('embedded-opentype');
} 
*/

/* 
	bleu : #005288 
	jaune : #FFD30B
*/


.draft {opacity:0.5; filter:alpha(opacity=50);}
.draft-link {opacity:0.5; filter:alpha(opacity=50); text-decoration:line-through !important;}
.draft:hover {opacity:1; filter:alpha(opacity=100);}
div.clear {clear:both;}
.no-block {display:none;}

* {}
/*body {text-align:center; margin:0; padding:0; background:#fff url(/visuels/public/fond-jaune.gif) no-repeat center bottom fixed; font-size:10px; color:#333333; font-family:"Candara-regular", Arial, Helvetica, sans-serif; }*/
body {text-align:center; margin:0; padding:0; background:#FFF; font-size:16px; color:#333333; font-family:Arial, Helvetica, sans-serif; }
div, h1, h2, h3, h4, h5, h6, p, ul, li, a, img {text-decoration:none; }
h1, h2, h3, h4, h5, h6 {font-weight:bold; display:block; margin:0; padding:0; text-align:left; font-size:16px;}
h1 {font-size:1.7em; margin:0.5em 0;}
input, textarea {font-size:16px;}

table, img {border-collapse:collapse; border:none;}
p {margin:0;}
ul, ol {margin:0; padding:0 0 0 1.5em;}
ul {list-style:square;}
a {color:#333333;}
a:hover {text-decoration:none;}
input, textarea {Arial, Helvetica, sans-serif;  padding:2px; border:1px solid #ccc;}
input[type="checkbox"] {border:none;}
input[type="radio"] {border:none;}

abbr, acronym {border-bottom: 1px dotted;}
kbd {background:#E5E5E5; border-color: #CCCCCC #999999 #999999 #CCCCCC; border-style: solid; border-width: 1px; padding: 0 2px;
}
strong {font-weight: bold; }

a#hdp {visibility:hidden;}
/*form#admin_form_mod {position:fixed; bottom:0; right:0; width:115px; height:115px;}
form#admin_form_mod input#submit-afm {background:url(visuels/public/mod-button-2.png) no-repeat left top; width:115px; height:115px; cursor:pointer; border:none;}*/
form#admin_form_mod {display:none;}


div#all {text-align:center; width:100%; position:relative; margin:0; padding:0; background:none;}



	div#logo-print {display:none;}
	
	div#header {position:relative;}	
		div#container-bandeau {text-align:left}
		div#bandeau {width:100%; position:absolute}
			#header div#bandeau-mask {position:relative; box-shadow: 0 0 10px 5px rgba(0,0,0,1);}
			div#bandeau img {}	
			div#bandeau	div.slides_container {overflow:hidden;width:100%;}
			  div#bandeau div.slides_container div {display:block;}
			  		
			div.en-haut {position:fixed; top:0; width:100%; background:#FFF; text-align:center; box-shadow: 0 0.2em 0.1em rgba(0,0,0,0.3);}
				div.en-haut-contenair {margin:0 auto; position:relative; overflow:visible; }
					a.en-haut-logo {display:none; position:absolute; width:5em; height:5em; background:url(/visuels/public/logo-v2.png) no-repeat left top; background-size:contain; }
				.cs-menu {width:100%; background-color:#333; position:relative; z-index:1001;}
					ul.sf-menu {list-style:none; text-align:center; float:none; text-align:left;background-color:#6b95c2; /*box-shadow: 0 0 10px 5px rgba(0,0,0,1);*/ }
					ul.sf-menu > li {vertical-align:bottom; float:none; position:relative; display:inline-block; padding:0; text-align:center;  }
					ul.sf-menu li.jcs-logo {background:url(/visuels/public/2017-logo.jpg) no-repeat left top; background-size:contain; display:none;  }
					ul.sf-menu li.li-ent { }
					ul.sf-menu li.display-none {display:none;}
					ul.sf-menu a.draft {text-decoration:line-through !important; }
					ul.sf-menu a.a-menu {color:#FFF; display:block; text-align:center; border-radius:0; padding:0.5em 0; text-decoration:none; font-weight:normal; font-size:1.2em; background:#06C;}
					ul.sf-menu a.a-menu:hover, ul.sf-menu li.sfHover a.a-menu {background-image:url(/visuels/public/menu-haut-puce-bg.png); background-position: bottom center; background-repeat: no-repeat; color:#ffffff;}
					ul.sf-menu a.no-puce:hover, ul.sf-menu li.sfHover a.no-puce {background-image:none;}
					ul.sf-menu a.last-one {padding:0; text-align:center; width:100%;}
					
					ul.sf-menu a.a-sous-menu {color:#fff; padding:5px; text-align:left; text-decoration:none; font-size:1.4em;}
					ul.sf-menu span.sf-sub-indicator {display:none;}			
					
					/*LISTES SELECTIONNEES*/
					ul.sf-menu li.sfHover ul {background:none; margin-top:3px; }	
					ul.sf-menu li.sfHover ul li {margin:0; display:block; border-bottom:1px solid #FFF; text-align:left; line-height:normal; white-space:nowrap; height:auto; background-color:#53438c;}		
					ul.sf-menu li.sfHover ul li a {color:#ffffff; font-size:14px; padding:5px 15px 5px 5px;}
					ul.sf-menu li.sfHover ul li a:hover {background-color:#efefef; color:inherit}
					ul.sf-menu li.sfHover ul li:last-child {border:none; }
			
					ul.sf-menu li.cs-75 a, ul.sf-menu li.cs-75 li {background-color:#53438c;}
					ul.sf-menu li.cs-57 a, ul.sf-menu li.cs-57 li {background-color:#eab818;}
					ul.sf-menu li.cs-70 a, ul.sf-menu li.cs-70 li {background-color:#d67c1c;}
					ul.sf-menu li.cs-520 a, ul.sf-menu li.cs-520 li {background-color:#a3b228;}
					ul.sf-menu li.cs-82 a, ul.sf-menu li.cs-82 li {background-color:#734616;}
					ul.sf-menu li.cs-6 a, ul.sf-menu li.cs-6 li {background-color:#6b95c2;}
			
					body.jcs-menu-75 .jcs-colored {color:#53438c !important;}
					body.jcs-menu-57 .jcs-colored {color:#eab818 !important;}
					body.jcs-menu-70 .jcs-colored  {color:#d67c1c !important;}
					body.jcs-menu-520 .jcs-colored {color:#a3b228 !important;}
					body.jcs-menu-82 .jcs-colored  {color:#734616 !important;}
					body.jcs-menu-6 .jcs-colored  {color:#6b95c2 !important;}
					
					body.jcs-menu-75 .jcs-bg-colored {background-color:#53438c !important;}
					body.jcs-menu-57 .jcs-bg-colored {background-color:#eab818 !important;}
					body.jcs-menu-70 .jcs-bg-colored {background-color:#d67c1c !important;}
					body.jcs-menu-520 .jcs-bg-colored {background-color:#a3b228 !important;}
					body.jcs-menu-82 .jcs-bg-colored {background-color:#734616 !important;}
					body.jcs-menu-6 .jcs-bg-colored {background-color:#6b95c2 !important;}
				
	div#section, #header div#bandeau-mask, ul.sf-menu {width:1180px; margin:0 auto; z-index:1000}
	ul.sf-menu {}
	ul.sf-menu > li {width:16.6%}
		
	div#section {text-align:left; background:#ffffff;}
		div#baseline {text-align:center;}
		div#container-content {margin:0; padding:1.5em 0; overflow:hidden; }
			div#content-ariane {font-size:1.2em; padding-top:5px; margin-left:45px;}
			div#content-ariane a {color:#333; font-weight:normal; padding:0 2px;}
			div#content-ariane a:hover {}
			div#content-ariane a#home {display:block; float:left; height:10px; width:11px; background:url(visuels/public/home-bg.gif) no-repeat left 1px;}
			
			div#cc-top { padding:2em 0 0 2em;}
				div#search-box {float:left; width:20em;}
					div#search-box input.search-field {width:10em; height:1.8em; padding:0 0.2em; color:#666666; display:block; float:left; border-color:#999999; margin-right:0.5em; }
					div#search-box input.search-submit {display:block; float:left; padding:0 0.4em; background-color:#fff; height:1.9em; border-color:#255A7D; color:#F2D02F; font-weight:bold; cursor:pointer; }
					div#cc-top div.chapeau {font-size:1.3em; margin:0 0 2em 0; padding:0.3em 0; color:#255A7D; border:1px solid #255A7D; border-left:none; border-right:0; width:19em; float:right; }
					div#cc-top div.chapeau a {color:#005284;}
		
			
			div#cc-lrm {}		
					
			div#titre-menu {text-align:right; margin-bottom:2em;}
			div#titre-menu p {display:inline-block; font-size:2.2em; margin:0; padding:0.5em 0.3em 0.5em 0; border:2px solid #333; border-left:none; border-right:none; color:#333; width:12em; text-align:left;}
				
			div#cc-middle {padding:0; overflow:hidden;}
				div.content-titre-page {text-align:left;}
				div.content-titre-page h1 {font-size:2em; margin:0.5em 0; padding:0; font-family:Arial, sans-serif !important; font-weight:normal; color:#000; }
				div#svp-container {height:230px; position:relative; padding:2px 4px 6px 4px; background:url(/visuels/public/svp-bg.gif) no-repeat bottom center; width:500px;} 
					div#slide-visuels-paragraphes {height:230px; position:relative;} 
						div#slide-visuels-paragraphes div.slides_container {height:230px; position:relative;} 
						div#slide-visuels-paragraphes div.slides_container div img {height:230px;}
						div.visuel-slide-legende-bg {position:absolute; bottom:0; left:0; width:100%; z-index:50; opacity:0.5; filter:alpha(opacity=50); background-color:#000; height:4em; }
						p.visuel-slide-legende {position:absolute; bottom:0; left:0.7em; width:99%; z-index:51; color:#fff; font-size:1.3em; text-align:center; height:2em; }
						a.svp-prev, a.svp-next {position:absolute; display:block; top:90px; width:24px; height:43px; z-index:2001; backround-position:left top; bacground-repeat:no-repeat;}
						a.svp-prev {left:-24px; background-image:url(/visuels/public/arrow-prev.png);}
						a.svp-next {left:500px; background-image:url(/visuels/public/arrow-next.png);}
				
				div#contenu {text-align:justify;}
				
				/*TITRE	*/
				div.content-paragraphe h2 {font-size:1.4em; font-weight:normal; font-family:Arial, sans-serif !important;}	

				/*TEXTES	*/
				div.content-paragraphe {padding-bottom:2em;}
				div.no-text {padding-bottom:0;}
				div.content-paragraphe ul, div.content-paragraphe p, div.content-paragraphe ol, div.content-paragraphe td {line-height:1.8em; }
				div.content-paragraphe p {margin-bottom:1em;}
				div.content-paragraphe a {text-decoration:underline; font-weight:bold;}
				div.content-paragraphe a:hover {text-decoration:none;}
				
				
				/*IMAGES	*/
				div.content-img {width:33%;}
				div.content-img img {max-width:100%; width:100%;}
				div.content-img p {font-size:1em; font-style:italic; margin:0;}
				div.content-img-left {float:left; margin:0.8em 2em 1em 0;}
				div.content-img-right {float:right; margin:0.8em 0 1em 2em;}
				div.content-img-right p {text-align:right;}
				div.content-img-top {margin:0 auto 1em auto; overflow:hidden; }
				div.content-img-top img {max-width:620px; max-height:none;}
				div.content-img-none {display:none;}
			
				/*LIEN DE TELECHARGEMENT	*/
				div.content-paragraphe p.content-exergue-link {padding:0; margin:0;}
					p.content-exergue-link a {text-decoration:none;color:#53438c;}
					p.content-exergue-link a:hover {text-decoration:underline;}
					p.content-exergue-link span {display:block; float:left; width:0.8em; height:0.8em; margin:0.4em 0.5em 0 0; background-color:#53438c; border-radius:0; }
	
				/*OUTILS	*/	
				div#outils {display:none;}
				div#outils a {margin:0 15px; padding:3px 0 0 10px; background:no-repeat left 5px; padding-left:17px; color:#666; }
				div#outils a:hover {text-decoration:underline;}
				div#outils a.outil-print { background-image:url(visuels/public/outil-imprimer.gif);}
				div#outils a.outil-hdp { background-image:url(visuels/public/outil-haut-page.gif);}
				div#outils a.outil-pdf { background-image:url(visuels/public/outil-imprimer.gif);}
				
			div#cc-left {display:none;}
			
			div#cc-right {float:right; width:270px; display:none;}
				div#cc-right h2 {font-size:20px; color:#53438c; font-weight:normal; margin-left:15px; margin-bottom:0.5em;}
				div#cc-right h3 {font-size:18px; font-weight:normal;}
				div#cc-right p.esp-p {text-align:right; margin:0 10px 0 0;}
					a.esp {background:url(/visuels/public/esp-jaune-bg.gif) repeat-x; background-position:0 0; display:inline-block; text-align:center; line-height:24px; font-size:14px; color:#FFFFFF; font-weight:bold; margin-top:0.5em; border:1px solid #cccccc; border-radius:5px; padding:0 1.5em;}
					a.esp:hover { background-position:0 -24px;}
				div#cc-right p.esp-tout {text-align:center; margin-bottom:10px;}
					p.esp-tout a.esp {background-image:url(/visuels/public/esp-bleu-bg.gif);}
				
				div.rc-top {background:url(visuels/public/ccr-top-bg.png) no-repeat left top; padding:13px 0 0 9px;}
				div.rc-bottom {background:url(visuels/public/ccr-bottom-bg.png) no-repeat right bottom; padding:0 9px 13px 0; width:247px; min-height:120px;}
				
				div.cal-section { margin:0 0 20px 15px;}
					ul.ccr-agenda {list-style:square; padding:0 0 0 15px; margin:0; width:200px;}
						ul.ccr-agenda li {margin-bottom:5px; font-size:12px;}
						ul.ccr-agenda p.date {font-style:italic; font-weight:bold;}
			
				div#ccr-galerie {width:225px; margin-left:11px;}
					div#ccr-galerie img {width:225px;}	
					div#ccr-galerie	div.slides_container {width:225px; height:220px; overflow:hidden;}
					div#ccr-galerie div.slides_container p {font-size:12px}
				
				div.ccr-menu-div {width:225px; margin-bottom:25px; }
						ul.ccr-menu-ul {list-style:none; padding:0; margin:0 0 0 15px;}
						ul.ccr-menu-ul li {margin-bottom:3px; font-size:16px;}
						ul.ccr-menu-ul li.display-none {display:none;}
						ul.ccr-menu-ul p.date {font-style:italic; font-weight:bold;}
						ul.ccr-menu-ul li a span {background-color: #333333; border-radius:0; display: block; float:left; height:0.8em; margin: 0.3em 0.5em 0 0; width: 0.8em; }	
						ul.ccr-menu-ul li a:hover {color:#53438c;}
						ul.ccr-menu-ul li a:hover span {background-color:#53438c;}
						
						ul.ccr-menu-ul li.on a {color:#f2bc4c;}
						ul.ccr-menu-ul li.on a span {background-color:#f2bc4c;}
						
						ul.ccr-gazettas li {margin-bottom:5px; font-size:14px;}
							i.gazetta-i {padding-left:25px;}	
						
						
		ul.footer-sponsors {width:100%; vertical-align:middle; list-style:none; padding:0 0 2em 0; margin:2em 0 0 0; text-align:center;}
		ul.footer-sponsors li {display:inline-block; vertical-align:middle; padding:0 1em; margin:0;}
		ul.footer-sponsors li.codep {}
						
						
						div.section-footer {}
	
					

		div#footer {text-align:center;}
			div#div-menu-footer {}
			ul.footer-menu {margin:0; text-align:right; list-style:none; padding:0.7em 1em;}
			ul.footer-menu li {display:inline-block; padding-right:2em; font-size:1.1em;}
			
			a#copyright {display:block; text-align:center; font-size:1.1em;}



	a#studiok {padding:0; font-size:10px; color:#999; font-weight:normal; display:block; text-align:center;}
	
	
.cs-liste-actus > div {position:relative; width:21%; display:inline-block; vertical-align:top; margin:0 1% 2% 1%; overflow:hidden;}
.cs-liste-actus > div.cs-last-colonne {margin-right:0;}
.cs-liste-actus > 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-actus > div > .cs-visuel:hover {filter:grayscale(75%); transform:scale(1.04)}
.cs-liste-actus > div >  h5 {width:90%; padding:0.5em 5%; background:rgba(255,255,255,0.7); position:absolute; left:0; bottom:0; font-size:1.1em; line-height: 120%; }
.cs-liste-actus > div > span.cs-date {padding:0.5em 0; background:rgba(0,0,0,0.7); width:100%; text-align:center; position:absolute; left:0; top:0; font-size:1.5em; color:#FFF; text-transform:uppercase; text-align:center; }
.cs-liste-actus > div > span.cs-date strong {display:inline-block; padding:0 0.5em; font-size:0.8em; font-weight:normal;}

/*LISTE AGENDA*/
.cs-liste-agenda > div {width:32%; display:inline-block; margin-right:2%; padding:0 0 1.5em 0; vertical-align:top;}
.cs-liste-agenda > div.cs-3 {margin-right:0;}
.cs-liste-agenda > div > .cs-visuel {width:100%; height:100px; background-size:cover; background-position:center center; position:relative; display:block; transition:opacity 0.2s ease-in-out 0s;}
.cs-liste-agenda > div > .cs-visuel:hover {opacity:0.8;}
.cs-liste-agenda > div > h5 {font-size:1.2em; font-family:"DINOT-Regular"; text-transform:uppercase;  }
.cs-liste-agenda > 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-agenda > div > p > a:hover {background-color:#fff; color:rgb(130, 155, 63);}


.jcs-blanc {background: rgba(255,255,255,0.6); position:absolute; left:0; top:0;z-index:999;}

.website-logo {
    display: inline-block;
    position: absolute;
    top: 0;
	margin-left:40px;
	z-index:1999;
	padding:0 !important;
}

.website-logo a img {
	width:80px;
	background-color:#FFF; padding:5px 40px;
}

body.jcs-accueil div#container-content {margin:0 -1%}
body.jcs-accueil .cs-liste-actus {padding:0;}
body.jcs-accueil h1 {padding:0 1%;}

body.jcs-contact {}
body.jcs-contact div#container-content {margin:0 -1%}
body.jcs-contact div.content-titre-page h1 {margin-left:1%}
body.jcs-contact div.contact-coordonnees {padding:1em; float:right; width:25%; margin-right:1%; background-color:#f2f2f2;}
body.jcs-contact div.form-contact {overflow:hidden; float:left; width:68%; }

body.jcs-contact div.form-contact .caption,
body.jcs-contact div.form-contact .form-leg,
body.jcs-contact div.form-contact .form-nospan,
body.jcs-contact div.form-contact .form-submit,
body.jcs-contact p.cs-retour {margin-left:2%; margin-right:2%;}
body.jcs-contact div.form-ele {display:inline-block; width:46%; margin:0 2% 1em 2%; }
body.jcs-contact div.form-ele label,
body.jcs-contact .titre-nospan {font-weight:bold; padding-bottom:0.3em; display:block;}
body.jcs-contact div.form input[type="text"],
body.jcs-contact div.form textarea  {width:98%; border: 1px solid #ccc; padding:0.5em 1%; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); }
body.jcs-contact div.form input[type="text"]:focus,
body.jcs-contact div.form textarea:focus {border-color: #aaa; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);}
body.jcs-contact .form-right  div.form-ele {width:96%;}
body.jcs-contact div.form-contact .form-nospan {}
body.jcs-contact .titre-nospan {margin-bottom:0;}
body.jcs-contact #no_spam_verif {vertical-align:top; margin-left:1%; width:10em;}
body.jcs-contact .form-submit {text-align:right;}
body.jcs-contact .form-submit input {border:none; padding:0.3em 1em; color:#fff; background-color:#53438c; cursor:pointer; }
body.jcs-contact .form-submit input:hover {opacity:0.9;}
body.jcs-contact p.erreur {font-size:0.8em; color:#F00; font-weight:bold; margin:0; display:inline-block;}

body.jcs-actualites div#container-content {margin:0 -1%}
body.jcs-actualites div.content-titre-page h1 {margin-left:1%}
body.jcs-actualites div.cs-actu-exergue {padding:0 1%; margin-bottom:2em;}
body.jcs-actualites div.cs-actu-exergue div.content-img {margin-top:0;}

body.jcs-calendrier div#container-content {margin:0 -1.5%}
body.jcs-calendrier div.content-titre-page h1 {margin-left:1.5%}

body.jcs-calendrier .cs-calendrier {float:left; width:70%;}
body.jcs-calendrier .cs-dl {float:right; width:24%; margin-right:1.5%; padding:0.5% 1%; background:rgba(0,0,0,0.1);}
body.jcs-calendrier .cs-dl h2 {font-size:1.2em; margin-bottom:0.5em;}
body.jcs-calendrier .cs-dl .cs-calendrier-plannings > div {margin-bottom:0.5em; text-align:left;}
body.jcs-calendrier .cs-dl .cs-calendrier-plannings > div span {width:0.7em; height:0.7em; display:inline-block; margin-right:0.3em;}
body.jcs-calendrier .cs-dl .cs-calendrier-plannings > div a:hover {color:#000 !important;}
body.jcs-calendrier .cs-item-course {width:47%; padding:0.1% 0.5%; margin:1%; display:inline-block; vertical-align:top; }
body.jcs-calendrier .cs-item-course.cs-selected {box-shadow: 0 0 5px 1px rgba(0,0,0,0.5); background:rgba(0,0,0,0.05)}
body.jcs-calendrier .cs-item-course p.cs-titre {font-weight:bold; font-size:1.2em;}
body.jcs-calendrier .cs-item-course .cs-contenair-visuel {margin-bottom:2%;width:40%; overflow:hidden; float:left; }
body.jcs-calendrier .cs-item-course .cs-visuel {background-size:cover;}
body.jcs-calendrier .cs-item-course div.cs-infos { float:right; width:58%}
body.jcs-calendrier .cs-item-course div.cs-infos p {margin-bottom:0.5em; font-size:0.9em; line-height:110% !important}

body.jcs-gazetta .cs-gazetta {float:left; width:70%; overflow:hidden;}
body.jcs-gazetta .cs-archives.cs-liste-actus {float:right; width:25%;}
body.jcs-gazetta .cs-archives.cs-liste-actus > div {width:100%; margin:0 0 10% 0;}

body.jcs-gazetta div.desc-contenair {position:absolute;bottom:6.5em;}
body.jcs-gazetta div#description {text-align:left; margin:0 auto; display:inline-block; }
body.jcs-gazetta p.ad-image-description {line-height:normal;}


body.jcs-galerie div#container-content {margin:0 -1%}
body.jcs-galerie div.content-titre-page h1 {margin-left:1%}

body.jcs-galerie-page .cs-galerie-left {float:left; width:70%;}
body.jcs-galerie-page .cs-galerie-right {float:right; width:25%;}
body.jcs-galerie-page .cs-galerie-right.cs-liste-actus > div { width: 48%; margin: 0 1% 2% 1%; }
body.jcs-galerie-page .cs-galerie-right.cs-liste-actus > div > h5 {font-size:0.8em;}

/*SURCOUCHE GALERIE	*/

.ad-gallery.jcs-2017 p.ad-image-description .ad-description-title {display:block; padding:0.2em 0.5em; background:rgba(255,255,255,0.5); }
.ad-gallery.jcs-2017 p.ad-image-description span {font-size:1.1em; font-style:italic;}


.ad-gallery.jcs-2017 {width:100%; margin:0 auto 0 auto; position:relative;}
.ad-gallery.jcs-2017 .ad-controls {display:none;}
.ad-gallery.jcs-2017 .ad-nav {width:100%;}
.ad-gallery.jcs-2017 .ad-nav .ad-thumbs {border-bottom:1px solid #cccccc; margin-bottom:1em; padding-bottom:1em;}
.ad-gallery.jcs-2017 .ad-thumbs li {padding-right:0.2em;}
.ad-gallery.jcs-2017 .ad-thumbs li a img {border:none; max-height:5em;}
.ad-gallery.jcs-2017 .ad-thumbs li a.ad-active img {border:none;}
.ad-gallery.jcs-2017 .ad-back {left:0; background-position:0 15px;}
.ad-gallery.jcs-2017 .ad-forward {right:0; background-position:0 15px;}

.ad-gallery.jcs-2017 .ad-image-wrapper {margin:0;}
.ad-gallery.jcs-2017 .ad-image-wrapper .ad-image {cursor:pointer;}

.cs-telecharger-galerie {text-align:right;}
.cs-telecharger-galerie a {padding:0.4em 1.5em; color:#fff; display:inline-block; margin-bottom:1em; transition:background-color 0.2s ease}
.cs-telecharger-galerie a:hover {background-color:#CCC !important;}





.format-4 div#section, .format-4 #header div#bandeau-mask, .format-4 ul.sf-menu {width:1180px;}
.format-4 .cs-liste-actus > div {width:23%;}

.format-3 div#section, .format-3 #header div#bandeau-mask, .format-3 ul.sf-menu {width:900px;}
.format-3 .cs-liste-actus > div {width:31.33%;}

.format-2 div#section, .format-2 #header div#bandeau-mask, .format-2 ul.sf-menu {width:600px;}
.format-2 .cs-liste-actus > div {width:48%;}

.format-1 div#section, .format-1 #header div#bandeau-mask, .format-1 ul.sf-menu {width:95%;}
.format-1 .cs-liste-actus > div {width:98%;}

.format-1 ul.sf-menu > li, .format-2 ul.sf-menu > li {display:block;}