/* CSS Document */
body{
background-color:#FFFFFF;
font-family:"Calibri Light", Arial;
font-size:1.2em;
color:#333333;
}
.page{
position:relative;
top:0em;
max-width:100%;
width:1500px;
text-align:center;
margin:0em 0em;
}
.header{
padding-bottom: 0em; 
padding-top:2em;
}
.spip_logo_site,
#slogan,
.nav{
    font-family: 'Mallanna', sans-serif;
	height:2em;
	padding:0;

}
.header_rezo {
position:static;width:60%;margin-top:2em;margin-right:4em;margin-bottom:-7em;
 }
a{
color:#666666;
}
a:hover{
background:none;
color:#333333;
}
a:focus {
  outline: none;
  background: none !important;
  border: none !important;
  text-decoration: none;
  color:#000000 !important;
}
.header a:hover{
color: #464646 !important;

}
.pagination a:hover{
background-color:#999999;
}

.header .spip_logo_site,
.header .spip_logo_site a { background: transparent; text-decoration:none; color:#000000; }
.header .spip_logo_site a:hover  {color:#313131;}
.header .spip_logo_site a:hover img {opacity:0.7;}


.h1 spip_logo_site a:focus {
  outline: none;
  background: none;
  border: none;
  text-decoration: none;
  color:#313131;
}
.spip_logo {
	float:none;
	padding:0;
	border: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

.mondiaporama{
background-color:#FFFFFF; padding-top:0em; padding-bottom:2em;margin-bottom:2em; max-width:1000px; width:100%;
max-height:648px;
height:100%;

}
.monform{
width:75%;
}
.cycle-overlay{
font-size:0.9em;
padding-top:1em;
padding-bottom:1em;
text-align:center;
color:#FFFFFF;
	background-color:#98BDE9;
	width: 100%;
position:relative;
text-align:center;
color: #FFFFFF;
opacity:1;}
.cycle-overlay h1{
font-family:;
text-align:center;
}
.cycle-slideshow .cycle-pager{

}
.mybreve h2 {
    font-family: 'Mallanna', sans-serif;
}
.mybreve_left h2 {
    font-family: 'Mallanna', sans-serif;
}
.mybreve_right h2 {
    font-family: 'Mallanna', sans-serif;
}

.cartouche h2 {
    font-family: 'Mallanna', sans-serif;
padding-top:0.5em;
}
.nav{
position:relative;
top:0em;
background-color: #F7F7F7;

}
.on {
color:#000000 !important;
font-weight:normal;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin: 0 0.25em 0.5em 0;
	border-radius: 0.25em;
	text-decoration: none;
	border:1px solid #919191;
	background:none !important;
}

.mybreve .monmenu .on{
display:none;
	border:none;
}

.monmenu a:link{
color:#000000 !important;
font-weight:normal;
	display: inline-block;
	padding: 0.25em 0.5em;
	margin: 0 0.25em 0.5em 0;
	border-radius: 0.25em;
	text-decoration: none;
	border:1px solid #919191;
	background:none !important;
}
.nav a:link{
	display: inline-block;
	padding: 0.25em 0.5em;
	margin: 0 0.25em 0.5em 0;
	border-radius: 0.25em;
	text-decoration: none;
	color: #000000 !important;
	background:none !important;
}
.nav li a:hover {
	display: inline-block;
	padding: 0.25em 0.5em;
	margin: 0 0.25em 0.5em 0;
	border-radius: 0.25em;
	text-decoration: none;
	color: #666666 !important ;
	background:none;
}
.nav li a:focus {
	display: inline-block;
	padding: 0.25em 0.5em;
	margin: 0 0.25em 0.5em 0;
	border-radius: 0.25em;
	text-decoration: none;
	color: #666666 !important;
	border:none !important;
	background:none;
}
.main{
position:relative;
top:0em;
margin:0;
padding:0;
}
.wrapper{
width:100%;
position:relative;
float:none;
top:0em;
padding:1em;
}
.content{
	padding:1em;
	min-height:375px;
	position:relative;
	text-align:left;
	top:-2.4em;
}
.content_myarticle{
	padding-left:3em;
}

.content_left{
	float:left;
	width:45%;
	color: #666666;
	text-align:left;
	display: inline-block;
	border-radius: 0.40em;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	margin: 1em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.content_right .titre{font-size:1.2em;}
.content_right{
float:right;
width:45%;
text-align:left;
padding-top:3.5em;
}
.content_center{
margin-left:4em;
width:90%;
text-align:left;
padding-top:0em;
padding-right:0.5em;
}
.content_center a{text-decoration:none;}
.content .spip_documents{position:relative; top:10px;}
.content_bottom{
float:left; max-width:100%;margin-top:1em;
}
.content_center a:link{
decoration:none;
}

.aside { display:none;}
.mybreve_left{
float:left;
font-family:"Calibri Light", Arial;
font-size:0.75em;
	width:49%;
		min-height: 10em;
	color: #666666;
	text-align:left;
	display: inline-block;
	border-radius: 0.40em;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
top:0em;
}
.mybreve_right{
float:right;
font-family:"Calibri Light", Arial;
font-size:0.75em;
	width:49%;
	min-height: 10em;
	color: #666666;
	text-align:left;
	display: inline-block;
	border-radius: 0.40em;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
top:0em;
}
.mybreve{
font-family:"Calibri Light", Arial;
font-size:0.75em;
	width:95%;
	color: #666666;
	text-align:left;
	display: inline-block;
	border-radius: 0.40em;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	margin: 1em;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
top:0em;
}
.footer{
	color:#666666;
	max-width:none;
	width:100%;
	font-size:0.8em;
	clear: both;
border-top:none;
	padding-top:2em;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	position:relative;
	bottom:0px;
	top:0px;
}
.footer .colophon { float: none; height: auto; width: 100%; margin: 0; }
.submit{
width:auto;
	color: #000000;
	text-align:left;
	display: inline-block;
	border-radius: 0.40em;
	text-decoration: none;
	background-color: #DDDEE3;
	border-bottom:solid 1px #BBBDC6;
	border-right:solid 1px #BBBDC6;
	padding:0.5em;
	margin-top:1em;
}
.identifiants{
}
.login{
display:none;
}
.explication{
position:relative;
top:0em;
}

.formulaire_spip .previsu { margin-bottom: 1.5em; padding: 0.75em; border: dashed 2px #FB0227; background-color:#FFFFFF; }
fieldset.previsu legend { color: #FB0227; }
.formulaire_spip table{width:100%;margin-bottom:0.5em;}
.formulaire_spip tr{width:100%;}
.formulaire_spip td{width:30%;font-size:0.85em;border:1px solid #008000; padding:0.3em;}
.ps{display:block; position:relative;float:right;bottom:0em;z-index:200;border:none;}

/* reponses succes/erreur */

.formulaire_spip .reponse_formulaire,
.error,.success,
.notice,
.information {border:2px solid;color:#333;
font-weight: normal;padding:[(#ENV{margin-bottom}|strdiv{2})em] 10px;
padding-left:40px;min-height:24px;
background-repeat:no-repeat;
background-position: 2px 5px;
margin-bottom:#ENV{margin-bottom};
margin-top:#ENV{margin-bottom};	
width:100%;
margin:0;
padding:0.2em;}

.formulaire_spip .reponse_formulaire_ok, .success {
	color: #447810;
	background-color:#FFFFFF;
	background-image:url(#CHEMIN_IMAGE{ok-24.png);
	border: solid 2px #447810;
	width:100%;
	margin:0;
	padding:0.2em;
}
.formulaire_spip .reponse_formulaire_erreur, .error {color: #FB0227;border-color: #FB0227;background-image:url(#CHEMIN_IMAGE{erreur-24.png});}
.notice {
	color: #575502;
	background-color:#FEFDE2;
	background-image:url(#CHEMIN_IMAGE%7Bwarning-24.png%7D);
	border-top-color: #F9F451;
	border-right-color: #F9F451;
	border-bottom-color: #F9F451;
	border-left-color: #F9F451;
}
.menu_640{ display:none;}

.infobulle{
width:100%;
text-align:left;
}
.cycle-caption{
text-align:left;
}
.textinfobulle{text-align:left; width:100%;}
/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .wrapper,
    .content { width: auto; }
    .nav,
    .arbo,
    .aside,
    .footer,
	.traductions { display: none; }
}
/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce

/lire/1177
------------------------------------------ */

/* largeur maximum 767px */
/* largeur maximum 640px */
@media (max-width: 950px) {
     /* layout */	 
	 .header,
	 .main{
	 margin-left:0em;
	 margin-right:0em;
	 padding: 0em;
	 }
.cycle-overlay{
font-size:1em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:4em;
padding-right:4em;
height:11em;
margin:0;}
    .wrapper,
    .content,
    .aside { width: 100%; min-height:auto;}
    .wrapper,
	.aside,
	.content_left,
	.content_right,
	.content_bottom { clear: both; float: none; width: 100%; min-height:auto;}
	.content_left,
	.content_right,
	.content_center,
	.content_bottom{
	margin:0em;
	padding:0.5em;
	width:100%;
	}
	.content,
	.wrapper,
	.main{
	margin:0em;
	}
		.content_myarticle,
		.content_mycontact{
		padding:0em;
		width:100%;
		}
		.content{
		min-height:auto;
		}
	.content_left{
	
	}
	.content{
	top:1em;
	}
    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .arbo { display: none; }
    .footer .colophon { width: auto; float: none; }
    .footer .generator { display: none; }

    /* header du calendrier full-calendar */
    table.fc-header td { display: block; text-align: left; }
.planfoot_top_top{
width:100%;
max-width:none;
padding-left:1em;
padding:right:1em;
padding-top:1em;
margin:0em;
margin-left:0em; margin-right:0em; margin-top:1em;
}
.planfoot{width:100%;max-width:none;margin-left:0em;margin-bottom:0em;}
}
/* largeur maximum 767px */
@media (max-width: 767px) {
	body {width: 100%; padding: 0.2em; margin:0em;	}
	.page,
	.page_sommaire {width: 100%; max-width: none; margin:0em; padding:0em;	}

.cycle-overlay{
font-size:0.8em;
padding-top:0.5em;
padding-bottom:1em;
pagging-left:1em;
padding-right:1em;
margin:0;
height:9em;
}
.content_mycontact{width:100%;margin:0em;}
.mybreve{
width:100%;margin:0em;
}
.content_left_form{width:75%;}
.planfoot_top_top{
width:100%;
max-width:none;
padding-left:1em;
padding:right:1em;
padding-top:1em;
margin:0em;
margin-left:0em; margin-right:0em; margin-top:1em;
}
.planfoot{width:100%;max-width:none;margin-left:0em; font-size:0.8em;}
}
/* largeur maximum 640px */
@media (max-width: 640px) {
body{font-size:0.9em;}
.header h1{font-size:1.4em;}
.header a:link{font-size:0.7em;}
h2{}
.header{
margin-top:5.5em;
margin-bottom:0em;
}
#slogan{font-size:1.2em; margin-top:4em;}
.menu_640{
font-size:1em;
display:block;
position:fixed;
top:0em;
left:0px;
z-index:900;
}

.traductions{
padding-left:5em;
width:100%;
}
.wrapper{padding:0em;}
.content{padding-left:0em; padding-right:0em; top:0em;}
.mondiaporama{
background-color:#FFFFFF; padding-top:0.4em; padding-bottom:0.4em; padding-left:0em; max-width:640px; width:100%;
}
.aside{
font-size:1.1em;
margin-bottom:0em;
}

.mybigone{
display:none;
visibility:hidden;
}
.mysmallone{
display:block;
visibility:visible;
}
.menu_640 a{

}
.menu_640 a:hover{

}
.menu_640 a:focus{

}
.nav{
display:none;
}
.aside{
min-height:auto;
}
.mybreve{
text-align:right;
padding-right:4em;

margin-left:1em;
margin-bottom:2.7em;
width:90%;
}
.monform{
padding-left:1.5em;
width:90%;
}
.cycle-overlay{
font-size:0.8em;
padding-top:0.2em;
padding-left:0.2em;
padding-right:0.2em;
padding-bottom:0em;
height:11.5em;
background:none;
}
.cycle-overlay h1{font-size:1.4em;}
.cycle-pager{display:none;}
.planfoot{
display:none;
}
.mycontent{

}

.content_center{
width:100%;
margin:0em;
padding-left:1em;

}
.footer{font-size:0.95em;}
.mybreve_left,
.mybreve_right{float:none; width:90%;}
.myitinerary{
width:100%;
margin:0em;
padding:0.5em;

}
.content_mycontact{width:100%;margin-left:0em;}
.content_left_form{float:none; width:100%; margin:0;}
.offre,
.offre_left,
.offre_left_left,
.offre_left_right,
.offre_right{
width:100%;
float:none;
margin:0em;
}
.planfoot_top_top{
max-width:90%; margin-left:0em;margin-top:0em;margin-bottom:0em;border-top:3px solid #CCCCCC;z-index:200;
}
.mysitemap{display:block;}
#tarteaucitronAlertSmall {display:none; visibility:hidden;}
}
/* fin */