/* Start of CMSMS style sheet 'leverdi-css' */
/**************************************/
/***** CSS du site Le-Verdi.net *******/
/**** Réalisé par THERIN Julien   *****/
/**************************************/

		html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : inherit;
	font-style : inherit;
	font-size : 100%;
	font-family : Trebuchet MS, Arial, "Nimbus Sans L", sans-serif;
	vertical-align : baseline;
}

body
{
	margin : 0 0;
	padding : 0;
	text-align : center;
	background : url("design/images/header-bg.png") repeat-x;
	background-color : #af9162;
}

div#conteneur
{
	width : 940px;
	 margin :  0 auto; 
	 position  : relative; 
	 text-align : left;
}

/*---------------- LOGO ----------------*/
		
#logo
{
	display : block;
	width : 221px;
	height : 92px;
	top : 0;
	position : absolute;
	margin-top: 29px;
	margin-left: 10px;
	text-indent : -9999px;
	background : url("design/images/logo-verdi.png") no-repeat;
}
			
#logo a
{
	display : block;
	width : 100%;
	height : 100%;
}	

/*---------------- MENU DEROULANT ----------------*/
		
#menu
{
	background : #a10327 url(epsigon/style/menuleft-background.jpg) no-repeat scroll left top;
	height : 20px;
	left : 434px;
	overflow : hidden;
	position : absolute;
	top : 25px;
	width : 350px;
}
		
#menu h1
{
	background : transparent url(design/images/menu-top.png) no-repeat;
	float : left;
	text-indent : -9999px;
	width : 100px;
	margin-left : 16px;
}
		
#menu div
{
	font-size : 0.8em;
	height : 100%;
	margin-left : 0px;
	padding : 5px 5px 0px 0px;
}

#menu ul
{
	margin-top : 25px;
}

#menu ul li
{
	margin-left : 16px;
}

#menu a
{
        color : #f8eb9f;
        text-decoration : none;	
}

#menu a:hover
{
        font-style : italic;	
}

/*---------------- CORPS ----------------*/
	
#pagewrapper
{
	background : transparent url("design/images/body-bg.png") repeat-y;
	width : 486px;
	float : left;					 
	left : 380px;
	position : absolute;
	top : 7px;
}
	
#contenu
{
	background : url("design/images/corps-bg.png") no-repeat;
	width : 470px;
	position : absolute;
	float : left;
	position : relative;
	left : -111px;
	margin-top : 0px;  
	margin-left : -12px;
	display : inline;
	min-height : 200px;
	padding : 0 8px 0 160px;
}
		
#contenu2
{
	position : float;
	margin-left : -20px;
	margin-top : 20px;
	width : 450px;
}
	
/*---------------- COLONNE DE GAUCHE ----------------*/	
	
#adresse
{
	position : absolute;
	top : 180px;
	margin-left : 40px;
	color : #f8eb9f;
	width : 240px;
}
	
#images-restaurant
{
	position : absolute;
	top : 380px;
	margin-left : 90px;
	color : #f8eb9f;
	width : 340px;
}
	
#vague-coordonnees
{
	position : absolute;
	margin-left : 260px;
	width : 51px;
	height : 176px;	
	background : url("design/images/coordonnees.png") no-repeat;
}
	
#adresse p
{
	font-size : 10pt;
	text-align : right;
	line-height: 1.1em;
}

/*---------------- FOOTER ----------------*/
			
#footerwrapper
{
	clear : both;
	width : 486px;
	height : 108px;
	margin : 0 auto;
	position : relative;
	top : 30px;
	background : url("design/images/footer-a.png") no-repeat;
}			
	
#copyright
{
	top : 20px;
	line-height : 0px;
	margin-top : 20px;
}
		
#copyright p
{
	color : #714133;
	font-size : 8pt;
	letter-spacing : 0px;
	text-align:center;
}
			
#copyright b,strong
{
	font-weight : bold;
	color : #3bb1d6;
}
		
#footer1
{
	float : left;
	line-height : 16px;
	text-align : left;
	margin-bottom : 20px;
	margin-left : 25px;
	margin-top : 22px;
	font-size : 9pt;
	width : 120px;
}
	
#footer2
{
	float : left;
	line-height : 16px;
	text-align : left;
	margin-bottom : 20px;
	margin-left : 25px;
	margin-top : 22px;
	font-size : 9pt;
	width : 120px;
}
	
#footer1 ol, ul {
	list-style-image : none;
	list-style-position : none;
	list-style-type : none;
}
	
#footer2 ol, ul
{
	list-style-image : none;
	list-style-position : none;
	list-style-type : none;
}
	
#footer1 a
{
	color : #714133;
	text-decoration : none;
}
	
#footer1 a:hover
{
	color : #714133;
	font-style : italic;
}
	
#footer2 a
{
	color : #714133;
	text-decoration : none;
}
	
#footer2 a:hover
{
	color : #714133;
	font-style : italic;
}

/*---------------- MISE EN FORME DU CONTENU ----------------*/

#contenu2 p
{
	margin : 10px 0 10px 0;
	padding : 0px 4px;
	font-size : 10pt; color: #333;
	text-align : justify;
        text-indent : 10px;
	line-height: 1.3em;
}

#contenu2 p.center
{
	text-align : center;
	text-indent : 0;
}

#contenu2 b,strong
{
	font-weight : bold;
	color : #6d2714;
}

#contenu2 h1.accueil
{
display : block;
width : 92px;
height : 26px;
background: url("design/images/menu-accueil.png") no-repeat;
margin-left : 350px;
margin-top : 28px;
margin-bottom : 17px;
text-indent : -9999px;	
}

#contenu2 h1.menu
{
display : block;
width : 67px;
height : 21px;
background: url("design/images/menu-menu.png") no-repeat;
margin-left : 375px;
margin-top : 30px;
margin-bottom : 20px;
text-indent : -9999px;	
}

#contenu2 h1.evenements
{
display : block;
width : 137px;
height : 27px;
background: url("design/images/menu-evenements.png") no-repeat;
margin-left : 305px;
margin-top : 24px;
margin-bottom : 20px;
text-indent : -9999px;	
}

#contenu2 h1.carte-prix
{
display : block;
width : 143px;
height : 28px;
background: url("design/images/menu-carte-prix.png") no-repeat;
margin-left : 299px;
margin-top : 30px;
margin-bottom : 13px;
text-indent : -9999px;	
}

#contenu2 h1.recette-mois
{
display : block;
width : 208px;
height : 23px;
background: url("design/images/menu-recette-mois.png") no-repeat;
margin-left : 235px;
margin-top : 28px;
margin-bottom : 20px;
text-indent : -9999px;	
}

#contenu2 h1.plan-site
{
display : block;
width : 135px;
height : 23px;
background: url("design/images/menu-plan-site.png") no-repeat;
margin-left : 305px;
margin-top : 28px;
margin-bottom : 20px;
text-indent : -9999px;	
}

#contenu2 h1.mentions-legales
{
display : block;
width : 189px;
height : 31px;
background: url("design/images/menu-mentions-legales.png") no-repeat;
margin-left : 254px;
margin-top : 28px;
margin-bottom : 12px;
text-indent : -9999px;	
}

#contenu2 h1.contact
{
display : block;
width : 88px;
height : 23px;
background: url("design/images/menu-contact.png") no-repeat;
margin-left : 355px;
margin-top : 31px;
margin-bottom : 17px;
text-indent : -9999px;	
}

#contenu2 h1.plan-acces
{
display : block;
width : 136px;
height : 23px;
background: url("design/images/menu-plan-acces.png") no-repeat;
margin-left : 307px;
margin-top : 28px;
margin-bottom : 20px;
text-indent : -9999px;	
}

#contenu2 h2
{
	color : #d59112; 
}

#contenu2 i,em
{
	font-style : italic;
}

#contenu2 u
{
	text-decoration:underline;
}

#contenu2 ul
{
	font-size : 10pt;
	color : #333;
	text-align : justify;
        list-style-type : none;
	margin-left : 30px;
}

#contenu2 li
{
       background-image:url(design/images/puce-li.png);
       background-position:0 4px;
       background-repeat:no-repeat;
       line-height:20px;
       padding-left:20px;    	
}

#contenu2 a
{
	color : #6d2714;
	text-decoration : none;
	font-weight : bold;
}

#contenu2 img
{
        border:0 none;
        margin:2px;
        vertical-align:middle;
}

/*---------------- MISE EN FORME DU FORMULAIRE DE CONTACT ----------------*/

td {
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
line-height:1.3em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
vertical-align:top;
}

#mf085ffbrp_submit {
margin-left: 242px;
background:#910223 none repeat scroll 0 0;
color: #FFF;
border:1px solid #910223;
}

#mf085ffbrp__20 {
margin-left : 30px;
width : 270px;
background:#f9f6f0 none repeat scroll 0 0;
border:1px solid #910223;
}

#mf085ffbrp__21 {
margin-left : 30px;
width : 270px;
background:#f9f6f0 none repeat scroll 0 0;
border:1px solid #910223;
}

#mf085ffbrp__22 {
margin-left : 30px;
width : 270px;
background:#f9f6f0 none repeat scroll 0 0;
border:1px solid #910223;
}

#mf085ffbrp__23 {
margin-left : 30px;
width : 266px;
background:#f9f6f0 none repeat scroll 0 0;
border:1px solid #910223;
}

.asterisque {
text-align : right;
}
/* End of 'leverdi-css' */

