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

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


h1 {font-size:3em; margin-bottom:1em; font-family:"DINOT-Regular"; font-weight:normal; text-align:center;}
h2 {font-size:1.5em; margin-bottom:0.5em; font-family:"DINOT-Regular"; font-weight:normal;}
h3 {font-size:1.2em; margin-bottom:0.2em; font-family:"DINOT-Regular"; font-weight:normal;}

.cs-semi-transp {background:rgba(0,0,0,0.1) !important; font-family: "DINOT-Light" !important; border:none !important; border-radius:0.2em !important; color:#333 !important; padding: 0.3em 0.8em !important; }
.cs-semi-transp:hover {background:rgba(0,0,0,0.5) !important; color:#fff !important;}
.cs-document {margin-top:1em;}
.cs-document a {color:inherit; display:inline-block; text-decoration:none;  }


div.cs-inner div.cs-visuel-droite {float:right; margin:0 0 1em 1.5em;}
div.cs-inner div.cs-visuel-gauche {float:left; margin:0 1.5em 1em 0;}
div.cs-inner div.cs-visuel-droite img, div.cs-inner div.cs-visuel-gauche img  {max-width:30em; max-height:20em;}

body.jcs-front {font-family:Verdana, Geneva, sans-serif; background:#c897dc url("http://arepta.studiok-1.com//0-site/visuels/bodybg.png") repeat; width:100%; padding:0; margin:0;}
main.cs-page {position:relative; text-align:center; /*background-color: rgb(255, 255, 255);*/ padding:20px 0; width:100%;}

div.cs-contenairr {margin:0 15px 0 150px; text-align:center; background-color: rgb(255, 255, 255); border-radius:5px; box-shadow:0 0 5px #333; }
div.cs-contenu {margin:0 auto; text-align:center;}

div.cs-conteneur {}

.jcs-vignette {display:inline-block; margin:15px; border-radius:10px; text-align:center; box-shadow:0 0 0.2em #666; overflow:hidden; position:relative; transform: scale(1); transition-property:transform; transition-duration:0.2s; background-color:#FFF;}
.jcs-vignette a.cs-conteneur {display:table-cell; vertical-align:middle; cursor:pointer; position:relative; text-decoration:none; color:inherit;}


.jcs-vignette img {vertical-align:middle; text-align:center;}
.jcs-vignette .cs-conteneur span {vertical-align:middle; font-family:"DINOT-Light"; font-size:1.2em; text-align:left; display:inline-block; line-height:1em; transform: scale(1); width:100%; }

.jcs-vignette:hover {transform: scale(1.05);}

.jcs-vignette .cs-txt-contenair {position:absolute; top:0; vertical-align:middle;}
.jcs-vignette .cs-txt-contenair .cs-txt-contenu {display:table-cell; top:0; vertical-align:middle; text-align:left; padding:0 10px;}
.jcs-vignette .cs-txt-contenair .cs-txt-contenu p {margin-bottom:0.3em; padding:0 0.5em; font-size:1em;}

.jcs-vignette .cs-txt-contenair.cs-animate {opacity:0; filter:alpha(opacity=0); transition-property:opacity; transition-duration:0.5s; transition-delay:0.15s; }
.jcs-vignette:hover .cs-txt-contenair.cs-animate {opacity:1;filter: alpha(opacity=100); }
.jcs-vignette font.cs-intitule {display:block;font-family: "DINOT-Regular"; position:absolute; bottom:3px; width:100%;}

/*TAILLES VIGNETTES ET VISUELS...*/
.jcs-vignette, 
.jcs-vignette a.cs-conteneur, 
.jcs-vignette .cs-txt-contenair,
.jcs-vignette .cs-txt-contenair .cs-txt-contenu {width:250px; }
.jcs-vignette img {max-width:250px; max-height:200px; padding-bottom:20px; }


	/*DANS LE MENU*/
.cs-menu-thematique {position:absolute; left:0; top:10px; width:150px; text-align:center; z-index:20;}
.js-menu-thematique.cs-is-fixed {position:fixed; }
.js-menu-thematique.cs-is-en-bas {position:absolute; top:auto; bottom:10px}

.jcs-vignette.cs-menu {margin:10px; border-radius:5px; box-shadow:0 0 0.1em #666; background-color:#FFF;}
.jcs-vignette.cs-menu.cs-is-selected {transform: scale(1.2);} 

.jcs-vignette.cs-menu, 
.jcs-vignette.cs-menu a.cs-conteneur, 
.jcs-vignette.cs-menu .cs-txt-contenair,
.jcs-vignette.cs-menu .cs-txt-contenair .cs-txt-contenu {width:110px; height:70px;}
.jcs-vignette.cs-menu img {max-width:60px; max-height:60px; padding-bottom:10px; }
.jcs-vignette.cs-menu font.cs-intitule {font-size:0.75em; line-height:normal;}
.jcs-vignette.cs-menu .cs-txt-contenair .cs-txt-contenu {padding:0 2px;}
.jcs-vignette.cs-menu .cs-txt-contenair .cs-txt-contenu p {margin-bottom:0.3em; padding:0 0.5em; font-size:0.5em;}

.jcs-vignette.cs-menu .cs-txt-contenair.cs-animate {display:none;}


/*DANS LE MENU MOBILE*/
.cs-menu-mobi {display:none; background-color:#FFF; position:absolute; right:20px; left:20px; top:0; z-index:15; text-align:center;
border-top:none; box-shadow:0 0 5px #333; border-radius:0 0 5px 5px; padding:0; overflow:hidden; }
.cs-menu-thematique-mobi {display:none; background-color:#FFF; }
.cs-is-visible .cs-menu-thematique-mobi {display:block;}
.cs-menu-thematique-mobi .jcs-vignette.cs-menu {margin:0; border-radius:0; box-shadow:none; display:block; width:100%; text-align:left; transition:none; border-bottom:1px solid #ccc;}
.cs-menu-thematique-mobi .jcs-vignette.cs-menu:first-child {border-top:1px solid #ccc;}
.cs-menu-thematique-mobi .jcs-vignette.cs-menu:hover {transform:none;}
.cs-menu-thematique-mobi .jcs-vignette.cs-menu.cs-is-selected {transform:none;} 

.cs-menu-thematique-mobi .jcs-vignette.cs-menu a.cs-conteneur {width:100%; height:70px; display:block; padding:0 0.5em;}
.cs-menu-thematique-mobi .jcs-vignette font.cs-intitule {width:auto; position:relative; font-size:1em; line-height:70px; display:inline; color:#333; font-size:1.2em; padding-left:0.5em;}

.cs-bt-show-mm {display:inline-block; background-color:#FFF; border:none; padding:0 0 0 2.5em; color:#666; font-family: "DINOT-Regular"; font-size:0.9em; background:url(../visuels/header-menu.png) no-repeat; background-size:contain; text-transform:uppercase; margin:5px 0;  }



/*HEADER*/
header {/*box-shadow:inset 0 -10px 10px -10px #333;*/ color:#fff; padding:0.4em 0 0.6em 0; text-align:center;}
header div.cs-titres {/*display:inline-block;*/ }
header div.cs-titres p {color:#FFF; font-family:"DINOT-Regular"; line-height:1em; }
header div.cs-titres p span {font-weight:bold; font-size:1.2em;}
header div.cs-titres p.cs-titre {font-size:3em; text-transform:uppercase;  }
header div.cs-titres p.cs-sous-titre {font-size:1.8em;  }

header div.cs-locs {/*display:inline-block;*/ margin-top:0.5em; }
header div.cs-locs p {}



/*FOOTER*/
footer {padding:0 0 0.2em 0; text-align:center; /*box-shadow:inset 0 10px 10px -10px #333;*/ }
footer .cs-reseau {color:#fff; padding:0.2em 0 0 0; color:#fff; font-size:1.2em; display:none;}
footer .cs-reseau li {display:inline-block; margin:0.7em 0.7em; list-style:none; vertical-align:middle; }
footer .cs-reseau li.cs-25 {width:25%;}
footer .cs-reseau li p {font-size:0.9em; }
footer .cs-reseau a.cs-lien-resau {text-decoration:none; font-family:"DINOT-Regular"; color:#fff;}
footer .cs-reseau a.cs-lien-resau:hover {color:#fff; text-decoration:underline;}
footer .cs-reseau img.cs-logo {height:5.5em;}


footer a.cs-link  {display:inline-block; margin:0 0.5em; font-size:0.8em; cursor:pointer; color:#fff; text-decoration:none; }
footer a.cs-link:hover { color:#fff; }



/*FANCYBOX*/
.fancybox-skin {background-color:#FFF !important;}
/*.fancybox-close {top:20px; right:40px; width:50px; padding-top:50px; background-image:url(../visuels/picto-croix.png); background-size:contain; background-repeat:no-repeat; color:#000; text-decoration:none; text-transform:uppercase; background-position:center top; font-size:13px;}*/
.fancybox-item.fancybox-close {display:none;}
.fancybox-overlay.cs-menu {background:#FFF !important;}
.fancybox-overlay.cs-menu .fancybox-skin {background:#FFF !important; box-shadow:none; padding:0;}

#js-cont-reseau, #js-cont-ml {padding:0 70px;}

/*THEMATIQUES*/
.cs-titre-thematique {font-size:2.1em; margin-bottom:0.5em; padding-top:0.2em; font-family:"DINOT-Bold"; font-weight:normal;}


/*FICHE	*/
.cs-fiche-content {padding:0 40px;}
.cs-fiche-content h1 {font-size:2em !important; margin-right:80px; text-align:left;}

tr.cs-question td {padding-bottom:2em;}
tr.cs-question .cs-ill {float:left; max-width:20%; margin-right:3em; border:1px solid #CCC; border-radius:10px;}
tr.cs-question .cs-txt {overflow:hidden;}
tr.cs-reste td {vertical-align:top; }
tr.cs-reste td.cs-aide {width:40%; padding-right:5%;}
tr.cs-reste td.cs-contact {width:29%; padding-right:5%;}
tr.cs-reste td.cs-contact div {margin-bottom:0.5em;}
tr.cs-reste td.cs-contact div h3 {margin-bottom:0;}
tr.cs-reste td.cs-cout {width:20%;}
tr.cs-reste td h2 {}
.cs-picto { display:inline-block; margin-right:0.5em;}
.cs-picto img {}

tr.cs-reste td h2 {min-height:50px; line-height:50px;}
.cs-picto {position:relative;}
.cs-picto, .cs-picto img {width:50px; height:50px; vertical-align:middle; }
.cs-picto img {position:absolute; top:0;left:0;}
.cs-fiche-content li {margin-bottom:0.3em;}


.cs-fiche-content .cs-top {position:absolute; width:200px; height:150px; top:0; right:0;}
.cs-fiche-content .cs-top div {float:right; text-align:center; margin-left:1em;}
.cs-fiche-content .cs-top span {display:inline-block; cursor:pointer; }
.cs-fiche-content .cs-top span.cs-img {display:inline-block; width:50px; height:50px; background-size:contain; background-repeat:no-repeat; } 
.cs-fiche-content .cs-top span.cs-txt {font-size:0.7em; text-transform:uppercase; font-family:"DINOT-Regular"} 
.cs-fiche-content .cs-top .jcs-fermer .cs-img {background-image:url(../visuels/picto-croix-2.png); } 
.cs-fiche-content .cs-top .jcs-imprimer .cs-img {background-image:url(../visuels/picto-imp.png); } 

.cs-fiche-content footer {display:none;}





/*MARGE SUR COTE +180 */
@media only screen and (min-width: 1301px)
{
	.cs-only-mobile {display:none;}
	div.cs-contenu {width:840px;}
	footer .cs-reseau.cs-3-col {display:block;}
}
@media only screen and (min-width: 1021px) and (max-width: 1300px)
{
	.cs-only-mobile {display:none;}
	div.cs-contenu {width:840px;}
	footer .cs-reseau.cs-3-col {display:block;}
}
@media only screen and (min-width: 731px) and  (max-width:1020px) 
{
	.cs-only-mobile {display:none;}
	div.cs-contenu {width:560px;}
	footer .cs-reseau.cs-2-col {display:block;}
	tr.cs-reste td {display:block !important; width:100% !important; padding:0 0 2em 0 !important;}
}
@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}
@media only screen and (max-width:730px) 
{
	.cs-no-mobile {display:none;}
	#js-fb-contenair {display:none;}
	div.cs-contenu {width:280px;}
	footer .cs-reseau.cs-1-col {display:block;}
	.cs-menu-thematique {display:none;}
	.cs-menu-mobi {display:block;}

	div.cs-fiche-content {padding:0 10px;}
	div.cs-fiche-content h1 {font-size:1.4em !important; text-align:center !important; margin-right:0 !important;}
	
	tr.cs-reste td {display:block !important; width:100% !important; padding:0 0 2em 0 !important;}
	tr.cs-reste td h2 {height:auto !important}
	
	tr.cs-question .cs-ill {display:none;}
	
	div.jcs-imprimer {display:none;}
	div.jcs-fermer {display:none;}
	.fancybox-item.fancybox-close {display:block;}
	
	.cs-titre-thematique {font-size:1.5em;}
	div.cs-contenairr {margin:0 10px !important;}
	
	p.cs-titre {padding-top: 30px;}
	.cs-picto {margin-right:0.2em;}
	.cs-picto, .cs-picto img {height:25px; width:25px;}
	tr.cs-reste td h2 {height:25px; line-height:25px; font-size:1.2em;}
	
}