body {
    margin: 0px;
    padding: 0px;
	background:#bccdbc;
	text-align:center;
}

h1{font-family:arial, helvetica, sans serif;font-size:18px; color:#000;margin:2px 2px 2px 0px}
h2{font-family:arial, helvetica, sans serif; font-size:12px; font-weight:bold; color:#000;}
h3{font-family:arial, helvetica, sans serif; font-size:12px; font-weight:bold; color:#333}
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:#aea580;font-weight:bold;text-decoration:none;}
a:hover {color:#aa839a;text-decoration:underline}
p{margin:15px auto}

img {border: 2px solid #aea580}

ul, li {
	text-align:left;
	margin: 0;
	padding: 0;}
	
#page {
position:relative;
width:760px;
font-family: verdana, arial, helvetica, sans serif;
font-size:11px;
margin:0 auto;
margin-top:10px;
border:1px solid #000;
background:#fff url(images/fond_page.jpg) top left repeat-x;
}

#top {
position:relative;
    height: 80px;
    background:  url(images/bandeau.jpg);
    padding: 0px;
	border-bottom: #ccc 1px solid; 
	/*height: 40px;
	background:#aa839a;*/
}

#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:#fff;
background:  url(/images/design/en/fond_body.gif) top repeat-x;
margin-right:5px; 

}
#menu_top a {color:#fff; 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:-10px;

}

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


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

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

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

#centre {
padding:3px 10px 10px 10px;
border:1px solid #ccc;
margin-right:160px
}

#chemin {
font-size:10px;
color:#000;
margin-top:3px;
}
#chemin a{
color:#003300;
}
#chemin a:hover{
color:#006600;
}


/* right
---------------------------*/
#right {
float:right;
width:150px;


}
 
#right h2 {
font-size:12px;
color:#fff;
background:#000;
margin-bottom:2px;
padding-left:2px;
font-weight:normal;
text-transform:uppercase;
}

#footer {
    clear: both;
    color:#ffffff;
	font-size:10px;
	margin:0;
	background:#000;
	padding:5px;
	border-top: 2px solid #48474d;
	}

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



/* menu-admin
---------------------------*/
#menu-admin{
margin-bottom:10px;
border :1px solid #000;
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:#ff0000;
	
}


#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 #000;
background:#9ba1a8;
color: #fff;
margin-bottom: 10px;
}
 
form label {
display:inline;
width: 150px;
float:left;
margin: 3px 0 3px 0;
}
 
form select {width:170px}


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:#ff0000}

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

/* Offre list
----------------------------------------------*/
#offre_liste{
border-top:1px solid #ccc;
margin:5px 0;
padding:5px; 
height:70px;
}
#offre_liste h1 {
font-size:10px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
}


#details {
float:right;
border:1px solid #ccc;
background:#333;
}
#details a {
display:block;
color:#fff;
font-size:10px;
padding:2px;
}

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


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

#ref {background:#eee;padding:5px;margin-top:5px}


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

#photo img {width:315px}

#offre_details {

font-weight:bold; 

margin-top:20px; 
}

#pri {
clear:left;
margin-top:25px;
padding:5px !important; 
padding:1px 3px 3px 3px;
font-weight:bold; 
background:#eee;
font-size:14px;
border-top:#000 1px solid;

}

#thumbnails {
float:left;
margin:0;
width:325px;

}

#fiche_technique {

margin-left:340px

}
#fiche_technique h2, #right h2 {
font-size:12px; 
font-weight:normal;
text-transform:uppercase;
color:#fff;
background:#000;padding-left:2px;
margint-top:0;
margin-bottom:0;
border-top:2px solid #ccc;

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

/* 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;
border:1px solid #ccc;
}

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

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

ul.services li  {
list-style-type:none;
color: #000;
text-decoration: none;
display: block;
background:#f1f3f8;
border:1px solid #ccc;
padding:2px;
margin:2px 0;
}

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

form.moteur, .moteur label, .moteur p {margin:2px 0}
.moteur label {background:#f1f3f8;width:150px}
.moteur input, .moteur select {width:150px;margin:0px 0}

/* form accueil
------------------------------ */

form.accueil, .accueil label, .accueil p {margin:2px 0}
.accueil label {background:#f1f3f8;width:150px;}
.accueil input, .accueil select {width:220px;margin:0px 0}

/*accueil 
---------------------------*/
#accueil_left h2, #accueil_right h2, #accueil_centre h2,#accueil_left h1  {
margin-bottom:0;
margin-top:0;
background: #000;
color:#fff;
padding:2px;
border:1px solid #ccc;
font-size:12px;

} 


#accueil_left {
float:left;
margin-top:15px;
width:230px;
padding:5px;
border:1px solid #aea580;
}

#accueil_right {
float:right;
margin-top:15px;
width:230px !important;
width:220px;
padding:5px;
border:1px solid #336633;
font-size:11px;
padding-bottom:5px;
}
#accueil_right p{margin-top:5px;} 

#accueil_centre {
width:225px;
margin:0 250px;

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

/* 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 solid #ccc;
margin:5px 0; 
padding:5px; 
height:70px;
font-size:10px;
line-height:95%
} 

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

#contact-right {
text-align:center;
border:1px solid #ff0000;
margin-top:10px;
}

#contact-right h2 {
color:#ff0000;
background:#fff;
border-top:0;

}

#contact-right a {
padding-top:5px; 
background:#dd0000;  
display:block;
height:35px;
color:#ffffff;
border:1px solid #fff;

}  

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

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

#pages-ref li, #pages-ref ul {
margin:0;padding:0;list-style-type:none;
}

#pages-ref li a{
display:block;
padding:3px;
background:#eee;
color:#000;margin:2px 0;
font-size:14px;
}

#pages-ref li a:hover{
display:block;
padding:3px;
background:#fff;
color:#333;margin:2px 0;
}