/*Reset*/
body{font-family: 'Open Sans', sans-serif; font-size: 1em; color:#292929; margin:0; padding:0;}
h1{font-size: 1.8em; color:#717171; font-weight: normal;}
h2{font-size: 1.4em; font-weight: normal;}
h3{font-weight:normal; color:#d328b1;}
ul{margin:0; padding: 0;}
li{list-style-type: none;}
a {color:#40a4dc; text-decoration: none; border-bottom: 1px dotted #40a4dc;}
img{max-width: 100%; height:auto;}


#container{width:80%; margin:0 auto;}
header{border-bottom: 2px solid #717171;}
.h1 {font-size: 1.8em; color:#717171; font-weight: normal;}
.arbo{font-size:0.8em; font-style: italic; padding:1em 0;}

nav{margin-top:2em; padding-bottom: 1em; text-transform:uppercase;font-size: 0.8em; text-align: center;}
.menu li{display:inline-block; margin:0 0.5em;}
.menu a{text-decoration: none; padding: 0.5em; }

.logo_accueil img{float:left; border:1px solid #d328b1;margin-right: 0.5em;}
.liste_sommaire li{display:inline-block; width:45%; padding:1%; vertical-align: top;}
.liste_sommaire h3 {min-height: 3em;}
.liste_sommaire img{border:1px solid #d328b1;}
.liste_sommaire p{text-align: justify;}

.entete{font-style:italic; padding:1em 0;}
br.clear{}
section {margin-bottom: 3em;}
#footer_wrapper{width:100%; background-color:#091d3e;}
#footer{width:80%; margin:0 auto; color:#fff; font-size:0.8em;}
.colonnes{width:30%; float:left;margin-right: 2%;}
.colonnes li{list-style-type: square; margin-left:2em; padding:0.5em;}

.pied_site{text-align: center;}
.pied_site li{display:inline-block; margin:0.5em;}

/*Pour le plan*/

ul.spipplan li{margin:1em 0;}

/*Formulaire de contact*/

label{font-weight: bold; display:block; margin:1em 0}