body {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;  
	BACKGROUND-COLOR: #dedede;
	COLOR: #404040;
}

.conteneur {
	LEFT: 45%; MARGIN-LEFT: -400px;WIDTH: 900px; POSITION: absolute; BACKGROUND-COLOR: #FFF
}
p {
		 font-size: 12px;
		 margin-right: 30px;
		 text-align: justify;
		 margin-bottom:10px
}

.milieu 
{
	margin-top:-25px;
	padding-top:5px;
	margin-left:20px;
	float:left;
	width:650px;
}

.left_ 
{
	margin-top:-25px;
	margin-left:10px;
	float:left;
	width: 200px; 
}

.left_ ul {
	list-style-type: none; 
	width: 100%;
		margin-left:5px;
}

.left_ li {
	font-size: 10px;
	color: #2D64A4;
}

.left_ li a{
	color: #2D64A4;
}

.visit 
{
  top: 100px;
  left: 2px; 
  right:2px;
  width:850px;
}

.visit h1 
{
    color: #808080;
    font-size: 16px;

}		 

.photo {
	margin-top: 2px;
	width:850px;
	vertical-align:middle;
    float:left;
}

.photo p.right {
	margin-right: 15px;
	margin-top: 10px;
	text-align: justify;
	vertical-align:middle;
}

.right {
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 30px;
	text-align: justify;
	vertical-align:middle;
}

.sleft {
	margin-left: 15px;
	margin-top: 30px;
	text-align: justify;
	vertical-align:middle;
	width:400px;
	float:left;
}

.photo img.gauche {
	float: left;
	margin: 10px 10px 10px 0px;
	vertical-align:middle;
}

.photo img.droite {
	float: right;
	margin: 10px 0px 10px 10px;
	vertical-align:middle;
}

img.gauche {
	float: left;
	vertical-align:middle;
}

img.droite {
	float: right;
	vertical-align:middle;
}



.header {
	background: #FFF; 
	color: #808080;
	height: 10px;
	padding: 0 0 2px 3px;
	text-align: left;
	font-size: 10px; 
	float: left;
}

.header a {
	color: #808080;
	text-decoration: none;
}

.header a:hover {
	text-decoration: underline;
}

.langue
{
	margin: 0;
	margin-top : 10px;
	padding: 0;
	list-style-type: none;
	text-align: right;
	color: #730506;
	font-size : 10px;
}

.langue li { display: inline;}

.langue li a
{
	text-decoration: none;
	color: #730506;
}

.langue li a:hover
{
		text-decoration: underline;
}

.banniere 
{

	background-repeat:no-repeat;
	height: 160px;
	float:left;
	width:900px;
	margin-top:2px;
	margin-bottom:25px;
}

.menu {
	margin-top:6px;
	margin-left: 265px;
	vertical-align: bottom
}
  
.menu ul {
	list-style-type: none; 
	width: 100%
}

.menu li { 
	list-style-type: none; 
	float: left;
}

.menu a {
     margin: 3px;
     width: 91px; /* on definit la taille du bouton de menu */
     height: 17px;
     display: block;
     font-size: 11px;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background: #730506;
}
	 
.menu a:hover {
     background: #ccc
}

.menu a:active {
     background: gray;
     color: #000000
}		 
 
a {
	color: #808080;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

h1 {
	color: #808080;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 10px
}

h2 {
	margin-top: 330px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 14px;
	color: #808080
}

h3 {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;	
	padding: 0px;
	color: #808080
}

h4 {
	color: #730506;
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-top: 2px;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: -8px;
	border-left:solid #730506 2px;
	border-bottom: solid #730506 1px;
}

.adresse {
	font-size: 12px;	
	background-color: #dedede;
	margin-right: 30px
}

.links {
	margin : 0;
	margin-top : 20px;
	color: #730506;
	padding : 10px;
	text-align: center;
	font-size: 11px;
	width:880px;
}

.links a {
	color: #730506;
	text-decoration: none
} 		 

.links a:hover {
	color : #730506;
	text-decoration: underline
}

.links a:visited {
	color: #730506;
} 
.service{
	list-style:none;  
    margin : 0;
	padding:0;

  }
.service li { 
	float : left;
	display: table-cell;
	margin : 5px;
	padding : 0;
	background-color:#eee;
	border:1px solid;
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;
	width : 90px;
	height : 80px;
	text-align : center;
	vertical-align : middle;
	font-size : 10px;
  }
.service p{
	display: table-cell; 
    margin : 0;
	padding:0;
	width : 90px;
	height : 100px;
	text-align : center;
	vertical-align : middle;
	font-size : 10px;
   }
@media screen and (max-width: 48em){
@viewport {width: 320px;}
*{margin:0;padding:0;width:auto;}
.left_{margin-top:0px;float:none;}
.conteneur{position:relative;left:auto;background:#FFF;margin:0;padding:0;width:100%;max-width:100%;}
.header{text-align:center;float:none;}
.langue{text-align:center;}
.banniere{background:none;margin:0;padding:0;width:100%;max-width:100%;height:auto;}
.menu{background:#FFF;margin:0;padding:0;}
.menu li {margin:0;padding:0;display:block; width:100%;background:#FFF;}
.menu a{display:block;margin:0;padding:0;padding-top:4px;padding-bottom:4px;width:100%;text-decoration:none;}
.milieu{margin:0;padding:0;width:100%;}
.milieu img{max-width:100%;}
h1{text-align:center;}
img.gauche,.photo img.gauche,img.droite,.photo img.droite,.photo{display:block;float:none;margin:0;max-width:100%;width:100%;}
.photo img.gauche, .photo img.droite {padding:0;margin:0;width:100%;max-width:100%;}
.sleft,.right{display:block;float:none;margin:0;padding:15px;max-width:100%;width:auto;}
.links{padding:0;margin:0;width:100%;max-width:100%;overflow:hidden;}
.links img{max-width:100%;width:auto;}
#map{display:none;}
}
}