/**************** Body and tag styles ****************/
*,
*:after,
*:before {
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
}
html{
 height:100.2%;
 width:100%;
 }

body{
 margin:0;
 height:100%;
 font-family:verdana;
 color:#000 !important;
 font-size:14px;
 background:#ABDAC9 ;
 }
.wrapper{
 position:relative;
 max-width:1100px;
 margin:10px auto;
 overflow:hidden;
 text-align:left;
 background:#fff;
 box-shadow:0 0 20px #000;
 }

/**************** Header  styles ****************/
.head{width:100%;background:#abdac9}
.logo{width:50%;margin:auto;padding:20px;}
/*.header{display:none;}*/


.frame{width:100%;border:none;overflow:hidden}

.back-to-top,  .back-to-top:hover {
 position: fixed;
 bottom:90px;
 right:50px;
 z-index:9999;
 background:#c00 url(images/top1.png) no-repeat center center;
 background-size:30px;
 width:40px;
 height:40px;
 border-radius:5px;
 }
.adresse{}

a{
color:#880000;
text-decoration:none;
background-color:inherit;
}
a:hover{
 color:#FF0000;
 text-decoration:none;
 background-color:inherit;
 }

p{ margin:0 0 10px 0;}
.left{text-align:left;}
.center{text-align:center}
.right{text-align:right}
/**************** Header and navigation styles ****************/


/**************** content styles ****************/
.content{padding:20px 80px 40px 80px;}
.content img{margin-bottom:5px;}

 ul, ol{padding-left:1.25em}

h1, h2, h3, h4{
 display:block;
 margin:0 0 10px 0;
 font-weight:bold;
 color:#333;
 }
h1{ font-size:24pt;
 font-family:verdana;
 color:#74c0a1;
 letter-spacing:1px;
/* text-shadow:
 1px  1px 1px #000,
 1px -1px 1px #000,
 -1px  1px 1px #000,
 -1px -1px 1px #000;*/
 }
h2{ font-size:18pt;font-style: italic; }
h3{ font-size:14pt;}
h4{ font-size:12pt;}


/**************** Footer styles ****************/

.footer{
 position:relative;
 height:40px;
 background:#abdac9;
 }
.footer{width:100%;}
.footer .nav-item{float:right }
.footer{list-style:none;margin:0;}
.footer a{
 float:right;
 list-style:none;
 line-height:40px;
 font-family:verdana;
 font-weight:normal;
 color:#000;
 background:#abdac9 !important;
 padding:0 15px 0 5px;
 text-transform:none;
 }
.footer a:hover, .footer a.menu-current {
 background:#99bb99 !important;
 color:#000;
 }
.st{border-right:1px solid #fff}



.counter{width:150px;float:left;margin-top:5px;}
/**************** Misc classes and styles ****************/
.clear{clear:both;}
.hide{display:none;}

.box-left{
 float:left;
 width:40%;
 border:0px solid #999;
}
.box-right{
 float:right;
 width:57%;
 border:0px solid #999;
 }
img{border-color:#BBBBBB}

.first{border-top:1px solid .000}
.last{border-bottom:0px solid .000 !important}


/**************************** Mobile Styles ************************************/

@media only screen and  (max-width: 900px) {

body{background:none;font-size:14px}
.wrapper{width:100%;margin:0;}
/*.header{position:relative;top:-43px;}*/
.logo{width:80%;}
.back-to-top,  .back-to-top:hover {
 position: fixed;
 bottom:43px;
 right:10px;
 z-index:9999;
 background:#A36969 url(images/top1.png) no-repeat center center;
 background-size:30px;
 width:40px;
 height:40px;
 border-radius:5px;
 }
.footer a{float:left;}

h1{font-size:20px}
h2{ font-size:18px;}

.content, .content_600, .subcontent{
 float:none;
 width:100% !important;
 padding:10px 10px 30px 10px !important;
 }
p{text-align:left;}

.box-left{float:none;width:100%;}
.box-right{float:none;width:100%;}
 }
/****************************************************************/