@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face {
    font-family: 'din_condensedbold';
    src: url('/css/fonts/dincondensed-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/dincondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinblack';
    src: url('/css/fonts/din_black_regular-webfont.woff2') format('woff2'),
         url('/css/fonts/din_black_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.spip-admin-bloc, .spip-admin-float {
    z-index: 2000 !important;
}
HTML {
  height: 100%;
  width: 100%;
  font-size: 120%;
  margin: 0;
  padding: 0;	
}

BODY{
	position:relative;
	width: 100%;
	padding: 0;	
	color:black;
	background:white;
	line-height:1.2;
	font-family: 'Open Sans', sans-serif;
	    overflow: hidden auto;
	}
*{
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 -o-hyphens: none;
 hyphens: none;}
 
:root .grid > * > * {
	font-size:1rem;
	}

td, p, li{
line-height:1.4;
font-size:0.85rem;
}
.print{
	display:none;
	}	
@media print { 
	.print
	{
		display: block;
	}

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

HEADER{
position: relative;
width: 100%;
min-height:90px;
padding: 0;
background: white;
}
.barremenu{
position: fixed;
width: 100%;    min-height: 90px;
padding: 0;
background: white;
z-index: 1000;
top: 0;-moz-box-shadow: 0px 0px 5px 0px #a2a2a2;
-webkit-box-shadow: 0px 0px 5px 0px #a2a2a2;
-o-box-shadow: 0px 0px 5px 0px #a2a2a2;
box-shadow: 0px 0px 5px 0px #a2a2a2;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#a2a2a2, Direction=NaN, Strength=5);
}
.principale{
overflow: hidden;
max-width: 1950px;
  margin: 0 auto;
}

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

.pcentrer{
	position:relative;
	width:100%;
	max-width:800px;
	margin:0 auto 0 auto;
	padding:0 10px;
}

section{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:70px auto;
padding: 50px 70px;
	background:white;
}

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

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


#container_colonne
{
	position:relative;
	float:left;
	width:30%;
	padding:102px 0px 0 20px;
}

#filariane
{
width: 100%;
padding:0 0 15px 0;
text-align:left;
position: relative;	
line-height:0.7;
height: 22px;
    overflow: hidden;
}
A.arianne
{
font-size: 0.6rem;
color: white;
text-decoration:none !important;
 font-weight:normal;
}
.clair A.arianne
{
color: gray;
}
A.arianne:hover
{
color: #D0D0D0;
text-decoration:none;
font-weight:bold;
}

FOOTER
{
	width:100%;
	color:#28313b;
	padding:0px 0 70px 0;
	line-height:1.4;
	overflow:hidden;
	background: white;
}

FOOTER A
{
	font-size: 0.8rem;
	color: black;
	text-decoration: none;
}
.lienmenufooter{
display:block;
}

/* MENU*/
.logo{
display:block;
position:absolute;
top: -40px;
color:#f6eb15;
font-size:2rem;
width:100%;
max-width:230px;
text-align:center;
margin: 20px 30px 0px 0px;
z-index:500;
}
.slogan{
	color:white;
	font-size:1rem;
	line-height:1.3;	
	display:inline-block;
}
.slogan_home{
color: #2b2b2c;
font-size: 1.6rem;
text-transform: uppercase;
text-align: center;
position: relative;
top: -71px;
background:#f4f6f8;
padding: 30px 0 0 0;
}
NAV{
position:relative;
padding: 0 0 0px 0px;
z-index:1000;
text-align: right;	
margin-left: 232px;
font-family: 'din_condensedbold';
}
NAV LI{
	display:inline-block;
	position:relative;
	margin:0;
	}
	
NAV LI A{	
display:inline-block;
padding:10px 30px 10px 0px;
font-size:1.5rem;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color: #525252;
}
	
A.lien_menu{	
	display:block;
	margin:1px;
	padding:3px 15px 3px 0;
	font-weight:normal;
	font-size:1.1rem;
	text-decoration:none;
	color:white;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
A.lien_menu:hover, .lien_menuactif{	
background:url(/images/lienbouton.png) no-repeat left center;
padding:3px 15px 3px 30px;
text-decoration:none;
color:white;
}
NAV LI A:hover{
	text-decoration:none;
	color:#dd202d;
}
.rubriqueon{
color:#e04042;
}
#sousmenu{
position:absolute;
z-index:900;
background:#e04042;
padding:30px 0 0 0;
margin:5px 0 0 0;
width: 100%;
}
/* url(/images/diag_rouge.png) no-repeat right top 
*/
.menu_niveau1_actif{
color:#e04042;
}
#btmenu{
display:none;
}
#div_recherche{
	position:absolute;
	top:0;
	right:60px;
	height:140px;
	width:0;
	background:#f2f2f2;
	overflow:hidden;
}
/* PAGE GENERAL*/
A.lienlangue{
color:#34404b;
text-transform: uppercase;
}

.finarticle{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(4,130,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(4,130,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(4,130,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0482c1',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
.finarticle_gris{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #F0F0F0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#F0F0F0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#F0F0F0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
.finarticle_bleu,.finarticle_126{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #0482C1  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#0482C1  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#0482C1  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0482C1 ',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
.bmot0 .finarticle, .finarticle_0{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #fd6a37 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#fd6a37 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#fd6a37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fd6a37',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
.bmot128 .finarticle, .finarticle_128, .bmot285 .finarticle, .finarticle_285{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #e5357b  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#e5357b  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#e5357b  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e5357b ',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
.bmot127 .finarticle,.finarticle_127{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #298728  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#298728  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#298728  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#298728 ',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}
 
.bmot129 .finarticle,.finarticle_129{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #fdc838  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#fdc838  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#fdc838  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fdc838 ',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
height:60px;
width:100%;
left:0;
}

.diagdeb{
background:#f3f9fe;
padding:10px 0 50px 0;
color:white;
}
.diagbleu{
background:#3089c3;
padding:0px 0 0 0;
color:white;
position:relative;
margin:0 0 100px 0;

}
.deb_diagbleu{
transform-origin: top left;
height:150px;
transform:rotate(-4deg);
background:#3089c3;
top:0;
position:absolute;
width:120%;
left:-10%;
}
.fin_diagbleu{
transform-origin: top right;
height:170px;
transform:rotate(-4deg);
background:#3089c3;
bottom:-20px;
position:absolute;
width:120%;
left:-10%;
}


.diagrose{
background:#da0076;
padding:0px 0 0 0;
color:white;
position:relative;
margin:130px 0 100px 0;

}
.deb_diagrose{
transform-origin: top left;
height:150px;
transform:rotate(-4deg);
background:#da0076;
top:0;
position:absolute;
width:120%;
left:-10%;
}
.fin_diagrose{
transform-origin: top right;
height:170px;
transform:rotate(-4deg);
background:#da0076;
bottom:-20px;
position:absolute;
width:120%;
left:-10%;
}



.diagvert{
background:#44a22b;
padding:0px 0 0 0;
color:white;
position:relative;
margin:130px 0 100px 0;

}
.deb_diagvert{
transform-origin: top left;
height:150px;
transform:rotate(-4deg);
background:#44a22b;
top:0;
position:absolute;
width:120%;
left:-10%;
}
.fin_diagvert{
transform-origin: top right;
height:170px;
transform:rotate(-4deg);
background:#44a22b;
bottom:-20px;
position:absolute;
width:120%;
left:-10%;
}


.diaggris{
background:#c9bab1;
padding: 55px 0;
color: #FFF;
position: relative;
margin: 0;
}
.deb_diaggris{
transform-origin: top left;
height:150px;
transform:rotate(-4deg);
background:#c9bab1;
top:0;
position:absolute;
width:120%;
left:-10%;
}
.fin_diaggris{
transform-origin: top right;
height:170px;
transform:rotate(-4deg);
background:#c9bab1;
bottom:-20px;
position:absolute;
width:120%;
left:-10%;
}

.diagblanc{
background: white;
padding:10px 0 0 0;
}
.diagblanc2{
background:white;
padding:00;
}
.diagblanc3{
background:white;
padding:00;
}
.diagblanc4{
background:white;
padding:00;
}
.diagblanc .grostitre, .diagblanc2 .grostitre , .diagblanc3 .grostitre , .diagblanc4 .grostitre {
color:#7e7e7e;
border-color:#7e7e7e;
} 

.grisclair{
background:#f3f3f3;
padding:0px 0 0 0;
color:white;
position:relative;
margin: 84px 0 0 0;
}
.deb_grisclair{
transform-origin: top left;
height:150px;
transform:rotate(-4deg);
background:#f3f3f3;
top:0;
position:absolute;
width:120%;
left:-10%;
}
.fin_grisclair{
transform-origin: top right;
height:170px;
transform:rotate(-4deg);
background:#f3f3f3;
bottom:-20px;
position:absolute;
width:120%;
left:-10%;
}





.lienbouton, .lienboutongris{
display:block;
position:absolute;
bottom: -90px;
margin:15px 0;
background:url(/images/lienbouton.png) no-repeat left center;
color: white;
padding: 10px 0 10px 40px;
font-size: 1.7rem;
text-transform: uppercase;
text-decoration:none;
font-family: 'din_condensedbold';
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;	
}
.lienboutongris{
color: #7f7f7f;
background:url(/images/lienboutongris.png) no-repeat left center;
}
.lienboutongris:hover{
color: #5d5d5d;
background:url(/images/lienboutongris.png) no-repeat 15px center;
text-decoration:none;
}
.lienbouton:hover{
color: #e3e0e0;
background:url(/images/lienbouton.png) no-repeat 15px center;
text-decoration:none;
}

.tablehome td{
text-align:center;
font-size:2rem;
color:#931132;
border:0 none;
line-height: 0.6;
padding:0;
display:inline-block !important
}

.tablehome td span{
font-size:0.7rem;
}

#outils{
text-align:right;
font-size:1.1rem;
    z-index: 10;
}

#outils A, .clair #outils A{
color:#7e7e7e;
text-decoration:none;
}
.fonce #outils A{
color:white;
text-decoration:none;
}
H1{
padding:0 0 0 20px ;
margin:10px 0 0 0;
font-size:2.4rem ;
line-height: 1;
font-weight:normal ;
text-transform:uppercase;
color:#39393b;
border-left:8px solid #39393b;
font-family: 'din_condensedbold' ;
hyphens: none;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 -o-hyphens: none;
 page-break-before: avoid;
}

.fonce H1{
color:white;
border-left:8px solid white;
}
.detailarticle{
padding:10px 0 0 20px;
position:relative;
top:-15px;
color:#39393b;
border-left:8px solid #39393b;
font-size:0.8rem;
}
.fonce  .detailarticle{
color:white;
border-left:8px solid white;
}
.grostitre{
padding:0 20px 0 0;
margin:0 20px 40px 35%;
font-size:2.4rem;
line-height: 1;
font-weight:normal;
text-transform:uppercase;
color:white;
border-right:8px solid white;
border-left:0 none;
text-align:right;
font-family: 'din_condensedbold';
hyphens: none;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 -o-hyphens: none;
}
H2{
font-size: 1.6rem;
text-transform:uppercase;
margin: 10px 0;
font-family: 'din_condensedbold';
}
H4{
margin: 10px 0 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 1.4rem;
text-transform:uppercase;
}

H3,H3.spip{
	font-size:1.3rem;
	text-decoration:none;
letter-spacing: 1px;	
text-align:left;
}

sH1 span,sH4 span,.sH4red span, sH3 span,sH3.spip span{
display:inline-block;
padding:0 20px;
background:#f4f6f8;
max-width:90%;
}
.sH4red{
font-size:1.4rem;
text-align:center;
color:#dd1f2d;
text-transform:uppercase;
margin:0;
}

.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;
}
.surtitre{
	color:#e04c50;
	font-size:1rem;
	font-weight:bold;
}
.titre{
	font-size:1.1rem;
	font-weight:normal;
	text-transform:uppercase;
font-family: 'din_condensedbold';	
text-align:left;
letter-spacing: 1px;
margin: 0 0 2px 0;
    line-height: 1.1;
}
.ptitre{
	font-size:1.1rem;
	font-weight:bold;
}
.soustitre{
	color:#1daabb;
	font-size:1rem;
	font-weight:bold;
}
.contenu_article{
padding:15px 30px 0 20px;text-align:justify;
height:250px;
overflow:hidden;
}
.introduction{
padding:7px 0 0 0;
}
.tag{
	display:inline-block;
	color:white;
	background:#44a22a;
	border-radius: 4px;
	margin:1px 10px 1px 0;	
	padding:3px 10px;
	font-size:0.7rem;
	text-transform:uppercase;
	
}
.date{
	color:#ec008d;
}
.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:1rem;
	font-weight:bold;
	margin:30px 0;
}
.texte{
font-size: 0.85rem;
text-align:left;
line-height:1.4;
padding:0 0 30px 0;
margin: 30px 0 0 0;
}

.blocs{
margin:20px 0;
text-align:justify;
font-size: 0.9rem;
}

.blocs div div{
margin: 15px 0;
text-align: center;
font-size: 0.9rem !important;
padding: 15px;
}

A, A.spip_out{
	color: black;
	text-decoration: underline;
	cursor:pointer;
}

.clair A, .clair  A.spip_out{
	color: black;
	text-decoration: underline;
	cursor:pointer;
}
.fonce A, .fonce  A.spip_out{
	color: white;
	text-decoration: underline;
	cursor:pointer;
}
A:hover
{
	text-decoration: underline;
	color:gray;
}
A.lien_doc{
	display:block;
	margin:3px 0;
	padding:15px;
	text-decoration: none;
	color:black;
	font-size:0.9rem;
}
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:5px;
	margin:0;
	font-size:1rem;
}
.pagination-item{
display: inline-block;
}

.message{
color:red;
font-weight:bold;
border:1px dashed red;
margin:20px;
padding:20px;
}

#liste_mc{
display:none;padding:15px;margin:0 0 20px 0;border:1px solid #D0D0D0;column-count:4;
position:relative;
text-align:left;;
}


/*  SLIDER */
A.lien_slide
{
    display:block;
	position:relative;
	margin-top:10px;
	padding:15px 0;
	color:white;
	font-size:0.9rem;
	cursor:pointer;
}
.contenu{
	color: white;
	padding:80px 0;
	max-width:850px;
	text-align:center;
	margin:0 auto;
	position: relative;
	z-index: 5;
}
.suite{
	position: relative;
	top: -60px;
	margin: 0px auto;
	width: 100%;
	z-index: 10;
	max-width: 1070px;
}

.suite A{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	background:#cedade;
	margin:2px;
}
.fond_noir{
	position: absolute;
	background: black none repeat scroll 0% 0%;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.5;
	}
	
/*  PAGE */

.bouton,.pbouton, .bouton_noir, .bouton_bleu{
    display:inline-block;
	background: #00a7d2;
	border:1px solid #00a7d2;
	color:white;
	font-size:0.8rem;
    padding:4px 15px 4px 15px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	margin:5px;
	border-radius: 8px;
}
.bouton_noir{
    display:inline-block;
	background: #192440;
	border:1px solid #192440;
	color:white;
	padding:5px 15px;
	}
.bouton_bleu{
    display:inline-block;
	background: #00b1d2;
	border:1px solid #00b1d2;
	color:white;
	padding:8px 15px 9px 15px;
	margin:0 5px;
	}
.bouton:hover,.pbouton:hover{
    background: white;
	color:#00a7d2;
	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
{
display:block;
position:relative;
height:250px;
padding:30px 15px;
margin:10px 0;
text-align: center;
}
A.lien_rubrique span
{
display:inline-block;
color: white;
    width: 100%;
text-decoration: none;
font-weight: normal;
text-align:right;
text-transform:uppercase;
font-size:1.3rem;
border-right:4px solid white;
padding-right:10px;
    font-family: din_condensedbold;
}
.logo_rubrique{
position:absolute;bottom:0;text-align:center;width: 100%;
}
.logo_rubrique2{
width: 40%;
margin:0 0 0 30px;
float:right;
}
A.lien_article, .lien_article,.lien_article2, .lien_article_home, .lien_article_orange
{
    display:block;
	position:relative;
margin: 10px 10px 40px 10px;
	padding:0;
	color:#4d4d4d;
	font-size:0.8rem;
	cursor:pointer;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
text-decoration:none;	
}

.lien_article_orange
{
	color:white;
	background:#ea6814;
	font-size:0.8rem;
	cursor:pointer;
}

.lien_article_home
{
	background:url(/images/ombre_rouge.png) no-repeat bottom center white;
}
.lien_article2
{
overflow:hidden;
background:#da0076;
min-height:350px;	
color:white;
border: 1px solid #D0D0D0;
}
.lien_col
{
color:#4d4d4d;
}
A.lien_article:hover,A.lien_article2:hover,A.lien_article_home:hover, .lien_article_orange:hover
{
text-decoration:none;
box-shadow: 1px -1px 20px 0 rgba(0,0,0,0.4);
color:black;
transform:scale(1.02);
}
.lien_article_orange:hover,A.lien_article2:hover{
color:white;
}

.illustration{
	float:left;
	margin-right:20px;
	width:170px;
	text-align:center;
	height:140px;
	overflow:hidden;	
}
.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;
}
.logo_partenaire{
margin:30px 30px;
}

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:#ec921a;
	color:white;
	text-align:left;
	padding: 16px 2%;
	margin: 5px 0;
	font-size:1.2rem;
}
.blocs_titre A{
	color:black;
}
.blocs_titre:hover{
	background:#C0C0C0;
}

.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;	
}	

blockquote.spip{
display:block;
position:relative;
margin:20px;
padding:30px;
text-align:center;
color:#e6383a;
font-size:1.4rem;
font-weight:bold;
border:0 none;

}
blockquote:before{
content:' ';
height: 56px;
width: 54px;
position:absolute;
    top: 14px;
    left: -14px;
background:url(/images/guillemet1.png) no-repeat;
}
blockquote:after{
content:' ';
height: 56px;
width: 54px;
position:absolute;
bottom:0;
right: -18px;
background:url(/images/guillemet2.png) no-repeat;
}
.bmot126{
background:#0482C1 !important;
}
.bmot127{
background:#298728 !important;
}
.fonce.bmot126, .fonce.bmot127, .fonce.bmot128, .fonce.bmot129{
margin-bottom:150px;
}
.bmot128{
background:#e5357b !important;
}
.bmot129, .bmot285, .bmot286, .bmot287{
background:#fdc838 !important;
}
.bmot0{
background:#fd6a37 !important;
}



.templateContainer, .templateContainer tr, .templateContainer td{
border:0 none;
}
.templateContainer TR:hover {
  background-color: transparent;
}








/* INTRANET */
A.lien_fichier{
display:inline-block;
float:left;
background:white;
color:gray;
padding:15px;
text-align:center;
margin:10px;
width:200px;
height:150px;
text-decoration:none;;
}

.motclef{
display:block;
font-size:0.9rem;
color:gray;
text-decoration:none;
padding:3px;
text-align:left;
}

.motclef:hover{
background:black;
color:white;
text-decoration:none;
}
.outils{
text-align:right;padding: 8px 30px 1px 5px; 
font-size:0.9rem;color:#8f8f8f;
}

.outils A{
text-decoration:none;
margin: 2px 3px;
}


#recherchemc{
border:2px solid #7e7e7e;
float:left;
height:46px;
text-align:right;
background:url(/images/loupe.png) no-repeat left center;
padding:0 10px 0 50px;
max-width: 300px;
}
A.lien_filtre{
display:inline-block;
padding:5px 20px 5px 40px;
background:url(/images/checkoff.png) no-repeat left, center;
color:#7e7e7e ;
font-family: 'din_condensedbold';
text-transform:uppercase;
text-decoration:none;
}
A.lien_filtre_on{
background:url(/images/check.png) no-repeat left, center;
}

#menulangue{
text-transform:uppercase;
}

#listelangue, #listerezo{
background:white;
width:50px;
color:black;
position:absolute;
right:49px;
text-align: center;
text-transform: uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
border:1px solid #D0D0D0;	
}
#listelangue A,#listerezo A{
color:#505050 !important;
display:block;
margin:10px;
}

#listerezo{
right:-5px;
}


#cookieChoiceInfo{
top:auto !important;
bottom:0 !important;
background:#505050 !important;
color:white !important;
font-size:0.8rem !important;
}
#cookieChoiceInfo A{
display:inline-block;
margin:5px;
background:white;
padding:5px 10px;
text-decoration:none;
}
#cookieChoiceDismiss{
background:green !important;
color:white !important;
}

#spip_pass{
font-size:0.8rem;
}
/* FORMULAIRE */
.reponse_ok{
	padding:3px;
	margin:20px 3px;
	background:#d1fcd1;
	color:#01b801;
	border:1px solid #01b801;
	border-left:4px solid #01b801;
}
.erreur, .error{
	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;
}
FIELDSET{
	background-color:#F0F0F0;
	border:0 none;
	margin:30px 0 10px 0;
}

LABEL{
display:block;
font-size: 1rem;
line-height: 1;
margin: 5px 0 10px 0;
font-weight:bold;
}
LABEL.label_checkbox {
display: inline-block;
  font-size: 0.9rem;
  font-weight: normal;
  margin: -3px 0 5px 9px;
}	
.choix LABEL{
display:inline-block;
font-size: 1rem;
line-height: 1;
}
LEGEND{
    font-weight: bold;
    font-size: 1.1rem;
    background: white;
    padding: 3px 15px;
    border-radius: 11px;
}


INPUT, SELECT{
	border: 1px solid #C0C0C0;
	color: black;
	background-color: white;
	height: 46px;
	padding: 0 0 0 8px;
	font-size: 1rem;
	margin:2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
width:90%;
}

.selectmenu SELECT{
	 background: transparent;
	width: 120%;
	padding: 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 39px;
	-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: 39px;
	overflow: hidden;
	background: url(/images/fleche_select.png) no-repeat 100% center white;
	border:1px solid #ec008d;
}

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

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

input[type="submit"],input[type="button"], .bouton3, A.lien_bouton {
    position:relative;
	background-color: black;
	color:white;
	font-size:1.2rem;
    padding: 7px 15px;
	font-weight:normal;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:auto;
}
input[type="submit"]:hover{
	background:white ;
	color:black;
	border:1px solid black;
}
input[type="submit"]:active{
background:#00a7d2;
}

input[type="checkbox"],input[type="radio"]{
    width: 25px;
height: 25px;	
	}
	
.decale{
	top:-19px;
	}
input[type="image"] {
    padding:0;
	height:auto;
}
.selection{
font-size:1rem;
}
.obligatoire:after{
content:"*";
color:red;
}

.erreur{
font-size:0.8rem;
color:red;
font-weight:bold;
}

.toggle-btn_vert{
position:relative;
background:#4dae6e;
color:white;
border-radius:13px;
box-shadow: -5px 5px 0 1px rgb(62, 139, 92);
-webkit-box-shadow: -5px 5px 0 1px rgb(62, 139, 92);
-moz-box-shadow: -5px 5px 0 1px rgb(62, 139, 92);
font-size: 1.1rem;
font-weight:bold;
text-transform: uppercase;
padding: 12px 47px 12px 20px;
margin: 20px 0 39px 0;
border: 0 none;
} 
.toggle-btn_vert:hover{
background:rgb(62, 139, 92);
}
.toggle-btn_vert:after{
content: "";
background: url(/images/main.png) no-repeat center,center;
width: 46px;
height: 78px;
bottom: -40px;
right: 2px;
position: absolute;
background-size: contain;
}
.toggle-section{
padding:0 0 0 40px;
}
.toggle-section_vert H6{
font-size: 0.9rem;
font-weight:bold;
margin: 5px 0 15px 0;
background:#4dae6e;
padding: 5px 10px;
}
ul.sommaire li{
font-weight:bold;
margin:10px 0;
}
H2.titre_vert{
font-family: 'Roboto';
color: rgb(62,139,92);
font-size: 2rem;
letter-spacing: 2px;
border-bottom: 2px solid rgb(62,139,92);
margin: 15px 0 25px;
padding: 0 0 0 20px;
text-transform:none;
}


.deux_colonnes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  row-gap: 30px;
  padding: 10px 0 40px 0;
} 
.trois_colonnes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  row-gap: 30px;
  padding: 10px 0 40px 0;
} 
.quatre_colonnes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 50px;
  row-gap: 30px;
  padding: 10px 0 40px 0;
} 

/* 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;
}

.grostitrevideo{
position:absolute;top:50px;color:#7e7e7e;border-right:8px solid #7e7e7e;
}
.lienboutongrisvideo{
bottom: 0;
}
.cadrebleu{
margin:0 0 0 50px;text-align:justify;
}
.chiffrejour{
font-size:8rem;
}
.grostitreagenda{
position:absolute;top:10px;color:#7e7e7e;border-right:8px solid #7e7e7e;right: 10px;
}

.splash-center {
  background: white !important;
  padding: 50px !important;
}



/* ****************************************************
                max-width pour faibles résolutions 
*************************************************** */
@media screen and (max-width: 870px) {
	#container, #zone,#container_colonne{
		position:relative;
		clear:both;
		float:none;
		width:100%;
		max-width:100%;	
		padding:0;
		margin:0;
	}
.outils{
display:none;
}
.logo {
    top: 0;
	position:relative;
    max-width: 250px;
width: 67%;	
    margin: 14px 30px 0px 14px;
}
.grostitrevideo{
position:relative;top:0px;
border-color:#7e7e7e;
}
.lienboutongrisvideo{
top:0;
}

.grostitre{
padding:0 20px 0 0;
margin:0 10px 20px 5px;
font-size:1.4rem;
border-right:4px solid white;;
}
.lienboutongris ,.lienbouton{
font-size: 1.3rem;
bottom:auto;
position:relative;	
margin:0;
}
.cadrebleu{
margin:10px;
}
.chiffrejour{
font-size:6rem;
}
.grostitreagenda{
position:relative;top:0;
}
.tablehome td{
font-size:1.3rem;
}


#sousmenu{
margin: 23px 0 0;
    padding: 30px 15px;
}	

#liste_mc {
column-count: 3;
}

H1 {
    padding: 0 0 0 11px;
    margin: 10px 0 0 4px;
    font-size: 1.4rem;
    line-height: 1.1;
    border-left: 4px solid #39393b;
}
.detailarticle {
    padding: 10px 0 0 20px;
top: -19px;
    border-left: 4px solid #39393b;
   margin-left: 0;
}
	NAV{
	height:auto;
	display:none;
	}
	NAV LI{
	
	position:relative;
	}
	NAV LI A{
	width:100%;
	}
	#btmenu{
	display:inline-block;
	}

	NAV LI UL{	
		display:none;
		position:relative;
		padding:0;
		top:0;
	}	
	NAV LI UL LI A{	
		width:100%;
	}		
}



@media (max-width: 480px) {

A.arianne
{
font-size: 0.6rem;
}
.lienmenufooter{
display:inline-block;
padding:0 25px 0 0;
}
#liste_mc {
column-count: 2;
}
.tablehome td{
font-size:1.1rem;
}
	.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
{
height:auto;
}	
H3,H3.spip,H2.spip{
font-size:1.1rem;
}
.logo_rubrique{
position:absolute;bottom:0;text-align:left;width:15%;
left:0;
}	

.fonce.bmot126, .fonce.bmot127, .fonce.bmot128, .fonce.bmot129, .fonce.bmot285, .fonce.bmot286, .fonce.bmot287{
    margin-bottom: 70px;
}
}

@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;

}