/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2015 */
@font-face {
    font-family: 'static_boldbold';
    src: url('fonts/StaticBold-webfont.eot');
    src: url('fonts/StaticBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/StaticBold-webfont.woff2') format('woff2'),
         url('fonts/StaticBold-webfont.woff') format('woff'),
         url('fonts/StaticBold-webfont.ttf') format('truetype'),
         url('fonts/StaticBold-webfont.svg#static_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}
HTML {
  height: 100%;
  width: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;	
}

BODY{
	position:relative;
	width: 100%;
	height: 100%;	
	padding: 0;	
	font-size: 0.9em;	
  color:#484848;
	background-color:#f1f2f2;
	line-height:1.1;
	font-family: sans-serif;	
	text-align:justify;
	}

:root .grid > * > * {
	font-size:1rem;
	}

td{line-height:1.2;
}
.print{
	display:none;
	}	
@media print { 
	.print
	{
		display: block;
	}

	.noprint
	{
		display: none;
	}
}
.nettoyeur{
clear:both;
}

HEADER{
	position:relative;
	width:100%;
	margin:80px auto 35px auto;
}
.sousheader{
width:100%;height:120px;position:relative;
}

.slogan{
	position:absolute;
	font-family: 'static_boldbold';
	bottom:100%;
	color:#b25627;
	font-size:1.5rem;
padding: 0px 150px 10px 10px;
 }
.centrer{
	position:relative;
	width:100%;
	max-width:1050px;
	margin:0 auto 0 auto;
}

#container
{
	position:relative;
	width:100%;
	max-width:1050px;
	margin:0 auto 30px auto;
}

#zone
{
	position:relative;
	width:70%;
	float:left;
	padding:0 30px 0 0;
}


#container_colonne
{
	position:relative;
	float:right;
	width:30%;
	padding:10px;
	text-align: left;
}

#filariane
{
	width: 100%;
	text-align:left;;
}
A.arianne
{
	font-size: 0.8rem;
	color: black;
	text-decoration:none;
  font-weight:normal;
  font-family:arial;
}

FOOTER
{
	position:relative;
	width:100%;
	font-size: 0.8rem;
	max-width:800px;
	min-height:40px;
	margin:20px auto 0 auto;
	position:relative;
	padding:5px;
	background-color:#a14d22;
	color:white;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;		
	text-align:center;
}

FOOTER A.pieds, A.lien_pied
{
	font-size: 0.8rem;
	color: white;
	text-decoration: none;
}


/* MENU*/
NAV{
	width:100%;
	padding:10px 0 0 0;
	font-family: 'staticregular';
}

.menu1,.menu_niveaupays_actif{
	display:inline-block;
	color:white;
	font-weight:bold;
	font-size:17px;
	padding:8px 0 5px 0;
	text-align:center;
	margin:0px 60px 0px 0px;
}
.menu_niveaupays_actif{
	color:white;
	background: #b25627;

}
.menu1:hover,.menu1bis:hover{
	text-decoration:none;
}

.menu1bis{
	margin:0px 10px 0px 0;
	color:white;
	font-size:17px;
	display:inline-block;
	font-weight:bold;
	padding:8px 0 5px 10px;
	text-align:center;
}

NAV LI{
	display:block;
	float:left;
	position:relative;
	margin: 0px 60px 0 0;
	}
	
NAV LI A{	
	display:inline-block;
	line-height:0.9;
	text-align:center;
	padding: 10px 1px;
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
	color:white;
	
}
A.lienmenu{	
	display:inline-block;
	height:20px;
	margin-top:13px;
	padding:3px 15px;
	font-weight:normal;
	font-size:0.8rem;
	text-decoration:none;
	text-transform:uppercase;
	border-right:1px solid #c8d19e;
	color:black;
	
}
NAV LI A:hover{
	text-decoration:none;
}

NAV LI UL{	
	display:none;
	position:absolute;
	padding:0;
	margin:0;
	z-index:5;
	width:250px;
	top:30px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}
NAV LI UL LI, LI.lilienssmenu {	
	display:block;
	clear:both;
	width:100%;
	margin:0;	
	text-align:left;
}
NAV LI UL LI A,A.lienssmenu {	
	display:block;
		text-align:left;
	clear:both;
	padding:10px;
	width:100%;
	font-size:1rem;
	margin:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;	
}
NAV LI UL LI A:hover,A.lienssmenu:hover{
	color:black;
	background-color:white;;
}

.menu_niveau1_actif{
border:1px solid #B25627 ;
color:black;
}
#btmenu{
display:none;
}
.site_logo{
position: absolute;
  top: -56px;
  right: 0;
}
.logo{
	width:70%;
	max-width:347px;
}

.newsletter{
	margin:0px 35px 0px 0%;
}

.largeur187{
width:167px;
}

.diapo_img{
	width:100%;
	max-height:350px;
	overflow:hidden;

}
.diapo_txt{
	padding:2%;
	min-height: 120px;
}


.lity-container{
height:80%;
}
.lity-content{
height:100%;
}
.lity-iframe-container {
  height: 100%;
  padding-top: 0;
  }
  
/* max-width pour faibles r�solutions */
@media screen and (max-width: 1020px) {
.sousheader{
height:30px;
}
.site_logo {
width: 150px;
}
	#plan{
	display:none;
	}
	.newsletter{
		margin:0px 5px 0px 10px;
	}	
	.menu1,.menu_niveaupays_actif{
		padding:10px 10px 5px 10px;
		width:auto;
		margin:0px 5px 0px 0px;
	}	
	NAV LI{
		margin: 0;
		}	
	NAV LI UL{
		left:0;
		}			
}

/* max-width pour faibles r�solutions */
@media screen and (max-width: 800px) {
	#container, #zone{
		position:relative;
		clear:both;
		width:100%;
		max-width:100%;
		padding:5px;
	}
	#container_colonne{
		position:relative;
		clear:both;
		width:100%;
		max-width:500px;
		margin:20px auto;
	}
	.newsletter{
		margin:0px 5px 0px 10px;
	}	
	.slogan{
	font-size:1.3rem;
	}
		
}

/* max-width pour faibles r�solutions */
@media screen and (max-width: 725px) {
	NAV{
	height:auto;
	display:none;
	}
	NAV LI{
	width:100%;
	position:relative;
	float:none;
	}
	.menu1,.menu_niveaupays_actif,.menu1bis{
		padding:10px 10px 5px 10px;
		width:100%;
		margin:2px;
	}		
	NAV LI A{
	width:100%;
	margin:2px;
	}
	#btmenu{
	display:inline-block;
	}

	NAV LI UL, .liliensssmenu{	
		display:none;
		position:relative;
		width:100%;
		padding:0;
		top:-5px;
	}	
	NAV LI UL LI A{	
		width:100%;
	}	
	.largeur187{
	width:100%;
	}
}


/* PAGE GENERAL*/
H1{
	font-family: 'static_boldbold', sans-serif;	
	font-size:2rem;
	margin:20px 0 10px 0;
	color:#b25627;
}
H2{
	font-family: 'static_boldbold', sans-serif;	
}
H3,H3.spip,H2.spip{
	font-family:  sans-serif;
	color:#800000;
	text-align:left;
	margin:20px 0 10px 0;
	font-size:0.9rem;
}

.surtitre{
	color:#e04c50;
	font-size:1rem;
	font-weight:bold;
}
.titre{
	font-size:1.1rem;
	font-weight:bold;
	color:#a1b000;
	font-family: 'staticregular';
}

.soustitre{
	color:#1daabb;
	font-size:1rem;
	font-weight:bold;
}
.introduction{
	color:#525252;
	text-align:justify;
	font-weight:normal;
	font-size:0.9rem;
	margin:0 0 10px 0;
}
.cal{
	text-align:center;
	color:white;
	font-weight:bold;
	float:left;
	width:68px;
	background-image:url('/images/fond_cal.png');
	height:62px;
	margin-right:10px;
	font-size:0.8rem;
	padding-top:19px;
}
.bt{
	display:inline-block;
	text-align:center;
	color:white;
	width:35px;
	height:35px;
	margin-right:2px;
	font-size:1.4rem;
	padding-top:6px;
}

.chapo{
	font-size:1.2rem;
	font-weight:bold;
	margin:30px 0;
}

A, A.spip_out{
	color: #9cb138;
	text-decoration: none;
	cursor:pointer;
}
A:hover, A.spip_out:hover
{
	text-decoration: underline;
	color:gray;
}
A.lien_projet{
	color: #498771;
	text-decoration: none;
	font-family: 'static_boldbold';
	font-size:1.2rem;
}
A.lien_projet:hover
{
	text-decoration: underline;
	color:gray;
}
.texte{
	font-family:arial;
	}

A.lien{
	color: #498771;
	text-decoration: none;
	font-family: 'static_boldbold';
	font-size:1rem;
	font-weight:bold;
}
	
A.lien_doc{
	display:block;
	padding:5px;
	margin:2px;
	color: #498771;
	text-decoration: none;
	font-family: 'static_boldbold';
	font-size:1rem;
	background:#F0F0F0;
	border:1px solid #C0C0C0;
}
A.lien_doc:hover
{
	text-decoration: none;
	background:#E0E0E0;
}	


.suite A{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background:#f6ce5e;
	margin:2px;
}

A.col_suite{
	float:right;
	color:#cac9ca;
	font-size:0.9rem;
}
/*  PAGE */


A.lien_rubrique
{
	margin:25px 0 10px 0;
	padding:0 0 0 25px ;
	font-size: 17px;
	color: #513a2e;
	text-decoration: none;
	font-weight: bold;
}

A.lien_article, .lien_article
{
    display:block;
	position:relative;
	margin-top:10px;
	padding:15px 0;
	color:black;
	font-size:0.9rem;
	cursor:pointer;
	background-color:#f9fafb;
}
A.lien_article:hover
{
	text-decoration:none;
	background-color:#f0f2f2;
}

A.lien_bloc
{
    display:block;
		font-family: 'static_boldbold';
	width:80%;
	position:relative;
	margin:10px auto;
	padding:10px;
	color:#46ac4e;
	font-size:1rem;
	background-color:white;
	text-align:center;
	text-transform:uppercase;
}
A.lien_bloc:hover
{
	text-decoration:none;
	background-color:#46ac4e;
	color:white;
}
A.lien_bloc_maron
{
    display:block;
	font-family: 'static_boldbold';
	width:99%;
	position:relative;
	margin:10px auto;
	padding:5px;
	color:white;
	font-size:1rem;
	font-weight:bold;
	background-color:white;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(199,95,52,1) 0%, rgba(130,67,36,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,95,52,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(199,95,52,1) 0%,rgba(130,67,36,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(199,95,52,1) 0%,rgba(130,67,36,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(199,95,52,1) 0%,rgba(130,67,36,1) 100%); /* IE10+ */
	background: linear-gradient(to left,  rgba(199,95,52,1) 0%,rgba(130,67,36,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c75f34', endColorstr='#824324',GradientType=0 ); /* IE6-9 */		
}

A.lien_bloc_maron:hover
{
	text-decoration:none;
	background:#F7C93E ;
	color:black;
}
.vignette{
	margin:0 30px 20px 0;
	float:left;
	border:1px solid gray;
-moz-box-shadow: 10px 10px 10px 0px #656565;
-webkit-box-shadow: 10px 10px 10px 0px #656565;
-o-box-shadow: 10px 10px 10px 0px #656565;
box-shadow: 10px 10px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);		
}
.illustration{
	float:left;
	margin-right:20px;
	width:200px;
	text-align:center;
	overflow:hidden;
	border:1px solid #CFCFCF;
}
.illustrationv2{
	width:100%;
	text-align:center;
	height:160px;
	overflow:hidden;
	margin-bottom:10px;
}
.illustrationv{
	width:100%;
	text-align:center;
	height:115px;
	overflow:hidden;
}
.illustrationh{
	width:115px;
	float:left;
	text-align:center;
	height:80px;
	overflow:hidden;
	margin-right:15px;
}
#prev{
position:absolute;
left:-10px;
top:40%;
background:transparent url(/images/precedent.png);
width:35px;
height:35px;
}
#suivant{
position:absolute;
right:-10px;
top:40%;
background:transparent url(/images/suivant.png);
width:35px;
height:35px;
}

.on{
opacity:0.5;
}
table{
	border:0 none;
	font-size:1.1rem;
}

TD.entete {
	height:40px;
	background-color:#ececea;
	color:#7f2d6b;
	text-align:center;
	text-transform:uppercase;
	border:0 none;
}

TD {
	color:#626162;
}

tr > * + *  {
	border-left:0 none;
}

TR:hover{
	background-color:#ececea;
}

@media (max-width: 450px) {
	.illustration{
	float:none;
	width:100%;
	margin:0 0 5px 0;
	max-height:200px;
	overflow:hidden;
	}
}

/* FORMULAIRE */

FIELDSET{
	position:relative;
	background-color:#f9fafb;
	border:1px solid #ededed;
	padding:10px;
	margin:0 0 30px 0;
-moz-box-shadow: 10px 10px 30px -20px #656565;
-webkit-box-shadow: 10px 10px 30px -20px #656565;
-o-box-shadow: 10px 10px 30px -20px #656565;
box-shadow: 10px 10px 30px -20px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=30);	
}
LEGEND{
	color:white;
	padding:5px 10px;
	left:30px;
	font-size:1.1rem;
	font-family: 'staticregular';font-weight:bold;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,201,62,1) 0%, rgba(210,163,70,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,201,62,1)), color-stop(100%,rgba(210,163,70,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,201,62,1) 0%,rgba(210,163,70,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,201,62,1) 0%,rgba(210,163,70,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,201,62,1) 0%,rgba(210,163,70,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,201,62,1) 0%,rgba(210,163,70,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2a346', endColorstr='#f2c43f',GradientType=0 ); /* IE6-9 */	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	margin-right:80px;
	max-width:85%;
}
FORM FIELDSET{
	position:relative;
	font-family: 'staticregular';font-weight:bold;
	background-color:#f6ce5e;
	padding:10px 30px;
	margin:0 0 30px 50px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	color:#c75f34;	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow:none;
	filter:none;	
}
FORM LEGEND{
	position:relative;
	top:-20px;
	left:-30px;
	background:#f6ce5e;
	padding:5px;
	color:#c75f34;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

/* max-width pour faibles r�solutions */
@media screen and (max-width: 500px) {
	FORM FIELDSET{
		margin:0 0 30px 0;	
	}
}
LABEL{
min-width:150px;
float:left;
margin: 0;
}
.label_court{
	float:none;
	clear:both;
	min-width:0;
	display:inline-block;
	padding:0 10px 0 0;
	margin: 0;
}
INPUT, SELECT{
	border: 1px solid #ececea;
	color: black;
	background-color: white;
	height: 20px;
	padding: 0 0 0 8px;
	font-size: 15px;
	margin:2px;
	font-family:arial;

}

.selectmenu SELECT{
	 background: transparent;
	width: 120%;
	padding: 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 28px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
}
div.selectmenu{
	display:inline-block;
	position:relative;
	margin:4px;
	padding:0;
	width: 300px;
	height: 30px;
	overflow: hidden;
	background: url(/images/fleche_select.png) no-repeat 100% center white;
	border:1px solid #9cb138;
}

input[type="text"] {
    max-width:300px;
	width:95%;
}

TEXTAREA{
border: medium none;
color: black;
background: white;
padding: 8px;
font-size: 13px;
margin:2px;
width:90%;
height:200px;
}

input[type="submit"],input[type="button"], .bouton3, A.lien_bouton {
    background:#f6ce5e;
	font-family: 'static_boldbold';
	color:#a44f23;
    padding: 7px;
	font-weight:normal;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:auto;
}
input[type="submit"].grossubmit {
    background:#f6ce5e;
	font-family: 'static_boldbold';
	min-width:120px;
	min-height:52px;
	color:#a44f23;
	font-size:1.3rem;
    padding: 7px 15px;
	font-weight:normal;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

input[type="image"] {
    padding:0;
	height:auto;
}

.erreur{
	display:block;
	font-size:0.8rem;
	color:red;
}

.erreur:before
{
content:url(/images/attention.png);
} 


/* Logos, documents et images */
img { margin: 0px; padding: 0px; border: none; }

.spip_logos { margin: 0px; padding: 0px; border: none; }

.spip_doc_titre {
	font-size: 11px;
	font-weight: normal;
}



@media print {
	#container_colonne, header, footer, .noprint{
	display:none;
	}
	#container, #zone{
	width:100%;
	}
	.print{
	display:block;
	}	
}


LI.editer{
list-style-type: none;
}
#colorbox, #colorbox * {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 }
#colorbox img { height: inherit; }

.box_modalbox
{-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}