body {
    margin: 0px;
    padding: 0px;
	background:#efefef url(images/fond-body.jpg) top left repeat-x;
	color:#173117;
}

h1{font-size:25px;font-family:Georgia, "Times New Roman", Times, serif;color:#173117;}
h2 {font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;}
h3{font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;}
h4{font-family:arial, helvetica, sans serif; font-size:12px; font-weight:normal; color:#b17c52;text-decoration:underline;}

h1 span {position:absolute;left:-4000px;top:0px;}

a {color:#4E9A4E;font-weight:bold;text-decoration:none;}
a:hover {color:#000;text-decoration:underline}
p{}


ul, li {
	text-align:left;
	margin: 0;
	padding: 0;}
	
#page {
position:relative;
width:1000px;
font-family: verdana, arial, helvetica, sans serif;
font-size:12px;
margin:0 auto;

}

#top {
position:relative;
    height: 120px;
    background:  url(images/new-banniere2.jpg) top left no-repeat;
    padding: 0px;
	margin:0;
	/*height: 40px;
	background:#aa839a;*/
	margin-bottom:25px;
}

#menu_top {
position:absolute;
top:0;
right:0;
height:12px;
font-size:10px;
text-align:right;
padding:2px 0px 3px 0px!important;
padding:2px 10px 3px 0px;
font-family: verdana, arial, sans-serif;
color:#173117;
background:  url(/images/design/en/fond_body.gif) top repeat-x;
margin-right:5px; 

}
#menu_top a {color:#173117; text-decoration:none;font-weight:normal}
#menu_top a:hover {background:none;color:#bccdbc; text-decoration:none;}
#top li {display:inline;margin:0}
#top ul {margin:0}

/* main_menu
---------------------------*/

#main_menu {
position:absolute;
left:0;
bottom:-15px;

}

#main_menu img, #main_menu img a  {border:none}


/* content 
------------------------------------- */

#content {
position:relative;
    margin: 0px;
	margin-top:10px;
	text-align:left;
	padding-top:3px;
	color:#173117
}

#content ul {
	margin-left: 30px;
	padding: 0;
	}
#content li {
list-style-type:normal;
}

#centre {
padding:3px 10px 10px 0px;

margin-right:280px
}

#chemin {
position:absolute;
right:0;
top:-60px;
font-size:13px;
color:#173117;
margin-top:0px;


}
#chemin a{
color:#173117
}
#chemin a:hover{
color:#173117
}


/* right
---------------------------*/
#right {
float:right;
width:250px;
margin-top:30px;

}
 


#footer {
    clear: both;
   	font-size:10px;
	margin:0;
	padding:5px;
	padding-top:50px;
	margin-top:50px;
	color:#4E9A4E;
	/*background:url(images/bg-footer.jpg)  top center no-repeat;*/
	}

#footer a {color:#4E9A4E;font-weight:normal;}



/* menu-admin
---------------------------*/
#menu-admin{
margin-bottom:10px;
border :1px solid #616161;
padding:3px;

}

#menu-admin ul,#menu-admin li  {
display:inline; 
list-style-type: none;
margin:0;padding:0;
		}



#menu-admin li a{
    font-size:10px;
	font-weight:bold;
	padding:5px;
	text-decoration: none;
	color:#173117;
	
}


#menu-admin  li a:hover {
text-decoration:underline
	}


/* forms

-------------------------------------------*/
form fieldset {
padding: 1em;
background: #eef !important;
background:none;
border: 1px solid #9ba1a8;
margin: 0 0 15px 15px;
width: 500px;
display: blocalisationk;
}
 
form fieldset legend {
padding: 4px;
border: 1px solid #616161;
background:#9ba1a8;
color: #fff;
margin-bottom: 10px;
}
 
form label {
display:inline;
width: 150px;
float:left;
margin: 3px 0 3px 0;
}
 
form select {width:210px}


form ul{list-style-type:none;margin:0;padding:0}
form li{list-style-type:none;padding:0}
form #genre li {display:inline}
#genre label  {float:none;width:auto}

/* class diverses
----------------------------------------------*/
.center {text-align:center}
.petit {font-size:10px;}
.rouge {color:#173117}

.libelle{display:inline;
width: 200px;
float:left;
margin: 3px 0;}

/* Offre list
----------------------------------------------*/

.offre_liste{
border-top:1px dotted #173117;
margin:5px 10px 5px 0; 
padding:5px 5px 25px 0; 
height:90px;
font-size:12px;
float:left;
width:335px;
background:#fff;
border:1px solid #173117;
position:relative;
} 

.offre_liste strong{
font-size:13px;
} 

span.offre_liste_ref {position:absolute;top:5px;left:15px;font-size:10px;color:#009933}


.offre_liste img, .offres_liste_petit img{

background:transparent url(images/fond_thumb.png) top left no-repeat;
border:0;
padding:12px;
margin:0;
margin-top:8px;
height:75px;
width:100px;
} 

.offre_liste h1{
margin:0;padding:0;line-height:50%;margin-top:5px;
} 

span.details {
float:right;
padding:11px;
position:absolute;
bottom:5px;right:10px;;
background:transparent url(images/fond_details.png) top left no-repeat;
}
span.details a {
display:block;
color:#fff;
font-size:10px;
text-aling:center;
}


#actions {background:#eee;margin:5px 0; font-size:10px;}
#actions a {color:#173117}


/* Offre 
----------------------------------------------*/

#ref {}


#photo {
float:left;
margin:0px;
margin-right:30px;
}

#photo img {width:480px;padding:5px 5px 33px 5px;background:url(images/fond_photo.png) bottom center no-repeat;}

#offre_details {

font-weight:normal;
background:#fff;
margin-top:20px; 
border:1px solid #173117;
padding:10px 0;
}

#pri {
clear:left;
margin-top:30px;
padding:5px !important; 
padding:1px 3px 3px 3px;
font-weight:bold; 
font-size:30px;
color:#173117;
font-family:Georgia, "Times New Roman", Times, serif;

text-align:left;

}

#thumbnails {
float:left;
margin:0;
width:385px;
background:#fff;
border:1px solid #173117;
padding:10px;
background:#FFFBD5 url(images/bg-bloc3.jpg) top left repeat-x;
}

#thumbnails img {

background:url(images/fond_thumb.png) bottom left no-repeat;
border:0;
padding:12px;
height:75px;
width:100px;
}

#fiche_technique {

margin-left:450px

}

#fiche_technique ul, #fiche_technique li {margin:0}

#fiche_technique li {margin-left:30px;list-style-type:square}

/* Hide from IE5-mac. Only IE-win sees this. hack "three pixels bug" \ */
 
* html #thumbnails {
  margin-right: 0px;
  }
 
* html #fiche_technique {
  height: 1%;

  }
 
/*  End hide from IE5/mac */

.float_left {float:left}

/* offres liste droite
------------------------------ */

.offres_liste_petit {

font-size:10px;
text-align:center;
background:#fff;
border:1px solid #173117;
padding:5px;
}

/* services ul li 
------------------------------ */

ul.services {margin:0;padding:0;list-style-type:none}

ul.services li  {

}

/* form moteur
------------------------------ */

form.moteur {
background:#FFFBD5 url(images/bg-bloc3.jpg) top left repeat-x;
border:1px solid #173117;
text-align:center;
padding-bottom:30px; 
font-size:14px; 
}

form.moteur, .moteur label, .moteur p {margin:2px 0}
.moteur label {width:210px;margin-top:5px;}
.moteur input, .moteur select {width:210px;margin:0px 0;background:#fff; border:1px dotted #173117;padding:3px;}

.moteur select {} 

.moteur input.submit {margin-top:15px;background:#173117;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;color:#fff; border:none;padding:5px;}
el
/* form accueil
------------------------------ */



form.accueil, .accueil label, .accueil p {margin:2px 0;text-align:center;margin-top:0px;}
form.accueil {margin-top:-5px;}
.accueil label {width:210px;}
.accueil input, .accueil select {width:230px;margin:5px 0;background:#fff; border:1px dotted #173117;padding:3px;}

.accueil input.submit {margin-top:10px;background:#173117 ;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;color:#ffffff; border:none;padding:5px;margin-left:8px;}

/*accueil 
---------------------------*/
#accueil_left h2, #accueil_right h2, #accueil_centre h2,#accueil_left h1  {
margin-bottom:15px;
margin-top:0;
color:#173117;
padding:2px;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;

} 


#accueil_left {
float:left;
margin-top:15px;
width:713px;
padding:5px;
background:#fff;

margin-bottom:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#accueil_right {
float:right;
margin-top:15px;
width:245px !important;
width:235px;
padding:5px;
background:#FFFBD5 url(images/bg-bloc3.jpg) top left ;

font-size:12px;
padding-bottom:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
#accueil_right p{margin-top:5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;} 

#accueil_centre {
float:right;
width:245px;
margin:0 0px 0 0;
background:#FFFBD5 url(images/bg-bloc3.jpg) top left repeat-x;

margin-top:0px;
padding:5px;
height:395px;
} 
.accueil_services {
width:200px;
text-align:center;
font-size:13px;
margin-top:15px;
padding:5px;
background:#333;
border:1px solid #616161;
}

/* Hide from IE5-mac. Only IE-win sees this. hack "three pixels bug" \ */
 
* html #accueil_centre {
  margin-right: 0px; 
  }
 
* html #accueil_left {
  height: 1%;

  }
 
/*  End hide from IE5/mac */




.offre_liste_accueil{
border-top:1px dotted #173117;
margin:5px 0; 
padding:5px; 
height:90px;
font-size:12px;
float:left;
width:330px;
} 

.offre_liste_accueil strong{
font-size:13px;font-family:Georgia, "Times New Roman", Times, serif;
} 

.offre_liste_accueil img{
display:block;
background:url(images/fond_thumb.png) top left no-repeat;
border:0;
padding:12px;
} 

#pagination input {float:left}
.page_active {color:#173117fff;background:#173117;padding:0 2px;border:1px solid #173117}

#contact-right {
background:#173117 url(images/bg-bloc-2.jpg) top left repeat-x;
text-align:center;
border:1px solid #173117;
margin-top:10px;
color:#ffffff
}

#contact-right h2 {

color:#ffffff
}

#contact-right a {
margin-top:15px;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;color:#ffffff; border:none;padding:5px;

}  

#contact-right a:hover {
color:#173117;
background:#ffffff;
border:1px solid #173117;
text-decoration:none;
}

.n_tel  {
color: #f4de15;
font-size:24px;
margin:10px 0;
font-weight:bold; }

#pages-ref {
background:#FFFBD5 url(images/bg-bloc3.jpg) top left repeat-x;
text-align:center;
border:1px solid #173117;
margin-top:10px;
padding-bottom:15px;
font-size:16px;
}


ul#accueil, ul#accueil li {margin:0;padding:0;list-style-type:none;border:2px solid #173117 }
ul#accueil li {display:block;height:404px;width:721px;}

#lien_home {display:block;position:absolute;top:0;left:0;width:450px;height:100px;}

.innerfade-title{
       position: absolute;
       bottom: 20px;
       left: 0;
       z-index: 290;
       width: 100%;
       background: #173117;
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
        opacity: .8;
        border-top: 1px solid white;
}
.innerfade-title h2{
        color: white;
        font-weight: bold;
       margin-top: 0;
       margin-bottom: 0;
              text-align: center;
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 22px;
           padding:10px 0;
		 
}
