html{
font-size:100%;
}


body{
background-color:silver;
height:100%;

margin-top:0px;
}


/* PAGE D'ACCUEIL */
#page{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
border-width:2px;
border-color:darkblue;
border-style:none;
display:table;
}
#titre{
width: 42%;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:-10px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
float:left;
}

#titre1{
width: 42%;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:0px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}

#titre2{
width: 100%;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:0px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font-size:4em;
}
#titre3{
width: 100%;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:-8px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;

}
#partiegauche{
width: 43%;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:-15px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
float:left;
}
#hautpage{
width: 100%;
display:table;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:0px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}


#cadretexte{
float: right;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#cadrecontenu{
float: right;
width: 83%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#cadreonglet{
border-style:none;
width:16%;
display:table;
padding-top:0px;
border-width:2px;
border-color:darkblue;
margin-top: 0px; 
padding-left:0px;
padding-right:0px;
text-align:center;
float:left;
}
#onglet{
background-color:darkblue;
width:99%;
display:block;
padding-top:12px;
padding-bottom:12px;
border-width:0px;
border-color:darkblue;
border-style:none;
margin-top:3px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
}
#photoonglet{
width: 99%;
padding-top:0px;
border-width:1px;
border-color:darkblue;
margin-top: 5px; 
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
text-align:center;
border-style:none;
}
#image{
text-align:center;
width: 83%;
display:inline;
float: right;
padding-top: 0%;
padding-bottom: 0px;
padding-left: 0px;
padding-top:0px;
padding-right:0px;
margin-top: 2px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
}


#slogan1{
width:56%;
padding-top:0px;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
float:right;
text-align:right;
}


#cadreadresse{
width: 99%;
height:110px;
padding-top:5px;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top: 5px; 
margin-left: 0px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
float:auto;

}
/*__________________________*/

/*PAGE NOS MOYENS*/
#pagemoyens{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
border-width:2px;
border-color:darkblue;
border-style:none;
display:table;
}

#cadretextemoyens{
float: right;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 2px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;

}

#moyens{
float: right;
width: 83%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}

#moyens2{
float: left;
width: 27%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 2%; 
margin-bottom: 5px;
margin-left: 9px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}

#moyens4{
float: right;
width: 83%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 5px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
display:inline;
}

#photo{
float: right;
width: 55%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top:2%; 
margin-bottom: 5px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}

#moyens3{
float: right;
width: 83%;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 5px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#photosmoyens{
float: left;
width: 34%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#photosmoyens2{
float: right;
width: 53%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
text-align:center;
}
/*_______________________*/



/* PAGE REALISATIONS*/
#pagerealisations{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
display:table;
border-width:2px;
border-color:darkblue;
border-style:none;
}

#cadrerealisations{
float: right;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#cadreactualite{
float: right;
width: 100%;
display:table;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
text-align:center;
}


#cadregaleriephotos{
float: right;
width: 83%;
display:table;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:auto;
}
/*____________________*/

/*PAGE SECTEURS D'ACTIVITES*/
#pagesecteurs{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
display:table;
border-width:2px;
border-color:darkblue;
border-style:none;
}

#infos{

width:88px;
height:25px;
padding-top:8px;
border-width:1px;
border-color:darkblue;
border-style:none;
margin-top:4px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
}
#cadretextesecteurs{
float: right;
width: 83%;
height:480px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 15px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:auto;
}
/*_____________________*/

/*PAGE INFOS SUPPLEMENTAIRES*/
#pageinfos{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
height:550px;
border-width:2px;
border-color:darkblue;
border-style:none;
}
#cadretexteinfos{
float: right;
width: 83%;
height:435px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 15px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:auto;
}

#cligno{
width:200px;
padding-top:8px;
border-width:2px;
border-color:darkblue;
border-style:none;
margin-top:24px; 
margin-left:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
}
#pagecontacts{
margin-top:0px;
width:100%;
height:780px;
border-width:2px;
border-color:darkblue;
border-style:none;
}

#cadretexteactualite{
float: right;
width: 83%;
height:560px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 15px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:auto;
}

#cadrecontacts{
float: right;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:auto;
}
#cadrephototexte{
float:center;
width: 900px;
height:130px;
padding-top: 0%;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 20px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:outset;
overflow:auto;
}

/*PAGE HISTORIQUE*/
#pagehistoire{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
display:table;
border-width:2px;
border-color:darkblue;
border-style:none;
}
#cadrehistoire{
float: right;
width: 100%;
height:380px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#histoire{
float: right;
width: 81%;
height:380px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}

/*----------------------------------------------------*/

#cadreongletcontact{
border-style:none;
width:16%;
padding-top:0px;
border-width:2px;
border-color:darkblue;
margin-top: 12px; 
padding-left:0px;
padding-right:0px;
text-align:center;
float:left;

}

#cadrephotos{
float: center;
width: 98%;
height:170px;
padding-top: 0%;
padding-bottom: 0px;
padding-left: 20px;
padding-right:0px;
margin-top: 30px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
}
#pageplan{
margin-top:0px;
width:100%;
height:620px;
border-width:1px;
border-color:darkblue;
border-style:none;
}


.lien-normal{
color: gainsboro;
text-decoration:none;
}
.lien-contact{
color: silver;
text-decoration:none;
}
.lien-normalsecteurs{
color: darkblue;
text-decoration:none;
}
.lien-normal2{
color: darkblue;
text-decoration:none;

}

.lien-photo{
color: none;
text-decoration: none;

}

#cadreplan{
float: right;
width: 83%;
height:650px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 3px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:2px;
border-color:darkblue;
border-style:none;
overflow:none;
}
#pageplan{
margin-top:0px;
margin-left:0px;
margin-right:Opx;
width:100%;
height:100%;
display:table;
border-width:2px;
border-color:darkblue;
border-style:none;
}
#textecontact{
float: right;
width: 83%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: 0px;
border-width:1px;
border-color:darkblue;
border-style:none;
overflow:none;
}