html{
  font-family: Arial, Times New Roman,Times, serif;
  font-size: 0.8em;
  font-weight: normal;
  color: midnightblue;
  text-decoration: none;
  text-align: left;
  background-color: white;
  border-style: none;
}

body{
   margin: 0px ; 
   text-align: center;
   min-width:1000px;
}

.col_gauche
{
  float:left;
  position:relative;
  left:0px;
  width:200px;
 border: 1px dotted darkorange;
  padding :0px 10px;
}
.col_droite
{
  float:right;
  position:relative;
  right:0px;
  width:200px;
border: 1px dotted darkorange;
  padding :0px 10px;
}

h1{
  font-size: 1.3em;
  margin-bottom : 2em;
}

h2{
  font-size: 1.2em;
}

a{
  color: darkorange;
  text-decoration : none;
}

a:hover{
  color: orangered;
  text-decoration : underline;
}

p, ul{
  text-align:justify;
}

#logo {
  text-align: left;
}


#logo_droite {
  margin-top:1em;
  margin-right:1em;
  float:right;
}

#conteneur{
  border: 1px dotted darkorange;
  padding : 1em 2em;
  margin: 0px 230px ;
  height:600px;
  text-align:center;
}

.footer
{
 margin:0px 280px;
}
#avert{
	width:60%; 
	margin: -3em auto 3em auto;
}

#aavert{
  font-size:1.3em; 
  font-weight:bold; 
  color:red;
}

#bas{
  font-size:0.8em; 
  margin:0em;
  text-align:center;
}