@charset "utf-8";
/* CSS Document */
#body{
	background-image: url(img/entete.png);
	background-repeat:repeat-x;
	margin:0px;
	width:100%;
	}
#entete{
	height: 117px;
	width: 1050px;	
	}
#back_et {
	padding-top:52px;
	font-size:26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(img/logo1.gif);
	background-repeat:no-repeat;
	background-position:left 25px;
	padding-left: 80px;
}
#menu {
	list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
	height: 25px; /* Hauteur de l'image menu.png */
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size: 10px;
	width:600px;
}

#menu li {
  float: left; /* Afin que chaque élément de la liste se positionne juste à droite de l'élément précédent, et non en dessous */
  width:115px;
}
#menu a {
	display: block; /* Afin de pouvoir assigner une hauteur au lien (la hauteur étant définir dans la règle '#menu span') */
	text-decoration: none; /* Pas de soulignement des liens dans le menu, ils sont déjà identifiables en tant que liens par le visiteur */
	color: #FFFFFF; /* Le texte est orange */
	background: url('img/button-hover.jpg'); /* Bande noir, mais devenant orange lorsque décalée vers le haut */
	cursor: pointer; /* Curseur en forme de main, pour résoudre un bug sous IE, causé lors du changement du lien en affichage bloc, quelques lignes plus haut */
	background-repeat:no-repeat;
}

#menu span { /* Ce span permet au menu survolé d'avoir un reflet de lumière sur sa droite */
  display: block; /* Afin de pouvoir assigner une hauteur à cet élément (voir ci-dessous) */
  height: 24px; /* Hauteur de l'image menu-lien.png, divisé par 2 */
  line-height: 21px; /* Centrer le texte verticalement sur la barre noire */
  padding: 0px 15px; /* Espacement intérieur du bouton à gauche et à droite, pour plus d'aération */

}
#menu a:hover, /* Au survol de la souris */
#menu a:focus, /* Lorsque le lien a le focus, sous Firefox et autres navigateurs */
#menu a:active /* Lorsque le lien a le focus, sous Internet Explorer */
{
	background-image: url('img/button.jpg'); /* L'image de fond reste inchangée, mais si l'image n'a pas été chargée, s'assurer qu'il y ait un effet visible */
	background-position: 0px; /* =42 (la hauteur de l'image) / 2 : remonte l'image de fond de moitié vers le haut pour révéler sa partie orange */
	color: #000000;
}

#menu a:hover span, /* Au survol de la souris */
#menu a:focus span, /* Lorsque le lien a le focus, sous Firefox et autres navigateurs */
#menu a:active span /* Lorsque le lien a le focus, sous Internet Explorer */
{
  background-position: 100%; /* =42 (la hauteur de l'image) / 2 ; mais toujours aligné à droite */
}

#menu .actuel { /* Indique au visiteur que ce lien est en fait la page actuellement affichée */
  font-weight: bold; /* Gras... */
  text-decoration: none; /* ... et souligné */
}
#pied_de_page{
	background-image:url(img/pied-de-page.png);
	background-repeat:repeat-x;
	}
#pied_back{
	height:100px;
	width:1050px;
	padding-left:10px;
	
}
	
#table{
	margin-top:30px;
	height:100%;
}
#table1{
	margin-top:20px;
	height:100px;
	width:1050px;
	background-image:url('img/table-bas.jpg');
	background-repeat:no-repeat;
}
#table2{
	margin-top:40px;
	height:210px;
	background:url('img/Untitled-2.jpg') no-repeat;
	
	}
#table3{
	margin-top:30px
	
}
#table4{
	margin-top:20px;
	}
#table5{
	margin-top:15px;
}
#table8{
	margin-top:50px;
	height:305px;
	background-repeat:no-repeat;
	background-image:url('img/qui.jpg');
}
#table9{
	height:790px;
	background-image: url('img/back-hebr.jpg');
	background-repeat:no-repeat;
	margin-top:50px;
}
#info{
	margin-right:30px;
	height:100%;
	color: #FFFFFF;
	font-size:16px;
	text-align:justify;
	font-weight:bold;
	background-image:url('img/back-pres.jpg');
	background-repeat:no-repeat;

	}
#offre1{
	background-image:url('img/flech1.png');
	background-position:center;
	background-repeat:no-repeat;

	}
#offre2{
	background-image:url('img/flech2.png');
	background-position:center;
	background-repeat:no-repeat;

	}
#offre3{
	background-image:url('img/flech3.png');
	background-position:center;
	background-repeat:no-repeat;

	}
td img {
	display: block;
	}
#titre_pres{
	margin-left:25px;
	margin-top:4px;
	padding-left:6px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-indent:0px;
	letter-spacing:7px;
	font-weight: bold;
	
}
#presentation{
	padding-right:30px;
	margin-top:14px;
	margin-left:14px;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#imprt{
	padding-top:14px;
	padding-left:175px;
	padding-right:30px;
	font-family:'Comic Sans MS';
	font-size:15px;
	text-align:justify;
	}
#pres ul, #basic ul, #pro ul{
	background-image:url('img/plus.png');
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 22px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:17px;
	margin-left:6px;
	letter-spacing:2px;
	
}

a{
	color: #330066;
	text-decoration:none;
	}
#detail{
	padding-left:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
#detail1{
	padding-left:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
#detail2{
	padding-left:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}	
#detail ul, #detail1 ul, #detail2 ul{
	background-image:url('img/moin.png');
	background-repeat:no-repeat;
	margin-top:0px;
	background-position:left;
	padding-left:23px;
	margin-left:3px;
	letter-spacing:0px;
	}
#space{
	height:100%;
	}
#det_plus{
	border: #000000 dashed 1px ;
	background-color:#999999;
	}
#nous{
	float:right;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('img/nous.gif');
	background-repeat:no-repeat;
	height:20px;
	width:100px;
	margin-right:20px;
	padding-top:4px;
	text-align:center;
	background-position: top;
}
#contact {
	background-image: url('img/contact.gif');
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	font-size:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	width:50px;
	padding-top:4px;
	font-weight:bold;
	margin-right:6px;
}
#qui{
	margin-top:9px;
	margin-left:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight: bold;
}
#atouts{
	margin-top:23px;
	margin-left:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight: bold;
	}
#at_text{
text-indent:3px;
margin-left:15px;
margin-top:10px;
padding-right:25px;

	}
#at_text li{
list-style-position:outside;
}
#ref{
	background-image:url('img/back-ref.jpg');
	background-repeat:no-repeat;
	margin-top:50px;
	height:360px;
}
#hebr_mut{
	width:223px;
	padding-left:35px;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	margin-top: 5px;
	}
#hebr_text{
	margin-left:10px;
	color:#FFFFFF;
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tel {
	font-size:10px;
	color:#FFFFFF;
	padding-left:20px;
	background-image:url('img/phone.gif');
	background-repeat:no-repeat;
	background-position:left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	}
#tarif{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;}
	.hr{
	height:auto;
	width:150px;

	}
#copy{
	padding-top:12px;
	text-align:left;}


.Style2 {
	font-size: 14px;
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.Style4 {font-size: 14px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; }
.Style5 {color: #FFFFFF;}
.Style6 {font-size: 12px}

#valid{
	float:left;
	padding-right:300px;
	height: 100px;
	}
#form{
	margin-top:30px;
	}
#txt_contct{
	margin-top:40px;
	background-image:url(img/back-txt-contc.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#clic-hebr{
	height:556px;
	width:239px;
	margin-top:87px;
	margin-left: 720px;
	}
#actu{
	background-image:url(img/actu.png);
	background-position: top;
	background-repeat:no-repeat;
	width:1050px;
	height:200px;	
}
#actu_titre{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 40px;
	font-weight: bold;
	letter-spacing:7px;
	padding-top:3px;
	color:#FFFFFF;

}