/* RESET */

p, form, li, ul, ol, h1, h2, h3, h4, h5, h6, div, span, body { padding:0; margin:0;}
ul{list-style-type:none;}

/* TAG */

body {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; background:url(../images/bckgrd-body.png) left top repeat-x #000; }
a { color:#067490; text-decoration:none;}
a:hover { color:#067490; text-decoration:underline;}

/* ID */

#bckgrd { overflow:hidden; text-align:right;}
#container { width:776px; z-index:50; position:absolute; left: 50%; margin-left: -388px; display:block; }


#content { width:776px; height:378px;}
	#logo { padding:20px 0 0 0;}
	#logo img { border:none;}
	#contentHome { padding:55px 0 0 16px; width:285px;}
	#contentHomeseo { padding:55px 0 0 16px; width:450px;}
	#contentHome p { padding:10px 0 0 0; line-height:18px;}
	#contentHome li { line-height:18px;}
	
	#contentActualite { padding:55px 0 0 16px; width:660px;}
	#contentActualite p { padding:10px 0 0 0; line-height:18px;}
	
	#contentNewsletter { padding:10px 0 0 16px; width:660px;}
	#contentNewsletter p { padding:10px 0 0 0; line-height:18px;}

#menu { width:776px; height:52px;}
	#menu ul li{height:52px;float:left;}
	#menu ul li a{height:52px; display:block; text-indent:-20000px; }
	#menu ul li a:hover{height:52px;}
	
	#menu ul li.accueil a {width:91px;  background:url(../images/menu-accueil.png);}
	#menu ul li.accueil a:hover, #menu ul li.accueil_active {width:91px; background:url(../images/menu-accueil-h.png);}
	
	#menu ul li.presentation a {width:103px;  background:url(../images/menu-presentation.png);}
	#menu ul li.presentation a:hover, #menu ul li.presentation_active {width:103px; background:url(../images/menu-presentation-h.png);}
	
	#menu ul li.magasin a {width:92px;  background:url(../images/menu-magasin.png);}
	#menu ul li.magasin a:hover, #menu ul li.magasin_active {width:92px; background:url(../images/menu-magasin-h.png);}
	
	#menu ul li.marques a {width:79px;  background:url(../images/menu-marques.png);}
	#menu ul li.marques a:hover, #menu ul li.marques_active {width:79px; background:url(../images/menu-marques-h.png);}
	
	#menu ul li.actulaites a {width:91px;  background:url(../images/menu-actualites.png);}
	#menu ul li.actulaites a:hover, #menu ul li.actulaites_active {width:91px; background:url(../images/menu-actualites-h.png);}
	
	#menu ul li.newsletter a {width:96px;  background:url(../images/menu-newsletter.png);}
	#menu ul li.newsletter a:hover, #menu ul li.newsletter_active {width:96px; background:url(../images/menu-newsletter-h.png);}
	
	#menu ul li.coordonnees a {width:104px;  background:url(../images/menu-coordonnees.png);}
	#menu ul li.coordonnees a:hover, #menu ul li.coordonnees_active {width:104px; background:url(../images/menu-coordonnees-h.png);}

#langue { width:656px; height:21px; text-align:right; padding:0 120px 0 0;}
	#langue p { text-transform:uppercase; font-size:10px; padding:1px 0 0 0;}
	#langue p a { color:#fff; text-decoration:none; }
	#langue p a:hover { color:#067490; text-decoration:none; }

#homeActualites { width:760px; padding:0 0 0 16px;}
#homeActualites img { padding:0 0 14px 0;}
#homeActualites img { border:none;}
#homeActualites a img { padding:0;}

#actuDetail { height:200px; overflow:auto;}
#actuDetail img { border:none;}
	#contentActualite h2 { font-size:14px; font-weight:bold; color:#067490;}
	#contentActualite h2 span { font-size:10px; font-weight:normal; color:#fff;}
	
#presentationFooter { width:776px; height:196px;}
#presentationFooter img { border:none; padding:15px 0 0 35px;}

#marquesFooter { width:760px; height:196px; padding:0 0 0 16px;}
#marquesFooter img { padding:0 0 14px 0;}
#marquesFooter p { width:460px;}

#contentMarques img { border:1px solid #3c4345; margin:14px 0 0 15px;}
#contentMarques p { margin:-5px 0 0 5px;}

#contentMarqueModele img { border:none; margin:20px 0 0 15px;}
#contentMarqueModele p { margin:-5px 0 0 5px;}

#marquesModeleFooter { width:760px; height:196px; padding:0 0 0 16px; line-height:18px;}
#marquesModeleFooter img { padding:0 0 14px 0;}
#marquesModeleFooter p { width:630px;}
#marquesModeleFooter a img { border:none; padding:0;}
#marquesModeleFooter a, #contentMarqueModele a:hover { border:none;}
#marquesModeleFooter h1 { text-transform:uppercase; font-size:19px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#067490; padding:0 0 14px 0;}

#paginationActualites { padding:2px 0 0 0;}
#paginationActualites span { background:#067490; padding:0 1px 0 1px;}

#footer { font-size:10px; color:#fff; margin:15px 0 0 0; text-align:right; padding:3px; background:#086077; width:250px; float:right;}
#footer a, #footer a:hover { color:#fff; text-decoration:none;}

#footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#fff;}

#footerZic { font-size:9px; color:#3f3f3f; text-align:right; padding:3px; width:270px; float:right; font-style:italic}
#footerZic a, #footerZic a:hover { color:#3f3f3f; text-decoration:none;}



/* CLASS */

.clear { clear:both;}
.actualitesDate { float:left; width:62px; background:url(../images/bckgrd-date.png) left top no-repeat; padding:1px 0 3px 5px}
.actualitesTitre { float:left; width:575px;}
.actualitesTitre a {color:#067490; text-decoration:none;}
.actualitesTitre a:hover {color:#067490; text-decoration:underline;}
.actualitesTitre span { color:#a7a9aa;}
.height19 { height:19px;}
.height13 { height:13px;}
.height10 { height:10px;}
.separation { width:600px; border-bottom:1px solid #2d2f34;}
.left { float:left;}
.width80 { width:80px;}
.width200 { width:200px;}
.width100 { width:96px;}
.width50 { width:45px;}
.inputBleu { width:180px; border:1px solid #067490; font-size:11px; color:#067490; height:16px; line-height:16px;  }
.inputBleuAdresse { width:460px; border:1px solid #067490; font-size:11px; color:#067490; height:16px; line-height:16px;  }
.inputBleuCountry { width:90px; border:1px solid #067490; font-size:11px; color:#067490; height:16px; line-height:16px;  }
.inputBleuLanguage { width:40px; border:1px solid #067490; font-size:11px; color:#067490; height:16px; line-height:16px;  }
.height4 { height:4px;}
.requis {background:#fff url(../images/requis.png) right top no-repeat; padding:0 72px 0 0; height:16px; line-height:16px;}
.pointer { cursor:pointer;}

.newsletterColLeft { float:left; width:300px;}
.newsletterColRight { float:left; width:300px;}
.textareaBlue { width:250px; border:1px solid #067490; font-size:11px; color:#067490; height:16px; line-height:16px; height:160px;  }

.imageNoBorder img { border:none;}
.margin10 { margin:5px 0 0 0;}

.formMessage{background-color:#c8ffbf; color:#000000; padding:0px 0px 0px 5px;}
.formError{background-color:#ffbfbf; color:#af4c4c; padding:0px 0px 0px 5px;}



/* ANNONCE */
#annonceStart { width:485px; height:303px; z-index:500; position:absolute; left: 50%; margin-left: -279px; top: 50%; margin-top:-150px; display:none;}
#annonceTop { width:485px; height:256px;}
	annonceTop img { border:none;}
#annonceBottom { width:485px; height:47px;}
	#annonceBottom img { border:none;}

h1.seo {
	font-size : medium; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #067490;}
.scrollable {height:185px; overflow: auto;}
.scrollable img { border:none;}