html {
font-size:16px;
}
 img
 {border:0;}
body
{
color:#333;
background-color:#690;
background-image:url('../img/fond.png');
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8rem;
width:80%;
min-width:300px;
margin-left:10%;
text-align:center;
}

div.body
{
 width:100%;
 min-height:600px;
 background-color:#eee;
border-radius:20px;
box-shadow:2px 2px 4px #888,
           3px 3px 6px #099,
           4px 4px 8px #06c;
padding-top:5px;
padding-bottom:5px;
}

div.entete
{
width:100%;
 border-radius:1rem 1rem 0 0;
 position:relative;
}
div.entete_in
{
position:absolute;
top:3.5rem;
}
img.entete
{
width:98%;
border-radius:1rem 1rem 0 0;
border:0;
min-height:100px;
}


div.nomsite
{
float:left;
text-align:left;
padding:0.3rem;
color:#333;
background-color:#eee;
border-radius:5px 5px 5px 0;
width:14rem;
}
span.nomsite1
{
color:#c90;font-size:1.3rem;font-weight:bold;
}
span.nomsite2
{
 font-size:1.3rem;
}
.slideshow1 {
       width: 28rem;
       height: 2.5rem;
       overflow: hidden;  
       float:left;
       padding-left:1rem;
       padding-top:0.5rem;
    }  
    .slideshow1 ul {
        /* 4 images donc 4 x 100% */  
       width: 28rem;
       height: 300%;
       padding:0; margin:0;  
       list-style: none;  
    }  
    .slideshow1 li {
       float: left;  
    }
 span.slideshow
 {
color:#eee;font-size:1.8rem;
 }

div.menu1
{
float:left;
 width:80%;
 text-align:left;
 padding:0.2rem;
 padding-left:0.5rem;
}

div.menu2
{
float:right;
 width:15%;
 padding:3px;
 padding-right:0px;
 margin-top:0.5rem;
}

div.bord
{  clear:both;
  float:left;
 border-right:1px solid #ddd;
width:20%;
 margin-top:3rem;
 padding-bottom:3rem;
 text-align:left;
 padding-left:0.3rem;
 padding-right:0.3rem;
}

div.corps
{
float:left;
 width:75%;
}
h1
{
 color:#030;
}
h3
{
 color:#030;
}

li
{
 color:#030;
}
button.menu
{
border:none;
padding:0.5rem;
color:#fff;
background: #030;
background: -webkit-linear-gradient(#030, #690);
background: -moz-linear-gradient(#030, #690);
background: -ms-linear-gradient(#030, #690);
background: -o-linear-gradient(#030, #690);
background: linear-gradient(#030, #690);
border-radius: 3px;
margin-top:0.4rem;
}

button.menu:hover{ color:#ff0;
text-decoration:underline;
 }
button.displaynone{display:none;}
  div.foot
{
clear:both;
position:relative;
background-repeat: no;
 width:100%;
 height:auto;
 border-radius:0 0 15px 15px;
}
div.foot_in
{
position:absolute;
top:3rem;
}
img.foot
{
width:98%;
border-radius:0 0 1rem 1rem;
border:0;
min-height:100px;
}

div.nomsitefoot
{
float:left;
text-align:left;
padding:0.4rem;
color:#333;
background-color:#eee;border-radius:0 5px 5px 5px;
width:11rem;
}


     .slideshow2 {
       width: 40rem;
       height: 2.5rem;
       overflow: hidden;  
       position:relative;top:2px;
        float:left;
       text-align:left;
    }  
    .slideshow2 ul {
        /* 4 images donc 4 x 100% */  
       width: 40rem;
       height: 300%;
       padding:0; margin:0;  
       list-style: none;  
    }  
    .slideshow2 li {
       float: left;  
    }

    @media (max-width: 800px) {
html { font-size: 14px; }
div.bord{display:none;}
button.displaynone{display:inline;}
div.corps{width:95%;}
div.entete_in{top:0.5rem;}
div.foot_in{top:0.5rem;}
.slideshow1 { height: 1.3rem;}
 .slideshow2 { height: 1.3rem; }
span.slideshow {font-size:1.1rem; }
 body{  margin-left:0.5rem; }
}