* {
  padding: 0;
  margin: 0;
} 

body {
  background: #fff;
  font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
}

a {
  color: #0D274B;
  text-decoration: none;
}

a:hover {
  color: #C0C0C0;
  background: none; /* correction d'un bug IE */
}

img {
  border:0px;
  margin:2px;
}

/******************************************************************************/

#contenant {
  margin: 20px auto;
  width: 724px;
  background: #fff url('../images/cadre_cote.jpg');
  background-repeat: repeat-y;
}

#hautpage { 
  background: #fff url('../images/cadre_haut.jpg');
  height: 30px;
}

#contenu {
  padding: 0 40px 0 40px;
}

#baspage {
  background: #fff url('../images/cadre_bas.jpg');
  height: 30px;
}

#zone {
 background-color:#FFF;
 height:160px;
 width:210px;
 left:5;
 float:center;
 float:left;
}


.entete {
  height: 162px;
  float: center;
}
.entete h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.entete h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.entete h2 { padding-left: 17px; padding-top: 0px; font-size: 14px; color: #FFF; }
.entete h2 a { font-size: 14px; color: #FFF; text-decoration: none;}
.entete h2 a:hover { font-size: 14px; color: blue; background-color:#FFF; text-decoration: none;}

.menuhorizontal { 
  background: #fff;
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
	text-align: center;
}

.troisptitesphotos { 
  background: #fff;
	border-bottom: 1px solid #E1E1E1; 
	padding: 1px;
	text-align: center;
}
	
.gauche {
	float: left;
	width: 59%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
}
.gauche h1 { 
  color: #0D274B; 
  font-size: 16px; 
  margin-bottom: 20px; 
  margin-top: 20px;
  /margin-top: 35px;
}

.droite {
	float: right;
	width: 30%;
	margin: 0 10px;
	padding: 1% 1%;
}
.droite h2 { color: #0D274B; font-size: 14px; margin-top: 15px;}

.droite ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.droite li {
	margin-bottom:5px;
	list-style-type: square;
	color: #0D274B;
	font-size: 14px; 
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#piedpage {
	text-align: center;
	color: #666;
}


/* SPAN utilisé pour la carte Bretagne (page Accès) */
a span { /* définition de la balise <span> inclue dans <a> */
  display: none;
}
a:hover span { /* définition de la balise <span> au survol du lien */
  display: inline;
  position: absolute;
  top: 220px; /* positions et dimensions du calque */
  left: 310px;
  width: 200px;
  height: 100px;
  background: white;
  text-align: center;
  color: white;
}