/* CSS Document Site https://test.webcreation11.com/- Pages courantes FR template mars 2019
feuille CSS Nicole Vivant - Webcreation11*/
/*<![CDATA[*/

/* -------------------"desktop 2050-------------------------------*/
@media screen and  (min-width:1501px) and (max-width:1920px) {

.moduletable_slider1920{
display:block;
}
.moduletable_slider1500{
display:none;
} 
.moduletable_slider1250{
display:none;
}
.moduletable_slider1020{
display:none;
}
.moduletable_slider800{
display:none;
}
.moduletable_slider450{
display:none;
}
}
/*------------------------ "desktop 1500-----------------------------*/

@media screen and (min-width:1251px) and (max-width:1500px) {
a.tel{
font-size: 1.5em;
}
.borderGrey{
min-height:110px;
}  
.moduletable_slider1920{
display:none;
}
.moduletable_slider1500{
display:block;
} 
.moduletable_slider1250{
display:none;
}
.moduletable_slider1020{
display:none;
}
.moduletable_slider800{
display:none;
}
.moduletable_slider450{
display:none;
}
}

/*-------------------- "desktop 1250-----------------------*/

@media screen and  (min-width:1021px) and  (max-width:1250px) {
.bggrey {
padding: 30px 15px; 
}
.box25 {
width: 50%;
min-width: 200px;
margin: 10px auto;
padding: 10px; 
}
a.tel{
font-size: 1.4em;
}  
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.6em;
line-height: 1.5em; 
}
h2,.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
font-size: 1.5em;
}
h3,.item-page h3, div.blog h3, div.items-leading h3, div.item h3{
font-size: 1.2em;
}
.moduletable_slider1500{
display:none;
}
.moduletable_slider1920{
display:none;
}
.moduletable_slider1250{
display:block;
}
.moduletable_slider1020{
display:none;
}
.moduletable_slider800{
display:none;
}
.moduletable_slider450{
display:none;
}
}

/*---------------------- "desktop 1250--------------------------------------------*/

@media screen and (min-width:751px) and  (max-width:1020px) {
.bggrey {
padding: 30px 15px; 
}
#conteneur_global {  
background: url("../images/bg-header-1020.jpg") no-repeat top center #fff;
}
.flex-act {
  width: 98%;
}
.box25 {
width: 50%;
min-width: 200px;
margin: 10px auto;
padding: 10px; 
}
.borderGrey{
min-height:160px;
}
#coordtop{
top:0;
left:20px;
z-index:10000;
}
a.tel{
font-size: 1.4em;
} 
.moduletable_slider1500{
display:none;
}
.moduletable_slider1920{
display:none;
}
.moduletable_slider1250{
display:none;
}
.moduletable_slider1020{
display:block;
}
.moduletable_slider800{
display:none;
}
.moduletable_slider450{
display:none;
}
h1, .item-page h1, div.blog h1, div.items-leading h1 { 
font-size: 2.1em;
line-height:1.3em;
}
}
/* ------------------------------------------------------*/


@media screen and (min-width:750px) and (max-width:870px) {
#jawnav > ul > li > a {
padding: 13px 18px !important;  
}
ul { 
margin-left:0 !important;  
}
}
/* --------------------------------------------------------- */
@media screen and (min-width:450px) and (max-width:750px) {
a.tel{
font-size: 1.4em;
} 
#jawnav > ul { 
margin-left:0px!important;  
}

#TelTop {
top:20px;
left:75%;
}
.moduletable_slider1500{
display:none;
}
.moduletable_slider1920{
display:none;
}
.moduletable_slider1250{
display:none;
}
.moduletable_slider1020{
display:none;
}
.moduletable_slider800{
display:block;
}
.moduletable_slider450{
display:none;
}
.item-page h1, div.blog h1, div.item.blog h1, div.contact h1, h1.componentheading, div.moduletable_book h3 {
font-size: 1.5em;
line-height: 1.3em; 
}
.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
font-size: 1.2em;
line-height: 1.5em;
}
h3,.item-page h3, div.blog h3, div.items-leading h3, div.item h3{
font-size: 1.1em;
}
.flex-act {
width: 98%;
}

}


/* tablettes 980 */

/* tablettes 720 */




@media (max-width: 720px) { 
body {
padding-right: 0;
padding-left: 0;
}
#conteneur_global {  
background: url("../images/bg-header-720.jpg") no-repeat top center #fff;
}
#coordtop{
top:20px;
left:50%;
margin-left:-80px;
}
a.tel{
font-size: 1.4em;
}

.bggrey { 
background: #eee5e9;
padding:0; 
}
.box25, .box50 {
width: 100%;
min-width: 200px;
margin: 10px auto;
padding: 10px 5px; 
}
.imgBox { 
border: solid 1px #513141;
padding: 25px;
}
.flex-act {
width: 98%;
}
form#contact-form button {
margin: auto;
} 
}


/* tablettes 640 */
 
@media (max-width: 640px) {
body {
font-size: 15px;
line-height:15px;
}
#conteneur_global {  
background: url("../images/bg-header-720.jpg") no-repeat top center #fff;
}
box50 {
width: 100%;
margin: 10px auto;
}
box50 p{
padding: 0 10px; 
margin:0; 
 }
div[itemprop="articleBody"] {
padding: 0 ;
}
div#coordtop h2{
font-size: 1.6em;
margin:0;
padding-left: 30px;
padding-top:25px;
padding-bottom:20px!important;
}
div#coordtop h2.kastera::before,div#coordtop h2.oppah::before  {
left: -15px;
}
div.contact h3, .panel a span, legend {
display: inline;
font-size: 1.2em;
padding: 5px 0 10px 40px; 
}
.moduletable_left{
float:none;
width:100%;
}
.item-page h1, div.blog h1, div.item.blog h1, div.contact h1, h1.componentheading, div.moduletable_book h3 {
font-size: 1.7em;
line-height: 1.6em;
padding:00;
}
.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
font-size: 1.6em;
line-height: 1.5em;
padding:00;
margin:0;
}
h2::before, h2::after{
display:none;
}
h3, .item-page h3, div.blog h3, div.items-leading h3 , h2, .item-page h2, div.blog h2, div.items-leading h2{
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0;
margin:0;
}
.mobilesOnly {
visibility: visible;
}
.desktopOnly {
visibility:hidden;
}
#whatsappTop {
    position: absolute;
    overflow: hidden;
    top: 30px;
    left: 10%;
    margin: 0;
}
#whatsappTop img{
width:70%;
height: 70% ;
}
}


       
/* Landscape phones and down */

   
@media (max-width:480px) {

#coordtop{
top:20px;
left:0;
margin-left:0;
}
a.tel{
font-size: 1.2em;
}
.moduletable_slider1500{
display:none;
}
.moduletable_slider1920{
display:none;
}
.moduletable_slider1250{
display:none;
}
.moduletable_slider1020{
display:none;
}
.moduletable_slider800{
display:none;
}
.moduletable_slider450{
display:block;
}
#jawnav > ul { 
margin-left:0px!important;  
}
h2[itemprop="headline"] {
line-height:1.8em;
}
.content980 { 
padding: 10px;
}
div[itemprop="articleBody"]{
padding:0 8px;
border:none;
margin: 10px auto;
}  
.superposeTxt{  
font-size: 1.5em; 
} 
.box33,.box50,.box60{
width:100%;
} 
.box60 p,.box46 p,.box50 p,.box33 p,.box25 p,.box20 p{
font-size: 0.95em;
margin:0;
padding:8px;
}
h1,.item-page h1, div.blog h1, div.item.blog h1, div.contact h1, h1.componentheading, div.moduletable_book h3 {
font-size: 1.4em;
line-height: 1.5em;
padding-top:5px;
}
h2,.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
font-size: 1.1em;
padding:0 5px;
margin:0;
}
h3, .item-page h3, div.blog h3, div.items-leading h3{
font-size: 1.1em;
line-height: 1.6em;
padding: 0 10px;
margin:0;
}
.item-page p{
font-size: 0.95em;
}
.contact{
padding:0;
}
.control-label label{
margin:0;
font-size:0.70em;
min-width:50px;
}
élément {

}
form#contact-form input, form#contact-form textarea {    
    max-width: 200px;
    padding: 5px;
    margin: 10px 0;
}
form#contact-form button{
margin-left:80px;
}
.moduletable_left{
float:none;
width=100%;
} 
.mobilesOnly {
visibility: visible;
}
.desktopOnly {
visibility:hidden;
}  
#jawnav {
background: #513141!important;
}
.bggrey { 
background: #eee5e9;
padding:0; 
}
.box25, .box50 {
width: 100%;
min-width: 200px;
margin: 10px auto;
padding: 10px 5px; 
}
.imgBox { 
border: solid 1px #513141;
padding: 25px;
}
#jawnav #menu-button {
color:#E5C0BD !important; 
} 
#jawnav #menu-button::before {  
border-top: 2px solid #E5C0BD!important; 
border-bottom: 2px solid #E5C0BD!important; 
}
#jawnav #menu-button::after { 
background:#E5C0BD!important;  
}
#scroll {
width: 30px;
height: 30px;
}
#whatsappTop {
    position: absolute;
    overflow: hidden;
    top: 30px;
    left: 10%;
    margin: 0;
}
#whatsappTop img{
width:70%;
height: 70% ;
}
}

/* Phones 400 - 320 */

/*---------------------------------------------------------------------------------------------*/