body
{
width:100%;
background-color:#afc1c7;
margin: 0px 0px 0px 0px ;
font-family: "Open Sans",sans-serif;
}

/* -- Bannière -- */

#fond_sup
{
position:absolute;
background-image:url("./design/fond_vert.png");
background-repeat:repeat-x;
width:100%;
height:200px;
z-index:0;
}


#en_tete
{
position:relative;
background-color:white;
margin-top:20px;
margin-left:12%;
margin-right:auto;
width:76%;
z-index:2;
box-shadow: 2px 2px 4px 1px #52565a;
}

#banniere
{
height:200px;
background-color:#afc1c7;
z-index:0;
}

#selektor
{
position:relative;
width:100%;
height:30px;
padding: 5px 0px 5px 0px;
}

#ch1
{
position:absolute;
width:20%;
text-align:center;
height:88%;
box-shadow: 1px 1px 1px 0px #a2a2a2;
cursor: pointer;
}

#ch2
{
position:absolute;
width:20%;
margin-left:20%;
text-align:center;
height:88%;
box-shadow: 1px 1px 1px 0px #a2a2a2;
cursor: pointer;
}

#ch3
{
position:absolute;
width:20%;
margin-left:40%;
text-align:center;
height:88%;
box-shadow: 1px 1px 1px 0px #a2a2a2;
cursor: pointer;
}

#ch4
{
position:absolute;
width:20%;
margin-left:60%;
text-align:center;
height:88%;
box-shadow: 1px 1px 1px 0px #a2a2a2;
cursor: pointer;
}

#ch5
{
position:absolute;
width:20%;
margin-left:80%;
text-align:center;
height:88%;
cursor: pointer;
}

.p_ch
{
margin-top:7px;;
}

#ch1:hover, #ch2:hover, #ch3:hover, #ch4:hover, #ch5:hover
{
background-color:#2fa29e;
color:white;
box-shadow: 1px 1px 1px 1px #52565a;
}

/* -- Corps du site -- */

#corps
{
position:absolute;
top: 12px;
width:100%;
}

#inside-corps
{
margin-left:12%;
width:75%;
}

#corps_gauche
{
position: relative;
float:left;
width:29%;
}

#corps_gauche.floatable
{
top:0px;
position:fixed;
float:left;
width:21.75%;
}

#corps_gauche.enBas{
bottom:115px;
left:12%;
position:absolute;
width:21.75%;
}

.menu
{
padding: 10px 10px 10px 10px;
background-color:white;
position: relative;
margin-top:12px;
margin-left:0px;
width:100%;
box-shadow: 2px 2px 4px 1px #52565a;
z-index:2;
}


#corps_droit
{
position: relative;
float:right;
width:65%;
margin-right:1%;
}

#corps_photos
{
position: relative;
width:99%;
}

.corps
{
padding: 10px 10px 10px 10px;
background-color:white;
position: relative;
margin-top: 12px;
width:100%;
box-shadow: 2px 2px 4px 1px #52565a;
z-index:2;
}

.texte_corps
{
text-indent:50px;
}

#clear
{
clear:both;
}

a
{
text-decoration:none;
color:#ea2d33;
font-style: italic;
-webkit-transition-property:color;
-webkit-transition-duration:3500ms;
-moz-transition-property: color;
-moz-transition-duration: 3500ms;
}

a:hover
{
color:#58cd60;
}

/* -- Pied de page -- */

#ombrage_footer
{
box-shadow: 0px 0px 2px 3px #202020;
}

#footer
{
margin-top:50px;
position:relative;
background-color:#3c3c3c;
width:100%;
}

#inside_footer
{
padding: 5px 5px 5px 5px;
position: relative;
margin-top: 15px;
color:#8b8b8b;
margin-left:170px;
width:75%;
}

/* -- Style du texte et des images -- */

.titre
{
text-align:center;
color:#0D96C4;
font-size:30px;
}

.titre_menu
{
margin-top:0px;
font-size:19px;
color:#00ada7;
}

.image_cliquable
{
width:35%;
cursor: pointer;
padding: 10% 10% 10% 5%;
left:55%;
border-radius:10px 10px 10px 10px;
-webkit-transition-property:background-color, border-radius;
-webkit-transition-duration:3500ms;
-moz-transition-property: background-color, border-radius;
-moz-transition-duration: 3500ms;
}

.image_cliquable:hover
{
background-color:rgba(110,124,176,0.33);
border-radius:60px 60px 60px 60px;
}