/* CSS Document Site https://marabout-harona-medium-guerisseur.com - Pages courantes FR template JMars 2018
feuille CSS Nicole Vivant - Webcreation11*/
/*<![CDATA[*/
 
/* "desktop 1500*/

@media (max-width: 1500px) {

#slogan {
position: absolute;
top:300px;
left: 1%;  
color:#FFD24D;
z-index:1000; 
}
.slideText p{
font-size:1.4em;
line-height: 1.4em;
}
div.moduletable_slide1{
display:none;
}
div.moduletable_slide1200{
display:block;
}
div.moduletable_slide1025{
display:none;
}
div.moduletable_slide720{
display:none;
}
}

/* "desktop 1250*/

@media (max-width: 1250px) {
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.5em;
line-height: 1.5em; 
}
#slogan {
position: absolute;
top:240px;
left: 1%;  
color:#FFD24D;
z-index:1000; 
}
.slideText p{
font-size:1.2em;
line-height: 1.3em;
}
div.moduletable_slide1{
display:none;
}
div.moduletable_slide1200{
display:block;
}
div.moduletable_slide1025{
display:none;
}
div.moduletable_slide720{
display:none;
}
}


/* 15"desktop */

@media (max-width: 1025px) {
#gruemenu.top > ul > li > a {
padding: 20px 12px;
font-size:0.85em;
}
div.moduletable_slide1{
display:none;
}
div.moduletable_slide1200{
display:none;
}
div.moduletable_slide1025{
display:block;
}
div.moduletable_slide720{
display:none;
} 
} 


/* tablettes 980 */

/* tablettes 720 */




@media (max-width: 720px) { 
body {
padding-right: 0;
padding-left: 0;
}
.slideText{
display:none;
} 
div#coordtop{
position: absolute;
top:15px;
margin-left:10px;
}
#gruemenu.top > ul > li > a {
padding: 20px 8px;
font-size:0.85em;
}
div.moduletable_slide1{
display:none;
}
div.moduletable_slide1200{
display:none;
}
div.moduletable_slide1025{
display:none;
}
div.moduletable_slide720{
display:block;
}
}




/* tablettes 640 */

@media (max-width: 640px) {
body {
font-size: 15px;
line-height:15px;
}

#texte.large, .panel{
padding:0 10px;
background: none;
}
div.contact h3, .panel a span, legend {
display: inline;
font-size: 1.2em;
color: #6e1a27; 
padding: 5px 0 10px 40px; 
}
.moduletable_left{
float:none;
width=100%;
}
.item,.item-page, .blog, div.blog p, div.items-leading p,.item p,.remind,.moduletable_secteurs{
margin-left: 0;
margin-right: 0;
padding-right: 12px;
padding-left: 12px;
}
.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.4em;
line-height: 1.5em;
}
}
        
/* Landscape phones and down */
    
@media (max-width: 480px) {

div#coordtop{
position: absolute;
top:12px;
margin-left:-30px;
}
div#tel a{
padding: 10px 10px; 
}
div.bg-tel{
width: 220px;
}
div.orange{
padding: 15px 0;
}
div.beigeclair {
margin: 10px auto;
padding: 10px;
} 
div[itemprop="articleBody"]{
padding:0;
background: none;
}
div.beige-f{
margin-right:0;
}
div.contact h3, .panel a span, legend {
display: inline;
font-size: 1.2em;
color: #6e1a27; 
padding: 15px 0 10px 5px; 
}
.rond p{
width: 60%;
padding:0;
padding-left: 10px;
}
.box33{
width:31%; 
min-width:250px; 
margin:25px 1% 0 15px;
padding-bottom: 10px;
}
.box33 h3{
text-align:center !important;
color:#FFD24D;
font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-transform: uppercase;
}
.rond{
width: 50px;
height:50px;
border-radius:50%;
margin: 0 auto;
background: -moz-linear-gradient(top,  #063d67 0%, #8bb8db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #063d67 0%,#8bb8db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #063d67 0%,#8bb8db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063d67', endColorstr='#8bb8db',GradientType=0 ); /* IE6-9 */
color:#FFD24D;
}
.text {
font-size:0.9em;
}
.overlay::before{
margin-left:-5px;
width:0;
height:0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid  #032946;
}
.item-page h3{
margin-left:0;
padding-left:5px;
}
.item-page h3:after{
display:none;
}
form {
margin: 0 0 5px;
}
form#contact-form button{
margin-left:80px;
}
.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.4em;
line-height: 1.3em;
background-image: none;
margin:0;
}
.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
font-size: 1.3em;
line-height: 1.2em;
background-image: none;
}
h3, .item-page h3, div.blog h3, div.items-leading h3 {
font-size: 1.2em;
line-height: 1.8em;
background-image: none;
}
}