/**
 * @properties : display, positioning, dimension, margin, padding, text, border, background.
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */
/**************************************************************************************************/
/*			- DEFINITION DES ATTRIBUTS PAR DEFAUT -							 			  		  */
/**************************************************************************************************/

/* ------------------------------------------------------ */
/*			- corps du document -  			    	      */
/* ------------------------------------------------------ */
html, body { height: 100%; margin: 0 }
html body { color:#000; cursor: default }

/* ------------------------------------------------------ */
/*			- suppression des marges par défaut -  	      */
/* ------------------------------------------------------ */
div, span, object, iframe, 
h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td { margin:0; padding:0; font-weight:normal }
strong { font-weight:bold }
/* ------------------------------------------------------ */
/*			- redéfinition des liens par défaut -  	      */
/* ------------------------------------------------------ */
a img { border: 0 }
a:hover { cursor: pointer }
a:hover span { text-decoration: none }
a:focus { outline: none }

/* ------------------------------------------------------ */
/*			- redéfinition des listes/tableaux -  	      */
/* ------------------------------------------------------ */
ol, ul { padding: 0 }
ul { list-style: none }
ol { list-style-position: inside }
table { font-size: inherit; border-collapse:collapse; border-spacing:0 }

/**************************************************************************************************/
/*			- FIN RESET -							 			  		  */
/**************************************************************************************************/

body {	font-size: 13px; font-family: arial,verdana,sans serif; background: #C5C3C4 url(../images/charte/bodyBg.gif) center top repeat-y }

/* ------------------------------------------------------ */
/*			- container -  	      */
/* ------------------------------------------------------ */
#container { position:relative; min-height:100%; width:990px; margin:0 auto; padding:0 0 -110px 0; background: url(../images/charte/contentBg.jpg) center top repeat-y; } 

/* ------------------------------------------------------ */
/*			- header -  	      */
/* ------------------------------------------------------ */
#header { float:left; position:relative; display:inline; width:990px; height:257px; background: url(../images/charte/headerBg.jpg) left top no-repeat } 
#headerFlash { position:absolute; display:inline; width:960px; height:245px; /*obligatoire si il y a un flash (firefox)*/ display:block; outline:0; top:0; left:15px;} 
#headerMenu { position:absolute; display:inline; top:195px; left: 432px; outline:0; }

/* ------------------------------------------------------ */
/*			- menu top -  	      */
/* ------------------------------------------------------ */
#menuTop { display:inline; list-style:none; } 
#menuTop li { position:relative; float:left; } 
#menuTop li a { display:block; height: 50px; background: url(../images/charte/topMenuBg.jpg) 0 0 no-repeat }
#menuTop a.bt1 { width:124px; background-position: 0 0 }
#menuTop a.bt2 { width:107px; background-position: -120px 0 }
#menuTop a.bt3 { width:193px; background-position: -225px 0 }
#menuTop a.bt4 { width:119px; background-position: -421px 0 }
#menuTop a.bt1:hover { background-position: 0 -50px }
#menuTop a.bt2:hover { background-position: -120px -50px }
#menuTop a.bt3:hover { background-position: -225px -50px }
#menuTop a.bt4:hover { background-position: -421px -50px }
#menuTop a span { display: none }

/* ------------------------------------------------------ */
/*			- menu left -  	      */
/* ------------------------------------------------------ */
#menuLeft a span { display: none }
#menuLeft { float: left; display: inline; width: 229px; margin: 22px 20px 0 35px }
#menuLeft li a { display: block; width: 229px; height: 45px; background: url(../images/charte/leftMenuBg.jpg) no-repeat 0 0 }
#menuLeft li a.bt1 { height: 75px; background-position: 0 0 }
#menuLeft li a.bt2 { height: 52px; background-position: 0 -75px }
#menuLeft li a.bt3 { height: 51px; background-position: 0 -127px }
#menuLeft li a.bt4 { height: 55px; background-position: 0 -182px }
#menuLeft li a.bt5 { height: 74px; background-position: 0 -233px }
#menuLeft li.bt6 { height: 165px; background: url(../images/charte/leftMenuBg.jpg) no-repeat 0 -308px }
#menuLeft li a.bt1:hover { height: 75px; background-position: -231px 0 }
#menuLeft li a.bt2:hover { height: 52px; background-position: -231px -75px }
#menuLeft li a.bt3:hover { height: 51px; background-position: -231px -127px }
#menuLeft li a.bt4:hover { height: 55px; background-position: -231px -182px }
#menuLeft li a.bt5:hover { height: 74px; background-position: -231px -233px }
#menuLeft .coordonnees { text-align: center; line-height: 25px; padding: 10px 0 8px 0; color: #6c6c6c }
#menuLeft .coordonnees strong { color: #000; font-size: 14px }
#menuLeft .tel1 { margin: 0 0 0 65px; font-family: arial black; color: #000 }
#menuLeft .tel2 { margin: 0 0 0 65px; font-family: arial black; color: #c60000 }

/* ------------------------------------------------------ */
/*			- sous-menu -  	      */
/* ------------------------------------------------------ */
#menuTop li ul { list-style:none; position:absolute; width:160px; top:-6000px; left:0; background:#ffc0a9; } 
#menuTop li li { float:none; } 
#container #menuTop li li a { background:none; width:auto; position:relative; height:20px; font:11px/20px; text-transform:none; color:#fff; text-decoration:none; } 
#container #menuTop li li a:hover { background:#ff8598; }

/* ------------------------------------------------------ */
/*			- footer -  	      */
/* ------------------------------------------------------ */
#footerGeneral { position:relative; clear:both; padding: 0; margin: -120px 0 0 0; width:100%; height:120px; } 
#footer { position:relative; clear:both; padding: 10px 0 0 0; margin: 0 auto; width:990px; height:110px; background: url(../images/charte/footerBg.jpg) center bottom no-repeat; } 
#footer .content{	width:920px; margin:0 auto; } 
#footer p.links { margin: 0 0 0 450px; font-size:11px; color:#7e7e7e } 
#footer p.links a { text-decoration: none; color: #7e7e7e } 
#footer p.links a:hover { text-decoration: underline } 

#preFooter { margin: 0 0 40px 250px;font-size: 12px; width: 670px; color: #a29a9a }
#preFooter p { text-align: left }


/* ------------------------------------------------------ */
/*			- styles globaux -  	      */
/* ------------------------------------------------------ */
a img{ border:none; } 
a:active, 
a:focus{ outline:none; }
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer { clear:both }
#clearFooter { height:120px;/*--- = à la hauteur du footer ---*/ }

/* ------------------------------------------------------ */
/*			- contenu -  	      */
/* ------------------------------------------------------ */
#contenu { float:left; position:relative; display:inline; width:670px; }
#contenu h1 { border-bottom: 2px solid #dadada; padding: 0 0 7px 0; margin: 20px 0 10px 0; color: #c60000; font-size: 15px; font-weight: bold }
#contenu h1 em { color: #000; font-style: normal; font-weight: bold }
#contenu h2 { border-bottom: 2px solid #dadada; padding: 0 0 7px 0; margin: 20px 0 10px 0; color: #626262; font-size: 15px; font-weight: bold }
#contenu p{ text-align:justify; margin: 0 0 15px 0; } 
#contenu p em{ font-weight:bold; font-size:12px; line-height:1.3em; } 
#contenu strong.tel { color: #c60000 }

#contenu a { color: #000; text-decoration: underline }
#contenu a:hover { color: #000; text-decoration: none }

#objectifs { width: 670px; height: 275px; margin: 0 0 15px 0; background: url(../images/charte/personnagesBg.jpg) no-repeat top right }
#objectifs li { width: 350px; margin: 9px 0; line-height: 23px; padding: 0 0 0 35px; background: url(../images/charte/puceObjectifs.gif) no-repeat 0 0 }
#objectifs li.title { padding: 0; text-decoration: underline; color: #c60000; background: none; }

#services { width:670ox%; height:235px; margin: 25px 0 20px 0; background: url(../images/charte/services.jpg) center top no-repeat } 
#services a { text-decoration: none; color: #fff } 
#services a:hover { text-decoration: underline } 
#services #cuisines { float: left; margin: 207px 0 0 106px } 
#services #meubles { float: left; margin: 207px 0 0 143px } 
#services #parquet { float: left; margin: 207px 0 0 138px }