/**

div { 	border:solid #EA5A00 1px; 
	padding:0;
	margin:0;
	} 

ul { 	border:solid #EA5A00 1px; 
	padding:0;
	margin:0;
	} 
img { 	border:solid #EA5AFF 1px; 
	padding:0;
	margin:0;
	} 

h1 { 	border:solid #EA5A00 1px; 
	padding:0;
	margin:0;
	} 
	
h3 { 	border:solid #EA5A00 1px; 
	padding:0;
	margin:0;
	} 
**/		

a img {border: 0;}

*a{outline: none;}
:focus{-moz-outline-style: none;}

ul {padding:0px; margin:0px;}
li {list-style-type:none;}

/**img, div, span, li { behavior: url(iepngfix.htc) }**/

/** body **/	
	
body { 	
	margin: 0px;
	padding: 0px;
	font-family: helvetica, verdana, arial, georgia;
	width: 100%;
	font-size:1em;
	background:url('../images/fond.jpg') top center no-repeat #000000;}

#contain {width: 1000px; 	margin: 0 auto; } //conteneur global

#imageMenu { overflow: hidden;width: 1000px; }
.page {border-left:1px solid #777777; overflow:hidden; float:left; position:relative;}

.container {width:820px; height:900px; padding-left:40px; padding-top:0px;overflow-y:auto; overflow-x:hidden}

.logotop {width:233px; height: 151px; background:url('../images/logo.jpg') top center no-repeat; float:left; padding-left:40px;}

.star {background:url(../images/stars.png) no-repeat; margin-right:10px; overflow: hidden;float:left; display:block; width:16px}
.starorange {background-position:-16px;color:#d58520; font-weight:bold}
.starbrown { background-position:-32px;color:#7e0302; font-weight:bold}
.starred {   background-position:0px;color:#c13d1d; font-weight:bold}

/*MENTIONS LEGALES*/

#mentions {background: #2c4981 url('../images/vaches.jpg') top left no-repeat; text-align: justify; text-justify: newspaper ; line-height:120%;width:25px; }
#mentions em {color:#FFFFFF;}
#mentions a {text-decoration:none; color:#FFFFFF}
#mentions a:hover {text-decoration:underline;}
#mentions p {padding:0px; margin:0px;}

/*ACCUEIL*/
#accueil { background: #79aef2 url('../images/ponton.jpg') top left no-repeat;width:860px }

#ngourmand {float:right; }

#baseline {font-size: 2em; float:right; height:160px; border-left:1px solid #770000;padding-left:5px; color:#770000;margin-right:20px; clear:both;}
#baseline em {color:#FFFFFF;}

.feuille {background:rgb(66,16,26); background:rgba(66,16,26,.50); padding:5px 20px;color:#FFFFFF;clear:both;}

#feuilleaccueil {width:650px;}
#feuilleaccueil2 {width:700px; margin-top:50px; margin-right:20px;float:right; line-height:130%}
#feuilleaccueil2 a {text-decoration:none; color:#FFFFFF}
#feuilleaccueil2 a:hover {text-decoration:underline;}

/*OFFRE*/
#offre { background: #074b00 url('../images/feuille.jpg') top left no-repeat;position:relative;width:25px; }/*hack IE pour gˇrer le texte dˇfilant*/

#titreoffre {text-align:right;font-size:2em; color:#635137;margin-top:130px;float:right;width:400px;margin-right:80px}
#offreligne {border-left:1px solid #635137;text-align:left;float:left;height:150px;}
#titreoffre div {float:left; padding:0px 5px}
#titreoffre em {color:#FFFFFF}

#offres {margin-left:120px; clear:both;}
.offer {width:500px;height:80px;background:rgb(255,255,255); background:rgba(255,255,255,.75);color:#635137;padding:10px;margin-bottom:25px;}
.icon {float:left; width:70px;height:70px; border:solid 5px #FFFFFF;margin-right:10px}

#encaps {position:absolute; right:50px; top:0px;}
.detailoffres {width:450px;height:900px;color:#FFFFFF; background:rgb(66,16,26); background:rgba(66,16,26,.75); padding:10px;}

.retour {float:right; background:url('../images/x.png') no-repeat; width:25px; height:25px; display:block;}

/*PRINCIPES*/
#principes { background: #2b2e19 url('../images/clairiere.jpg') top left no-repeat;width:25px; }

.trait {font-size: 2em; color:#FFFFFF; clear:both; border-left:1px solid #770000;padding-left:5px; margin-left:50px; padding-top:10px; padding-bottom:20px;}
.trait em {color:#770000; padding-top:10px; padding-bottom:20px;}
.bloc {background:rgb(66,16,26); background:rgba(66,16,26,.50); padding:5px 20px;color:#FFFFFF;clear:both; text-align:justify;}
.colonne { float:left; margin:10px}

/*REFERENCES*/
#references { background: #141a00 url('../images/cascade.jpg') top left no-repeat;width:25px; }

#titreref {text-align:right;font-size:2em; color:#FFFFFF;margin-top:150px;float:right;width:400px;margin-right:50px}
#refligne {border-left:1px solid #94b2e8;text-align:left;float:left;height:250px;}
#titreref div {float:left; padding:0px 5px}
#titreref em {color:#94b2e8}

#listeref {clear:both; width:840px;}
#listeref li {float:left; width:266px;background:rgb(66,16,26); background:rgba(66,16,26,.50);color:#ff9000;padding:5px;margin-bottom:25px;}
#listeref a {color:#ff9000; text-decoration:none;}
#listeref a:visited {color:#ff9000; text-decoration:none;}
#listeref a:hover {color:#ff9000; text-decoration:underline;}
#listeref div {border:3px solid #FFFFFF; width:25px;height:25px;float:left; margin-right:5px; background-image:url('../images/iconesref.gif');}
#listeref em {font-size:1em; font-weight:bold;color:#FFFFFF;}


/*CONTACT*/
#contact {background: #797a75 url('../images/cailloux.jpg') top left no-repeat;width:25px; }

#bloccontact { clear:both;color:#FFFFFF; width:720px;margin-left:100px}
#bloccontact em {color:#91b9ff;}
#bloccontact a, a:visited {color:#FFFFFF;text-decoration:none}
#bloccontact a:hover {color:#FFFFFF;text-decoration:underline}

#nouscontacter {margin-top:100px;float:left;}
#ncbloc1 {font-size: 2em; margin-left:30px;height:115px; border-left:1px solid #94b2e8;padding-left:5px;}
#ncbloc2 {background:rgb(34,102,220); background:rgba(34,102,220,.50); padding:10px; width:240px;}
#ncbloc2 p {padding:4px 0px; margin:0px; border:0px;}

#nousecrire {float:left; width:430px; position:relative;}
.colgauche {float:left; text-align:right; padding-right:5px; width:150px;}
.coldroite {float:left; text-align:left; width:250px;}
#nebloc1 {font-size: 2em;}
#nebloc2 {padding-left:5px; border-left:1px solid #91b9ff; height:130px }
#nebloc2 em {font-size: 2em; }
#log_res {font-size:1em}
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;}
#nebloc3 {clear:both; font-size:1.3em;}
#nebloc4 {}

#noustrouver {clear:both; margin-left:40px;margin-top:20px;width:550px}
#noustrouver div {border-bottom:1px solid #94b2e8; width:450px; font-size:2em;margin-top:20px;float:left}
#noustrouver a {float:left}

/*BOTTOM*/
#bottom {width:990px; height:300px; background:url('../images/fond-footer.jpg') no-repeat ; font-size:0.9em; color: #909090; clear:both;}
#bottom ul {padding:20px 10px; float:left;text-align: justify; text-justify: newspaper ;}
#bottom h3 { font-size:1em; color:#cbff67;}
#bottom a { color: #909090; text-decoration:none;}
#bottom p, #bottom h3, #bottom a {display:block; padding:3px 10px; margin:0px; border:0px;}
#bottom a:hover {color: white; background: #424040;}

.sep {margin:20px 0px 0px 0px; 
  float:left; 
  background:url('../images/sep.png') no-repeat; 
  width:1px; 
  height:115px;}

#copy {text-align:center; width:100%;clear:both; background:url('../images/3stars.png') top center no-repeat; padding-top:35px;}

