@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,600&display=swap');

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

BODY{
	position:relative;
	width: 100%;
	padding: 0;	
	font-size: 1em;	
	color:black;
	background:#eeeeee;
	line-height:1.4;
	font-family: 'Montserrat', sans-serif;
	}

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



p, td{line-height:1.4;
}
.print{
	display:none;
	}	
@media print { 
	.print
	{
		display: block;
	}

	.noprint
	{
		display: none;
	}
}
.nettoyeur{
clear:both;
padding:0 !important;
}

HEADER{
	position:relative;
	width:100%;
	padding:0;
	height: 177px;
	border-bottom:8px solid #13ad87;
	z-index:1000;
	background:#eeeeee;
}
HEADER>div{
max-width: 1620px;
  position: relative;
  margin: 0 auto;
}

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

#container
{
	position:relative;
	width:100%;
	max-width:1300px;
	margin:0 auto;
	background:white;
}

#zone
{
	position:relative;
	float:left;
	width:65%;
	padding:15px 40px 15px 40px;
}


#container_colonne
{
	position:relative;
	float:left;
	width:35%;
	padding:30px 5%;
	background:#eeeeee;
}

#filariane
{
	width: 100%;
	text-align:left;
	padding:0 0 15px 0;
}
A.arianne
{
	font-size: 0.8rem;
	color: #656565;
	text-decoration:none;
  font-weight:normal;
}

FOOTER
{
	width:100%;
	background:#464646;
	color:white;
}

FOOTER H3
{
	color:white;
	font-size: 1.2rem;
	text-transform:uppercase;
}

FOOTER A
{
color: white;
text-decoration: none;
}
A.lienpieds{
display:block;
color:white;
font-size:1.2rem;
}
A.lienpieds:before{
content:">";
padding-right:10px;
color:#13ac86;
font-size:1.3rem;
font-weight:bold;
}
A.lienpieds:hover{
text-decoration:none;
color:#13ac86;
}


/* MENU*/
#logo_site{
	display:block;
	width:100%;
	max-width:175px;
	text-align:center;
	float:left;
	margin:10px 30px 20px 30px;
	padding-right:25px;
	border-right:2px solid #20b18d;
	transition:none;
}
#cookieChoiceInfo{
top:auto !important;
bottom:0 !important;
padding:15px !important;
background: #6bcdb2 !important;
color: white !important;
}

NAV{
position: absolute;
right: 0;
z-index: 1000;
text-align: right;
padding: 80px 160px 0 0;
}

NAV LI{
	display:inline-block;
	position:relative;
	margin:0;
	}
	
NAV LI A{	
	display:inline-block;
	padding: 6px 13px;
	font-weight:600;
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
	color:#444444;
	z-index: 25;
}
	
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;
	background:#F0F0F0;
	color:#13ad87;
}
.menu_niveau1_actif{
background:#F0F0F0;
	color:#13ad87;
}
NAV LI UL{	
	display:none;
	top:35px;
	left:-30px;
	position:absolute;
	width:330px;
z-index: 20;
	text-align:left;
	background:#13ad87;
}

NAV LI UL LI{	
	margin:0;
	float:none;
	display:block;
}
NAV LI UL LI A{	
	display:inline-block;
	border:0 none;
padding: 6px 1px;
	font-size:1rem;
	text-align:left;
	color:white;
	background:#13ad87;
}
NAV LI UL LI A:hover{
	color:white;
	background:#13ad87;
}

.HEADER_reduit{
position:fixed;
height: 80px;
top:-80px;
}

#logo_site.logo_site_reduit{
width:88px;
margin: 3px 30px 20px 30px;
}

.NAV_reduit{
padding:35px;
}

.bouton_don{
position: absolute;
  right: 20px;
  top: 25px;
  width: 120px;
  background: white;
  border: 2px solid #13ad87;
  border-radius: 6px;
  overflow: hidden;
  color: #13ad87;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8rem;
  text-align: center;
  padding: 0 5px 10px 5px;
}


#bandeauhaut{
position:absolute;
top:0;
right:160px;
z-index: 1001;
}

#bandeauhaut A{
color:#13ad87;
}

#btmenu{
display:none;
position:absolute;
  right: 158px;
  top: 25px;
  z-index: 1010;
  width: 90px;
}
#formrecherche {
position: relative;
top: -5px;
}
#formrecherche.formrecherche_reduit {
position: relative;
top: -7px;
}
#formrecherche INPUT[type=text]{
width:200px;
height:40px;
margin:0 0 0 20px;
border:0 none;
position: relative;
top: -4px;
border-radius:0;
}
#formrecherche INPUT[type=submit]{
width:50px;
height:40px;
background:url(/squelettes/images/loupe.png) no-repeat center center #13ad87;
border:0 none;
position: relative;
top: -4px;
left:-5px;
border-radius:0;
}
/* HOME PAGE */
#bloc_home{
position:relative;
overflow:hidden;
padding:5% 10%;
min-height:400px;
}

#bloc_home .fond{
position:absolute;
min-height:100%;
min-width:100%;
left:50%;
margin-left:-50%;
top:0;
filter : blur(5px);
width:100%;
}
.bloc1,.bloc2,.bloc3,.bloc4,.bloc5,.bloc6{
display:inline-block;
z-index:10;
position: relative;
width:40%;
text-align:center;
background:#169c7b;
color:white;
font-weight:normal;
font-size:1.3rem;
text-transform:uppercase;
overflow:hidden;
line-height:1;
}
.bloc1,.bloc5{
display:block;
}
.bloc1,.bloc6{
left:40%;
}
.bloc4,.bloc6{
width:20%;
}
.bloc5,.bloc6{
float: left;
top:-6px;
}
.bloc2{
background:#13ad87;
}
.bloc3{
background:#eeeeee;
color:#13ad87;
}
.bloc5{
background:#6bcdb2;
}

.bloc1 img,.bloc2 img{
float:right;
width:50%;
}
.bloc3 img,.bloc5 img{
float:left;
width:50%;
}
.bloc4 img,.bloc6 img{
width:100%;
}
img.icone{
margin:25px 0 0 0;
max-width:110px;
width:35%;
float:none;
}
.bluesky{
position: relative;
  top: 18px;
}
.icon-bluesky{
background: white url(/images/bluesky.png) no-repeat center center !important;
background-size: 73% !important;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 60px;
  position: relative;
  top: -5px;
  left: -6px;
}
A.lien_bloc{
display:block;
color:#13ad87;
text-transform:uppercase;
text-align:center;
font-weight:600;
padding:50px 0 0 0;
}
/* PAGE GENERAL*/
H1{
	font-size:1.9rem;
	text-transform:uppercase;
	font-weight:normal;
	color:#656565;
	margin:20px 0 20px 0;
	page-break-before: avoid;
	font-family: 'Montserrat', sans-serif;
}
H2{
text-transform:uppercase;
text-align:center !important;
color:#656565;
font-size:1.8rem;
font-weight:600;
line-height:1.1;
font-family: 'Montserrat', sans-serif;
}
.trait{
width:300px;
background:white;
height:1px;
margin:0 auto 30px auto;
}
.trait::after{
content:"";
width:80px;
background:inherit;
height:3px;
margin:0 auto;
display:block;
position:relative;
top:-1px;}

H2.souligne,H2.souligneright{
text-indent:60px;
border-bottom:4px solid #2c59a6;
display:inline-block;
padding:0 0 8px 0;
margin:25px 0;
}

H2.souligneright{
text-indent:0px;
display:block;
padding:0 0px 8px 0;
}
H2.soustitre{
position:relative;
top:-15px;
margin:0;
padding:0;
color:#2b59a6;
font-size:1.3rem;
text-transform:none;
}
H3,H3.spip{
	color:#13ad87;
	font-size:1.4rem;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}
H4{
	color:#2b59a6;
	font-size:1.4rem;
	text-decoration:none;
}
.titre_bloc{
	display:inline-block;
	font-size:1.9rem;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:4px solid black;
	margin:25px 0;
	line-height: 0.9;
}
.titre_doc{
font-weight:bold;
}
.surtitre{
	color:#e04c50;
	font-size:1rem;
	font-weight:bold;
}
.titre{
color:#13ad87;
font-size:1.3rem;
text-transform:uppercase;
}

A.bloc_liens1,A.bloc_liens2{
display:block;
text-transform:uppercase;
font-size:1.3rem;
color:white;
padding:15px 0 15px 70px;
background:url(/images/puce.png) no-repeat 20px center #13ad87;
}
A.bloc_liens2{
background:url(/images/puce.png) no-repeat 20px center #6bceb2;
}

A.bloc_liens1:hover,A.bloc_liens2:hover{
text-decoration:none;
color:white;
padding:15px 0 15px 80px;
background-position:30px center;
}
.accordeon{
background:white;
padding:20px 30px;
}
A.lien_bloc3{
display:block;
color:#5c5c5c;
font-size:1.2rem;
padding:5px 0 5px 40px;
background:url(/images/pucenoire.png) no-repeat 10px center;
}
.bloc_final{
padding:15px 0 10px 20px;
}
.liresuite{
color:#13ad87;
float:right;
cursor:pointer;
}
.titrebleu, .ptitrebleu{
display:block;
background:#0399d8;
color:white;
font-size:1.2rem;
padding:10px;
margin:5px 0;
}
.titrebleu{
text-transform:uppercase;
}

.logoauteur{
float:left;
margin:0 15px 0 0;
position:relative;
top:-5px;
left:-5px;
}

.ptitre{
	font-size:1rem;
	font-weight:bold;
}
.soustitre{
	color:#2b59a6;
	font-size:1rem;
	font-weight:bold;
}

.introduction{
	padding:15px 0 25px 0 !important;
	color:#484848;
}
.tag1, .tag2{
	display:inline-block;
	color:white;
	background:#13ad87;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	margin:1px 1px 5px 1px;	
	padding:3px 5px;
	font-size:0.6rem;
	text-transform:uppercase;
}
.tag2{
background:#3492b9;
}
div.cadredate{
    float:left;
	width:250px;
	height:250px;
	background: #13ad87;
	color:white;
	font-size:1.5rem;
    padding:50px 6px !important;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	margin:0 25px 0 0;
}
.bt{
	display:inline-block;
	text-align:center;
	color:white;
	width:35px;
	height:35px;
	margin-right:2px;
	font-size:1.4rem;
	padding-top:6px;
}
.partage A{
display:inline-block;
margin:5px;
}
.chapo{
	font-size:1.2rem;
	font-weight:bold;
	margin:30px 0;
}
.texte{

	}
A{
	color: #9cb138;
	text-decoration: none;
	cursor:pointer;
	transition: all 0.5s ease-out;
}
A:hover
{
	text-decoration: underline;
	color:gray;
}
A.lien_doc{
	display:block;
	margin:3px 0;
	padding:15px;
	text-decoration: none;
	background:#f2f2f2;
	color:black;
	font-size:1.4rem;
}
A.lien_doc:hover
{
	text-decoration: none;
	background:#e0dede;
}
.sep{
display:none;
}
.lien_pagination, .on{
	display:inline-block;
	color: black;
	text-decoration: none;
	border:1px solid #d5d5d4;
	padding:13px;
	margin:0;
}
.pagination-item{
display:inline-block;
}

A.lienrond{
display:inline-block;
width:50px;
height:50px;
border-radius:25px;
background:white;
color:#13ac86;
font-size:30px;
margin: 10px;
padding: 5px;
text-align: center;
}
A.lienrond:hover{
text-decoration:none;
color:#464646;
}
A.lien_blanc
{
color:white;
}

/*  SLIDER */
.slider{
height:400px;
position:relative;
overflow:hidden;
}
A.lien_slide
{
display:block;
position:relative;
color:white;
height:100%;
}

A.lien_slide div:nth-child(1)
{
position:relative;
width:50%;
height:100%;
float:left;
overflow:hidden;
}
A.lien_slide div:nth-child(1) IMG
{
position:absolute;
max-width:none;
height:100%;
}
A.lien_slide div:nth-child(2)
{
width:50%;
height:100%;
float:left;
background:#2c59a6;
padding:50px 30px;
text-align:justify;
}
A.lien_slide div:nth-child(2) p{
max-height:130px;
overflow:auto;
margin-bottom:4%;
}
.titre_slide{
color:white;
}
.suite{
	position: relative;
	top: -30px;
	margin: 0px auto;
	width: 100%;
	z-index: 10;
left: 53%;
}

.suite A{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	background:#0399d8;
	margin:2px;
}

	
/*  PAGE */

.bouton,.pbouton, .bouton_noir{
    display:inline-block;
	background: #13ad87;
	border:1px solid #13ad87;
	color:white;
	font-size:1rem;
    padding:8px 15px;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	margin:5px;
}
.bouton_noir{
    display:inline-block;
	background: black;
	border:1px solid black;
	color:white;
	}
.bouton:hover,.pbouton:hover{
    background: white;
	color:#13ad87;
	text-decoration:none;
}
.pbouton{
	font-size:0.8rem;
    padding:0 6px 3px 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	}

A.lien_rubrique, A.lien_article2, .lien_rubrique
{
	display:block;
background:#eeeeee;
text-align:center;
padding:30px 10px;
color:#13ad87;
font-size:1.3rem;
text-transform:uppercase;
margin:10px 0;
min-height:170px;
}
A.lien_rubrique:hover, .lien_rubrique:hover{
text-decoration:none;
background:#e1e1e1;
}
sommaire
A.lien_article2
{background:#e4ebf5;
padding:10px;
}
.sommaire{
text-align:left;
}
.sommaire A{
display:block;
text-transform:none;
	padding:0;
	font-size: 1rem;
	text-decoration: none;
	font-weight: normal;
	color:black;
}

A.lien_article
{
	display:block;
	position:relative;
	padding:0;
	margin:20px 0;
	font-size: 1rem;
	text-decoration: none;
	font-weight: normal;
	background:white;
	overflow:hidden;
	color:black;
}
A.lien_article:hover
{
	text-decoration:none;
}
A.lien_article IMG
{
border-bottom:10px solid #6bcdb2;
}
A.lien_article div
{
padding:15px 20px;
}
.liensuite
{
text-align:right;
color:#6bcdb2;
font-weight:bold;
font-size:0.9rem;
}
.coin
{
position:absolute;
right:-20px;
bottom:-20px;
transform:rotate(-45deg);
width:40px;
height:40px;
background:#6bcdb2;
font-weight:bold;
font-size:0.9rem;
}
.illustration{
	float:left;
	margin-right:20px;
	width:170px;
	text-align:center;
	height:140px;
	overflow:hidden;
	float:left;	
}

.illustrationv{
	width:25%;
	border:4px solid #2c59a6;
	float:left;
	overflow:hidden;
	margin-right:15px;
}
.illustrationh{
	width:100%;
	text-align:center;
	height:180px;
	overflow:hidden;
}
A.lien_bouton{
display:block;
width:100%;
text-align:center;
text-transform:uppercase;
margin:25px 0;
color:white;
font-size:1.7rem;
font-weight:bold;
} 
.logo_partenaire{
margin:0 15px;
}
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;
}

A.bt_menu{
	display:inline-block;
	background-color:#08709c;
	color:white;
	padding:3px 6px;
	font-size:0.8rem;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	margin:1px;
	text-align:center;
	border:1px solid transparent;
}
A.bt_menu:hover{
	border:1px solid #08709c;
	color:#08709c;
	background-color:white;
	text-decoration:none;
}
.cs_blocs{
	margin:15px 0 35px 0 !important;
}

.blocs_titre{
	display:block;
	position:relative;
background:url(/images/puce.png) no-repeat 10px center #13ad87;	
	color:white;
	text-align:left;
	padding: 16px 2% 16px 50px;
	margin: 5px 0;
	font-size:1.2rem;
}
.blocs_titre A{
	color:white;
}
.blocs_titre:hover{
	background:#6bceb2;
}

.blocs_titre A:hover{
	text-decoration:none;
}
.blocs_destination{
	display:block;
	padding:10px;
	border:1px solid #F0F0F0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}	

.lien_formation{
display:block;
margin:6px 0;
color:#656565;
font-size:1.2rem;
text-transform:uppercase;
}





/* FORMULAIRE */
.editer{
position:relative;
}

LEGEND{
font-weight:bold;
font-size:20px;
position: relative;
top: -16px;
}
FIELDSET{
	background:#F0F0F0;
	padding:0 20px 20px 20px;
	margin:70px 0 20px 0;
	width:100%;
	text-align: left !important;
}

span.obligatoire{
font-size:18px;
font-weight:bold;
color:red;
}

LABEL{
font-weight:bold;
margin:16px 0 3px 0;
line-height: 1;
}

.reponse_ok, .reponse_formulaire_ok{
	padding:3px;
	margin:50px 3px 20px 3px;
	background:#d1fcd1;
	color:#01b801;
	border:1px solid #01b801;
	border-left:4px solid #01b801;
	font-weight:bold;
}
.erreur{
	display:block;
	padding:3px;
	margin:3px 3px 10px 3px;
	font-size:0.8rem;
	background:#fdd4d4;
	color:#fa1717;
	border:1px solid #fa1717;
	border-left:4px solid #fa1717;
}


LABEL{
display:block;
font-weight:bold;
}

INPUT, SELECT{
	border: 1px solid #C0C0C0;
	color: black;
	background-color: white;
	height: 39px;
	padding: 0 0 0 8px;
	font-size: 15px;
	margin:2px;
width:90%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
input[type="radio"],input[type="checkbox"]{
width:auto;
}
.selectmenu SELECT{
	 background: transparent;
	width: 120%;
	padding: 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 37px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
}
div.selectmenu{
	display:inline-block;
	position:relative;
	margin:4px;
	padding:0;
	width: 300px;
	max-width:100%;
	height: 37px;
	overflow: hidden;
	background: url(/squelettes/images/fleche_select.png) no-repeat 100% center #f7f7f7;
	border:1px solid #dadada;
}

TEXTAREA{
border: 1px solid #C0C0C0;
color: black;
padding: 8px;
font-size: 13px;
margin:2px;
width:90%;
height:200px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="submit"],input[type="button"], .bouton3{
    position:relative;
	display:inline-block;
	background: #13ad87;
	color:white;
	font-size:1.2rem;
    padding: 7px 15px;
	margin:5px;
	font-weight:normal;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.decale{
	top:-19px;
	}
input[type="image"] {
    padding:0;
	height:auto;
}


.choix:before
{
clear:both;
}
.choix LABEL
{
min-width:30px;
float:none;
display: inline;
font-weight: normal;
padding: 8px 0 3px 7px;
text-align:left;
line-height:1;
}
.choix_alternatif {
padding:10px 0 10px 10px;
column-span: all;
}
.choix_alternatif INPUT{
width:150px;
height:20px;
}
.choix_alternatif LABEL
{
min-width:30px;
float:left;
display:block;
font-weight:bold;
margin:-3px 10px 3px 0;
}
.explication{
background:#F0F0F0;
margin:10px;
padding:5px;
font-size:0.9rem;
}



.deuxcolonnes .explication{
top: 0px;
}
.deuxcolonnes{
column-count: 2;
}
.troiscolonnes{
column-count: 3;
}
.deuxcolonnes label:first-child,.troiscolonnes label:first-child{
column-span: all;
display:block;
}



/* 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 screen and (max-width: 1250px) {
NAV LI A {
  padding: 6px 9px;
  }
  #logo_site {
  max-width: 135px;
  }
  NAV {
  padding: 60px 160px 0 0;
  }
  .bouton_don {
  position: absolute;
  right: 20px;
  top: 10px;
  }
  HEADER {
  height: 139px;
  }
}


@media screen and (max-width: 1150px) {
	NAV{
	height:auto;
	display:none;
	position: absolute;
    padding: 0;
    top: 140px;
    left: 0;
    background: #13ad87;
	padding: 100px 30px 10px 30px;
	  }
	NAV LI{
	position:relative;
	display:block;
	}
	NAV LI A{
	width:100%;
	border-bottom:1px solid #2c59a6;
	padding: 8px ;
	}
	NAV LI UL{	
	position:relative;
	padding: 10px 0 20px 70px;
    top: 0;
    display: block !important;
	}	
	NAV LI UL LI A{	
	width:100%;
	}	
	#btmenu{
	display:inline-block;
	}
	#outils{
	display:none;
	top:13px;
	}
	#bandeauhaut {
	height:auto;
	display:none;
	position:relative;
	top: 150px;
  right: 0;
  position: absolute;
  background: #eee;
  width: 100%;
  text-align: right;
  padding: 20px 20px 0 20px;
	}
	#bandeauhaut A{
	display:inline-block;
	}
}


@media screen and (max-width: 1000px) {
	nav{
	padding: 80px 0px 0 0;:
	}
	NAV LI A {
		padding: 6px 5px;
		}
	.bloc1, .bloc2, .bloc3, .bloc4, .bloc5, .bloc6 {
	  font-size:1.1rem;
	}	
	img.icone {
		margin: 5px 0 0 0;
		}
}
/* max-width pour faibles résolutions */
@media screen and (max-width: 800px) {
	header{height:auto;
	background:#eeeeee;
	}
	.HEADER_reduit{
	position:relative;
	height:auto;
	top:0;
	}
	#container, #zone,#container_colonne{
		position:relative;
		clear:both;
		float:none;
		width:100%;
		max-width:100%;	
		padding:0;
		margin:0;
	}
	#container{
	padding:10px;
	}
	.hidde750{
	display:none;
	}

	.slider {
		height: auto;
	}
	A.lien_slide div:nth-child(1)
	{
	position:relative;
	width:100%;
	height:auto;
	}
	A.lien_slide div:nth-child(1) IMG
	{
	position:relative;
	max-width:100%;
	width:100%;
	height:auto;
	}
	A.lien_slide div:nth-child(2)
	{
	position:relative;
	width:100%;
	height:auto;
	padding: 10% 4%;
	}	
	A.lien_slide div:nth-child(2) p{
	max-height:none;
	}
	H1 {
	font-size: 1.8rem;
	}
	H2.souligne, H2.souligneright {
		text-indent: 0px;
		}
	#carte div.textecarte {
	position: relative;
	background:#eeeeee;
	}
	#carte div {
		width: 100%;
		}
		
	.bloc1, .bloc2, .bloc3, .bloc4, .bloc5, .bloc6 {
		position: relative;
		width: 100%;
		left:0;
		margin:5px 0;
		font-size:1.1rem;
	}	
	img.icone {
		width:22%;
		}	
}

@media (max-width: 480px) {
 header {
    height: 100px;
	}
  #logo_site {
    max-width: 105px;
  }
	.bouton_don img{
	width: 50px;  
	}
	#btmenu {
  top: 21px;
  width: 60px;
	}
	#formrecherche INPUT[type="text"] {
	width: 160px;
	}
	.logo {
		max-width: 78px;
		margin: 42px 17px 20px 2px;
	}
	.titre_site {
		top: 36px;
		left: 88px;
	font-size: 1rem;
	width: 275px;
	}
	.slogan {
		left: 88px;
		top: 83px;
	font-size: 0.7rem;
	}
	.illustration{
		float:none;
		width:100%;
		margin:0 0 5px 0;
		max-height:200px;
		overflow:hidden;
	}
	#div_recherche {
		right: 0;
		height: auto;	
	}
	.decale{
	top:0;
	}
A.lien_rubrique::before {
    left: -25px;	
	}
A.lien_rubrique div{
font-size: 1.1rem;
}	
	
}

@media print {
	#container_colonne, header, footer, .noprint, .pagination,#spip-admin{
	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;
}
.spip-admin-bloc, .spip-admin-float {
z-index: 1100 !important;
}