/* CSS Document */
*{font-family:Arial, Helvetica, sans-serif;font-size:11px;}
body{background:#197faa url(../image/background.gif) repeat-x;margin:0;padding:0;}
a{text-decoration:none;}
form{margin:0;padding:0;}

/*Positionnement des div*/
#global{width:980px; margin:0 auto;background:#fff url(../image/line_content2.gif);}

#header{background:url(../image/fond_header.gif) repeat-x 0 0;height:167px;}
#header #header-haut{position:relative;padding:0 0 2px;}
#header #header_logo{width:710px;float:left;position:relative;}
#header #header_logo img{position:relative;z-index:3;float:left;margin:8px 0 0 30px;display:inline;}

/* Partie droite panier + tél */
#header #header_monpanier{position:relative;z-index:2;float:left;margin:10px 0 0 10px;}
#header #header_monpanier p{margin:0;text-align:center;}
#header #header_monpanier #box_panier{width:200px;height:28px;background:url(../image/fond_panier.gif) no-repeat;padding:0 0 0 55px;}
#header #header_monpanier #box_panier *{color:#fff;}
#header #header_monpanier p,#header #header_monpanier a,#header #header_monpanier span{font-size:11px;text-decoration:none;color:#898989;}
#header #header_monpanier p.top{position:absolute;top:10px;right:0;width:222px;height:19px;line-height:19px;}
#header #header_monpanier p.top a:hover{text-decoration:underline;}
#header #header_monpanier p.bottom{clear:right;float:right;padding-right:3px;line-height:15px;white-space:nowrap;font-size:10px;text-align:right;}
#header #header_monpanier p.bottom a{font-size:10px;text-decoration:underline;}
#header #header_monpanier p.bottom img{vertical-align:top;}
/*Partie centrale*/
#header #banniere{position:relative;z-index:2;float:left;margin:18px 0 0 10px;width:470px;}

/*Gestion du menu*/
#header #menu{position:relative;left:15px;z-index:999;clear:both;margin:0;padding:0;width:950px;}
#header #menu li{float:left;height:32px;margin:0;padding-top:12px;text-align:center;list-style:none;}
#header #menu li a.accueil{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_off.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#fff;}
#header #menu li a{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_vert_off.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#fff;}
#header #menu li a.toiles{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_rose_off.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#fff;}
#header #menu li a.accessoires{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_turquoise_off.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#fff;}
#header #menu li a span{display:block;padding:0 0px 0 0;white-space:nowrap;}
#header #menu li a span strong{display:block;margin:0 -7px;padding:4px 7px 3px;line-height:25px;font-size:11px;text-align:center;text-decoration:none;}
#header #menu li a:hover{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_vert.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#484848;}
#header #menu li a.toiles:hover{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_rose.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li a.accessoires:hover{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_turquoise.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li a.accueil:hover{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_cyan.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li a.current_accueil{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_cyan.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li a.current_auvents{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_vert.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#484848;}
#header #menu li a.current_toiles{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_rose.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li a.current_accessoires{float:left;margin:0;padding:0 0 0 0px;text-decoration:none;background:url(../image/fond_menu_turquoise.gif) no-repeat 0 0;cursor:pointer;width:136px;color:#FFF;}
#header #menu li.tab2rows a:hover span strong,
#header #menu li.tab2rows a:focus span strong,
#header #menu li.tab2rows a.hover span strong{padding-bottom:3px;}
#header #menu li.current a span strong{color:#fff;}

/*Zone header bas*/
#header_bas{padding:1px 0 0 15px;}
#header_bas #moteurRecherche{float:left;margin:0;padding:0 0 0 0px;width:568px;height:31px;background-image:url(../image/fond_moteur.gif);}
#header_bas #moteurRecherche form{padding:0;margin:0;}
#header_bas #moteurRecherche form table{margin:5px 0 0 5px}
#header_bas #moteurRecherche form table #selectendroit{padding:0 0 0 25px;}
#header_bas #texte_droite{float:left;margin:0;padding:5px 0 0 20px;}
#header_bas #texte_droite span,
#header_bas #texte_droite span a{color:#949494;text-decoration:none;}

/*Partie contenu du site*/
#content{background:url(../image/line_content2.gif);}

/*Footer*/
#footer{background-color:#197faa;}
#footer span{margin:0 0 0 20px;color:#fff;}
#footer #coordonnee{padding:0 0 0 125px;}

/*Couleur*/
.blanc{color:#FFF;}

/*Taille*/
.douze{font-size:12px;}
.dixsept{font-size:17px;}

.bold{font-weight:bold;}
.clear{clear:both;}

.all_auvents{font-size:10px;font-weight:bold;color:#a0c032}
.all_toiles{font-size:10px;font-weight:bold;color:#bf2e6e}
.all_accessoires{font-size:10px;font-weight:bold;color:#32bec0}
.all_terrasses{font-size:10px;font-weight:bold;color:#ffab00}
.titre_auvent{color:#a0c032;font-size:11px;font-weight:bold;}
.titre_toiles{color:#bf2e6e;font-size:11px;font-weight:bold;}
.titre_accessoires{color:#32bec0;font-size:11px;font-weight:bold;}
.titre_terrasses{color:#ffab00;font-size:11px;font-weight:bold;}
.prix{font-size:15px;color:#fff}

.background_cellgrise{background-color:#f0f0f0;}
.background_cellblanche{background-color:#fff;}




#header #header_message{position:absolute;top:35px;left:300px;;color:#990033;width:400px;z-index:99;}
#header #header_message p{margin:0;text-align:center;}
#header #header_message #box_message{width:200px;height:28px;background:url(../image/fond_panier.gif) no-repeat;padding:0 0 0 55px;}
#header #header_message #box_message *{color:#fff;}
#header #header_message p,#header #header_message a,#header #header_message span{font-size:11px;text-decoration:none;color:#898989;}
#header #header_message p.top{position:absolute;top:10px;right:0;width:222px;height:19px;line-height:19px;}
#header #header_message p.top a:hover{text-decoration:underline;}
#header #header_message p.bottom{clear:right;float:right;padding-right:30px;line-height:15px;white-space:nowrap;font-size:10px;text-align:right;}
#header #header_message p.bottom a{font-size:10px;text-decoration:underline;}
#header #header_message p.bottom img{vertical-align:top;}