/* CSS Document*/
#wrapper {position:absolute; width:100%; height:100%; background-attachment:fixed; background-color:#FFF; z-index:10000;}

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

@font-face {
	font-family: 'MuseoSans-900'; 
	src: url('fonts/MuseoSans-900.eot'); 
	src: url('fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
	url('fonts/MuseoSans-900.woff') format('woff'),
	url('fonts/MuseoSans-900.ttf') format('truetype'),
	url('fonts/MuseoSans-900.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: 'Montserrat-Regular'; 
	src: url('fonts/Montserrat-Regular.eot'); 
	src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Regular.woff') format('woff'),
	url('fonts/Montserrat-Regular.ttf') format('truetype'),
	url('fonts/Montserrat-Regular.svg#') format('svg'); font-weight: normal; font-style: normal; }

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

@font-face {
	font-family: 'bos-regular'; 
	src: url('fonts/bos-regular.eot'); 
	src: url('fonts/bos-regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/bos-regular.woff') format('woff'),
	url('fonts/bos-regular.ttf') format('truetype'),
	url('fonts/bos-regular.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 5s infinite;
	-moz-animation: clignote 5s infinite;
	-o-animation: clignote 5s infinite;
	animation: clignote 5s infinite;}
	
.cs-fleche {width:4em; cursor:pointer;}

.cs-go-bottom {position:absolute; width:4em; left:50%; margin-left:-2em; bottom:2em; cursor:pointer;
	
	}
@-webkit-keyframes clignote 
{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@-moz-keyframes clignote 
{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@-o-keyframes clignote 
{
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@keyframes clignote {
0%{opacity:1;}
50%{opacity:0.5;}
100%{opacity:1;}
}
.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:80%}
div.cs-baselines.cs-b1 {bottom:50%; padding-bottom:0;}
div.cs-baselines.cs-b1 p {font-size:4.5em; text-transform:uppercase; font-weight:normal; font-family:"MuseoSans-700"; line-height:80%; cursor:pointer;}
div.cs-baselines.cs-b2 {top:50%;}
div.cs-baselines.cs-b2 p {font-size:1.12em; font-family:"bos-regular"; line-height:normal;}


div.cs-conteneur {}
h1 {font-size:3em; margin-bottom:1em; font-family:"MuseoSans-700"; font-weight:normal; text-align:center;}
h2 {font-size:1.5em; margin-bottom:0.5em; font-family:"MuseoSans-700"; font-weight:normal;}



div.jcs-menu {width:100%; position:fixed; top:0; left:0; text-align:left; z-index:5000; 
transition-property:opacity;
transition-duration:0.5s;
transition-delay:0s;
filter: alpha(opacity=0);
}
.jcs-menu.js-menu-op {}
div.jcs-menu ul {display:block; text-align:left; margin:0;}
div.jcs-menu ul li {display:inline-block; text-align:center; color:#FFF; padding-right:2em; height:5em; font-family:"MuseoSans-700"; position:relative; font-size:0.8em; vertical-align:middle;}
div.jcs-menu ul li.jcs-menu-lang {float:right; padding:0 !important; vertical-align:middle;}
div.jcs-menu ul li.jcs-menu-lang a {position:relative; height:5em; display:block; width:auto;}
div.jcs-menu ul li.jcs-menu-lang a:hover {}
div.jcs-menu ul li.jcs-menu-lang a img {height:1.5em; margin-top:-0.75em; top:50%; position:absolute; left:0;}
div.jcs-menu ul li.jcs-menu-lang a img.jcs-b {opacity:1;filter: alpha(opacity=100);}
div.jcs-menu ul li.jcs-menu-lang a img.jcs-n {opacity:0;filter: alpha(opacity=0);}
div.jcs-menu ul li.jcs-menu-lang a span {padding-left:2.3em;}

div.jcs-menu ul li.jcs-menu-4 {float:right; padding:0 !important; margin-right:3em; vertical-align:middle;}
div.jcs-menu ul li.jcs-menu-facebook {float:right; padding:0 !important; vertical-align:middle;}


div.jcs-menu ul li:first-child { padding-right:5em; font-family:"MuseoSans-900"; }
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; line-height:5em;}

div.jcs-menu.cs-bg, div.jcs-menu.cs-bg ul li a, li.jcs-menu-lang img
{
	transition-property:background-color,box-shadow,color,opacity,filter,visibility;
	transition-duration:0.7s;
	transition-delay:0.3s;
}
div.jcs-menu.cs-bg {background-color:rgba(255,255,255,1); box-shadow:0 0.2em 0.1em rgba(0,0,0,0.3);opacity:1;filter: alpha(opacity=100);}
div.jcs-menu.cs-bg ul li a {color:#818080;}
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:Verdana, Geneva, sans-serif; background-color: rgb(230, 230, 230);}


.cs-semi-transp {background:rgba(255,255,255,0.5) !important; font-family: "MuseoSans-700" !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;}


/*PARADES ET NEWS*/
.cs-page-pn {background-color:#F4F4F4; color:rgb(34,34,34); position:relative; padding-top:2%;}
/*
.jcs-pn-h1 {position:absolute; left:0; top:4em; width:100%}
*/
.jcs-vignette-pn {display: block; float:left; margin:0 2% 0 0; overflow: hidden; width:20%; position: relative; background-color:#ddd;}
.jcs-vignette-pn img {width:100%; border-bottom:#f4f4f4 0.34em solid;}
a.jcs-vignette-pn {cursor:pointer; text-decoration:none}
.jcs-vignette-pn .jcs-over {position:relative; background-color:rgba(0,0,0,0.7); display:none; padding-left:1em;}
.jcs-vignette-pn .jcs-over .cs-cont {display:table-cell; vertical-align:middle;}
.jcs-vignette-pn .jcs-over .cs-cont span {border-bottom:0.1em #FFF solid; color:#FFF; font-family:"MuseoSans-900"; font-size:1.7em; display:inline-block; text-transform:uppercase; letter-spacing:-0.1em; line-height:100%; padding-bottom:0.2em; }
.jcs-vignette-pn.jcs-vignette-actualite .jcs-over .cs-cont font {color:#FFF; font-family:"bos-regular"; font-size:1.12em; display:inline-block; padding-top:0.4em;}

.cs-activite-item  {padding-bottom:5%;}
.cs-activite-item.cs-past  {}
.cs-activite-item:last-child {margin-bottom:0;}
.jcs-desc {overflow:hidden; float:left; width:58%;}
.cs-desc-titre {font-family:"MuseoSans-700"; margin-bottom:0.7em;}
.jcs-desc > .jcs-telechargement {padding-top:1em;}
.jcs-desc > .jcs-telechargement a {text-decoration:none; font-weight:bold;}
.jcs-desc > .jcs-telechargement a:hover {opacity:0.5;}
.jcs-pratique {overflow:hidden; float:right; width:18%;}
.jcs-pratique > div {color:#FFF;}
.jcs-pratique > div:first-child {padding:4%;}

a.cs-inscription {display:block; color:#fff; cursor:pointer; font-family:"MuseoSans-700"; text-align:center; font-size:1.7em; opacity:1; padding:4%; border:0.2em solid #f4f4f4; border-left:none; border-right:none;}
a.cs-inscription:hover {background:rgba(0,0,0,0.35); }
a.cs-inscription.cs-complet {cursor:default !important;}
a.cs-inscription.cs-complet:hover {background:none !important;}
/*.jcs-vignette-pn img {transition: all 0.4s ease-out 0s;}
.jcs-vignette-pn:hover img {transform:scale(1.2);}*/

/*QUI SOMMES-NOUS*/
div#jcs-page-9 {background-color:rgb(81,173,168); color:#fff;}
div#jcs-page-9 .cs-contenu-margin p {font-size:1em;}

div#jcs-page-4 { box-shadow:inset 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.3); }

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


/*PAGE PARADE ET NEWS */
div.cs-p div.cs-outer {min-height:auto; margin:0;}
div.cs-p.cs-baseline { font-family: "bos-regular"; font-size: 1.12em; line-height: normal; padding-left:10%;}
div.cs-p.cs-tp { font-family:"MuseoSans-900"; text-transform:uppercase; letter-spacing:-0.1em; line-height:100%; font-size:2.8em; display:inline-block; margin-top:1em;}
div.cs-p.cs-exergue {font-family:"MuseoSans-700"; font-size:1.6em; margin-bottom:1em;}
div.cs-p.cs-txt {font-family:"MuseoSans-700"; font-size:1em;}

.cs-pn-content {float:left; width:61%;}
.cs-pn-menu {float:right; width:24%; color:#808080;}
.cs-pn-menu ul {margin-left:1em;}
.cs-pn-content.cs-header, .cs-pn-menu.cs-header {vertical-align:bottom; border-bottom:0.3em solid; margin-bottom:1.5em; padding-bottom:1.5em;}
.cs-pn-menu>.cs-titrepm {font-size:1.2em; text-transform:uppercase; display:inline; }
.cs-pn-menu .cs-h {display:inline-block;}
.cs-pn-menu li { list-style:disc; padding-bottom:0.3em;}
.cs-pn-menu li.cs-is-selected {color:rgb(228,123,127)}
.cs-pn-menu li a {font-size:1.2em; text-decoration:none; color:inherit}
.cs-pn-menu li a:hover {color:rgb(228,123,127)}
.cs-pn-contenair {margin-bottom:2em;}

.cs-header.cs-news-content {color:#808080; display:inline-block; width:auto !important;}
.cs-pn-content.cs-news-content div.cs-p.cs-tp {color:#808080;}
.jcs-news-item {margin-bottom:4em; border-bottom:0.2em solid #808080; padding-bottom:3em;}
.jcs-news-item>.cs-img {border:0.1em solid #808080; margin-bottom:1em;}
.jcs-news-item>.cs-img img {width:100%; }
.jcs-news-item>.cs-titre {text-transform:uppercase; font-weight:normal; font-size:2em; font-family:"MuseoSansCyrl-900"; }
.jcs-news-item>.cs-date {font-size:1.2em; color:#808080; margin-bottom:1em;}

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

#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:"MuseoSans-700";
	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;}

/*MARGE SUR COTE*/
@media only screen and (max-device-width:600px) 
{

.cs-contenu-padding
{padding-right:2% !important; padding-left:2% !important;}
h1
{padding-left:2% !important;}
div.cs-baselines,
.cs-contenu-margin
{margin-right:2% !important; margin-left:2% !important;}

div.cs-contenu-vignettes
{margin-right:2% !important; margin-left:2% !important;}

.jcs-vignette-pn {width:46% !important;}

div.type-page-contact div.cs-formulaire {float:none !important; width:auto !important;}
.cs-post {width:auto !important; float:none !important; margin-top:4em !important;}

.jcs-menu  {display:none !important;}

#jcs-page-3 .jcs-menu-parades {height:auto !important; text-align:center !important; margin-bottom:0.5em !important;}
#jcs-page-3 .jcs-menu-parades button {margin-bottom:0.5em !important; }
#jcs-page-3 .jcs-parade-h1 {position:relative !important; top:auto !important; margin-top:1em !important;}
#jcs-page-3 .jcs-parade-h1 h1 {margin-bottom:0.3em !important;}

.cs-pn-menu {display:none !important;}
.cs-pn-content {float:none !important; width:auto !important;}
div.cs-p.cs-txt {font-size:1.2em !important;}
}


@media only screen and (min-width: 301px) and (max-width:620px) 
{
	div.jcs-menu {position:absolute; top:0;}
	div.jcs-menu {position:absolute; top:0;}
	div.cs-contenu div.cs-inner div.cs-visuel {display:none;}
	.cs-activite-item   {border-bottom:2px solid #999; margin-bottom:1em; padding-bottom:1em;}
	.cs-activite-item .jcs-vignette-pn  {display:none;}
	.cs-activite-item .jcs-desc  {float:none; width:auto;}
	.cs-activite-item .jcs-pratique  {float:none; width:auto;}
	
	div.jcs-menu.cs-bg {background-color:rgba(255,255,255,1); box-shadow:0 0.2em 0.1em rgba(0,0,0,0.3);opacity:1;filter: alpha(opacity=100);}
	div.jcs-menu.cs-bg ul li a {color:#818080;}
	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);}
		
		
	.cs-post {float:none !important; width:auto !important;}
	.cs-formulaire {float:none !important; width:auto !important; margin-bottom:2em !important;}
	.cs-formulaire .cs-form-submit {text-align:center !important;}
}