a{text-decoration:none;color:#009;}
root{display:block;}
h1{color:#8a8aff;font-size:2em;text-decoration:underline;}
img{border-style:none;}
body{color:black;font-size:medium;font-family:Arial,Helvetica,sans-serif;}
#header{border:solid 1px blue;background-image:url(ciel3.jpeg);background-position:top;height:100px;}
#header img{height:100px;float:left;}
#header h1{padding-left:30%;color:white;background-color:transparent;}
#header p{padding-left:30%;}
#rechercher{background-color:white;border:solid 1px blue;position:absolute;padding:5px;right:5%;Z-index:10;}
#ariane{font-size:.9em;}
#ariane a{text-decoration:none;color:black;}
#ariane span{color:#8a8aff;}
#menu{float:left;width:190px;clear:both;}
#menu_text{padding-bottom:20px;padding-top:20px;padding-left:7px;font-size:1.1em;background-image:url(ciel2.jpeg);background-position:bottom;}
#bas_menu{clear:both;width:231px;height:194px;background-image:url(ot2.jpg);}
ul{list-style-type:none;}
#menu img{width:120px;height:120px;float:left;}
#menu p{color:white;}
#menu li{color:#009;}
#pied_de_page{clear:both;width:100%;height:47px;text-align:center;background-image:url(pied_de_page.png);background-position:right bottom;}
#pied_de_page img{position:absolute;bottom:2px;right:3%;Z-index:10;width:50px;}
#content{overflow:auto;margin-left:10px;max-height:850px;text-align:justify;padding-left:20px;}
#modif{margin-left:60%;}
#logo_office{position:absolute;width:50px;margin-bottom:-100px;margin-left:80%;Z-index:20;}
#titre{margin-left:30%;}
.texte_centre{margin-right:auto;margin-left:auto;text-align:center;}
.texte_droite{right:5%;float:right;text-align:right;}
.texte_gauche{left:5%;float:left;text-align:left;}
#partenaire{width:350px;text-align:center;float:left;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:black;border-bottom-color:black;border-left-color:black;border-right-color:black;margin:3px;padding:2px;}
#image_ot{width:300px;margin:10px;text-align:center;float:left;}
#image_ot img{width:290px;}
#evenement{margin-left:400px;padding-left:35px;width:600px;}
/*fiche.css*/
div#photo{display:block;float:left;margin-right:3%;width:250px;}
div#photo img{padding:3px;margin:2px;width:100px;border:solid 1px black;}
div#infos{display:block;float:left;margin-right:20%;margin-bottom:10px;}
div#info img{display:block;margin:5px;}
hr{clear:right;margin-left:5px;}
/*mail.css*/
label{margin-left:30px;float:left;display:block;}
textarea,input#mail_emetteur,input#nom_emetteur{width:400px;margin-left:50px;margin-bottom:15px;}
/*Agenda*/
div.event{margin-left:30px;display:block;width:500px;}
/*Rando*/
.rando{padding-left:10px;}
.comments{margin-left:40px;margin-top:5px;padding:20px;width:500px;border:1px dotted gray;}
.comments p{padding-left:20px;}
/*vivre*/
.rando{padding-left:10px;}
.comments{margin-left:40px;margin-top:5px;padding:20px;width:500px;border:1px dotted gray;}
.comments p{padding-left:20px;}
/*village*/
#content img{overflow:hidden;height:100px;}
.rando img{height:10px;}
/*vivre*/
.rando{padding-left:10px;}
.comments{margin-left:40px;margin-top:5px;padding : 20px;width:500px;border:1px dotted gray;}
.comments p{padding-left:20px;}