*{padding:0; margin:0; }
html, body {width:100%; }

body {color:black;font-family:"Lucida Grande", arial, sans-serif; font-size: 12px; background: top center white url(images/bg-body.jpg) no-repeat;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}  
.noPadding{padding:0px !important;}
.noPaddingTop{padding-top:0px !important;}
#textscroll {overflow-y: scroll; height:335px; padding: 10px;}

h1{padding:10px 0 0 0; font-size:16px; font-weight:bold;}
h1 img {vertical-align:middle;}
h2{font-size:13px; font-weight:bold;}
h3{font-size:11px; font-weight:bold;}
p{padding:0; font-size:11px; line-height:19px; text-align:justify;}

a{text-decoration:none;}
a img {border:none;}
#wrapper {width:980px; margin:35px auto 0; position:relative;}
 
#header {height:31px; padding-top:289px; background:url(images/bg-header.png) top no-repeat;} 
      
	#menuHaut {list-style-type:none;}
    #menuHaut li {float:left}
    #menuHaut li a {text-align:center; display:block; height:31px; line-height:31px; width:199px; color:white; background: url(images/bg-menu-haut.png) right; font-size:18px;}
    #menuHaut li a:hover {background-position:left; color:white;}
    #menuHaut li a.selected  {background-position:left; color:white;}			
			
		#menuHaut	.sousMenu:hover ul {display:block;}
		#menuHaut	.sousMenu ul{display:none; position:absolute; z-index:1; list-style-type:none;}
		#menuHaut	.sousMenu ul li {float:none;}
		#menuHaut	.sousMenu ul a {width:189px; padding-left:10px; text-align:left; line-height:32px; background-image:none;  background-color:#e2e1e1; color:black ; height:32px;  font-size:16px ;}
		#menuHaut	.sousMenu ul a:hover{background-color:#ff0000; color:white;}

	#menuHaut  li#facebook {display:block; width:159px; padding-left:25px;  background-color:#414141; height:26px; padding-top:5px; }
	#menuHaut  li#facebook a {background-image:none !important; width:auto; height:auto; display:inline; font-size:12px; line-height:31px; font-weight:normal;}
		#menuHaut  li#facebook a img { position: relative; margin-right:5px; }
	#menuHaut  li#facebook iframe { position: relative; }
	
#centre { background-image:url(images/bg-centre.png); background-position: top; background-repeat: no-repeat;}
#centre.produits {background-image:url(images/bg-centre-produits.png);}
#centre.territoires {background-image:url(images/bg-centre-territoires.png); }
#centreBgBas { background-image:url(images/bg-centre-bas.png); background-position:bottom; background-repeat:no-repeat;}
#centreBgGauche { background-image:url(images/liquide-gauche.png); background-position:top left; background-repeat:no-repeat;}
#centreBgStretch { background-image:url(images/bg-centre-territoire.png); background-repeat:repeat-y;}
	#centreBgGauche.alo {background-image:url(images/alo-gauche.png); background-position:0px 125px;}
	#centreBgGauche.calypso {background-image:url(images/calypso-gauche.png); background-position:0px 25px;}
	#centreBgGauche.frubob {background-image:url(images/frubob-gauche.png);}
	#centreBgGauche.tapout {background-image:url(images/tapout-gauche.png);}
#colGauche {float:left; width:357px; }
#colDroite {float:right; width:603px; padding:15px 15px 130px 5px ; position:relative; min-height:320px; }
#colDroite.scroll {float:right; width:623px; padding:0 0 109px; position:relative; height:355px; }
#colDroite #textcontent { width: 593px; padding-right: 10px; height: 300px; overflow: auto;}
#colDroite li {list-style-type:square; margin-left: 20px;}

#listeProduitsVedettes {padding-left:11px;width:612px; height:109px; background-image:url(images/liste-produits-vedettes.png); position:absolute; left:0px; bottom:0px;}
#listeProduitsVedettes h2 {display:block; font-weight:normal; width:100%; text-align:center; color:white; font-size:14px; padding:1px 0; margin-bottom:4px;}
#listeProduitsVedettes .imageListe {position: relative; width:148px;  height:85px; margin:0 5px 0 0; float:left;}
#listeProduitsVedettes .imageListe img.standard {position: absolute; top: 0px; left: 0;width:148px;  height:85px; border: none; z-index: 4;}
#listeProduitsVedettes .imageListe img.over {position: absolute; display: none; top: 0px; left: 0; width:148px;  height:85px; border: none; z-index: 5;}

#footer {height:66px; background-image:url(images/bg-footer.png); padding-right:25px;}
#footer p {float:right; text-align:right; font-size:10px; line-height;auto; color:white; width:300px; margin-top:-1px;}
#footer p a{color:white;}
#footer  img {float:right; margin-top:5px; }
	#menuBas{list-style-type:none; }
	#menuBas li{float:left; padding:30px 15px 0 65px ;}
	#menuBas a{color:white; font-size:14px;}
	#menuBas a:hover{text-decoration:underline; }


/* Contact */

.contact p {font-size:14px;  margin:15px 0;}
.contact a {font-size:14px; display:inline-block; color:#cd1f2d; text-decoration:underline; padding-bottom:10px;}
.contact #map {width:315px; height:315px; float:right; border:solid 1px black}

/* Territoires */

.territoires h2, .territoires  h3 {text-transform:uppercase;}
#colFiches {float:left;padding-left:25px;}
.ficheTechnique {width:355px; float:left; padding:15px 30px 15px 0;}
.ficheTechnique .map {width:190px; float:right; border:solid 1px black; margin-left:15px;}

#trouverProduits {width:184px; float:left; text-align:center; padding-top:25px; position:relative;}
#trouverProduits a {display:block;}
#trouverProduits h2 {font-weight:normal;}
#trouverProduits .imageListe {position: relative; width:148px;  height:85px; margin:15px auto;}
#trouverProduits .imageListe img.standard {position: absolute; top: 0px; left: 0;width:148px;  height:85px; border: none; z-index: 4;}
#trouverProduits .imageListe img.over {position: absolute; display: none; top: 0px; left: 0; width:148px;  height:85px; border: none; z-index: 5;}

#liquideBas {width:346px; height:85px; background-repeat:no-repeat; position:absolute; bottom:66px; left:0px; background-image:url(images/liquide-gauche-bas.png)}