body{
  background: #0075a8;
  line-height: 140%;
  font-size: 12px;
}

h1{
  text-align: center;
  padding: 10px 0 10px 0;
  color: grey;
  font-family: arial;
}

h2{
  color: #1a84c7;
  font-size: 18px;
  border-bottom: dotted 1px #00a6eb;
  background: url(images/puce.gif) 0 11px no-repeat;
  padding: 6px 0 0 10px;
  margin: 10px 0 10px 0;
}

p{
  margin: auto;
  margin: 0 0 10px 0;
}

#contenu li {  /*pour ne cibler que les li du menu qui devront être dans le burger pour le responsive*/
font-size: 12px;
font-weight: bold;
}

ol{
  list-style: decimal;
  padding-left: 40px;
}

#contenu ul{  /*pour ne cibler que les ul du menu qui devront être dans le burger pour le responsive*/
  list-style: disc;
  padding-left: 40px;
}

header {
  width: 758px;
  height: 201px;
  background-image: url(images/header.jpg);
  margin: auto;
}

#principal{
  width: 758px;
  background: white;
  margin: auto;
  border: black solid 1px;
}

#menu{
  width: 758px;
  height: 28px;
  background: #1b658c;
  text-decoration: none;
  text-align: left;
  margin: auto;
  list-style-type: none;
}

#menu a{
  line-height: 28px;
  background-image: url(images/bg_menu.gif);
  text-decoration: none;
  padding: 0 30px 0 30px;
  color: white;
  border-right: 1px solid white;
  display: block;
  float: left;
}

#menu a:hover{
  background-image:url(images/bg_menu_hover.gif);
}

#contenu {
  width: 457px;
  margin: 8px 35px 0 8px;
  float: left;
}

#contenu_droit{
  width: 234px;
  background: url(images/bg_contact.gif) right repeat-y;
  border: dotted 1px;
  padding: 7px;
  margin-right: 8px;
  height: 230px;
  float: left;
}

#contenu_droit h2{
  color: #1a84c7;
  font-size: 14px;
  background: url(images/puce.gif) 150px 11px no-repeat;
  padding-top: 6px;
  text-align: right;
}

#contenu_droit a{
 color: black;
 font-weight: bold;
}

footer{
  width: 758px;
  height: auto;
  margin: 10px 0 0 0;
  text-align: center;
  font-family: arial;
  color: white;
  background: #2f4256;
}
.slicknav_menu{
	display: none;
}

.retour{
  clear: both;
}