@import url('//fonts.googleapis.com/css2?family=Droid+Sans:400,700');
@import url('//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');

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

BODY{
	position:relative;
	width: 100%;
	height: 100%;	
	margin: 0 auto 0 auto;
	padding: 0;	
	font-size: 1em;	
	color:black;
	background-color:white;
	line-height:1.2;
	font-family: 'Droid Sans', sans-serif;
	text-align:justify;
	}

.print{
	display:none;
	}	

.nettoyeur{
clear:both;
}

HEADER{
	position:relative;
	width:100%;
}
.centrer{
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto 0 auto;
}

#bandeau_haut{
	position:relative;
	width:100%;
	background-color:#01346b;
	color:white;
	padding:6px 0 10px 0;
	font-size:1.4rem;
}
#bandeau_haut IMG{
max-height:40px;
width:auto;
}

#bandeau{
	position:relative;
	width:100%;
}

#container
{
	width:100%;
	max-width:1400px;
	margin:0 auto 0 auto;

}

#zone
{
	float:left;
	min-height:500px;
	width:70%;
	padding:20px 3% 20px 2%;
}


#container_colonne
{
	float:left;
	width:30%;
	padding:20px 0 0 0;
	text-align:left;

}



#filariane
{
	width: 96%;
	margin:0 2% 0 2%;
	background-color:#efefe8;
	padding:7px 5px 7px 15px;
}

A.arianne
{
	font-size: 0.9rem;
	color: black;
	text-decoration:none;
  font-weight:normal;
}

FOOTER
{
  position:relative;
  height:100px;
  width: 100%;
	background-color:#01346b;
	padding:15px 0 0 10px;
	margin-top:30px;
}

FOOTER A
{
	font-size: 1rem;
	color: white;
	text-transform:uppercase;
	text-decoration: none;
	margin:5px;
}

#cadre_forum{
	position:absolute;
	top:-40px;
	right:20px;
	background-image:url(/images/cadre_forum.png);
	width:351px;
	height:132px;
	color:black;
	padding:10px 10px 40px 110px;
}

#cadre_forum A{
	color:black;
}
/* MENU*/
#logo{
	position:absolute;
	top:-13px;
	left:0;	
	z-index:500;	
}
NAV{
	position:relative;
z-index: 1000;
	width:100%;
	max-width:1400px;
	margin:0 auto 0 auto;	
	padding:0 0 0 111px;
	min-height:76px;
	border-top: 15px solid white;
font-family:"Roboto Condensed";	
}

NAV LI{
	display:inline-block;
	position:relative;
	z-index:3;
	width:27%;
	list-style:none;
	}
	
NAV LI A{	
	display:block;
		background:#01346b;
	padding:14px 0;
	color:white;
	font-size:20px;
	z-index:3;
	font-weight:bold;
	text-align:center;
	height: 77px;
overflow: hidden;
}
.petitpadding{
padding:25px 50px;
}
NAV LI A:hover{
	background-color:#9ac4e9;
	text-decoration:none;
}

NAV LI UL{	
	display:none;
	position:absolute;
	padding:0;
	top:76px;
	z-index:3;
	width:100%;
}
NAV LI UL LI{	
display:block !important;
width:100%;
list-style:none;

}
NAV LI UL LI A{	
	display:block;
	height:auto;
	width:100%;
	padding:4px 0 4px 10px;
	margin:3px 0;
	background-color:white;
	border:1px solid #1275a6;
	color:#1275a6;
	font-size:1.5rem;
	z-index:3;
}
NAV LI UL LI A:hover{
	background-color:white;
	border-bottom:1px solid #01346b;
}
.lien_menu145{
background: #8bbe25;
border: 1px solid #8bbe25;
color: white;
}
.lien_menu146{
background: #fbd019;
border: 1px solid #fbd019;
color: #1275a6;
}
.lien_menu300{
background: #29235c;
border: 1px solid #29235c;
color: white;
}
.lien_menu303{
background: #aa1733;
border: 1px solid #aa1733;
color: white;
}
.lien_menu301{
background: #f29264;
border: 1px solid #f29264;
color: white;
}
.lien_menu137{
background: white;
border: 1px solid #1275a6;
color: #1275a6;
}
.lien_menu265{
background: #01346b;
border: 1px solid #01346b;
color: white;
}
.outils{
position: absolute;
top: 0;
right: 0;
width: 16%;
text-align:center;
}
.outils .contact{
display:block;
width:100%;
text-align:center;
padding:2px 0;
color:white;
background:#01346b;
}
.outils .rezo img{
width: 34px;
margin: 1px 1%;
}
.outils .newsletter{
display:block;
width:100%;
text-align:center;
padding:2px 0;
color:white;
background:#01346b;
}

#barrecouleur{
	position:absolute;
	width:100%;
	max-width:846px;
	left:106px;
	top:-3px;
	height:8px;
	overflow:hidden;
	z-index:500;
	}
#bandeau_titre{
padding: 7px 0 0 111px;
font-size:25px;
min-width:200px;
text-transform:uppercase;
font-family:"Roboto Condensed";	
	}


/* BANDEAU DES PAGES */
.banniere{
	position:relative;
	float:left;
	width:70%;
	z-index:500;
	}

/* HOME PAGE */
#actu_home{
background:white url(/images/fond-actu.png) no-repeat left top;
float:left;
margin:0 2%;
width:46%;
}
#actu_collec{
background:white url(/images/fond-actu2.png) no-repeat left top;
float:left;
margin:0 2%;
width:46%;
}
#actu_home span,#actu_collec span,#agenda_home span, .titre_home{
color:#0e357e;
display:inline-block;
font-size:2.6rem;
font-weight:bold;
text-transform:uppercase;
text-align:left;
}
#actu_home span{
padding:23px 5px 0 140px;
}
#actu_collec span{
padding: 11px 5px 11px 138px;
}
#picto2 span{
padding:7px;
}
.bloc_actu{
overflow:hidden;
}
.bloc_actu A{
color:black;
margin:3% 0;
padding:2% 0;
display:block;
font-size:1.3rem;
font-weight:bold;
text-transform:uppercase;
border-bottom:5px solid #0e357e;
}
.bloc_actu A:hover{
color:#01346b;
border-bottom:5px solid black;
text-decoration:none;
}
.bloc_agenda_home{
display:block;
padding:20px 10px;text-align:center;
color:black;
}
#agenda_home{
margin: 20px auto;
max-width: 83%;
background:white url(/images/fond-agenda.png) no-repeat left top;
min-height:115px;
}
#agenda_home span{
font-size:1.8rem;
}

.titre_planete{
margin: 60px 0;
background: #FFF url(/images/planette.png) no-repeat left top;
padding: 6px 0 20px 132px;
font-size: 3.5rem;
color: #0e357e;
font-weight: 700;
line-height: 1;
}
.groupe_pays{
float:left;
font-size:2rem;
font-weight:bold;
margin: 20px 29px 20px 0;
}
.groupe_pays .lien_pays{
font-size:1.6rem;
font-weight:bold;
}
#texte_pays{
position:absolute;bottom:0;width:280px;text-align:left;color:#01346b;
padding:0 2%;
font-size:1.1rem;
}

.divpays{
position:absolute;
display:none;
border-radius: 10px;
padding:3%;
opacity:0.9;
text-align:left;
width:52%;
max-width:300px;
z-index: 10;
}
area{
cursor:pointer;
}
.divpays b{
text-transform:uppercase;
font-size:1.3rem;
margin:0 0 20px 0;
display:block;
}
.divpays A{
color:black;
font-size:1.2rem;
}
.divpays166{
background:#83be61;
right: 45%;
top: 11%;
}
.divpays176{
background:#b260a1;
right: 6%;
top: 21%;
}
.divpays177{
background:#e05854;
right: 34%;
top: 18%;
}
.divpays178{
background:#35a3c9;
right: 16%;
top: 49%;
}
.divpays179{
background:#f4b917;
right: 4%;
top: 61%;
}
#ressources{
background:url(/images/fond_ressource.png) no-repeat left bottom #8dc0e9;
padding:15px 5px;
}
#ressources span{
color:#0f5381;
font-size:1.8rem;
text-decoration:underline;
}
#ressources #recherche{
width:90%;
margin:15px 5px;
}
#ressources INPUT[type="submit"]{
float:right;
}
#bandeaucolbleue{
	float:left;
	width:33%;
	margin-left:1%;
	text-align:right;
	}
	
#slider{
position:relative;
width: 100%;
height:370px;
overflow:hidden;
margin: 0 0 30px 0;
	}

 .slide{
 display:block;
 position:absolute;
 top:0;
 left:100%;
height:330px;
width:48%;
background-color:white;
overflow:hidden;
font-size:1.3rem;
 }

 .point{
	position:absolute;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
width: 20px;
height: 20px;
	background-color:#063468;	
	cursor:pointer;
}

.barrediv{
	float:left;
}


#barre2 div{
	float:left;
	padding-right:10px;
}

.groupepays{
	width:245px;
	font-size:0.9rem;
	padding-right:12px;
}

/* BACKOFFICE */

.onglet1, .onglet2, .onglet3{
	display:inline-block;
	float:left;
	padding:5px;
	background-color:gray;
	border:1px solid black;
	margin:3px;
	color:white;
}
.onglet2{
	background-color:green;
}
.onglet1:hover, .onglet2:hover, .onglet3:hover{
	color:black;
	background-color:white;
	border:1px solid black;
	text-decoration:none;;
}
.erreur{
text-indent:20px;
font-size:0.8rem;
color:red;
font-weight:bold;
}

.erreur:before
{
content:url(/images/attention.png);
} 
/* PAGE ARTICLE */
.picto,.picto2{
	position:absolute;
	left:16px;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius: 35px;
	-moz-border-radius: 35px;
-webkit-border-radius: 35px;
width: 70px;
height: 70px;
	background-color:#01346b;	
	color:white;
	text-align:center;
	font-size:17px;
	padding-top:12px;
	line-height:1;
}
.picto2 p{
font-size: 26px;
line-height: 1;
}
.picto{
	top:10px;
		border-radius: 25px;
	-moz-border-radius: 25px;
-webkit-border-radius: 25px;
width: 50px;
height: 50px;
}
.grospicto{
	position:absolute;
	top:5px;
	left:0;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	width:80px;
	height:80px;
	background-color:#285a91;	
	color:white;
	text-align:center;
	font-size:22px;
	padding-top:8px;
}
H1{
 position:relative;
 font-size:2rem;
 min-height:65px;
 text-transform:uppercase;
padding: 19px 20px 0 20px;
 color:#285a91;
 font-weight: 700; 
 line-height:1.2;
 page-break-before: avoid;
}
.banniere H1{
padding: 19px 20px 0 90px;
}
.H1_303{
color:#aa1733;
}
.H1_145{
color:#8bbe25;
}
.H1_146{
color:#fbd019;
}
.H1_301{
color:#f29264;
}


H3.spip,H3.gris,H3,H2.spip,H2.gris,H2{
 display:inline-block;
 font-size:1.1rem;
 padding:6px 15px 6px 15px;
 color:#285a91;
 background-color:#d2e8fc;
 text-transform:uppercase;
 margin:15px 0 5px 0;
 text-align:left;
}
H3.gris{
 background-color:#cad0d2;
  width:60%;
}
H3.titre_orga{
 background-color:transparent;
 margin-bottom:20px;
 text-align:left;
 display:block;
 color:black;
 font-size:1.8rem;
}
H4{
 font-size:1rem;
 padding:8px;
 color:black;
}
.texte{
font-size:1.2rem;
}
A,a.spip_out
{
	cursor:pointer;
	color: black;
	text-decoration: none;
	font-weight:700;
	color:#275A91;
}
A:hover
{
	text-decoration: underline;
	border-bottom: 0 none;
}

.auteur{
}

.cadre{
float:left;
z-index:500;
width: 48%;
  margin: 1%;
text-align:justify;
}

#cadre{
text-align:justify;
}

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:20px;
	border:1px solid #d9daca;
	padding:30px 20px 40px 20px;
	color:black;
	font-size:0.9rem;
	cursor:pointer;
	font-weight:normal;
}
A.lien_article:hover
{
	text-decoration:none;
	background-color:#efeee9;
}

.illustration,.illustration2{
	float:left;
	margin-right:25px;
	width:200px;
	text-align:center;
}
.illustration2{
	width:100px;
}
.illustrationh{
max-height: 120px;
overflow: hidden;
margin-bottom: 10px;
min-height: 100px;
}
.surtitre{
	color:#285a91;
	font-weight:700;
	font-size:1.1rem;
	
}
.titre{
	font-size:1.2rem;
	font-weight:700;
	
}
.soustitre{
	color:#2a5b93;
	font-size:1rem;
}
.introduction{
padding:15px 0 0 0;
}
.pagination-item{
display:inline-block;
}

A.lien_pagination
{
    display:inline-block;
	background-color:#285a91;
	color:white;
	font-size:1rem;
    padding: 6px;
	text-transform:uppercase;
	margin:5px;
	border:1px solid #285a91;
	font-weight:normal;
}
A.lien_pagination:hover
{
	text-decoration:none;
	background-color:white;
	color:black;
	border:1px solid black;
}

.titre_sommaire{
	font-size:1.6rem;
	border-bottom:1px solid black;
	margin:20px 0 20px 0;
}

A.cadre_ssrub{
	float:left;
	display:block;
	position:relative;
	width:195px;
	height:200px;
	border:1px solid #dadacb;
	margin:0 10px 15px 0;
	color:black;
	font-size:1.1rem;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}

A.cadre_art{
	float:left;
	display:block;
	position:relative;
	width:200px;
	height:400px;
	border:1px solid #dadacb;
	margin:0 5px 15px 5px;
	color:black;
	font-size:0.9rem;
	font-weight:normal;
}
A.cadre_art:hover,A.cadre_ssrub:hover{
	background-color:#efefe8;
	text-decoration:none;
}
.date{
	color:black;
	font-weight:700;
	font-size:1rem;	
}

.cadre_date{
	float:left;
	width:43px;
	height:43px;
	text-align:center;
	background-color:#5b5650;
	padding-top:15px;
	margin:2px;
	color:white;
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
}
.cadre_date:hover{

	background-color:#285a91;

}

.pastille{
width:32%;
max-width:200px;
margin:4px;
}

@


A.lien_gras{
	font-weight:700;
	font-size:1.05rem;
	color:black;
}
/* MENU SOMMAIRE */
A.lien_case{
    display:block;
	position:relative;
	background-color:#efefe8;
	color:black;
	font-size:0.9rem;
    padding: 20px 10px 15px 90px;
	margin:2px 0 2px 0;
	min-height:85px;
	font-weight:normal;
	text-align:left;
}
.rond_date{
    position:absolute;
	top:-8px;
	left:10px;
	color:white;
	font-size:1.3rem;
    padding: 8px 0 0 0;
	height:70px;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	margin:15px 0 0 0;

}
.carre_image{
    position:absolute;
	left:10px;
	height:65px;
	width:65px;
	overflow:hidden;
}

#lireaussi A{
    display:block;
	position:relative;
	background-color:#efefe8;
	color:black;
	font-size:0.9rem;
    padding: 20px 10px 15px 90px;
	margin:2px 0 2px 0;
	min-height:65px;
	background-image:url(/images/r_fleche.png );
    background-repeat:no-repeat;
    background-position:20px 8px;	
}

.titre_agenda,.titre_actu, .titre_lireaussi, .titre_publi, .titre_carto, .titre_bleue{
    display:inline-block;
	text-align:left;
	width:100%;
	background-color:#285a91;
	color:white;
	font-size:1.4rem;
    padding: 8px 0 0 50px;
	height:40px;
	text-transform:uppercase;
	margin:15px 0 0 0;
	background-image:url(/images/picto_agenda.png );
    background-repeat:no-repeat;
    background-position:10px 5px;
	 font-weight: 400; 
}
.titre_bleue{
	background-image:none;
	background-color:#01346b;
}
.titre_actu{
	background-image:url(/images/picto_actu.png );
}
.titre_lireaussi{
	background-image:url(/images/picto_lireaussi.png );
}
.titre_publi{
	background-image:url(/images/picto_publi.png );
}
.titre_carto{
	background-image:url(/images/pictos_carto.png );
}




.titre_doc{
    display:inline-block;
	background-color:#285a91;
	color:white;
	font-size:1.3rem;
    padding: 4px 15px 4px 15px;
	text-transform:uppercase;
}
.lien_doc{
    display:block;
	background-color:#efeee9;
	color:black;
	font-size:1rem;
    padding: 10px;
	font-weight:bold;
	margin-bottom:2px;
	text-transform:uppercase;
	overflow:hidden;
}
.lien_doc:hover{
    text-decoration:none;
	background-color:#d4d4cf;
}

.cadregris{
	background-color:#efefe8;
	width:100%;
	padding:20px;
	font-weight:bold;
	margin-bottom:2px;
}
/* MENU SOMMAIRE */
div.sommaire{
}

.lien_fonce{
    display:inline-block;
	width:100%;
	background-color:#01346b;
	color:white;
	font-size:1rem;
    padding: 8px;
	font-weight:bold;
	text-transform:uppercase;
}
.lien_bleue{
    display:inline-block;
	width:100%;
	background-color:#275a91;
	color:white;
	font-size:0.8rem;
    padding: 8px;
	font-weight:bold;
	text-transform:uppercase;
}
.lien_bleue:hover,.lien_gris:hover,.lien_fonce:hover{
	text-decoration:none;
}
.lien_gris{
    display:inline-block;
	width:100%;
	background-color:#efeee9;
	color:black;
	font-size:0.8rem;
    padding: 5px 5px 5px 15px;
	font-weight:bold;
}
.lien_gris:hover{
	background-color:#d2e8fd;
}

.chapo{
    display:block;
	width:100%;
	background-color:#efeee9;
	color:black;
	font-size:1rem;
    padding: 10px;
	font-weight:bold;
	margin-bottom:2px;
}


.vignette IMG{
width:250px;
height:auto;
}



/* PAGE PAYS */
.onglet_part,.onglet_col, .onglet_forum, .onglet_pub, .onglet_home{
    display:inline-block;
	text-align:left;
	background-color:#78b130;
	color:white;
	font-size:1.1rem;
	font-weight:bold;
    padding: 12px 10px 0 40px;
	height:40px;
	text-transform:uppercase;
	margin:5px 3px 0 0;
    background-repeat:no-repeat;
    background-position:8px 5px;
	background-image:url(/images/maison.png);
}
.onglet_part:hover,.onglet_col:hover, .onglet_forum:hover, .onglet_pub:hover, .onglet_home:hover{
text-decoration:none;
background-color:#acacab;
}
.onglet_part{
	background-image:url(/images/picto_partenariat.png);
}
.onglet_col{
	background-image:url(/images/picto_collectivite.png);
}
.onglet_forum{
	background-image:url(/images/picto_forum.png);
}
.onglet_pub{
	background-image:url(/images/picto_publi.png);
}
.boutonblanc{
    display:inline-block;
	text-align:left;
	background-color:white;
	color:black;
	font-size:1.1rem;
	font-weight:bold;
    padding: 6px 20px 0 20px;
	height:28px;
	text-transform:uppercase;
	margin:15px 3px 0 0;
	position:absolute;
	bottom:15px;
	left:20px;
}
.boutonplus{
    display:inline-block;
text-align: center;
float: right;
border-radius: 30px;
width: 35px;
height: 35px;
background: #01346b;
color: #FFF;
font-size: 3rem;
font-weight: 700;
padding: 0 6px 0;
text-transform: uppercase;
margin: 15px 3px 0 0;
line-height: 0.9;
}
A.boutonplus:hover{
text-decoration:none;
color:white;
}
.onglet{
	height:42px;
	width:100%;
	border-bottom:1px solid #dadacb;
	margin:30px 0 50px 0;
}
.onglet_agenda,.onglet_actu, .onglet_ressource{
    display:inline-block;
	text-align:left;
	background-color:#78b130;
	color:black;
	font-size:1.1rem;
	font-weight:bold;
    padding: 12px 20px 0 50px;
	height:37px;
	width:160px;
	text-transform:uppercase;
	margin:5px 3px 0 0;
	background-image:url(/images/picto_agenda_noir.png);
    background-repeat:no-repeat;
    background-position:8px 5px;
	overflow:hidden;
}
.onglet_agenda:hover,.onglet_actu:hover, .onglet_ressource:hover, .ongletactif{
text-decoration:none;
background-color:white;
border-top:1px solid #dadacb;
border-left:1px solid #dadacb;
border-right:1px solid #dadacb;
}
.onglet_actu{
	background-image:url(/images/picto_actu_noir.png);
}
.onglet_ressource{
	background-image:url(/images/picto_ressource_noir.png);
}
.titre_pole{
	position:absolute;
	left:100%;
	top:33px;
	background-color:red;
	color:white;
	font-size:1.8rem;
	height:40px;
	width:250px;
	padding: 6px;
	font-weight:700;
	text-align:center;
}




/* FORMULAIRE */
FIELDSET{
padding:10px;
background-color:#efefe8;
margin: 20px 0;
}
LEGEND{
 display:inline-block;
 font-size:1.1rem;
 padding:6px 15px 6px 15px;
 color:#285a91;
 background-color:#d2e8fc;
 text-transform:uppercase;
 margin:15px 0 5px 0;
 text-align:left;
 font-weight:bold;
 left:0;
}
LABEL{
font-weight:bold;
min-width:200px;
font-size:1rem;
padding:6px 10px 0 0;
text-align:left;
}
.detail{
font-size:0.6rem;
}


LI.editer, LI.editer_texte{
list-style-type:none;
}

INPUT, SELECT{
border: medium none;
color: black;
background-color: white;
margin:2px;
}
input[type="text"],input[type="password"]{
width:60%;
height:35px;	
padding: 0 0 0 8px;
font-size: 13px;
}

.selectmenu SELECT{
	 background: transparent;
	 width:110%;
	padding: 3px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
}
div.selectmenu{
	display:inline-block;
	 position:relative;
	 max-width:235px;
	 width:100%;
	min-height:10px;
	height: 33px;
	overflow: hidden;
	background: url(/images/select.png) no-repeat 100% center #f4f4f4;
	border: 1px solid #ccc;
}

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

input[type="submit"],input[type="button"], .bouton {
    display:inline-block;
	background-color:#01346b;
	color:white;
	font-size:1.1rem;
    padding: 7px 15px;
	font-weight:700;
	cursor:pointer;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	border:1px solid transparent;
}
input[type="submit"]:hover,input[type="button"]:hover, .bouton:hover {
    background-color:white;
	color:#01346b;
	border:1px solid #01346b;
	text-decoration:none;

}

input[type="image"] {
    padding:0;
	height:auto;
}
#recherche{
 width:150px;
 background-color:white;
 background-image:url(/images/loupe.png);
 background-repeat:no-repeat;
 background-position:5px center;
 text-indent:20px;
}
/* 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;
}

.padding0{
padding:0;
}


#colorbox, #colorbox * {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 }
#colorbox img { height: inherit; }


.show_800{
	display:none;
}

#btmenu{
display:none;
position: absolute;
right: 32%;
top: 0;
height: 76px;
background: #214083;
width: 150px;
text-align: center;
padding: 14px 0 0 0;
}
.btmenuopacite{
opacity:0.5;
}

#formuaire_home{
margin:5px 0 30px 0;
}
#formuaire_home p{
font-weight:bold;
font-size:1.3rem;
display:inline;
}
#formuaire_home input{
border:2px solid black;
height: 33px;
background:white;
color:black;
}
/* max-width pour  résolutions en dessous de 820*/
@media screen and (max-width: 930px) {

	#container, #container_colonne, #zone{
		clear:both;
		width:100%;
	}
	#zone{
	padding:10px;
	}

	.show_800{
			display:block;
		}
	.hidden_800{
			display:none;
		}
#btmenu{display:block;
}
.outils {
    width: 31%;
	}
	NAV{
	padding:98px 0 0 62px;
	border-top: 6px solid white;
	}
	NAV li{
	width:100%;
	display:none;
	}
NAV LI UL {
    position: relative;
    padding: 0;
    top: 0;
    z-index: 3;
    width: 100%;
}	
	#bandeau_titre{
	padding:9px;
	font-size:18px;
	}
}

@media screen and (max-width: 750px) {
	#actu_home,#actu_collec{
	float:none;
	margin:0;
	width:98%;
	}

}
/* max-width pour  résolutions moins de 500*/
@media screen and (max-width: 500px) {
	NAV{
	padding:90px 0 0 0;
	border-top: 6px solid white;
	}	

	.bandeau_haut2{
	display:none;
	}

	#logo{
width: 86px;
top: -7px;
	}
	#btmenu{
right: 53%;
width: 65px;
}
.outils {
    width: 51%;
	}
	#bandeau_titre{
	padding:4px;
	font-size:1rem;
	}	
	
	H1{
	font-size:1.5rem;
	padding:15px 0 0 75px;
	}
	#cadre_forum {
	position:relative;
	top:40px;
	}
	FOOTER A {
	display:block;
	margin:0;
	}
	FOOTER  {
	height:auto;
	margin:0;
	}	
#formuaire_home input[type=text]{
width:37%
}	
}
/* max-width pour faibles résolutions */
@media screen and (max-width: 400px) {
 .slide{width:100%;
 }
	 .hide_400 {
	   display: none !important;
	 }

	.illustration,illustration2{
	float:none;
	width:100%;
	margin:0 0 5px 0;
	max-height:200px;
	overflow:hidden;
	}
.illustrationh{
max-height: 280px;
margin-bottom: 10px;
height: auto;
}	
	A.cadre_art,A.cadre_ssrub{
	float:none;
	width:100%;
	font-weight:700;
	height:auto;
	padding-bottom:10px;
	}
	.pastille{
	width:90%;
	max-width:400px;
	margin:5px;
	}	
}

@media print {
@page{
  margin: 1cm;
}

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