/*
Theme Name: Europrim
Theme URI: https://www.imprimeur-europrim.com/
Description: Thème créé par Net-tendance.com
Version: 1.0
Author: Net-tendance - Erwan Girerd
 
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
body{  color:#303030; font:15px/20px 'Source Sans Pro', sans-serif; font-weight:400}
/*Structure propre Europrim*/
div#first{ float:left; width:100%; text-align:center;}
/* Second div pour le placement au centre*/
@media screen and (max-width: 901px) {div#first div#second{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {div#first div#second{width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {div#first div#second{ width:1200px; margin:auto;}}
/* Div entête du site*/
div#first div#second div#header{ float:left; width:100%; height:214px;}
/*Gestion de l'entête bloc de droite*/
div#first div#second div#header div#bloc_acces{ float:right; margin:10px 0px 0px 0px; width:360px; position:relative;}
div#first div#second div#header div#bloc_acces div#entete{ background:#303030; float:left; width:360px; position:relative; color:#FFFFFF;}
div#first div#second div#header div#bloc_acces div#entete .textwidget{ color:tex#FFFFFF; }
div#first div#second div#header div#bloc_acces div#menu_top,
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container,
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top{ float:left; width:360px; height:87px; position:relative;background:url(charte/separation-horizontale.jpg) left no-repeat;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li
{ width:120px; float:left; background:url(charte/separation-horizontale.jpg) right no-repeat; position:relative;height:87px;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li a
{ padding:52px 0px 0px 0px;font:14px/25px 'Source Sans Pro', sans-serif; font-weight:400; text-transform:uppercase; color:#303030; display:block;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li a:hover{color:#62add0;transition : all 0.2s linear;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li.contact a{ margin:10px 0px 0px 0px; background:url(charte/contact.png) top center no-repeat;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li.boutique a{ margin:10px 0px 0px 0px;background:url(charte/boutique.png) top center no-repeat;}
div#first div#second div#header div#bloc_acces div#menu_top div.menu-menu_top-container ul#menu-menu_top li.moncompte a{ margin:10px 0px 0px 0px;background:url(charte/moncompte.png) top center no-repeat;}
@media screen and (max-width: 720px) {div#first div#second div#header{ float:left; width:100%; height:314px;}}

/* Pour les réseaux sociaux */
div#first div#second div#header div#bloc_acces div#entete a{ transition-property: background; width:30px; height:30px; background:url(charte/reseaux-sociaux.png) no-repeat; float:left; border:1px solid rgba(255,255,255,1.00); display:block; margin: 12px 5px 12px 5px;}
div#first div#second div#header div#bloc_acces div#entete a:hover{ border:1px solid #62add0;transition : all 0.2s linear;}
div#first div#second div#header div#bloc_acces div#entete a.Twitter{ background-position:0px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Twitter:hover{background-position:0px -30px;}
div#first div#second div#header div#bloc_acces div#entete a.Facebook{ background-position:-30px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Facebook:hover{background-position:-30px -30px;}
div#first div#second div#header div#bloc_acces div#entete a.Pinterest{ background-position:-60px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Pinterest:hover{background-position:-60px -30px;}
div#first div#second div#header div#bloc_acces div#entete a.Instagram{ background-position:-90px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Instagram:hover{background-position:-90px -30px;}
div#first div#second div#header div#bloc_acces div#entete a.Blog{background-position:-120px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Blog:hover{background-position:-120px -30px;}
div#first div#second div#header div#bloc_acces div#entete a.Email{background-position:-150px 0px;}
div#first div#second div#header div#bloc_acces div#entete a.Email:hover{background-position:-150px -30px;}

/* Menu principal*/
div#first div#second div#menu{ float:left; width:100%; height:60px;}
div#first div#second div#menu.fixe{ position:fixed; top: 0px; background: #FFFFFF; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); z-index: 999999; border-bottom: 1px solid #62add0;}
div#first div#second div#menu ul#menu-menu_principal{ float:left; width:100%; text-align:center; display:block; height:60px;}
div#first div#second div#menu ul#menu-menu_principal li{ float:inherit none; display:inline-table; margin:auto; position: relative;}
div#first div#second div#menu ul#menu-menu_principal li.promo{background-color: #62add0; color: #FFFFFF;}
div#first div#second div#menu ul#menu-menu_principal li a{ color:#303030;font:18px/30px 'Source Sans Pro', sans-serif; font-weight:300; text-transform:uppercase; border:1px solid #FFFFFF; margin:15px 20px 15px 20px;transition: color 0.25s; display:block;}
div#first div#second div#menu ul#menu-menu_principal li.promo a{border:1px solid #62add0; color: #FFFFFF; font-weight: 600;}
div#first div#second div#menu ul#menu-menu_principal li a:hover{ border-top-color: #62add0; border-bottom-color:#62add0; transition:border-color 0.2s ease-out; }
div#first div#second div#menu ul#menu-menu_principal li.promo a:hover{ border-top-color: #FFFFFF; border-bottom-color:#FFFFFF; transition:border-color 0.2s ease-out; }
@media screen and (max-width: 720px) {div#first div#second div#menu{ height:120px;}}
div#first div#second div#menu ul#menu-menu_principal li ul.sub-menu{display: none; float: left; z-index: 999999; background: #FFFFFF;}
div#first div#second div#menu ul#menu-menu_principal li:hover > ul.sub-menu{display:block; position: absolute; top: 60px; left: 0px;}
div#first div#second div#menu ul#menu-menu_principal li ul.sub-menu li{ width: 100%; float:left;}
div#first div#second div#menu ul#menu-menu_principal li ul.sub-menu li a{font:15px/30px 'Source Sans Pro', sans-serif; font-weight:300;}

/*Diaporama*/
div#diaporama{ float:left; width:100%; height:500px; position:relative; overflow:hidden;}
div#diaporama .diapo{ position:relative; float:left; width:100%; height:500px; line-height:500px; overflow:hidden; z-index:1;}
div#diaporama .contenudiap{ width:50%; position:absolute; left:0px; min-height:300px; top:0px; padding:0px 140px 0px 0px; background:url(charte/bg-txt2.png) top right; color:#000000; z-index:999;}
@media screen and (max-width: 600px) {div#diaporama  .contenudiap .texte{ float:right; width:96%; padding: 2%;}}
@media screen and (min-width: 600px) {div#diaporama  .contenudiap .texte{ float:right; width:auto ;  padding: 0px 0px 0px 10px; margin-right: 140px;}}
@media screen and (min-width: 900px) {div#diaporama  .contenudiap .texte{ float:right; width:380px; padding: 0px 0px 0px 10px;margin-right: 140px;}}
@media screen and (min-width: 1200px) {
	div#diaporama .contenudiap{padding:0px 0px 0px 0px;}
	div#diaporama  .contenudiap .texte{ float:right; width:380px; padding: 0px 0px 0px 10px;margin-right: 140px;}}
div#diaporama .diapo img{ min-width:100%; vertical-align:middle;}
div#diaporama .diapo .bloc_txt{ width:50%; position:absolute; left:100%; height:500px; top:0px; padding:0px 0px 0px 200px; background:url(charte/bg-txt-diaporama.png) top left; color:#FFFFFF;  display: flex; vertical-align:middle; }
div#diaporama .diapo .bloc_txt .txt{ color:#FFFFFF; line-height: normal !important; margin:auto; text-align:left; width:100%;}
div#diaporama div#next{ position:absolute; height:121px; top:190px; right:0px; width:53px; background:url(charte/bg-fleche.png) right no-repeat; z-index:99; cursor:pointer;}
div#diaporama div#next a{background:url(charte/bg-fleche-hover.png) right no-repeat; opacity:0; display:block;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; height:121px; width:53px;}
div#diaporama div#next:hover a{ opacity:1;}

div#diaporama div#previous{ position:absolute; height:121px; top:190px; left:0px; width:53px; background:url(charte/bg-fleche.png) left no-repeat; z-index:99; cursor:pointer;}
div#diaporama div#previous a{background:url(charte/bg-fleche-hover.png) left no-repeat; opacity:0; display:block;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-previous: opacity .25s ease-in-out; height:121px; width:53px;}
div#diaporama div#previous:hover a{ opacity:1;}

div#diaporama div#titre{ position:absolute; height:48px; top:126px; left:0px; width:100%; z-index:99;  text-align:center;}
div#diaporama div#titre h1{font:28px/48px 'Source Sans Pro', sans-serif; background:none; color:rgba(255,255,255,1.00); padding:0px 10px 0px 10px; background-color:rgba(0,0,0,0.80); margin:0px;color:#FFFFFF; border-radius:10px; }
div#diaporama div#bas{ position:absolute; height:48px; bottom:0px; left:calc(50% - 110px); width:220px; background:url(charte/bottom.png) left no-repeat; z-index:99; cursor:pointer;}
div#diaporama div#bas a{background:url(charte/bottom-hover.png) left no-repeat; opacity:0; display:block;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-previous: opacity .25s ease-in-out; height:48px; width:220px;}
div#diaporama div#bas:hover a{ opacity:1;}
@media screen and (max-width: 720px) {
div#diaporama .diapo{ position:relative; float:left; width:100%; height:300px; line-height:300px; overflow:hidden; z-index:1;}
div#diaporama .contenudiap{ width:100%; position:absolute; left:0px; height:300px; top:0px; padding:0px 0px 0px 0px; background:url(charte/bg-txt2.png) top left; color:#000000; z-index:999;}
div#diaporama  .contenudiap .texte{ float:right; margin-right:0px;; width:100%; text-align: center;}
	div#diaporama{ float:left; width:100%; height:300px; position:relative; overflow:hidden;}
div#diaporama .diapo .bloc_txt{ width:100%; position:absolute; left:0%; height:300px; top:0px; padding:0px 0px 0px 0px; background:url(charte/bg-txt-diaporama.png) top right; color:#FFFFFF;  display: block; vertical-align:middle; }
	div#diaporama div#next, div#diaporama div#previous, div#diaporama div#bas{  display: none;}
}
/* séparation avec un trait*/
div.separation{ float:left; width:100%; height:10px; display:block; background:url(charte/separation.jpg) center no-repeat;}
div.separation_small{ float:left; width:100%; height:10px; display:block; background: url(charte/separation-horizontale-petite.png) center no-repeat;}
/*Footer*/
div#footer{ float:left; width:100%; text-align:center; background:#303030; color:rgba(255,255,255,1.00);font:14px/20px 'Source Sans Pro', sans-serif; font-weight:300; text-transform:uppercase;}
div#footer a{ color:rgba(255,255,255,1.00);}
div#footer div#footer2, div#footer div#footer2 .textwidget{ color:rgba(255,255,255,1.00);}

@media screen and (max-width: 901px) {div#footer div#footer2{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {div#footer div#footer2{width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {div#footer div#footer2{ width:1200px; margin:auto;}}
/* Menu du footer */
div.menu-menu_footer-container{ float:left; width:100%;}
div.menu-menu_footer-container ul#menu-menu_footer{float:left; width:100%; text-align:center;}
div.menu-menu_footer-container ul#menu-menu_footer li{ float:inherit none; display:inline-table; margin:auto; color:rgba(255,255,255,1.00);}
div.menu-menu_footer-container ul#menu-menu_footer li a{color:rgba(255,255,255,1.00);transition : all 0.2s linear;}
div.menu-menu_footer-container ul#menu-menu_footer li a:hover{color:#62add0;}
/* Balise titre*/
h1{font:26px/32px 'Source Sans Pro', sans-serif; font-weight:300; text-transform:uppercase; color:#303030; text-align:center; background:url(charte/titre.png) top left no-repeat; padding:30px; margin:20px auto 20px auto; width:auto !important; display:inline-table;}
h2{font:22px/27px 'Source Sans Pro', sans-serif; font-weight:300; text-transform:uppercase; color:#303030; text-align:left; background:url(charte/titre.png) top left no-repeat; padding:30px; margin:10px 0px 10px 0px;display:block}
h2.beige{ color:#e9e6e3;font:30px/30px 'Source Sans Pro', sans-serif; font-weight:700; text-transform:uppercase; text-align:left; padding:0px; margin:-25px 0px 10px 0px;display:block;background:none;}
h3{font:16px/20px 'Source Sans Pro', sans-serif; font-weight:600; text-transform:uppercase; color:#303030; text-align:left; padding:30px 30px 0px 30px; margin:10px auto 10px auto; width:auto !important; /*display:inline-table;*/}
h4{font:16px/20px 'Source Sans Pro', sans-serif; font-weight:300; text-transform:uppercase; color:#303030; text-align:center; background:url(charte/titre.png) top left no-repeat; padding:30px; margin:0px auto 0px auto; width:auto !important; display:inline-table;}

/*Div par défaut*/
@media screen and (max-width: 720px) {
	.div100{ float:left; width:100%;}
	.div100_2{ float:left; width:98%; padding:1%;}
	.div60{ float:left; width:100%;}
	.div60_2{ float:left; width:98%; padding:1%;}
	.div50{ float:left; width:100%; overflow:hidden; position:relative;}
	.div50_2{ float:left; width:98%; padding:1%; overflow:hidden;}
	.div40{ float:left; width:100%;}
	.div40_2{ float:left; width:98%; padding:1%;}
	.div30{ float:left; width:100%;}
	.div30_2{ float:left; width:98%; padding:1%;}
	.div30_3{ float:left; width:98%; margin:1%;}
	.div25{ float:left; width:100%;}
	.div25_2{ float:left; width:98%; padding:1%; text-align:center}
	.div100_bg{ float:left; width:100%; background:#e9e6e3;}
	.div100_bg2{ float:left; width:100%; background:#e9e6e3;}
}
@media screen and (min-width: 721px) {
	.div100{ float:left; width:100%;}
	.div100_2{ float:left; width:98%; padding:1%;}
	.div60{ float:left; width:100%;}
	.div60_2{ float:left; width:98%; padding:1%;}
	.div50{ float:left; width:50%; overflow:hidden; position:relative;}
	.div50_2{ float:left; width:48%; padding:1%; overflow:hidden;}
	.div50_2 img{ max-width:100%;}
	.div40{ float:left; width:100%;}
	.div40_2{ float:left; width:98%; padding:1%;}
	.div30{ float:left; width:100%;}
	.div30_2{ float:left; width:98%; padding:1%;}
	.div30_3{ float:left; width:98%; margin:1%;}
	.div75{ float:left; width:100%;}
	.div75_2{ float:left; width:98%; padding:1%;}
	.div25{ float:left; width:50%;}
	.div25_2{ float:left; width:48%; padding:1%; text-align:center}
	.div100_bg{ float:left; width:100%; background:#e9e6e3;}
	.div100_bg2{ float:left; width:100%; background:#e9e6e3;}
}
@media screen and (min-width: 901px) {
	.div100{ float:left; width:100%;}
	.div100_2{ float:left; width:98%; padding:1%;}
	.div60{ float:left; width:60%;}
	.div60_2{ float:left; width:58%; padding:1%;}
	.div50{ float:left; width:50%; overflow:hidden; position:relative;}
	.div50_2{ float:left; width:48%; padding:1%; overflow:hidden;}
.div50_3{ float:left; width:48%; margin:1%; overflow:hidden;}
	.div40{ float:left; width:40%;}
	.div40_2{ float:left; width:38%; padding:1%;}
	.div30{ float:left; width:33%;}
	.div30_2{ float:left; width:31%; padding:1%;}
	.div30_3{ float:left; width:31%; margin:1%;}
	.div75{ float:left; width:75%;}
	.div75_2{ float:left; width:73%; padding:1%;}
	.div25{ float:left; width:25%;}
	.div25_2{ float:left; width:23%; padding:1%; text-align:center}
	.div100_bg{ float:left; width:100%; background:url(charte/bg-txt.png) top center no-repeat;}
	.div100_bg2{ float:left; width:100%; background:url(charte/bg-txt-decale1.png) top center no-repeat;}
	.div100_bg3{ float:left; width:100%; background:#e9e6e3;}}

.div50_block{ float: left; width: 50%;}

/* Class de background*/
.bg_beige{ background:#e9e6e3;}
.bg_blanc{ background:rgba(255,255,255,1.00);}
.bg_bleu{ background:#62add0;}
.corner_rond{ border-radius:5px;}
/*Classes de couleur*/
.txt_blanc{ color:rgba(255,255,255,1.00) !important;}
.txt_bleu{ color:#62add0;}
/*Classes de taille de police*/
.large_up{ font:16px/24px 'Source Sans Pro', sans-serif; font-weight:400; text-transform:uppercase;}
/*Classes de position texte*/
.atleft{ text-align:left;}
.atright{ text-align:right;}
.atcenter{ text-align:center;}
.atjustify{ text-align:justify;}
/*Classes de float*/
.floatleft{ float:left;}.floatright{ float:right;}.floatnone{ float:none;}
/*Classes de padding*/
.pad10{ padding:10px;}.pad5{ padding:5px;}
/*Classes bouton*/
a.bouton1{color:#62add0;font:25px/30px 'Source Sans Pro'; font-weight:300; padding-right:50px; background:url(charte/fleche-bouton.png) right center no-repeat;transition : all 0.2s linear;}
a.bouton1:hover{ padding-right:60px; color:rgba(255,255,255,1.00);}
a.bouton3, button.bouton3, input[type="submit"].send{color:#62add0;font:25px/30px 'Source Sans Pro'; font-weight:600; padding-right:50px; background:url(charte/fleche-bouton.png) right center no-repeat;transition : all 0.2s linear; border:0px;}
a.bouton3:hover, button.bouton3:hover, input[type="submit"].send:hover{ padding-right:60px; color:#918374;}

a.bouton3_bis{color:#62add0;font:25px/30px 'Source Sans Pro'; font-weight:300; padding-left:50px; background:url(charte/fleche-bouton_bis.png) left center no-repeat;transition : all 0.2s linear; border:0px;}
a.bouton3_bis:hover{ padding-left:60px; color:#918374;}
a.bouton2{color:#000000; float:left; margin:auto 10px auto 10px; display:inline-table;transition : all 0.2s linear; min-width:120px;}
a.bouton2:hover{ color:#62add0;}
a.bouton2 span.rond{ background:#918374; text-align:center; border-radius:100px; display:inline-table; margin:auto; height:80px; width:80px; padding:10px; line-height:80px;transition : all 0.2s linear; }
a.bouton2 span.rond img{ max-height:50px; max-width:50px; padding:15px 0px 0px 0px;}
a.bouton2:hover > span.rond{ background:#62add0;}

a.bouton4, button.bouton4{color:#FFFFFF !important;font:20px/25px 'Source Sans Pro'; font-weight:300; display:inline-table; transition : all 0.2s linear; background:#918374;  padding:5px; border-radius:5px;}
a.bouton4_on{color:#FFFFFF !important;font:20px/25px 'Source Sans Pro'; font-weight:300; display:inline-table; transition : all 0.2s linear; background:#62add0;  padding:5px; border-radius:0px;}
a.bouton4.on{color:#FFFFFF !important;font:20px/25px 'Source Sans Pro'; font-weight:300; display:inline-table; transition : all 0.2s linear; background:#62add0;  padding:5px; border-radius:0px;}
a.bouton4:hover, button.bouton4:hover{background:#62add0; }

a.bouton5{color:#FFFFFF;font:16px/20px 'Source Sans Pro'; font-weight:600; background:#62add0;transition : all 0.2s linear; padding:5px; border-bottom:1px dashed #FFFFFF; width:calc(100% - 80px); float:left; position:relative; overflow:visible; padding-left:30px;}
a.bouton5:hover{ background:#918374;}

a.bouton6{color:#FFFFFF;font:16px/40px 'Source Sans Pro'; font-weight:600; background:#62add0;transition : all 0.2s linear; border-bottom:1px dashed #FFFFFF; width:100%; float:left; position:relative; border-radius:5px;}
a.bouton6:hover{ background:#918374;}

a.bouton7{color:#000000;font:20px/40px 'Source Sans Pro'; font-weight:600; background:#FFFFFF;transition : all 0.2s linear; border-bottom:1px dashed #62add0; width:auto; padding: 10px; float:left; position:relative; border-radius:5px;}
a.bouton7:hover{ background:#62add0; color:#000000;}


/* Pour le bouton de retour en haut de page */
div#btn_up{position: fixed;bottom: 15px;right: 25px;cursor: pointer;display:none;z-index:99999; width:50px; height:50px; background:url(charte/btn_up.png); opacity:0.5;transition : all 0.2s linear;}
div#btn_up:hover{ opacity:1;} 

/* Classes diverses*/
.bg_noir{ text-align:center; width:100%; height:100%; float:left;  background-color:rgba(0,0,0,0.60); color:rgba(255,255,255,1.00); position:relative;}
.bg_noir .centrer_vertical{ position: absolute;  top: 50%;   transform: translateY(-50%); width:100%; text-align:center; }
.bg_noir h1{ color:rgba(255,255,255,1.00);}
.centrer_vertical{ position: absolute;  top: 50%;   transform: translateY(-50%); width:100%; text-align:center; }
.vignette_client{ display:inline-table; width:95px; height:95px; overflow:hidden; }
.vignette_client img{ max-height:75px; padding:0px 10px 10px 10px;}

/*Accordéon*/
.accordeon_temoignages{ width:100%; float:left;}
.accordeon_temoignages h3{ border:0px; color:#a09589; text-transform:uppercase; font:13px/15px 'Source Sans Pro', sans-serif; font-weight:700; background:none; text-align:left;}
.accordeon_temoignages div{ border:0px; font:12px/16px 'Source Sans Pro', sans-serif; text-align:left;}
.accordeon_temoignages h3.ui-accordion-header-active{ color:#62add0;}

.accordeon_conseil{ width:100%; float:left;}
.accordeon_conseil h3{ font:20px/30px 'Source Sans Pro', sans-serif; font-weight:600; text-transform:uppercase; color:#303030; text-align:left; padding:30px 30px 0px 30px; margin:10px auto 10px auto; width:auto !important; /*display:inline-table;*/}
.accordeon_conseil div{ border:0px; font:12px/16px 'Source Sans Pro', sans-serif; text-align:left;}
.accordeon_conseil h3.ui-accordion-header-active{ color:#62add0;}

/* Fil d'arianne*/
div#fil{float:left;width:100%;font:12px/16px 'Source Sans Pro', sans-serif; text-align:left;}
div#fil a{width:100%;text-decoration:none;font:12px/16px 'Source Sans Pro', sans-seriff;color:#999;}
div#fil a:hover{color:#62add0;}

/*  Case  */
.service { float:left; display:block; width:100%;}
.service .case{transition : all 0.2s linear; display:block; text-align:center; background:url(charte/bg-trait-rond.png) top right no-repeat; padding:0px 0px 80px 0px;}
.service .case .rond{transition : all 0.2s linear; width:64px; height:64px; border-radius:104px; background:#918374; display:inline-table; text-align:center; padding:15px; margin:5px; }
.service .case .rond img{ max-height:64px;}
.service:hover >  .case .rond { background:#62add0;}
.service:hover{ background:url(charte/fleche-bouton.png) no-repeat center right;}

.case2{transition : all 0.2s linear; display:block; text-align:center; margin-bottom:20px; min-height:200px;}
.case2 .trait{transition : all 0.2s linear; width:64px; height:64px; display:inline-table; text-align:center; padding:15px; margin:5px; border-bottom:5px solid #62add0;}
.case2 .trait img{ max-height:64px;}
.case2:hover > .trait { margin:0px; padding:20px;}

/* pour espace client */

 input[type="text"],  input[type="number"]{margin:15px 15px 15px 0px;font:16px/50px 'Oxygen', sans-serif; height:50px; font-weight:300; text-transform:none; border:0px; background:#e9e6e3; text-align:center; width:40%;}
 textarea{margin:15px 15px 15px 0px;font:16px/20px 'Oxygen', sans-serif; height:50px; font-weight:300; text-transform:none; border:0px; background:#e9e6e3; text-align:center; width:40%;}
 
 div.case_small{ float:left; margin:2px; padding:2px; width:150px; height:150px; border:1px dashed #e9e6e3;transition : all 0.2s linear; text-align:center; vertical-align:middle;}
div.case_small:hover{ border:1px solid #62add0; }


/*
* Fenêtre pop-up ! 
*/

.fenetre_popup{position: fixed; width: 100%; height: 100%; z-index: 9999999; background: rgba(0,0,0,0.80); top: 0px; left: 0px;}
.fenetre_popup .content_popup{ width: 800px; max-width: 100%; height: 600px;max-height: 100%; overflow: scroll; background: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.fenetre_popup .content_popup{height: auto !important;}
.fenetre_popup .content_popup::after{ content: url("charte/icone-carre.png"); height: 116px; width: 22px; position: absolute; top: -58px; left: -11px; z-index: 1;}