@charset "UTF-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:"Times New Roman", Times, serif; background:url(../images/fond-bas.jpg) repeat;}
a {   outline: none; }
#menu{ width:100%; background:url(../images/fond-menu.gif) repeat-x; height:37px; font-family:Arial, Helvetica, sans-serif}
#nav{ width:950px; margin:auto !important;}
.clear { clar:both; width:950px;}
	#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:37px;
	 
 	}
	
	 #nav a:link, #nav a:active, #nav a:visited{
    display:block;
	_display:inline-block;
    padding:0px 7px;
    color:#fbf7e4;
    text-decoration:none;
	height:37px;
	}
	
	#nav a:hover{
	background:url(../images/fond-menu-hover.gif) repeat-x;
	height:37px;
	}
	
	#nav li{
    float:left;
    position:relative;
	
	}
	#nav li:hover{background:url(../images/fond-menu-hover.gif) repeat-x; height:37px; display:block;}
	
	#nav ul {
    position:absolute;
    width:12em;
    top:37px;
	left:0px;
    display:none;
	}
	
	#nav li ul a{
		width:10em;
		float:left;
		background:url(../images/fond-menu.gif) repeat-x; height:37px;
	}
 
 	#nav ul ul{
	top:auto;
	}	

	#nav li ul ul {
		left:12em;
		
		margin:0px 0 0 10px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
		display:none;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
		display:block;
		}
		
		
#top{ background:url(../images/fond-intro.jpg) repeat-x top center; /*_background:url(../images/fond-intro2.jpg) no-repeat top center !important;*/ height:585px;}	
 #top-rayures{ background:url(../images/fond-intro-rayure.png) no-repeat top center; _background:none !important; height:585px;}	
 .menu #top-rayures{ height:250px;}
 .contenu{ width:950px; margin:auto;}
 #intro{ width:950px; height:200px;} 
 #intro #texte {
    color: #5E5E5E;
    float: right;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: -15px;
    text-align: justify;
    width: 724px;
}
 #intro #texte h1{ color:#3f79cf; font-size:1.6em;}
 #intro #logo{float:left; width:171px; height:187px; background:url(../images/logo-chobart-traiteur.png) no-repeat; _background:url(../images/logo-chobart-traiteur.gif) no-repeat; }
 #top-rayures .contenu { padding-top:20px;}
 
 #conteneur-slider{ width:930px; height:298px; background:url(../images/fond-slider.png) no-repeat; padding:12px 10px 10px 10px; clear:both;}
 
 
 
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:930px;
	height:300px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:300px;
	/*position:absolute;
	left:-30px;
	top:71px;*/
	}	
#prevBtn{margin-top:-300px;
position:absolute; width:50px; outline:none;}
#nextBtn{ float:right;
margin-top:-300px;width:50px;}														
	
#prevBtn a{ background:url(../images/btn-precedent.png) no-repeat; background-position:right; width:50px; height:300px; display:block; text-indent:-9999px; }
#prevBtn a:hover{ background-position:left;	}
#nextBtn a{background:url(../images/btn-suivant.png) no-repeat; background-position:left; width:50px; height:300px; display:block; text-indent:-9999px;}
#nextBtn a:hover{ background-position:right}
 
 #partie2{ background:url(../images/fond-bas.jpg) repeat;  border-top: solid 3px #000;}
 
 #espaces-tiers{ height:144px; margin-top:10px;}
 .tiers{ width:315px; height:144px; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
 .t1, .t2{background:url(../images/fond-tiers-blanc.png) no-repeat; _background:url(../images/fond-tiers-blanc.gif) no-repeat;}
 .t3{ background:url(../images/fond-tiers-bleu.png) no-repeat; _background:url(../images/fond-tiers-bleu.gif) no-repeat; padding:0px 25px 0px 18px; width:272px; text-align:right; padding-top:30px; height:114px;}
 .t3 #demande{color:#f7f5ed; font-weight:bold; margin-bottom:0px; border-bottom:solid 1px; width:256px; float:right; margin-top:0px; }
 .t3 #telephone{ color:#f7f5ed; font-weight:bold; font-size:2.4em; margin-top:0px;}
 
 .t2{ padding:0px 25px 0px 18px; width:272px; text-align:right; padding-top:30px; height:114px;}
 .t2 #experience{
	 border-bottom:1px solid;
color:#333333;
float:right;
font-size:0.8em;
font-weight:normal;
margin-bottom:0;
margin-top:0;
width:265px;
padding-bottom:8px;

	 }
 .t2 #duree{ color:#666;
font-size:1.7em;
font-weight:bold; padding-top:19px;}

.t1 {color:#333333;font-size:0.8em;font-weight:normal;width:295px; height:120px; padding:24px 0px 0px 20px;}
.t1 h4{ margin:0px; font-size:1.1em; }

#espace-carte { margin-top:40px; _height:550px;}
#espace-carte #droite{ float:right; width:315px; padding-top:54px; color:#fbf7e4; text-align:justify; font-size:0.9em; }
#espace-carte #gauche{ width:635px;font-family:Arial, Helvetica, sans-serif; _float:left;}
#espace-carte #gauche h1{ margin:0px;color:#fff; font-size:1.4em; }
#espace-carte #gauche h2{ margin:0px; color:#fbf7e4; font-size:0.75em; margin-bottom:10px; border-bottom:solid 1px #fbf7e4; width:606px;}
#map{ width:600px; height:428px; background-color:#FFF; border: 3px solid #e6e2d0; _float:left; position:relative; _position:absolute; _top:880px;}

#footer{ margin:auto; color:#acacac; width:950px; text-align:center; font-size:0.8em; margin-top:50px;}


.menu #top { height:250px;}


#plats-pictos{ clear:both; font-family:Arial, Helvetica, sans-serif; margin-top:20px;} 
#plats-pictos #plats{ width:690px;}
#plats-pictos #plats .plat{ background-color:#FAF9EF;
border-top:1px solid #ECEBDE;
margin:0 22px;
position:absolute;
width:656px; }
#plats-pictos #plats .plat h3{ margin:0px; width:350px; text-align:right; padding-left:37px; color:#3f79cf; padding-top:28px;}
#plats-pictos #plats .plat p{margin:0; color:#444; font-size:0.9em;
padding-left:37px;
text-align:right;
width:350px; padding-bottom:32px;}
#plats-pictos #plats .plat .tarif{ color:#895d42}
#plats-pictos #plats .plat .photo-plat { width:218px; height:145px; background-color:#333;  }
#plats-pictos #plats .photo-droite .photo-plat{margin-top:5px; margin-bottom:5px; margin-right:5px; margin-left:20px; float:right;}

.photo-na-droite{margin-top:5px; margin-bottom:5px; margin-right:5px; margin-left:20px; float:right; width:218px; height:145px;}
.photo-na-gauche{margin-top:5px; margin-bottom:5px; margin-right:5px; margin-left:20px; float:left; width:218px; height:145px;}


#plats-pictos #plats .photo-gauche .photo-plat{margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:20px; float:left;}

#plats-pictos #pictos{ float:right; width:250px; border-left:1px solid #faf9ef;}
#plats-pictos #pictos ul{ list-style:none; padding-left:10px; margin-top:0px; margin-left:0px;}
#plats-pictos #pictos ul li{ padding-left:0px; padding-bottom:15px; color:#faf9ef; width:240px; height:49px;}
#plats-pictos #pictos ul li p{ float:right; width:181px; text-align:left; margin:0px; font-size:0.8em;}
#plats-pictos #pictos ul li a{ color:#0CF}
#plats-pictos #pictos ul li img{ float:left;}

.plat-plateau{ width:646px; background:#faf9ef; padding:5px; margin-left:22px; margin-bottom:10px; height:168px;}
.plat-plateau .photo-plat{  width:250px; background-color:#666; float:left; }
.plat-plateau .texte-plat{ padding-left:277px; padding-right:20px}
.plat-plateau .texte-plat p{ color:#444; margin-top:0px; font-size:0.9em;}
.plat-plateau .texte-plat h3{color:#3f79cf; margin-top:5px; margin-bottom:5px; font-size:1.5em;}


.liste-plats{width:646px; background:#faf9ef; padding:5px; margin-left:22px; margin-bottom:10px;}
.liste-plats .texte-plat {padding-right:20px}
.liste-plats .texte-plat h3{color:#3f79cf; margin-top:5px; margin-bottom:5px; font-size:1.5em; padding-left:10px;}


.liste-plats .texte-plat ul { list-style:none; color:#444;}
.liste-plats .texte-plat ul li{line-height:1.4em; border-bottom:1px dotted; margin-bottom:5px;}
.liste-plats .texte-plat ul li .prix{color:#895d42; float:right; }



.phd .photo-plat{ float:right;}
.phd .texte-plat{ padding-right:277px; padding-left:10px; text-align:right;}

.phg .photo-plat{ float:left;}
.phg .texte-plat{ padding-left:277px; padding-right:10px; text-align:left;}

.phd .texte-plat .tarif {font-weight:bold; font-size:0.8em; color:#895d42;}
.phg .texte-plat .tarif {  color:#895d42; font-weight:bold; font-size:0.8em;}

.clear-plat{clear:both; height:1px; width:500px;}





#contenu-contact{
	font-family:Arial, Helvetica, sans-serif;
margin:0 22px;
width:950px; margin-top:15px; }

#contenu-contact form{ margin-top:36px; margin-bottom:50px;}

#contact-gauche{ width:425px;  border-right:1px solid #333; padding-left:24px; padding-right:24px; }
#contact-gauche p{ color:#AAAAAA;
font-size:0.8em;
margin-top:2px; height:20px;}
#contact-gauche h3{border-bottom:1px solid;
color:#3F79CF;
font-size:1.8em;
margin-bottom:0;
width:404px; margin-top:0px;;}
#contact-gauche #champs-contact{ margin-right:15px; margin-top:10px}
#contact-gauche #champs-contact label{font-size:1.3em; float:left}
#contact-gauche #champs-contact .champ-input{ float:right;}

#contact-droit #champs-contact{ margin-right:15px; margin-top:10px}
#contact-droit #champs-contact label{font-size:1.3em; float:left}
#contact-droit #champs-contact .champ-input{ float:right;}


#contact-droit{ float:right;  width:425px; padding-left:24px; padding-right:24px;}
#contact-droit p{color:#AAAAAA;
font-size:0.8em;
margin-top:2px; height:20px;}
#contact-droit h3{border-bottom:1px solid;
color:#3F79CF;
font-size:1.8em;
margin-bottom:0;
width:404px; margin-top:0px;margin-top:0px;}

#envoyer input{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3F79CF none repeat scroll 0 0;
border:1px solid #555555;
color:#FFFFFF;
font-size:1.5em;
height:34px;
width:414px;
cursor:pointer;
margin-top:10px;
	}
	
#envoyer input:hover{
	background:#6197e7 none repeat scroll 0 0;
border:1px solid #555555;
	}
	
#various3, #various4 { color:#895D42; text-decoration:underline;} 

#various3:hover, #various4:hover { color:#333;} 

.pulpe { color:#F90;}
.ovh{ color:#09F}