/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

body, html{
	width:100%;
	height:100%;
	margin:0;
}

/*body{
	background:url(images/bgnb.jpg) no-repeat fixed, url(images/cache.png);
	background-size:cover;
}*/

img{
   max-width: 100%;
   height: auto;
}

h1.home {
	display: none;
	visibility: hidden;
}

div.logo{
	position:absolute;
	width:100%;
	text-align:center;
	top:8px;
	z-index:9000;
}
div.logo a img{
	border:none;
	opacity:1;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
div.logo a:hover img{
	opacity:0.7;
}

#top{
	position:fixed;
	bottom:100px;
	right:66px;
	font:700 2em 'Open Sans', sans-serif;
	color:#fff;
	/*display:block;*/
	width:2em;
	height:2em;
	line-height:1.7em;
	text-align:center;
	text-decoration:none;
	background:rgba(20,42,130,0.75);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	display:none;
	cursor:pointer;
	z-index:1000;
}
#top:hover{
	background:rgba(20,42,130,0.90);
}

/* ajout 28/03/2019 ****************/
#fixe {
	position: fixed;
	display: inline-block;
	width: 100%;
	height: 60px;
	background-color: #fff;
	z-index: 10000;
}

#topleft{
	position:absolute;
	top:20px;
	left:20px;
	font:400 11px 'Coda', sans-serif;
	color:#666;
	z-index:900;
}
#topleft a, #topright a{
	color:#666;
	text-decoration:none;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#topleft a:hover{
	color:rgb(20,42,130);
}
#topleft .formulaire_recherche{
	display:inline-block;
	margin-left:1em;
}
#topleft .formulaire_recherche input.text{
	background:rgba(20,42,130,0.60);
	font:400 11px 'Coda', sans-serif;
	color:#fff;
	width:100px;
	padding:.2em 0 .1em .5em;
	border:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
#topleft .formulaire_recherche input.text:focus{
	background:rgb(20,42,130);
	width:130px;
}
#topleft .formulaire_recherche input.submit{
	background:#999;
	font:400 12px 'Coda', sans-serif;
	color:#fff;
	padding:0 .5em;
	border:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	cursor:pointer;
}
#topleft .formulaire_recherche input.submit:hover{
	background:rgb(20,42,130);
}

#topright{
	position:absolute;
	top:18px;
	right:20px;
	z-index:12000;
}
#topright a span.social, .social_resp a span.social{
	display:inline-block;
	width:20px;
	height:20px;
	border-left:1px solid #666;
	/*margin:0 0 0 .5em;*/
	padding-left:.5em;
	opacity:.4;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
#topright a span.social:hover, .social_resp a span.social:hover{
	opacity:.8;
}

#lang, #lang_resp{
	float:left;
	width:100%;
	margin:.2em 0 0 0;
}
#lang a{
	display:inline-block;
	width:60px;
	padding:2px 0;
	margin:0 1px;
	text-align:center;
	background:#999;
	font:600 10px Arial, Helvetica, sans-serif;
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#lang_resp a{
	display:inline-block;
	width:36px;
	padding:1px 0;
	margin:0 5px;
	text-align:center;
	background:#999;
	font:600 14px Arial, Helvetica, sans-serif;
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#lang a:hover, #lang_resp a:hover{
	background:#444;
}
#lang a.on, #lang_resp a.on{
	background:#142A82;
}

#header{
	position:absolute;
	width:100%;
	top:56px;
	/*background:rgba(255,255,255,0.70);*/
	background-color: #fff;
	padding:1em 0 .4em 0;
	border-top:1px solid #142A82;
	border-bottom:1px solid #142A82;
	line-height:1.3em;
	font-family:'Oswald', sans-serif;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	z-index:8000;
}
#header div.slogan{
	display:block;
	color:#000;
	font-weight:300;
	text-transform:uppercase;
	padding:0 1em;
}

#menuhome{
	position:fixed;
	top:150px;
	left:0px;
	width:220px;
	height:auto;
	padding-bottom:40px;
	z-index:1000;
}
/* exceptions responsive & print */
#menuresp, #thumbs_resp, .contact_resp, #thumbs_resp_int, .contact_resp_int, #lang_resp, .social_resp, #footer_print{
	display:none;
}
/* fin exception */
#menuhome a, #menuresp a{
	text-decoration:none;
}
#menuhome .items{
	float:left;
	width:240px;
}
#menuhome a span.item{
	float:left;
	background:rgba(20,42,130,0.60);
	width:200px;
	height:50px;
	margin:0 0 .5em 0;
	font:600 100% 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	line-height:15px;
	text-decoration:none;
	-webkit-border-radius: 0 .6em .6em 0;
	-moz-border-radius: 0 .6em .6em 0;
	border-radius: 0 .6em .6em 0;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	z-index:20;
}
#menuhome a:hover span.item{
	background:rgb(20,42,130);
	width:240px;
	-webkit-border-top-right-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-moz-border-radius-topright: 2em;
	-moz-border-radius-bottomright: 2em;
	border-radius: 0 2em 2em 0;
}
#menuhome a span.item_on{
	float:left;
	background:rgb(20,42,130);
 	-webkit-border-top-right-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-moz-border-radius-topright: 2em;
	-moz-border-radius-bottomright: 2em;
	border-radius: 0 2em 2em 0;
	width:240px;
	height:50px;
	margin:0 0 .5em 0;
	font:600 100% 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	line-height:15px;
	text-decoration:none;
}
#menuhome a:hover > span.logo{
	position:relative;
	display:block;
	opacity:1;
	width:40px;
	height:40px;
}
#menuhome span.logo{
	position:relative;
	top:5px;
	left:194px;
	opacity:0;
	width:0px;
	z-index:30;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
#menuhome span.logo_on{
	position:relative;
	display:block;
	top:5px;
	left:194px;
	opacity:1;
	width:40px;
	height:40px;
	z-index:30;
}
/* ajout avril 2015 */
.contact_menu{
	float:left;
	background:rgba(255,255,255,0.70);
	padding:.4em 0;
	width:200px;
	text-align:center;
	font-family:'Oswald', sans-serif;
	color:#000;
	font-size:.9em;
	font-weight:300;
	line-height:1.3em;
	-webkit-border-radius: 0 .6em .6em 0;
	-moz-border-radius: 0 .6em .6em 0;
	border-radius: 0 .6em .6em 0;
}
.contact_menu strong{
	font-weight:400;
}
.contact_menu a{
	font-weight:400;
	text-decoration:none;
	color:rgb(20,42,130);
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
.contact_menu a:hover{
	color:#000;
}

/* partie centrale homepage */
#central{
	margin:150px 25% 0 25%;
	position:absolute;
	width:50%;
}

.quality span.titre_quality, .sommaire span.titre_quality{
	width:90%;
	display:block;
	background:rgba(20,42,130,0.80);
	text-align:center;
	font:600 100% 'Open Sans', sans-serif;
	color:#fff;
	padding:.5em 5%;
	-webkit-border-radius: .6em .6em 0 0;
	-moz-border-radius: .6em .6em 0 0;
	border-radius: .6em .6em 0 0;
}

.slider{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 1em 0;
}
.txt-home {
    display: inline-block;
    width: 90%;
    padding: 1em 5%;
    background-color: rgba(255,255,255,0.8);
    color: #000;
    font: 400 .9em 'Open Sans', sans-serif;
    margin: 2em 0 0 0;
    text-align: justify;
}
.monaco{
	float:left;
	width:100%;
	/*height:160px;*/
	margin:30px 0 0 0;
	display:block;
}
.monaco span.titre_monaco{
	width:96%;
	display:block;
	background:rgba(20,42,130,0.80);
	text-align:center;
	font:600 100% 'Open Sans', sans-serif;
	color:#fff;
	padding:.5em 2%;
	-webkit-border-radius: .6em .6em 0 0;
	-moz-border-radius: .6em .6em 0 0;
	border-radius: .6em .6em 0 0;
}
.logo_monaco{
	width:100%;
	height:100px;
}
.logo_monaco img{
	width:100%;
	display:block;
}

.partners{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:20px 0 80px 0;
	display:block;
}
.partner{
	width:12%;
	display:inline-block;
	margin:0 2%;
	opacity:1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
/* fin partie centrale homepage */

/* ajout colonne de droite */
#col_right{
	position:relative;
	margin:150px 0 40px auto;
	float:right;
	display:block;
	width:250px;
	height:auto;
	z-index:500;
}
#col_right .article_right{
	float:left;
	width:100%;
	height:auto;
	/*margin:0 0 2em 0;*/
}
#col_right .article_right a img{
	border:none;
	margin:0 0 .6em 0;
	opacity:1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
#col_right .article_right a:hover img, .partner:hover{
	opacity:.6;
}
/* fin colonne de droite */

#socialhome{
	display:block;
	width:auto;
	text-align:center;
	margin:0 auto;
}
#socialhome a span.social{
	display:inline-block;
	width:32px;
	height:32px;
	border:2px solid #fff;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	margin:1em 6px 0 6px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#socialhome a:hover span.social{
	border:2px solid #404041;
}

#footer{
	display: inline-block;
	width:94%;
	/*height:22px;*/
	bottom:0px;
	background-color:#fff;
	padding:1.5em 3%;
	border-top:1px solid #142A82;
	font-family:'Oswald', sans-serif;
	text-align:center;
	/*overflow:hidden;
	z-index:800;*/
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
#footer div.slogan{
	/*float:left;*/
	width:100%;
	color:#000;
	font-size:.8em;
	font-weight:400;
	text-transform:uppercase;
	/*line-height:.8em;*/
	margin:.2em auto 1em auto;
}
#footer div.slogan a{
	color:#000;
	text-decoration:none;
}
#footer div.slogan span.titre{
	color:#142A82;
}
#footer div.slogan a span.titre{
	color:#142A82;
	text-decoration:none;
}
#footer div.base a{
	color:#142A82;
	text-decoration:none;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#footer div.base a:hover{
	color:#000;
}
#footer div.base{
	/*height:70px;*/
	float:left;
	width:100%;
	margin:0 0 .5em 0;
	font:400 11px 'Open Sans', sans-serif;
	color:#444;
	line-height:14px;
}
#footer div.base strong{
	font-weight:400;
	color:#000;
}
#footer div.base span.baseline{
	float:left;
	width:100%;
	margin-top:.5em;
	font:10px Tahoma, Helvetica, sans-serif;
	color:#000;
}

a.size_footer2{
	position:fixed;
	bottom:8px;
	right:10px;
	font:700 .8em 'Open Sans', sans-serif;
	color:#fff;
	display:block;
	width:16px;
	height:16px;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	background:rgba(20,42,130,0.60);
	border:none;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	cursor:pointer;
	z-index:900;
}
a:hover.size_footer, a:hover.size_footer2{
	background:rgb(20,42,130);
}

/* rubriques */

/* rubriques avec arborescence */
#central-int{
	margin:150px 5% 0 25%;
	position:absolute;
	width:72%;
}

.sommaire{
	width:96%;
	float:left;
	margin:0 0 60px 0;
	padding:0 2%;
}
.lienrub{
	float:left;
	width:90%;
	margin:0;
	border-bottom:1px solid #142A82;
	padding:.5em 5%;
	background:rgba(255,255,255,0.70);
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
.lienrub span.titre_sommaire{
	font:600 .9em 'Open Sans', sans-serif;
	color:#142A82;
	text-transform:none;
	line-height:1em;
}
.lienrub span.desc_sommaire{
	font:600 .8em 'Open Sans', sans-serif;
	color:#000;
	text-transform:none;
	line-height:.8em;
}
.lienrub span.titre_sommaire a{
	text-decoration:none;
	color:#142A82;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.lienrub span.titre_sommaire a img.spip_logos{
	float:left;
	margin:0 1em 0 0;
	border:none;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
}
.lienrub span.titre_sommaire a:hover{
	color:#000;
}
.lienrub:hover{
	background:rgb(255,255,255);
}
/* contenus hors sous-rubriques */
.content{
	float:left;
	width:96%;
	padding:.5em 2%;
	background:rgba(255,255,255,0.85);
	font:400 .8em 'Open Sans', sans-serif;
	color:#000;
}
.content h1{
	font:400 1.6em 'Oswald', sans-serif;
	color:#142A82;
	margin:0 0 .2em 0;
	text-align:center;
}
.content h2{
	font:600 1.2em 'Open Sans', sans-serif;
	color:#000;
	margin:0 0 .2em 0;
	text-align:center;
}
cs_titre{
	background:#142A82;
	padding:2px 2%;
	color:#fff;
	display:block;
	width:96%;
}
.content strong{
	font-weight:700;
}
.content span.logo_article{
	width:40%;
	height:auto;
	float:right;
	margin:0 0 0 1em;
}
.content span.logo_article img{
	width:100%;
	display:block;
}
dl.spip_documents_center{
	width:100%;
	text-align:center;
}
dl.spip_documents_left, span.spip_documents_left{
	float:left;
	margin:0 .5em 0 0;
}
dl.spip_documents_right, span.spip_documents_right{
	float:right;
	margin:0 0 0 .5em;
}
.content div.suite{
	float:left;
	width:100%;
	margin:2em 0 0 0;
	border-top:1px solid #666;
	padding-top:.5em;
}
.content div.suite a{
	display:block;
	width:90;
	padding:.4em 5%;
	text-align:center;
	font:600 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 .1em 0;
	text-decoration:none;
	background:rgba(20,42,130,0.70);
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.content div.suite a:hover{
	background:rgb(20,42,130);
}
.tools{
	float:left;
	width:100%;
	margin:1em 0;
	font:400 13px 'Oswald', sans-serif;
	color:#fff;
	text-align:center;
}
.tools a{
	color:#fff;
	text-decoration:none;
	background:#142A82;
	padding:2px 6px;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.tools a:hover{
	background:#000;
}

/* formulaires */
.content form fieldset.formulaire{
	border:none;
	background:#666;
	box-shadow:2px 2px 6px rgba(0,0,0,0.80);
	float:left;
	width:96%;
	padding:2%;
	margin:.2em 0 .8em 0;
	font:400 1em Arial, Helvetica, sans-serif;
	color:#fff;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
}
.content form fieldset.formulaire input{
	background:#fff;
	border:none;
}
.content form fieldset.formulaire input.form{
	padding:.2em 0 .2em 2%;
	-webkit-border-radius: 0 .6em .6em 0;
	-moz-border-radius: 0 .6em .6em 0;
	border-radius: 0 .6em .6em 0;
	color:#142A82;
	width:98%;
}
.content form fieldset.formulaire textarea.form_base{
	padding:.2em 0 .2em 2%;
	width:98%;
	border:none;
	-webkit-border-radius: 0 .6em .6em 0;
	-moz-border-radius: 0 .6em .6em 0;
	border-radius: 0 .6em .6em 0;
}
label.titre{
	font-weight:600;
}

/* particularités produits */
.sommaire span.titre_quality a{
	color:#ddd;
	text-decoration:none;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.sommaire span.titre_quality a:hover{
	color:#fff;
}
span.sstitre{
	color:#000;
}
span.chapoart{
	color:#142A82;
}
span.spip_documents_center{
	width:100%;
	display:block;
	text-align:center;
}
/* et les tableaux */
tr.row_odd{
	background:#ddd;
}
tr.row_even{
	background:#C1FCFD;
}
table.spip td{
	padding:.2em .5em;
}

/* plan du site */
.content h5{
	font:400 1.5em 'Oswald', sans-serif;
	color:#142A82;
	margin:0;
}
.content h5.root a{
	display:block;
	color:#142A82;
	text-decoration:none;
	margin:1em 0 .2em 0;
	border-top:1px solid #142A82;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.content h5.ssroot a{
	font-size:.9em;
	color:#333;
	text-decoration:none;
	margin:.2em 0 .1em 1.5em;
	display:block;
	border-top:1px dashed #333;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.content h5.ss2root a{
	font-size:.9em;
	color:#555;
	text-decoration:none;
	margin:.1em 0 0 3em;
	display:block;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.content h5.ss3root a{
	font-size:.9em;
	color:#666;
	text-decoration:none;
	margin:0 0 0 5em;
	display:block;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.content h5.root a:hover, .content h5.ssroot a:hover, .content h5.ss2root a:hover, .content h5.ss3root a:hover{	
	color:#000;
}

/* spécificités recherche */
.search{
	float:left;
	width:96%;
	padding:.5em 2%;
	background:rgba(255,255,255,0.80);
	font:400 .8em 'Open Sans', sans-serif;
	color:#000;
	line-height:1.2em;
}
.search h4{
	font-size:.9em;
	font-weight:600;
	color:#142A82;
	margin:1em 0;
}
.search h4 a{
	color:#142A82;
	text-decoration:none;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.search h4 a:hover{
	color:#000;
}

/* ajout novembre 2016 ***********************************************/
.leurre {
	width:100%;
	position:absolute;
	height:80px;
	display:block;
	bottom:0;
	right:0;
}


/************************************************************************* */
/* RWD */
@media (max-width: 1200px) {
	
	#top{
	right:12px;
	}
	
	#col_right{
	display:none;
	}
	
	#central{
	margin:150px 0 0 10%;
	right:10px;
	width:74%;
	}
	#thumbs_resp{
	float:left;
	width:100%;
	margin:30px 0 0 0;
	display:block;
	}
	#thumbs_resp .article_resp a, #thumbs_resp_int .article_resp a{
	float:left;
	width:48%;
	height:auto;
	margin:1em 0.5% 0 0.5%;
	text-align:center;
	}
	#thumbs_resp .article_resp a img, #thumbs_resp_int .article_resp a img{
	border:none;
	opacity:1;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	}
	#thumbs_resp .article_resp a:hover img, #thumbs_resp_int .article_resp a:hover img{
	opacity:.75;
	}
	#thumbs_resp_int{
	float:left;
	width:100%;
	margin:0 0 80px 0;
	display:block;
	}
	
}
@media (max-width: 960px) {
	
	#menuhome{
	width:150px;
	}
#menuhome a{
	text-decoration:none;
}
#menuhome .items{
	float:left;
	width:150px;
}
#menuhome a span.item{
	width:150px;
	font:600 90% 'Open Sans', sans-serif;
	text-align:left;
	padding-left:10px;
}
#menuhome a:hover span.item{
	width:190px;
}
#menuhome a span.item_on{
	width:190px;
	font:600 90% 'Open Sans', sans-serif;
	text-align:left;
	padding-left:10px;
}
#menuhome span.logo{
	left:154px;
}
#menuhome span.logo_on{
	left:154px;
}

.contact_menu{
	width:160px;
}
.sommaire{
	margin:0 0 30px 0;
}
}
@media (max-width: 900px) {
	
	#menuhome{
	width:140px;
	}
#menuhome a{
	text-decoration:none;
}
#menuhome .items{
	float:left;
	width:140px;
}
#menuhome a span.item{
	width:140px;
	font:600 85% 'Open Sans', sans-serif;
	text-align:left;
	padding-left:10px;
}
#menuhome a:hover span.item{
	width:180px;
}
#menuhome a span.item_on{
	width:180px;
	font:600 90% 'Open Sans', sans-serif;
	text-align:left;
	padding-left:10px;
}
#menuhome span.logo{
	left:144px;
}
#menuhome span.logo_on{
	left:144px;
}

.contact_menu{
	width:150px;
}
}
@media (max-width: 880px) {
	#topleft{
	top:10px;
	}
	#topleft .formulaire_recherche{
	float:left;
	width:100%;
	margin:.2em 0 0 0;
	}
	.lienrub span.titre_sommaire{
	font:600 .8em 'Open Sans', sans-serif;
	line-height:.8em;
	}
	.lienrub span.desc_sommaire{
	font:600 .95em 'Open Sans', sans-serif;
	color:#000;
	}
	.monaco span.titre_monaco{
	font:600 .8em 'Open Sans', sans-serif;
	}
	dl.spip_documents_left, span.spip_documents_left, dl.spip_documents_right, span.spip_documents_right{
	width:100%;
	text-align:center;
	float:none;
	margin:0;
	}
	dl.spip_documents_left img, span.spip_documents_left img, dl.spip_documents_right img, span.spip_documents_right img{
	margin:0 auto;
	display:block;
	}
}


@media (max-width: 780px) {
	#fixe {
	position: absolute;
	top: 0;
	background-color: transparent;
	}
	#header{
	font-size:.9em;
	}
	#col_right, #footer, #switch{
	display:none;
	}
	.partner{
	width:14%;
	}
	div.logo{
	top:40px;
	}
	#topleft{
	top:8px;
	}
	#topleft .formulaire_recherche{
	display:inline-block;
	float:none;
	width:auto;
	margin-left:1em;
	}
	#topright{
	top:9px;
	}
	#header{
	top:86px;
	}
	#header span.suite{
	display:block;
	width:100%;
	}
	#menuresp{
	display:block;
	margin:186px 4% 0 4%;
	position:absolute;
	width:92%;
	text-align:center;
	}
	#menuresp .items a{
	float:left;
	background:rgba(20,42,130,0.70);
	width:32%;
	height:32px;
	margin:0 0.5% .4em 0.5%;
	font:600 .95em 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	}
	#menuresp .items a:hover{
	background:rgba(20,42,130,0.90);
	}
	#menuresp .items a.on{
	float:left;
	background:rgba(20,42,130,0.90);
	width:32%;
	height:32px;
	margin:0 0.5% .4em 0.5%;
	font:600 .95em 'Open Sans', sans-serif;
	color:#fff;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	}
	#central{
	margin:310px 4% 0 6%;
	position:absolute;
	width:90%;
	display:block;
	}
	#central-int{
	margin:310px 0 0 0;
	position:absolute;
	width:94%;
	display: inline-block;
		padding: 0 2.5%;
	}
	#menuhome{
	display:none;
	}
	.partners{
	margin:20px 0;
	}
	.contact_resp{
	float:left;
	width:96%;
	margin:0 0 20px 0;
	padding:.4em 2%;
	background:rgba(255,255,255,0.85);
	display:block;
	font:400 .95em 'Open Sans', sans-serif;
	color:#000;
	text-align:center;
	}
	.contact_resp_int{
	float:left;
	width:96%;
	margin:20px 0;
	padding:.4em 2%;
	background:rgba(255,255,255,0.85);
	display:block;
	font:400 .95em 'Open Sans', sans-serif;
	color:#000;
	text-align:center;
	}
	.contact_resp strong, .contact_resp_int strong{
	color:#142A82;
	}
	.contact_resp a, .contact_resp_int a{
	color:#142A82;
	text-decoration:underline;
	}
	.contact_resp a:hover, .contact_resp_int a:hover{
	color:#000;
	text-decoration:none;
	}
	.contact_resp div.slogan{
	float:left;
	margin-top:.5em;
	color:#000;
	font-size:.8em;
	font-weight:600;
	text-transform:uppercase;
	}
	.contact_resp div.slogan a{
	color:#000;
	text-decoration:none;
	}
	.contact_resp div.slogan span.titre{
	color:#142A82;
	}
	.contact_resp div.slogan a span.titre{
	color:#142A82;
	text-decoration:none;
	}
	.smallresp{
	float:left;
	display:block;
	width:100%;
	margin:1em 0 0 0;
	font:400 .7em 'Open Sans', sans-serif;
	color:#444;
	line-height:1.3em;
	}
	.social_resp{
	float:left;
	width:96%;
	margin:.5em 0 0 0;
	padding:.4em 2%;
	display:block;
	text-align:center;
	}
	#top{
	right:10px;
	font:700 1.5em 'Open Sans', sans-serif;
	width:1.5em;
	height:1.5em;
	line-height:1.3em;
	}
}

@media (max-width: 560px) {
	a.size_footer2, #lang, .bx-wrapper .bx-caption span span.descslider, #topright{
	display:none;
	}
	#lang_resp{
	display:block;
	}
	#menuresp .items a{
	font:600 .85em 'Open Sans', sans-serif;
	line-height:32px;
	}
	#menuresp .items a.on{
	font:600 .85em 'Open Sans', sans-serif;
	line-height:32px;
	}
	#topleft{
	width:90%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	}
	.partner{
	width:16%;
	}
	span.tool_1, span.tool_2{
		float:left;
		width:100%;
		margin:0 0 .1em 0;
		text-align:center;
	}
}
@media (max-width: 480px) {
	#menuresp .items a{
	font:400 .8em 'Oswald', sans-serif;
	line-height:30px;
	}
	#menuresp .items a.on{
	font:400 .8em 'Oswald', sans-serif;
	line-height:30px;
	}
}