body{
	margin: auto;
	width: 900px;
	font: bold 12px 'Trebuchet MS', Verdana, Arial;
	color: #000000;
	background-position:50% 0%;
}

#bandeau{
  position: relative;
	width: 900px;
	height: 174px;
	background-image: url('../../images/bandeau.jpg');
	background-repeat: no-repeat;	
}

#angle{
  position: relative;
	width: 51px;
	height: 37px;
	top: -1px;
	background-image: url('../../images/angle.jpg');
}

#accueil_menu{
  position: relative;
  padding-top: 131px;
  margin-left:220px;
  width: 100px;
}

#solution_menu{
  position: relative;
  margin-top: -16px;
  margin-left:330px;
  width: 100px;
}

#fuite_menu{
  position: relative;
  margin-top: -14px;
  margin-left:430px;
  width: 100px;
}

#service_menu{
  position: relative;
  margin-top: -15px;
  margin-left:520px;
  width: 100px;
}

#photo_menu{
  position: relative;
  margin-top: -16px;
  margin-left:620px;
  width: 100px;
}

#lien_menu{
  position: relative;
  margin-top: -20px;
  margin-left:725px;
  width: 100px;
}

#contact_menu{
  position: relative;
  margin-top: -29px;
  margin-left:837px;
  width: 100px;
}

#cad_menu ul{
	margin: 20px 0 0 5px;
	padding: 0 ;
	list-style-type: none ;
}

#cad_menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
	text-align: center;
	list-style-type: none ;
}

.menu_rouge li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/rouge.gif') no-repeat 0 0 ;
}

.menu_rouge li a:hover{
	background: url('../../images/arouge.gif') no-repeat 0 -1px ; 
  color: #999;
}

.menu_jaune li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/jaune.gif') no-repeat 0 0 ;
}

.menu_jaune li a:hover{
	background: url('../../images/ajaune.gif') no-repeat 0 -1px ;
  color: #999;
}

.menu_orange li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/orange.gif') no-repeat 0 0 ;
}

.menu_orange li a:hover{
	background: url('../../images/aorange.gif') no-repeat 0 -1px ;
  color: #999;
}

.menu_vertfonce li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/vertf.gif') no-repeat 0 0 ;
}

.menu_vertfonce li a:hover{
	background: url('../../images/avertf.gif') no-repeat 0 -1px ;
  color: #999;
}

.menu_bleuclair li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/bleuc.gif') no-repeat 0 0 ;
}

.menu_bleuclair li a:hover{
	background: url('../../images/ableuc.gif') no-repeat 0 -1px ;
  color: #999;
}

.menu_vertclair li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/vertc.gif') no-repeat 0 0 ;
}

.menu_vertclair li a:hover{
	background: url('../../images/avertc.gif') no-repeat 0 -1px ;
  color: #999;
}

.menu_bleufonce li a{
	display: block ;
	width: 161px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: -4px ;
	text-decoration: none ;
	background: url('../../images/bleuf.gif') no-repeat 0 0 ;
}

.menu_bleufonce li a:hover{
	background: url('../../images/ableuf.gif') no-repeat 0 -1px ;
  color: #999;
}

.no_menu{
	background-image:url('') !important;
}

.image_album{
	float: left;
	width: 49%;
	height: 250px;
}

.popup{
	float: left;
	margin-right: 10px;
}


#centre{
  position: absolute;
  width: 900px;
  background-image: url('../../images/fond.jpg'); 
}
	
#corp{
  float: left;
  width: 690px ;
  font: normal 13px 'Trebuchet MS', Verdana, Arial;
  text-align: justify;  
  color: #4C4B4B;
}

#cad_menu{
  float: left;
  width: 210px;
}

.droite{
  width: 330px ;
}

.gauche{
  margin-top: -405px;
  padding-left: 350px;
  width: 330px ;
}

a:link{
	text-decoration:none;
	color:#000000;
	font-weight: bold;
}

a:visited{
	text-decoration:none;
	color:#000000;
	font-weight: bold;
}

a:hover{
	color:#FFFFFF;
}

a:active{
	text-decoration:none;
	color:#000000;
	font-weight: bold;
}

.fond{
  margin: 20px;
  clear: both;
  text-align: center;
  font: normal 10px 'Trebuchet MS', Verdana, Arial;
  color: #777;
}

h2{
  font: italic 20px 'Trebuchet MS', Verdana, Arial;
}

.bleu{
	background-color: blue;
}

.rouge{
	background-color: red;
}

.marron{
	background-color: brown;
}

.blanc{
	background-color: white;
}
.noir{
	background-color: black;
}

.rose{
	background-color: pink;
}
.violet{
	background-color: purple;
}

.gris{
	background-color: gray;
}

.orange{
	background-color: orange;
}

.jaune{
	background-color: yellow;
}

.vert{
	background-color: green;
}

#main table{
	width: 100%;
	height: 300px;
}

#main tr, #main td, #main th{
	margin: 0px;
	padding: 0px;
}

iframe{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #eeeeee;
	background-color: white;
	height: 300px;
}

#main th{
	background-color: #eeeeee;
}

th{
  color: #956002;
}

table{
	width: 100%;
}