@charset "utf-8";
/*css3, mhm/cve, 2013 ;*/

* {margin:0}
html{height:100%}
body{margin:0;background:url(../images/bg.png) repeat-x top left;font-family:Arial, Helvetica, sans-serif; color:#333; text-align:left;font-size:0.9em;}
h1, h2,.h1,.h2,h3,.h3{margin:0;padding:0px;font-family:Arial Narrow, Arial,sans-serif; font-stretch:condensed;color:#333;}
h1, h2,.h1,.h2{font-weight:normal;}
h3,.h3{font-weight:bold}
ul{padding:0}
img{border:0;}
.clear{clear:both}
.centre{width:100%;margin:0 auto}
.petit{font-size:0.8em}
.souligne{}
input, textarea {border: 1px solid #86869D;}
input[type="submit"], input.submit, input[type="button"], input.button, input[type="image"], input.image, button {cursor: pointer;}

blockquote.spip {
	display: block;
	margin: 0px 20px 20px 20px;
	padding: 10px;
	font-style:italic;
	border: 5px solid #870C40;
	border-radius: 7px;	
}

/*structure*/
#wrapper{width:100%;margin:0 auto;}
#page{position:relative;width:990px;margin:0 auto;padding:0 5px;background:url(../images/bgpage.png) repeat-y top left;}
.main{background:url(../images/bgmainfonce.png) repeat-y top right;position:relative}
#content{float:left;width:610px;padding:20px;}
#secondary{	float:left;	width:295px;margin-left:5px;padding:20px;}
footer{	background:url(../images/bgfooter3.png) repeat-x top left;/*background:url(../images/bgfooter2.png) repeat-x top left;height:236px;*/}
#contentfooter{;width:990px;margin:0 auto;padding:0 5px;background:url(../images/bgpage.png) repeat-y top left;}
footer .col{float:left;width:24.5%}

/* Liens généraux*/
a:focus{outline:2px dashed #870C40}
a{text-decoration:none;color:#333;}
a:hover, a:focus{text-decoration:underline;color:#870C40;}
#content li a, .plusdinfo a,article a{text-decoration:underline}


/*header*/
header{height:156px;text-align:right;position:relative}
#skip_nav {padding: 0 30px;text-align:center;}
#skip_nav li{display:inline; margin-left:5px;} 
.hidden {position: absolute;left: 0;top: -5000px;width: 1px;height: 1px;overflow: hidden;}
.logocnrs{position:absolute;top:0;left:20px;margin: 0;z-index:1000;}
#tutelles{padding-right:20px}
#tutelles li{display:inline-block;padding: 0 15px;font-size:0.88em;font-family:Arial Narrow, Arial,sans-serif; font-stretch:condensed;background:url(../images/trait.gif) no-repeat left top;}
#tutelles li:first-child {background:none}
#tutelles li:last-child { padding-right:0 }
header h1, header .h1 {font-weight:normal;font-size:1.38em;margin:15px 0;padding-right:20px}
#slogan{;font-style:italic;font-size:0.8em;margin:15px 0;padding-right:20px}
#interaction{font-size:0.8em;background:#74748F url(../images/bginteract.png) no-repeat top right;height:35px;line-height:35px;position:absolute;bottom:0;width:990px;padding:0}
#interaction li{display:inline-block;}
#interaction a{color:#fff; margin:0 10px;padding-left:25px;text-decoration:none}
#interaction .contact a{background:url(../images/enveloppe.png) no-repeat center left;padding-left:23px}
.twitter a{background:url(../images/Twitter_Logo_White_On_Image.png) no-repeat center left}
.rss a{background:url(../images/rss.png) no-repeat center left}
#interaction #menu_lang a{padding-left:32px;}
a.langue_de{background:url(../images/de.png) no-repeat center left}
a.langue_en{background:url(../images/en.png) no-repeat center left}
a.langue_fr{background:url(../images/fr.png) no-repeat center left}
input#recherche{border: 1px solid #254180;width:190px;text-align:center;border-radius: 4px 4px 4px 4px;color: #333;padding: 2px;background-color:#fff}
#formulaire_recherche{margin-right:10em}
.btok{background:url(../images/fleche.png) no-repeat left center; text-indent:-5999px;border:medium none}

/*ajout pour mobile*/
.menu_container,.anchor-link { display: none; }
#content{}
.main{position:relative}
body.active #content:before { content: ""; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%;	background-color: #4e4e4e; }

/*menu principal*/

#menu{background:#870C40 url(../images/bgmenu.png) no-repeat top right;}
#menu{margin:0;padding:0;list-style-type:none;height:35px;position:relative;z-index:100;}
#menu li{float:left;position:relative;display:block;}
#menu a:link, #menu a:active, #menu a:visited{display:block;padding:0px 10px;text-align:center;text-decoration:none;font-size:1em;color:#fff;line-height:35px;}
#menu li li{background-color:#870C40;}
#menu li a:hover, #menu li a:focus{line-height:35px;}
#menu li li, #menu li li a, #menu li li a:hover, #menu li li a:focus{display:block;	width:250px;/*height:35px;*/}
#menu li li a:link, #menu li li a:active, #menu li li a:visited, #menu li li a:hover, #menu li li a:focus{text-align:left;}
#menu li li a:hover, #menu li li a:focus{background-color:#a20f4d;text-align:left;display:block;width:230px;height:35px; line-height:35px;vertical-align:middle;}
#menu ul {position:absolute;top:35px;display:none;margin:0 0 0 9px;padding:0;list-style-type:none;}
#menu li ul a{float:left;}
#menu ul ul{top:auto;}	
#menu li ul ul {left:9em; margin:0px 0 0 10px;}
#menu li:hover ul ul, #menu li:focus ul ul, #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li:hover ul ul ul ul, #menu li:focus ul ul ul ul{display:none;}
#menu li:hover ul, #menu li:focus ul, #menu li li:hover ul, #menu li li:focus ul, #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li li:hover ul, #menu li li li li:focus ul{display:block;}
img.home{vertical-align:middle}

/******* Main ******/
/*slider home*/
#content .anythingSlider-metallic,#content .anythingWindow,#content .activeSlider {border:none}
#content .anythingSlider-minimalist-round{padding:0}
/*#content .slider-anythingslider{height:210px;width:615px}*/
#content .slider-anythingslider li,#content .anythingControls li{padding:0;background:none}


/* Fil d'ariane */
#content  #breadcrumbs{padding-bottom:10px;}
#content  #breadcrumbs ul{padding:0;line-height:20px;}
#content  #breadcrumbs li{font-size:0.8em;float:left;display:block;padding:0px 5px 0px 15px;background:url(../images/chevron.png) no-repeat top left;height:14px;line-height:14px;vertical-align:middle;}
#content  #breadcrumbs li h1{background:none;font-weight:100;margin:0;font-family: Arial, Helvetica, sans-serif;font-stretch:normal;font-size:1em }
#content  #breadcrumbs li a{}

#content h1,#content h2,#content h3{margin:10px 0;}
#content .h1,#content h1{font-size:1.8em}
#content .h2,#content h2{font-size:1.5em}
#content .h3,#content h3{font-size:1.2em}
#content p,#content ul,#content blockquote {margin:10px 0px;}
#content.home ul{margin:0}
#content hr{height:1px;line-height:1px;color:#D8D8D8;background-color:#D8D8D8;border-style:hidden;}
.home h3{font-weight:bold;}
.pub{color:#666;font-weight: normal}
.introduction{padding-left:20px}
.tout{padding-left:20px;background:url(../images/tt.png) no-repeat center left;float:right}
#content li{list-style-type: none;background-image: url("../images/puce.gif");  background-repeat: no-repeat;  background-position: left 0.3em; padding-left: 20px;}

#content li a{}
#content li li{background-image:none}
#content a{text-decoration:underline}
#content.home article h3 a{text-decoration:none;color:#333;}
#content.home article h3 a:hover, .home article h3 a:focus{text-decoration:underline}
article{/*position:relative*/}
article img {max-width:100%; height: auto;}
.socials{text-align:right;}
.plusdinfo{background: url("../images/tt.png") no-repeat scroll left center transparent;padding-left: 20px;}
#services{margin-top:4em}
#services li{padding-left:0}
.service{float:left}
#content p span.spip_documents_left {display:inline-block;margin-right:20px;margin-bottom: 20px;margin-top:5px}

/* styles pour evenements*/
.retrait,#content div.description {margin-left:2em}
.dateevt{color: grey;font-variant: small-caps;}

/*formulaire auteur*/
#content .formulaire_ecrire_auteur li{background:none}
.formulaire_ecrire_auteur label{display:block}
#content input,#content textarea {background-color:#DEE2F1;color:#333333;margin:5px 0;}


/*secondary*/
#secondary h1,#content h1,#secondary h2,.home h2{background:url(../images/souligne.png) bottom left no-repeat;margin-bottom:10px}
aside h2{margin-left:0.5em}
#aside1,#aside2,#asideactu,#letinfo,#contact,#message,#nscontacter,#asideressources,#asidecalend{background-color:#FFF;border-radius:10px;margin-bottom:20px;padding-bottom:10px}
#letinfo{padding-bottom:0}
#letinfo a{margin-top:-20px}
#nscontacter .submit{width:auto}
.envoi{text-align:right}
aside ul{margin: 0 0 0 15px;padding: 0;}
aside li{margin-bottom:4px;list-style-type: none;}
.puce{background-image: url("../images/puce.gif");  background-repeat: no-repeat;  background-position: left center; padding-left: 20px;}
aside p{margin:0 10px 4px 15px}
#secondary input,#secondary textarea {width:236px;}
.infocookie a{position:absolute;bottom:0;color:#fff;background-color:#74748f;margin-right:20px}
.auteur{background:url(../images/contact.png) no-repeat top left;padding-left:30px}
.formulaire_ecrire_auteur,.formulaire_ecrire_auteur ul{margin:0 auto;width:90%}
.formulaire_ecrire_auteur li{margin:0;}
aside .calendriermini .calendar-container{height:12em}
aside .calendriermini .ui-state-highlight a {background: none repeat scroll 0 0 #870C40; border-color: #870C40;color:#fff}
aside .calendriermini .ui-datepicker-today a {border-color: #870C40;}
aside .calendriermini table .ui-state-highlight a:hover {background: none repeat scroll 0 0 #DBB8DC;border-color: #DBB8DC;color: #663366;}
aside .calendriermini table .ui-state-highlight.ui-datepicker-today a:hover {border-color: #663366;}
.calendar-container{width:80%;margin:0 auto}


/*******footer*******/
footer ul{padding:0}
.nav1-footer{background:url("../images/bgmenu.png") no-repeat scroll center top;height:16em }
.col{border-right:1px solid grey;height:100%}
.col4{border:none}
.col h2{height:34px;line-height:34px;text-align:center;color:#FFF;font-size:1em;font-weight: normal; font-family:Arial, Helvetica, sans-serif;font-stretch:normal}
.nav1-footer ul{/*height:157px*/;padding-top:5px;padding-bottom:5px;margin-left:2em}
.nav1-footer li{list-style-type: none;  background: url("../images/puce.gif") no-repeat left center; padding-left: 20px;margin: 0 0 4px;}
.nav2-footer{text-align:center;height:35px;line-height:35px;background-color:#870C40}
.nav2-footer li{display:inline-block;padding:0 35px;background: url("../images/pucefin.png") no-repeat scroll left center transparent;}
.nav2-footer li:first-child{background:none}
.nav2-footer a ,.nav1-footer h2 a{color:#FFF}

@media screen and (max-width:640px){
.calendar-container, .formulaire_ecrire_auteur,.formulaire_ecrire_auteur,#page,#content,#secondary,#contentfooter,input#recherche,#interaction,#menu li li, #menu li li a, #menu li li a:hover, #menu li li a:focus,#secondary input,#secondary textarea,#contentfooter,footer .col {width:auto !important}
#content,#secondary,#slogan,#aside1, #aside2, #asideactu, #asidecalend, #contact, #message, #nscontacter, #asideressources,#contentfooter,#page {padding:0}
#secondary, aside h2,#aside1, #aside2, #asideactu, #asidecalend, #contact, #message, #nscontacter, #asideressources {margin:0}
img, table, td, blockquote, code, pre, textarea,input, object, embed,video{max-width:100%}
img { max-width:100% !important; box-sizing:border-box; }
textarea,table, td, th, code,pre,samp{word-wrap:break-word;white-space:pre-line}
body,#page,#menu,#interaction,.main,.slider-anythingslider,footer,.nav1-footer,#contentfooter{background-image:none}
#skip_nav,#tutelles,#formulaire_recherche,#interaction li.rss,#asidecalend,.tout,.visuel,.socials,#breadcrumbs ul > li:last-child,.slider-anythingslider,.anythingSlider,.anythingControls{display:none !important}
/*occulter le deuxième niveau de menu + permettre au menu de s'agrandir*/
#menu,header,.nav1-footer,.nav2-footer{height:auto !important}
#menu > li:first-child,#menu li li, #menu li li a, #menu li li a:hover, #menu li li a:focus,#menu li:hover ul, #menu li:focus ul, #menu li li:hover ul, #menu li li:focus ul, #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li li:hover ul, #menu li li li li:focus ul{display:none;}
#content,#secondary,#menu li,footer .col{float:none !important}
#content{border-bottom:1px solid #870c40}
.logocnrs,header,#interaction,#menu ul,.infocookie{position:static}
header{text-align:center}
header h1, header .h1 {font-size: 1.38em;font-weight: normal;margin:  0;padding-right: 0;}

#aside1, #aside2, #asideactu, #asidecalend, #contact, #message, #nscontacter, #asideressources {border:none}
.nav1-footer li,aside li{margin:auto !important}
.nav2-footer{line-height:normal;background-color:#74748f}
.col{border-style:none}
.col h2{background-color:#870C40}
/*styler le menu*/
#menu a:link, #menu a:active, #menu a:visited{background-color:#870C40;margin:1px auto;width:90%;text-align:right}
#menu{background-color:#fff;}
/* Theming opened nav */
nav#navigation{min-height:35px;background-color:#870c40}
nav ul {	max-height: 25em;	/* translate with hardware acceleration */	transform: translateZ(0);	transition: max-height .4s;}
/* Theming closed nav */
nav.is-closed ul {	max-height: 0;	overflow: hidden;}
/* Global styling nav button */	
	nav > button {display: block;z-index: 1;height: 2.2rem; width: 2.2rem;	background-color: #870C40;
		background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
		background-image: linear-gradient(to right, #fff, #fff),linear-gradient(to right,#fff, #fff),linear-gradient(to right, #fff, #fff);
		background-position: center top, center, center bottom;	background-repeat: no-repeat;-webkit-background-size: 2.2rem .4rem;background-size: 2.2rem .4rem;
		padding: 0;	outline: 0;	border: 0;	cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition: .2s; transition: .2s;color:#fff	}
		nav > button:hover{background-color:#333}
		nav:not(.is-closed) > button {background-position: center center, center center, center center;transform: rotate(180deg) translateZ(0px);}
}
@media screen and (max-width:640px)and (orientation:landscape){
body{-webkit-text-size-adjust:70%}
}
@media screen and (min-width:641px) and	(max-width:989px){
#page,#interaction{/*background:none*/}
.main {background:none}
#page,#interaction,#contentfooter{width:100%}
#page,#contentfooter{padding:0 /* sinon ascenseur hz*/}
#formulaire_recherche{margin-right:1em}
#content{width:95%}
#secondary{width:95%;background-color:#74748f}
#secondary input, #secondary textarea {width:100%}
.nav1-footer{height:18em}
/*styler le menu*/
#menu{height:auto !important;background-image:none}
#menu li{float:none !important}
#menu > li:first-child,#menu li li, #menu li li a, #menu li li a:hover, #menu li li a:focus,#menu li:hover ul, #menu li:focus ul, #menu li li:hover ul, #menu li li:focus ul, #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li li:hover ul, #menu li li li li:focus ul{display:none;}
#menu a:link, #menu a:active, #menu a:visited{background-color:#870C40;margin:1px auto;width:90%;text-align:right}
#menu{background-color:#fff;}
/* Theming opened nav */
nav#navigation{min-height:35px;background-color:#870c40}
nav ul {	max-height: 25em;	/* translate with hardware acceleration */	transform: translateZ(0);	transition: max-height .4s;}
/* Theming closed nav */
nav.is-closed ul {	max-height: 0;	overflow: hidden;}
/* Global styling nav button */	
	nav > button {display: block;z-index: 1;height: 2.2rem; width: 2.2rem;	background-color: #870C40;
		background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
		background-image: linear-gradient(to right, #fff, #fff),linear-gradient(to right,#fff, #fff),linear-gradient(to right, #fff, #fff);
		background-position: center top, center, center bottom;	background-repeat: no-repeat;-webkit-background-size: 2.2rem .4rem;background-size: 2.2rem .4rem;
		padding: 0;	outline: 0;	border: 0;	cursor: pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition: .2s; transition: .2s;color:#fff	}
		nav > button:hover{background-color:#333}
		nav:not(.is-closed) > button {background-position: center center, center center, center center;transform: rotate(180deg) translateZ(0px);}
}
.anythingSlider .panel {text-align:center}
}