@import "reset.css";

/*
bleu : 25417a
rouge : a40a1e
jaune : f9ec37
gris : 4c4c4e
*/

body{background:#eee; color:#4c4c4e; font-size:11px; font-family:arial, verdana, sans-serif; margin:0 ; padding:0; text-align:center}
#container{margin:0 auto; position:relative; text-align:left; width:900px; background:#fff}
#head{background:#25417a; height:135px; padding:20px 40px 0; position:relative}
#menu{height:25px; position:absolute;bottom:0; left:40px}
#menu .m1{background-position:0 0; width:72px}
#menu .m2{background-position:-72px 0; width:138px}
#menu .m3{background-position:-210px 0; width:141px}
#menu .m4{background-position:-351px 0; width:77px}
#menu .m1:hover,#menu .selected .m1{background-position:-0 -25px}
#menu .m2:hover,#menu .selected .m2{background-position:-72px -25px}
#menu .m3:hover,#menu .selected .m3{background-position:-210px -25px}
#menu .m4:hover,#menu .selected .m4{background-position:-351px -25px}
#menu a{background:url("../img/menu.gif") 0 0 no-repeat; display:block; height:25px}
#menu li{display:inline; float:left; height:25px}
#menu span{display:none}
#logo{margin-left:10px}
#accroche{position:absolute; color:#f9ec37; left:320px; top:40px; font-size:18px; border-bottom:1px solid #f9ec37; padding-bottom:10px; }
#baseline{position:absolute; color:#ffffff; left:320px; top:80px; font-size:11px;}
#content{background-color:#fff;  padding:35px 40px 20px}

h2, h3, h4, h5{font-weight:bold}
h2, h3{font-size:14px; height:25px; line-height:25px; padding-left:10px}
h2{background:url('../img/bkg.gif') repeat-x; color:#f9ec37; }
h2 span{color:#ffffff; font-size:11px; font-weight:normal}
h3 {background: #ffffff url('../img/bkg-blanc.gif') repeat-x left bottom; color:#25417a;}
h4{color:#000000; margin-bottom:15px; font-size:12px}
h5{color:#f9ec37; font-size:12px}
h2 img, h3 img{padding-right:5px}

label{float:left; width:90px; }
p{line-height:13px; margin-bottom:10px}
strong{font-weight:bold}

.bouton{background:#f9ec37; height:18px; margin:10px 0 0; padding:2px}
.bouton a {color:#a40a1e; text-decoration:none; padding:0px 5px;}
.clear{clear:both}

#footer{background:#25417a; height:30px; clear:both}
#footer p{color:#ffffff; line-height:30px; padding:0 50px}
#qualite{position:absolute; bottom:12px; right:40px}

#home #col1, #buraliste #col1, #bricolage #col1{float:left; padding-right:30px; width:210px;}
#home #col2, #buraliste #col2, #bricolage #col2{float:left; padding-right:30px; width:340px;}
#home #col3, #buraliste #col3, #bricolage #col3{float:left; width:210px;}
#espace-buraliste #col1, #espace-bricolage #col1{float:left; width:260px; }


#espace-buraliste #col2, #espace-bricolage #col2{float:left; width:258px; margin:0 20px; border:1px solid #2d487f; background:url('../img/bkg-bloc-blanc.gif') repeat-x left bottom}
#espace-buraliste #col3, #espace-bricolage #col3{float:left; width:258px; border:1px solid #25417a; background:url('../img/bkg-bloc-blanc.gif') repeat-x left bottom}
#contact #col1{float:left; width:260px; padding-right:20px}
#contact #col2{float:left; width:540px;}

#home #col2 .bloc, #buraliste #col2 .bloc, #bricolage #col2 .bloc{background:#a40a1e url('../img/bkg-bloc-rouge.gif') repeat-x left bottom; margin-bottom:10px; padding:15px 25px}
#espace-buraliste #col2 div, #espace-buraliste #col1 div, #espace-buraliste #col3 div, #espace-bricolage #col2 div, #espace-bricolage #col1 div, #espace-bricolage #col3 div{padding:15px 25px}
#espace-buraliste #col3 div, #espace-bricolage #col3 div{background:url('../img/bkg-arobase.gif') no-repeat right top}
#home #col2 p, #buraliste #col2 p, #espace-buraliste #col1 p, #bricolage #col2 p, #espace-bricolage #col1 p{color:#ffffff}
#home #col2 p a, #buraliste #col2 p a, #bricolage #col2 p a{color:#f9ec37; font-size:11px; text-decoration:none}
#espace-buraliste #col2 div img, #espace-buraliste #col1 div img, #espace-bricolage #col2 div img, #espace-bricolage #col1 div img{margin-bottom:10px}
#home #col2 .login, #home #col2 .password{float:left; font-size:12px; margin-right:10px; width:100px}
#home #col2 .input{width:100px; border:0px; padding:2px; margin-top:2px}
#home #col2 .submit{float:left;}
#home #col2 .submit input, #buraliste #col2 .submit, #bricolage #col2 .submit, #contact #col2 .submit, #espace-buraliste #col3 .submit, #espace-bricolage #col3 .submit{background:#f9ec37; color:#a40a1e; font-weight:normal; padding:0 5px; width:inherit; border:1px outset #a40a1e; border:0px; padding:2px; margin-top:2px; font-family:arial}
#espace-buraliste #col3 input, #espace-bricolage #col3 input{background:#e5e5e5; border:0; padding:2px; width:205px;}

#buraliste #col2 .input, #bricolage #col2 .input{width:190px; border:0px;}
#buraliste #col2 .submit, #bricolage #col2 .submit, #contact #col2 .submit{margin-left:90px}

#contact #col1 p{clear:both; margin-bottom:15px; line-height:20px}
#contact #col1 p img{float:left; margin-right:10px}
#contact #col2 input{width:210px; border:0px; background:#e5e5e5; padding:2px}
#contact #col2 textarea{background:#e5e5e5; border:0; padding:2px}

#home #col2 .erreur, #buraliste #col2 .erreur{background:#f9ec37; color:#25417a; padding:2px 5px; display:inline; font-weight:bold}

.ie6{background:#db9da5; color:#000; text-align:left; padding:5px}
.erreur{color:#a40a1e; font-weight:bold}
.newsletter{color:#25417a; font-weight:bold}

#espace-buraliste #col1 #cadeaux .left, #espace-bricolage #col1 #cadeaux .left{float:left; margin:-5px 10px 0 0}
#espace-buraliste #col1 #cadeaux, #espace-bricolage #col1 #cadeaux{width:260px; background:#ffffff url('../img/bkg-bloc-blanc.gif') repeat-x left bottom; border:1px solid #2d487f; padding:0; }
#espace-buraliste #col1 #cadeaux div, #espace-bricolage #col1 #cadeaux div{padding:15px 25px}
#espace-buraliste #col1 #cadeaux h3 img, #espace-bricolage #col1 #cadeaux h3 img{margin:0}
#espace-buraliste #col1 #promotions, #espace-bricolage #col1 #promotions{background:#a40a1e url('../img/bkg-bloc-rouge.gif') repeat-x left bottom; margin-top:15px; padding:0}
#espace-buraliste #col1 #promotions h2 img, #espace-bricolage #col1 #promotions h2 img{margin:0}
#espace-buraliste #col1 #cadeaux p, #espace-bricolage #col1 #cadeaux p{color:#4c4c4e}