/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : Delphine
site : lesdinersdedouard.com
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }



/*--------------------------------------< GENERAL >--------------------------------------*/
body{ background:url(../images/bg_body_01.jpg) #e5e5e5 repeat-x left top; height:1000px; font-family: Verdana, Geneva, sans-serif}
#global{ margin:0 auto; width:955px}
p{ font-size:12px; color:#666666}
li{ font-size:12px;  color:#666666}
a{ color:#666666}
a img{ border:none}
h1{ display:block; text-indent:-9999px; font-size:0px; background:url(../images/logo_05.png) no-repeat left top; width:897px; height:53px; margin-left:20px}
h3{ font-size:0px; text-indent:-9999px; margin-bottom:30px}
h4{ text-indent:-9999px; font-size:0px; margin-bottom:20px}
h5{ font-size:14px; color:#869a1d; font-weight:bold; background:url(../images/h5.png) no-repeat left top; padding-left:18px; margin-bottom:7px}
h6{ font-size:15px; font-weight:bold; color:#794128}

/*--------------------------------------< HEADER >--------------------------------------*/
#header{ background:url(../images/bg_header_01.jpg) no-repeat left top; width:955px; height:259px;}



/*--------------------------------------< WRAPPER >--------------------------------------*/
#wrapper{ float:left; padding:30px 20px 10px 20px; background: url(../images/bg_wrapper_12.png) repeat-y; width:915px;}

/******content right******/
#content_right{ float:left; width:430px; padding:0 0 0 27px; background:url(../images/motif.png) no-repeat right 120px;}
#content_right li{ list-style-type:none}
#content_right ul li ul li{ margin:0 0 0 15px}
#titre_news{ background:url(../images/tite_news.png) no-repeat left top; width:119px; height:15px;}
#mdm1{ background:url(../images/bg_mdm01_05.png) no-repeat left top; width:391px; height:75px; padding:20px 30px 25px 25px}
#mdm1 dt{ color:#b00f09}
#mdm2{ background:url(../images/bg_mdm02_07.png) no-repeat left top; width:391px; height:72px; padding:30px 30px 15px 25px}
#mdm2 dt{ color:#869a1d}
#mdm{ margin-bottom:20px}
#mdm dt{ font-size:12px; font-weight:bold; margin-bottom:4px}
#mdm dd{ font-size:11px; float:left; color:#666666;}
#mdm dd img{ float:right; margin-left:8px}
#mdm dd span{ height:40px; overflow: hidden; text-align:justify; display:block}

/******content left*******/
#content_left{ float:left; width:412px; padding:0 20px 0 0}
#content_left li{ list-style-type:none}
#content_left li a{ text-decoration:none}
#content_left li a:hover{ text-decoration:underline}
#titre_accueil{ background:url(../images/titre_accueil_09.png) no-repeat left top; width:52px; height:18px;}
#titre_chef{ background:url(../images/titre_chef.png) no-repeat left top; width:169px; height:20px}
#titre_cours{ background:url(../images/titre_cours.png) no-repeat left top; width:249px; height:22px;}
#titre_conseils{ background:url(../images/titer_conseils.png) no-repeat left top; width:273px; height:21px;}
#titre_planchas{ background:url(../images/titre_planchas.png) no-repeat left top; width:68px; height:16px}
#titre_contact{ background: url(../images/titer_contact.png) no-repeat left top; width:56px; height:16px;}
#titre_menu{ background:url(../images/titre_menus.png) no-repeat left top; width:113px; height:19px;}
#titre_menu_particulier{ background:url(../images/titer_menu_particulier.png) no-repeat left top; width:168px; height:20px;}
#titre_menu_entreprises{ background:url(../images/titer_menu_entreprises.png) no-repeat left top; width:162px; height:20px}
#titre_mentions{ background:url(../images/titer_mentions.png) no-repeat left top; width:124px; height:20px;}
#titre_cgv{ background:url(../images/titre_cgv.png) no-repeat left top; width:214px; height:19px}
#presse{ margin:4px 0 0 10px}

/*--------------------------------------< FOOTER >--------------------------------------*/
#footer{ background:url(../images/bg_footer_08.png) no-repeat left top; width:845px; height:104px; clear:both; padding:52px 60px 0 50px}
#footer p{ font-size:10px; margin-bottom:3px}
#footer a { text-decoration:none;}
#footer a:hover{ text-decoration:underline}
#footer h2{ font-weight:normal; font-size:10px}
#footer ul{ clear:both; margin:10px 0 0 40px}
#footer li{ float:left; list-style-type:none;}

/*----------------class---------------*/

.left{ float:left}
.right{ float:right}
.marron{color:#794128}
.bordeau{ color:#b00f09}
.vert{ color:#869a1d}
.jaune{ color:#ee9637}
.fleche_maron{ background:url(../images/fleche_marron.png) no-repeat left top; padding:0 0 0 18px;}
.fleche_rouge{ background:url(../images/fleche_rouge.png) no-repeat left top; padding:0 0 0 18px}
.fleche_verte{ background:url(../images/fleche_verte.png) no-repeat left top; padding:0 0 0 18px}
.fleche_jaune{ background:url(../images/fleche_jaune.png) no-repeat left top; padding:0 0 0 18px}
.fleche_grise{ background:url(../images/fleche_grise.png) no-repeat left top; padding:0 0 0 18px}
.note{ font-size:9px;}
.menu{ text-align:center}
.onze{ font-size:10px}
.marge{ margin-bottom:6px}