@charset "utf-8";
/* Feuille de style pour résolution mobiles.CSS */

*{
font-family:Arial, Helvetica, sans-serif;
margin:0;padding:0;
list-style:none;
text-decoration:none;
border:none;
}
html{
background-color:#fff;
width:100%;
height:100%;
}
body{
margin-left:auto;margin-right:auto;
margin-top:0;margin-bottom:0;
width:100%;
height:100%;
}

.top, #compo{display:none!important;}


/*//////////////////////////// HOME \\\\\\\\\\\\\\\\\\\\\\\*/


#entete{
width:100%;height:35%;
top:0;
overflow:hidden;
}
#entete .logo{
width:100%;height:70%;
display:block;
margin-left:auto;margin-right:auto;
margin-top:0;
text-align:center;
}
#entete .logo img{height:90%;}
#entete .slogan{
width:100%;height:auto;display:block;
text-align:center;
color:#747474;
background-color:#e5e5e5;
}
h1 {
font: 95px/1;
}



#middle{
width:100%;height:50%;display:block;
}
.middle-tr{
width:100%;height:75%;display:block;
margin-left:auto;margin-right:auto;
margin-top:auto;margin-bottom:auto;
}
.green1, .green2{
background-color:#58c0b5!important;
text-align:center;
width:49%;height:50%;display:block;overflow:hidden;
padding-bottom:5%;
cursor:pointer!important;
margin-bottom:10px;
}
.green1{float:left;}.green2{float:right;}
.green1 a, .green2 a{
color:#fff;
width:100%;
}
.green1 img, .green2 img{height:45%;}
#middle p{font-size:90%;min-font-size:90%!important;text-align:center;margin-top:5%;display:block;width:100%;}
#middle p a{color:#0000FF;text-decoration:underline;}




#bottom{
width:100%;
height:20%;
background-color:#747474;
}
#bottom table{
width:100%;	
margin-left:auto;margin-right:auto;
margin-top:10%;margin-bottom:auto;
}
#bottom table tr{
width:100%;	
}
#bottom table tr td{
color:#fff;
text-align:center;
width:25%;
font-size:200%;
}
#bottom table tr td a{color:#fff;}
#bottom table tr td img{margin-bottom:10%;width:40%;}


/*//////////////////////////// PAGES \\\\\\\\\\\\\\\\\\\\\\\*/


#entete2{
width:100%;height:35%;
top:0;
overflow:hidden;
}
#entete2 .logo{
width:100%;height:70%;
display:block;
margin-left:auto;margin-right:auto;
margin-top:0;
text-align:center;
}
#entete2 .logo img{height:90%;}
#entete2 .slogan2{
width:98%;height:auto;display:block;
text-align:right;
color:#e5e5e5;
background-color:#747474;
padding-right:2%;
}

#middle2{
width:100%;height:50%;display:block;
}
#middle2 table{
width:100%;height:70%;display:block;
margin-left:auto;margin-right:auto;
margin-top:auto;margin-bottom:auto;
}
#middle2 table tr td{
background-color:#58c0b5;
color:#fff;
text-align:center;
width:100%;height:5%;
padding:8px;
cursor:pointer;
}
#middle2 table tr td a{color:#fff;}



#bottom2{
width:100%;
height:20%;
background-color:#747474;
}
#bottom2 table{
width:100%;	
margin-left:auto;margin-right:auto;
margin-top:10%;margin-bottom:auto;
}
#bottom2 table tr td{
color:#fff;
text-align:center;
width:25%;
font-size:75%;	
}
#bottom2 table tr td a{
color:#fff;
}
#bottom2 table tr td img{width:10%;}