body {
	color:#000;
	font-size:12px;
	background-color: #F4EFE9;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	text-align: justify;
}

a {
	color:#294046;
	text-decoration:none;
}

a:hover{
	color:#308AB0;
	text-decoration:none;
}


#page {
	background-image: url(images/fond_page.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0 auto;
	width: 955px;
	display:table;
}

.p{
	margin:0px;
	padding:0px;
}


#hauteur {
	float: left;
	height: 742px;
	width:0px;
}

#haut {
	float: left;
	height: 171px;
	width: 955px;
}
#logo {
	float: left;
	height: 117px;
	width: 357px;
	text-align:right;
	padding:54px 0 0 0 ;
}
#menu {
	float: right;
	height: 116px;
	width: 598px;
	padding:55px 0 0 0 ;
}
/*----------*/

#menu ul{
	list-style:none;
	padding:0;
	margin:0;
}

#menu li{
	display:inline;
}

#accueil a {
	background-image: url(images/menu/accueil_off.jpg);
	background-repeat:no-repeat;
	width: 148px;
	height:117px;
	display:block;
	float:left;
}
#accueil a:hover {
	background-image: url(images/menu/accueil_on.jpg);
	background-repeat:no-repeat;
	
}

#accueil .active {
	background-image: url(images/menu/accueil_on.jpg);
	background-repeat:no-repeat;
	width: 148px;
	height:117px;
	display:block;
	float:left;
}

#serv_prest a {
	width: 145px;
	background-image: url(images/menu/serv_prest_off.jpg);
	background-repeat:no-repeat;
	height:117px;
	float:left;
}

#serv_prest a:hover {
	background-image: url(images/menu/serv_prest_on.jpg);
	background-repeat:no-repeat;
}


#serv_prest .active {
	width: 145px;
	background-image: url(images/menu/serv_prest_on.jpg);
	background-repeat:no-repeat;
	height:117px;
	float:left;
}


#tarifs a {
	background-image: url(images/menu/tarifs_off.jpg);
	background-repeat:no-repeat;
	width: 103px;
	height:117px;
	display:block;
	float:left;
	
}
#tarifs a:hover {
	background-image: url(images/menu/tarifs_on.jpg);
	background-repeat:no-repeat;
	
}

#tarifs .active {
	background-image: url(images/menu/tarifs_on.jpg);
	background-repeat:no-repeat;
	width: 103px;
	height:117px;
	display:block;
	float:left;
	
}

#contact a {
	background-image: url(images/menu/contact_off.jpg);
	background-repeat:no-repeat;
	width: 108px;
	height:117px;
	display:block;
	float:left;
	
}
#contact a:hover {
	background-image: url(images/menu/contact_on.jpg);
	background-repeat:no-repeat;
	
}

#contact .active {
	background-image: url(images/menu/contact_on.jpg);
	background-repeat:no-repeat;
	width: 108px;
	height:117px;
	display:block;
	float:left;
	
}


#contenu {
	float: left;
	/*height: 438px;*/
	width: 955px;
}
#txt_acc {
	float: left;
	/*height: 438px;*/
	width: 323px;
	padding: 100px 0 0 120px;
}

#txt_acc h3 {
	background-image:url(images/etoile.gif);
	background-repeat:no-repeat;
	background-position: 0 0 ;
	padding-left:35px;
	font-size:18px;
	color:#17AFE5;
	margin:0 0 10px 0 ;
	display:block;

}


#txt_acc ul {
	padding:0;
	margin:15px 0 0 0;
	list-style:none;


}

#txt_acc li {
	padding-left:33px;
	font-weight:bold;
	line-height:30px;
}


#txt_acc  .bleu{
	background:url(images/crochet_bleu.gif) no-repeat 0 0;
}

#txt_acc  .orange{
	background:url(images/crochet_orange.gif) no-repeat 0 0;
}


#txt_acc  .vert{
	background:url(images/crochet_vert.gif) no-repeat 0 0;
}

#txt_acc  .jaune{
	background:url(images/crochet_jaune.gif) no-repeat 0 0 ;
	line-height:16px;
}

#txt_acc  .bleuciel{
	background:url(images/crochet_bleuciel.gif) no-repeat 0 0;
}


#photo_acc {
	float: right;
	height: 500px;
	width: 512px;
	position:relative;
}

#img_acc1 {
	position:absolute;
	top:60px;
	left:110px;
	z-index:2;
}

#img_acc2 {
	position:absolute;
	top:110px;
	left:0px;
	z-index:3;
}

#img_acc3 {
	position:absolute;
	top:80px;
	right:0px;
	z-index:1;
}

#img_acc4 {
	position:absolute;
	top:255px;
	left:50px;
	z-index:2;
}

#img_acc5 {
	position:absolute;
	top:230px;
	right:0px;
	z-index:1;
}

#img_acc6 {
	position:absolute;
	top:300px;
	right:70px;
	z-index:1;
}


#fond_adresse {
	clear: left;
	float: left;
	height: 72px;
	width: 955px;
	background-image: url(images/fond_adresse.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#adresse {
	float: left;
	height: 37px;
	width: 955px;
	text-align:center;
	padding-top:17px;
	
}


#adresse  span{
	position:relative;
	top:4px;
	
}


#liens_bas {
	float: left;
	height: 15px;
	width: 955px;
	text-align:center;
	padding-top:3px;
}


#toptech {
	clear: both;
	height: 61px;
	width: 955px;
	text-align:center;
	font-size:10px;
	color:#B0ABA7;
	padding-top: 15px;
}
#toptech  p{
	margin:0;
}


#toptech  a{
	color:#B0ABA7;
}

#toptech a:hover{
	color:#45B9EA;
}


/* ++++++ PAGE SERVICES ET PRESTATION +++++++ */


#txt_prest {
	float: left;
	/*height: 438px;*/
	width: 323px;
	padding:100px 0 0 120px;
}

#txt_prest p{
	display:block;
	text-align: justify;
}

#txt_prest h3 {
	background-image:url(images/etoile.gif);
	background-repeat:no-repeat;
	background-position: 0 0 ;
	padding-left:35px;
	font-size:18px;
	color:#17AFE5;
	margin:0 0 45px 0;
	display:block;

}

#txt_tarif p {
	margin:0 0 5px 0 ;
	display:block;

}



#photo_prest {
	float: right;
	width: 490px;
	padding: 130px 0 0 22px;
}


#niveau1 {
	
	float: left;
	
	
}
#bloc1 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	padding-top:8px;
	margin-left:5px;
}

#bloc2 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	padding-top:8px;
	margin-left:5px;
	
}


#bloc3 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	margin-left:5px;
	padding-top:8px;
}

#bloc4 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	padding-top:8px;
	margin-left:5px;
}



#ligne_photo{
	
	clear:both;
	padding: 5px 95px 0 110px;
}


#bloc5 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	padding-top:8px;
	margin-left:5px;
}

#bloc6 {
	float: left;
	height: 153px;
	width: 166px;
	background-image: url(images/fond_photo2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align:right;
	padding-right:6px;
	padding-top:8px;
	margin-left:5px;
}


/* ++++++ PAGE TARIFS +++++++ */

.telecharger a{
	margin-top:40px;
	color:#17AFE5;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
.telecharger a:hover{
	color:#000;
}

#txt_tarif {
	float: left;
	/*height: 438px;*/
	width: 323px;
	padding: 100px 0 0 120px;

}
#txt_tarif h3 {
	background-image:url(images/etoile.gif);
	background-repeat:no-repeat;
	background-position: 0 0 ;
	padding-left:35px;
	font-size:18px;
	color:#17AFE5;
	margin:0 0 20px 0 ;

}


#txt_tarif p {
	padding-top:40px;
	margin:0 0 10px 0 ;

}


/* ++++++ PAGE CONTACT +++++++ */


#adr_contact {
	float:right;
	width:300px;
	text-align:center;
	line-height:20px;
	font-size:13px;
}

#adr_contact p {
	margin:0;
}

#adr_contact  span{
	color:#17AFE5;
	font-weight:bold;
	font-size: 14px;
}

/******************/
/******* formulaire *****/
#formulaire{
	float:left;
	width:310px;
	padding:0 0 20px 0;
}

#formulaire p{
	margin:0 0 5px 0; 
	width:320px;
	float:left;
	display:block;
}
 
#formulaire span{
	float:left;

}
 
#formulaire input{
	float:right;
	border:1px solid  #333333;
	width:245px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #333333;
	width:245px;
	height:100px;
}

#formulaire .bout{
	width: 112px;
	height: 27px;
	border:  none;

}

#formulaire .rouge{
	color:#17AFE5;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	padding-right:20px;
	margin:0 0 0 5px 0;
	width:300px;

}


#ligne_photo2{
	padding: 0 95px 0  120px ;
	float:left;
	margin-top:100px;
}
#ligne_photo2 h3 {
	background-image:url(images/etoile.gif);
	background-repeat:no-repeat;
	background-position: 0 0 ;
	padding-left:35px;
	font-size:18px;
	color:#17AFE5;
	margin:0 0 20px 0 ;
	display:block;

}

#ligne_photo2 p{
	margin:5px 0  7px 0  ;
	text-align:justify;
	padding: 0 55px 10px 15px;
	display:block;
}

#txt_contact {
	float: left;
	/*height: 438px;*/
	width: 343px;
	padding: 20px 0 0 100px;
}


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

#carte {

	float: right;
	width: 420px;
	height:282px;
	padding: 20px 0 0 92px;
}
/* ++++++ PAGE ACTUALITES +++++++ */


#txt_actualites {
	float: left;
	/*height: 438px;*/
	width: 730px;
	padding: 100px 0 0px 120px;

}

#txt_actualites p {
	margin: 5px 0 10px 0;
}

#txt_actualites h2 {
	background:url(images/crochet_bleu.gif) no-repeat 0 0 ;
	height:25px ;
	margin:0;
	padding: 0 0 0 30px;
	font-size:16px;
	color:#09AEE4;
}
#txt_actualites h3 {
	background-image:url(images/etoile.gif);
	background-repeat:no-repeat;
	background-position: 0 0 ;
	padding-left:35px;
	font-size:18px;
	color:#17AFE5;
	margin:0 0 20px 0 ;
}

#txt_actualites img {
float:right;
border:1px solid #91DEFA;
}


#taille_page {
	float: left;
	height: 438px;
	width:0px;

}

.titre_mention{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:##000;
	margin:100px 100px 0 100px;
	padding:5px 0px;
	display:block;
	text-align:justify;
}

.p_mention{
	margin:10px 0 10px 0px;
	color:#17AFE5
}