/*
Theme Name: Doc en stock
Text Domain: twentytwenty
/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto&display=swap');

html,
body {
	border: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	position:relative;
}
blockquote{
font-size: 2rem;
}
blockquote:before{
display:block;
content:open-quote;
font-size:5rem;
position:absolute;
left: -26px;
top: -12px;
}
blockquote:after{
display:block;
content:close-quote;
font-size:5rem;
position:absolute;
right: 5px;
bottom: -33px;
}

IMG{
max-width:100%;
height:auto;
}
.featured-media{
margin:0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.alignleft{
float:left;
margin:0 1.5rem 0 0;
}
.alignright{
float:right;
margin:0 0 0 1.5rem ;
}
/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background:#cce3d9;
	box-sizing: border-box;
	color: #000;
	font-size: 1.8rem;
	text-align: left;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

#site-content {
	overflow: hidden;
}


/* Clearing ---------------------------------- */

.group::after,
.entry-content::after {
	clear: both;
	content: "";
	display: block;
}


/* Base Transitions -------------------------- */

a,
path {
	transition: all 0.15s linear;
}


/* Screen Reader Text ------------------------ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}









.grid {
  overflow: hidden;
}
/* global styles for direct child ex. .grid3 */
.grid > * {
  display: block;
  padding: 0;
  /* gutter value */
  margin-left: -20px;

}
/* global styles for each "cell" */
.grid > * > * {
  display: inline-block;
  /* gutter value */
  padding-left: 20px;
  margin-left: 0;
  vertical-align: top;
}
/* whitespace fixing for modern browsers including IE9+ */
:root .grid {
  font-size: 0;
  /* fallback for IE9+ */
  text-justify: distribute-all-lines;
}
:root .grid > * > * {
  /* fallback for Opera Mini */
  font-size: 14px;
  font-size: 1.4rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
  word-spacing: -0.43em;
}
.grid2 > * {
  width: 49%;
}
.grid3 > * {
  width: 33.333%;
}
.grid4 > * {
  width: 25%;
}
.grid5 > * {
  width: 20%;
}
.grid6 > * {
  width: 16.667%;
}
.grid8 > * {
  width: 12.5%;
}
.grid10 > * {
  width: 10%;
}
.grid12 > * {
  width: 8.333%;
}
/* unequal grids (1-2, 2-1, 1-3 and 3-1) for 2 blocks */
.grid2-1 > *:first-child,
.grid1-2 > * + * {
  width: 66.666%;
}
.grid1-2 > *:first-child,
.grid2-1 > * + * {
  width: 33.333%;
}
.grid1-3 > *:first-child,
.grid3-1 > * + * {
  width: 25%;
}
.grid3-1 > *:first-child,
.grid1-3 > * + * {
  width: 75%;
}

@media (min-width: 481px) and (max-width: 768px) {
/* grid rwd for small screens */
  .grid3 > *,
  .grid4 > *,
  .grid5 > *,
  .grid6 > *,
  .grid8 > *,
  .grid10 > *,
  .grid12 > * {
    width: 50%;
  }
}
  
 @media (max-width: 480px) {
  /* grid rwd for tiny screens */
  .grid > * > * {
    width: 100% !important;
  }
}  

/* ------------------------------------ */
/*    CSS DOC EN STOCK  */
/* ------------------------------------ */

.centrer {
width:100%;
max-width:1300px;
position:relative;
margin:0 auto;
}
article, .article{
width:100%;
max-width:800px;
position:relative;
margin:0 auto;
}
#site-content{
padding-top:20px;
}
.zone{
position:relative;
width:75%;
padding:0 50px 10px 0;
float:left;
overflow: hidden;
}
.colonne{
position:relative;
width:25%;
padding:0 10px;
float:left;
}
.nettoyeur{
clear:both;
}
nav{
position: relative;
}	

/* BANDEAU HEADER */
#site-header {
	background: #e5f1ec;
	position: relative;
	margin:0 auto;
	padding:0 0 20px 0;
	z-index: 3;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}

.barre_menu{
background:white;
height:1px;
}
.custom-logo{
display:inline-block;
width:40%;
max-width:181px;
padding:0;
height: auto;
margin: 10px 0 0 30px;
}

#btmenu{
display:none;
position:absolute;
right: 24px;
top: 31%;
text-decoration: none;
border: 1px solid #b7b7b7;
padding: 9px 8px;
line-height: 1;
text-transform: uppercase;
color:white;
}

/* MENU NAVIGATION  ---------------------------------- */
.reset-list-style{
margin:0;
padding: 0;
}
.menu_primaire{
position:absolute;
top:60px;
left:270px;
font-family: 'Montserrat', sans-serif;
border-bottom:2px solid #dd3810;
width:calc(100% - 310px);
z-index:100;
}

.menu_primaire li{
margin:0;
padding:0 !important;
display: inline;
position: relative;
}

.menu_primaire a {
display:inline-block;
color: #001f26;
line-height: 1.2;
text-decoration: none;
word-break: normal;
word-wrap: normal;
font-size: 1.6rem;
padding:10px 2%;
font-weight:700;
border-bottom:1px solid #e5f1ec;
}
.menu_primaire a:hover{
background:#cce3d9;
text-decoration:none;

}

.menu_primaire .current_page_ancestor{
text-decoration:none;
}
.menu_primaire li.current-menu-item > a{
text-decoration:none;
}
.menu_primaire .icon{
display:none;
}

ul.sub-menu{
display:none;
position:absolute;
width: 31rem;
top: 35px;
left:0;
border-radius:0;
background:#cce3d9;
padding:0;
z-index:100;
}

.menu_primaire a:hover ul.sub-menu{
display:block !important;
position:absolute;
}

ul.sub-menu li{
margin:2rem 2.5rem;
display:block;
}
ul.sub-menu a{
display:inline;
font-size:1.8rem;
text-transform:none;
font-weight:normal;
letter-spacing: 0;
padding:0 0 6px 0;
line-height:1.5;
animation: popIn both 0.3s 0.2s;
font-weight:medium;
font-family: 'Roboto', sans-serif;
border:0 none;
}

ul.sub-menu a:hover{
box-shadow: #cc1305 0 -1px inset;
background:transparent;
color:#001f26 !important;
}
ul.sub-menu a:hover:after{
display: none;
}
ul.sub-menu li.menu-item-has-children:hover > ul,
ul.sub-menu li.menu-item-has-children:focus > ul,
ul.sub-menu li.menu-item-has-children.focus > ul {
	left: 0;
	}

	
	
/* MENU INTRANET */

.menu_intranet{
position:absolute;
top: 110px;
  left: 430px;
  font-family: 'Montserrat', sans-serif;
  width: 790px;
}

.menu_intranet li{
margin:0;
padding:0 !important;
display: inline;
position: relative;
}

.menu_intranet a {
display:inline-block;
color: #001f26;
line-height: 1.2;
text-decoration: none;
word-break: normal;
word-wrap: normal;
font-size: 1.6rem;
padding:10px 2%;
font-weight:700;
border-bottom:1px solid #e5f1ec;
}
.menu_intranet a:hover{
background:#cce3d9;
text-decoration:none;

}	
	
.intranet li{
background: #fad2c8;
}	
	
	
	
	
	
#bt_recherche{
position:absolute;
right:10px;
top:4px;
padding:0;
margin:0;
}	
#bt_recherche:hover{
background:transparent;
border:0 none;
}	

#panneau_recherche{
display:none;
height: 61px;
padding: 0 19px;
background: white;
z-index:110;
}
#bt_close{
position:absolute;
right: 17px;
top: 14px;
padding:0;
margin:0;
border:0 none;
}
#bt_close:hover{
border:0 none;
background:transparent;
}
#petit_slogan{
color:#90aeac;
font-size:1.8rem;
font-style:italic;
position:absolute;
top:111px;
left:270px;
}

#submit_recherche{
color:#CC1305;
background:white;
text-transform:uppercase;
font-weight:bold;
font-family:'Montserrat';
}

.bnfw-subscription-form h3{
display:none;
}

.bnfw-subscription-form-table{
width:400px;
}
.bnfw-subscription-form-table label{
margin: 2px 0 7px 0;
}
.bnfw-subscription-form-table br{
display:none;
}
/* MENU PRINCIPAL SMARTPHONE   ---------------------------------- */
.menu-modal{
display:none;
background:black;
width:100%;
padding:0 0 30px 0;

}
.modal-menu A{
display:block;
color:white !important;
padding:11px 15px;
font-size:1.8rem;
cursor:pointer;
text-align: center;
border-bottom:1px solid #777777;
text-decoration:none;
text-transform:uppercase;

}
.menu-modal .sub-menu-toggle{display:none;}

.menu-modal ul.sub-menu{
position:relative;
width:100%;
top: 0px;
left: 17px;
}
.menu-modal ul.sub-menu a{
text-decoration:none;
font-size:1.5rem;
text-transform:none;
}

.menu-modal .menu_secondaire{
position:relative;
right:0;
padding:20px;
text-transform:none;

}
.menu-modal .menu_secondaire A{
text-transform:none;

}
.modal-menu li.menu-item{
padding:0 50px;
}


/* MENU PIEDS DE PAGE   ---------------------------------- */
.site-footer{
padding: 40px 0;
background:#ee9b87;
text-align:center;
}
.site-footer .titre{
text-transform:uppercase;
font-size:2rem;
text-align:center;
padding:0 0 40px 0;
font-weight: bold;
}
.site-footer .titre:after{
content: " ";
display: block;
background: black;
width: 40px;
height: 3px;
position: absolute;
left: calc(50% - 20px);
bottom: 20px;
}
.menu_pieds{
padding:0;
}

.menu_pieds  li{
display: block;
}
.menu_pieds A{
display: block;
font-size:1.4rem;
text-decoration: none;
margin:10px 0px;
font-family: 'Roboto', sans-serif;
}
.menu_pieds A:hover{
text-decoration: none;
}
#site-footer A{
display: inline-block;
color: white !important;
margin:2rem 3rem;
text-decoration: none;
}

#site-footer {
margin-top: 30px;
background:transparent;
}
/* HOMEP PAGE    ---------------------------------- */
.bandeau_home{
padding:0;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
z-index: 2;
position: relative;
background:#e5f1ec;
}
.bandeau_home .grid .grid2 div{
background:#e5f1ec;
color:#0f6175;
line-height:3rem;
font-size:1.6rem;
font-family:'Montserrat';
font-style:italic;
padding:0 40px 20px 30px;
}
.bandeau_home .grid .grid2 div:first-of-type{
font-size:2.3rem;
line-height:3.5rem;
font-family:'Montserrat';
font-weight:700;
text-transform:uppercase;
font-style:normal;
color:black;
text-style:none;
padding:0 0 20px 73px;
}

.logo_financeurs, .logo_partenaires{
text-align:center;
max-width:980px;
}
.logo_financeurs .titre, .logo_partenaires .titre{
text-align:left;
font-size:1.2rem;
border-bottom:1px solid #4b8998;
margin:0 0 20px 0;
}
.logo_financeurs img{
width:auto;
height:100px;
margin: 10px 20px;
}
.logo_partenaires img{
width:auto;
height:60px;
margin: 10px 20px;
}
.lien_article_home{
display:block;
background:#cce3d9;
margin:0 0 10px 0;
text-decoration:none;
position:relative;
box-shadow: 0px 0px 6px 0px rgba(2, 2, 2, 0.2);
-moz-box-shadow: 0px 0px 6px 0px rgba(2, 2, 2, 0.2);
-webkit-box-shadow: 0px 0px 6px 0px rgba(2, 2, 2, 0.2);
}

.lien_article_home:hover{
box-shadow: 0px 0px 9px 0px rgba(2, 2, 2, 0.2);
-moz-box-shadow: 0px 0px 9px 0px rgba(2, 2, 2, 0.2);
-webkit-box-shadow: 0px 0px 9px 0px rgba(2, 2, 2, 0.2);
}

.lien_intranet{
background: #fad2c8;
}
.lien_article_home .vignette{
width:150px;
overflow:hidden;
display:table-cell;
vetical-align:middle;
float:left;
padding: 20px;
}
.lien_article_home .titre{
color:#0f6175;
font-size:1.8rem;
text-transform:uppercase;
font-weight:bold;
padding: 10px 10px 0 170px;
position:unset;
}
.lien_article_home .titre:after{
content:"";
position:absolute;
background:white;
height:100%;
width:2px;
left:149px;
top:0;
}
.lien_article_home .intro{
font-size:1.2rem;
padding: 0 10px 10px 170px;
font-style:italic;
}
.colonnes2{
display:grid;
grid-template-columns: 1fr 1fr;
column-gap : 39px;
row-gap : 20px;
}
.sommaire{
display:none;
}
/* QUESTIONS---------------------------------- */
.liste_questions{
position:relative;
width:100%;
height:600px;
max-width:980px;
margin:20px auto;
}
.lien_question{
position:absolute;
display:block;
padding:20px;
border:1px solid #f1f1f1;
border-radius:12px;
box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.2);
-moz-box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.2);
-webkit-box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.2);
font-style:italic;
text-decoration:none;
z-index:2;
}
.lien_question:hover{
border:1px solid #d9d9d9;
border-radius:12px;
box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.5);
-moz-box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.5);
-webkit-box-shadow: 0px 0px 15px 8px rgba(183, 183, 183, 0.5);

}
.lien_question:after{
content:" ";
z-index:1;
background: url(/wp-content/themes/Doc_en_stock/assets/images/coin.png) no-repeat center center transparent;
width: 49px;
height: 26px;
position:absolute;
left:100%;
top:50%;
}
.q167{
top:1%;
left:1%;
width:20%;
}
.q321{
top: 0;
left: 25%;
width: 40%;
}
.q450{
top:2%;
left:70%;
width:27%;
}
.q367{
top: 25%;
left: 4%;
width: 25%;
}
.q428{
top: 21%;
left: 33%;
width: 25%;
}
.q465{
top: 23%;
left: 65%;
width: 22%;
}
.q463{
top: 52%;
left: 2%;
width: 24%;
}
.q462{
top: 43%;
left: 32%;
width: 30%;
}
.q464{
top: 64%;
left: 30%;
width: 34%;
}
.q466{
top: 49%;
left: 67%;
width: 24%;
}
.q367:after,.q466:after{
left:-48px;
top:60%;
transform:rotate(180deg);
}
.q464:after{
left: 23%;
top: -36px;
transform:rotate(-90deg);
}
.q4504 {
  top: 73%;
  left: 71%;
  width: 24%;
}
.q4504:after{
left: -21%;
  top: 25px;
  transform: rotate(-160deg);
}
@media screen and (max-width: 1000px) {
	.colonnes2{
	grid-template-columns: 1fr;
	column-gap : 20px;
	row-gap : 20px;
	}
	#petit_slogan {
    top: 44px;
    left: 244px;
    width: 40%;
	}
}

@media screen and (max-width: 830px) {
	.liste_questions{
	height:700px;
	}
	.q167{
	top:1%;
	left:1%;
	width:28%;
	}
	.q321{
	top: 0;
	left: 50%;
	width: 40%;
	}
	.q450{
	top: 18%;
	left: 9%;
	width: 27%;
	}
	.q367{
	top: 17%;
	left: 47%;
	width: 39%;
	}
	.q428{
	top: 35%;
	left: 3%;
	width: 27%;
	}
	.q465{
	top: 36%;
	left: 54%;
	width: 35%;
	}
	.q463{
	top: 52%;
	left: 8%;
	width: 36%;
	}
	.q462{
	top: 53%;
	left: 52%;
	width: 30%;
	}
	.q464{
	top: 71%;
	left: 3%;
	width: 34%;
	}
	.q466{
	top: 70%;
	left: 49%;
	width: 30%;
	}
}
@media screen and (max-width: 600px) {
	#petit_slogan {
    display:none;
	}
	.liste_questions{
	height:auto;
	}
	.lien_question:nth-child(2n+1){
	position:relative;
	left:5%;
	top:auto;
	width:80%;
	margin:10px 0;
	}
	.lien_question:nth-child(2n){
	position:relative;
	left:15%;
	top:auto;
	width:80%;
	margin:10px 0;
	}
	.lien_question:nth-child(2n):after{
	right:100%;
	left:auto;
	top:50%;
	transform:rotate(180deg);
	}	
	.q464:after, .q4504:after {
    left: 100%;
    top: auto;
    transform: rotate(0);
	}
	.bandeau_home .grid .grid2 div:first-of-type {
    font-size: 1.8rem;
    line-height: auto;
	}
}
/* MAIN, TITRAGE et TEXTE---------------------------------- */
main{
background:white;
padding: 30px 50px 20px 50px;
}
H1, H1.entry-title{
position:relative;
font-size:2.7rem;
text-transform:uppercase;
margin:15px 0 25px 0;
padding:0;
max-width:1000px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
color:#0f6175;
}
H1.rouge,.rouge{
color:#dd3810;
}
H2{
margin:2.5rem 0 1.5rem 0;
font-size:2.2rem;
text-transform:uppercase;

}
H3{
margin:2rem 0 1.3rem 0;
font-size: 2rem;
color:#cc1305;
font-weight:bold;
}
H4{
font-weight:bold;
font-size:2.3rem;
text-transform:none;
margin:2rem 0;
}
p{
margin:1rem 0;
	line-height: 1.5;
}


.texte{

font-size:1.8rem;
margin:0 0 3rem 0;
max-width:1000px;
position:relative;
}
A{
color:black;
cursor:pointer;
}

li{
margin:10px 0;
}
p.gris{
font-size:1rem;
color:#A0A0A0;
}


/* PAGINATION   --------------------------------- */
.pagination{
text-align:center;
}
.pagination A{
color:gray;
display:inline-block;
padding:1rem;
margin:2rem;
font-size:2rem;
text-decoration:none;
}


/* LISTE  ---------------------------------- */

.lien_article{
display: block;
padding: 20px 0;
text-decoration:none;
position:relative;
width:100%;
margin: 20px 0;
}
}
.lien_article:after{
content: " ";
border: 1px solid #0f6175;
position: absolute;
bottom: 0;
margin: 0 35%;
width: 30%;
}
.lien_article:hover{
background:#e5f1ec;
}
.vignette{
width:10%;
overflow:hidden;
border-right:1px solid white;
display:block;
vetical-align:middle;
float:left;
min-height: 50px;
}
.vignette_centrale{
display:block;
vertical-align:middle;
text-align:center;
width:10%;
float:left;
min-height: 50px;
}
.vignette_centrale img{
max-height:100px !important;
width:auto !important;
max-width:100% !important;
}
.savoirplus{
display:block;
vertical-align:middle;
text-align:right;
width:15%;
float:left;
}
.savoirplus span{
display:inline-block;
color:#0f6175;
border:1px solid #0f6175;
border-radius:10px;
padding:5px 15px;
background:white;
margin:10px;
text-align:center;
}

A.lien_article .titre,.lien_article .titre,.lien_article .titre A{
display:block;
float:left;
color:#0f6175;
font-size:2rem;
text-transform:uppercase;
width: 65%;
font-weight:bold;
padding: 0 10px 0 20px;
}
.lien_article .titre A{
float:none;
text-decoration:none;
width: 100%;
font-weight:bold;
margin:0 0 15px 0;
}
A.lien_article .introduction,.lien_article .introduction, .introduction{
color:black;
font-size:1.5rem;
text-transform:none;
font-weight:normal;
}
.tag{
display:inline-block;
color:black;
border:1px solid #f2b4a5;
border-radius:10px;
padding: 4px 8px 1px 10px;
text-transform: uppercase;
background: white;
font-size: 1.1rem;
margin: 0 10px 6px 0;
}
.niveau{
border:1px solid #cce3d9;
}
.filtre{
position:relative;display:inline-block;
}
.filtre A{
position:relative;display:inline-block;border:1px solid #ee9b87;
padding:10px 50px 10px 10px;
border-radius:5px;
background:url(/wp-content/themes/Doc_en_stock/assets/images/puce.png) no-repeat 95% center;
margin:10px 30px 10px 0;
}
.filtre.inverse A{
border:1px solid #cce3d9;
}
.filtre div{
display:none;
position:absolute;top: 52px;
  left: 14%;
  border:1px solid #ee9b87;
border-radius:5px;
width:250px;
padding:10px;
background:white;
z-index:10;
}
.filtre.inverse  div{
border:1px solid #cce3d9;
}
.filtre div A,.filtre.inverse div A{
text-decoration:none;
display:block;border:0 none;
background:white;
padding:2px 0 2px 30px;
}
.filtre.inverse div A:hover{
background:url(/wp-content/themes/Doc_en_stock/assets/images/puce3.png) no-repeat 5px center white;
}
.filtre div A:hover{
background:url(/wp-content/themes/Doc_en_stock/assets/images/puce2.png) no-repeat 5px center white;
}

/* FORMULAIRE  ---------------------------------- */
.nf-form-fields-required{
margin:10px 0 30px 0;
}

label {
display: block;
font-weight: 700;
font-size: 16px;
float: none;
line-height: 1.3;
margin: 21px 0 7px 0;
padding: 0;
}
form{
margin:10px 20px 50px 20px;
}

.selectmenu SELECT{
	 background: transparent;
	width: 120%;
	padding: 6px 0 5px 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 28px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
}
div.selectmenu{
float:none !important;
	display:inline-block;
	position:relative;
	top:15px;
	margin:5px;
	padding:0;
	width:100%;
	max-width: 300px;
	height: 30px;
	overflow: hidden;
	background: url(/wp-content/themes/WCADP/assets/images/sprite.png) no-repeat 0 -280px white;
	border-bottom:2px solid black;
}
textarea{
border:1px solid #cc1305;
width:100%;
border-radius:10px;
padding: 10px;
  font-size: 1.8rem;
}
}

SELECT{
font-size:1.5rem;
background:
#0f6175;
  color: white;
  height: 40px;
  border-radius:
10px;}
INPUT{
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display:inline-block;
float: none;
border:1px solid #cc1305;
border-radius:10px;
padding: 10px;
  font-size: 1.8rem;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
}
INPUT[type=radio],INPUT[type=checkbox]{
border:1px solid #555555;
width:auto;
max-width:600px;
height:auto;
margin:5px 15px 5px 0;
padding:5px 10px;
float:left;
}
INPUT[type=submit], BUTTON{
width:auto;
display:inline-block;
border:0 none ;
color:white ;
font-family:'Roboto Slab', arial ;
padding: 5px 15px ;
margin: 20px 0 ;
background:#0f6175 ;
font-weight:bold;
border-radius:50px;
}
.bouton{
width:auto;
display:inline-block;
border:1px solid black ;
border-radius:15px;
color:black;
font-family:'Roboto Slab', arial ;
padding: 5px 15px ;
margin: 10px 0 ;
text-decoration:none;
font-weight:600;;
}
#btespace{
width: auto;
  display: inline-block;
  background:
#fad2c8;
  border-radius:
5px;
border:1px solid #e5f1ec ;
  color: black;
  font-family: 'Roboto Slab', arial;
  padding:
5px 10px;
  margin:
10px 0;
  text-decoration:
none;
  font-weight: 600;
  position: absolute;
  right: 38px;
  top: 10px;
  font-size: 1.2rem;
}

.bouton_lien{
width:auto;
display:inline-block;
border:1px solid black ;
border-radius:15px;
color:black;
font-family:'Roboto Slab', arial ;
padding: 5px 15px ;
margin: 10px 0 ;
text-decoration:none;
font-weight:600;;
}
LI.wpuf-el{
	list-style:none;
}

/* COMMENTAIRES  ---------------------------------- */
.comments-area{
position:relative;
padding: 0 20px;
margin:20px 0;
background:#f0f7f4;
}
.comment-list{
background:#f0f7f4;
border-radius:10px;
padding:20px;
}
li.comment{
list-style: none;
}
.children{
margin: 0 0 30px 0;
}
.children li{
border-left:1px solid #0f6175;
padding: 0 0 0 20px;
margin: 0 0 20px 0;
}
.comment .fn {
font-weight:bold;
font-style: normal;
}
.comment   time{
color:#999999;
font-size:1.4rem;
text-decoration:none;
}
.comment-metadata A{
text-decoration:none;
}
.comment-reply-link, #cancel-comment-reply-link{
width:auto;
display:inline-block;
border:1px solid #0f6175;
border-radius:50px;
color:#0f6175 ;
font-family:'Roboto Slab', arial ;
font-size:1.6rem;
padding: 5px 15px ;
margin: 0 0 20px 0;
background:white ;
font-weight:bold;
text-decoration:none;
}
#cancel-comment-reply-link{
float:right;
}
.children .comment-reply-link{
font-size:1.3rem;
margin: 0 0 0px 0;
}
.children .comment-content{
text-decoration:italic;
font-size:1.4rem;
}

.comment-form-url{
display:none;
}

@media screen and (max-width: 1250px) {
	.menu_primaire a {
	padding:20px 5px;
	}
}
@media screen and (max-width: 1080px) {
	.zone{
	width:65%;
	}
	.colonne{
	width:35%;
	}
	#btmenu{display:block;
	cursor:pointer;
	}
	#site-header nav, .outils_header,.menu_secondaire{display:none;
	}
	.bandeau_home div{
	width:100%;
	padding: 2px 5px !important;
	margin: 0;
	}
	.sommaire{
	display:block;
	margin:30px 0 0 0;
	}
}
@media screen and (max-width: 800px) {
	.vignette_centrale{
	width:25%;
	}
	A.lien_article .titre{
	padding: 0 10px;
	}
	.savoirplus{
	text-align:center;
	width:100%;
	float:none;
	overflow: hidden;
	}

}
@media screen and (max-width: 550px) {
main {
    background: white;
    padding: 30px 3% 20px 3%;
}
	.bandeau_home{
	padding:0;
	}
	.vignette{
	display:none;
	}
	.vignette_centrale{
	width:100%;
	float:none;
	min-height: auto;
	}

	A.lien_article .titre{
	float:none;
	width: 100%;
	}		
}
A.next, A.prev{display:inline-block;}

.has-drop-cap:not(:focus)::first-letter {
    float: none;
    font-size: 2rem;
    line-height: inherit;
    font-weight: normal;
    margin: 0;
    text-transform: none;
    font-style: normal;
}