/* CSS Document */
body { background:url(../images/fond-page.jpg) repeat-x #FFFFFF; margin:0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#superConteneur{margin:0 auto; position:relative; background:url(../images/bg-super-conteneur-nav.jpg) no-repeat center top; min-height:270px;}
#conteneur{ width:950px; margin:0 auto; position:relative;}

#logo {float:left; display:inline; padding:0; margin:17px 0 0 6px; width:194px; height:74px; background:url(../images/logo-coboma.jpg);}
#logo h1 {padding:0; margin:0; text-indent:-5000px;}

#coboma {float:right; padding:0; margin:0 21px 0 0; font-size:11px; color:#d9b7b8; text-decoration:none; height:27px; line-height:27px;}
#normoutils {float:right; padding:0; margin:0 33px 0 0; font-size:11px; color:#d9b7b8; text-decoration:none; height:27px; line-height:27px;}

#conteneurmenu {float:left; padding:0; margin:43px 0px 0 201px; height:40px; width:530px; list-style:none; border-left:1px solid #7f0a0b;}
.menu {float:left; display:inline; margin:0; padding:0; height:40px; font-size:15px; font-weight:bold; }
.menu a {color:#f2d0d0; padding:0; margin:0; text-decoration:none; height:40px; display:block; line-height:40px; text-align:center; border-right:1px solid #7f0a0b; }
.menu a:hover {color:#f2d0d0; padding:0; margin:0; text-decoration:none; background:#7e0a0b; display:block; line-height:40px;}

.ssmenu { padding:10px 20px 5px 20px; background:#7e0a0b;}
.ssmenu ul, .ssmenu li.lienMenu {/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */padding:0;list-style-type:none;background:transparent;}
.ssmenu a, .ssmenu a:visited {color:#ffffff; padding:2px 0; text-decoration:none; font-size:13px; font-weight:bold; border-bottom:1px dotted #ffffff;/* Ne pas modifier le block, margin et width */display:block; margin:5px 0; width:100%;}
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {width:auto;}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/color:#ffffff; text-decoration:none;}
.menuOuvert a {color:#f2d0d0; padding:0; margin:0; text-decoration:none; height:40px; display:block; line-height:40px; background:#7e0a0b;}


#ficheCobovert80 {clear:left; float:left; padding:0; margin:11px 0 0 0; width:950px; height:413px; background:url(../images/fiche-cobovert-80-150.jpg) no-repeat center top;}
#ficheCobovert80 h1 {float:left; padding:0; margin:0; width:0px; height:0px; text-indent:-5000px;}
#ficheCobovert80 .intro {float:left; padding:0; margin:82px 0 20px 35px; width:370px; color:#a1dc01; font-size:1.2em; font-weight:bold; line-height:17px;}
#ficheCobovert80 h4 {clear:left; padding:0 0 2px 0; margin:0 0 7px 35px; width:370px; color:#fff; font-size:1.4em; font-weight:bold; border-bottom:1px solid #db0606;}
#ficheCobovert80 .caract {clear:left; padding:0; margin:0px 0 6px 35px; width:370px; color:#fff; font-size:1.1em;}

#ficheCobovert160 {clear:left; float:left; padding:0; margin:11px 0 0 0; width:950px; height:413px; background:url(../images/fiche-cobovert-160-180.jpg) no-repeat center top;}
#ficheCobovert160 h1 {float:left; padding:0; margin:0; width:0px; height:0px; text-indent:-5000px;}
#ficheCobovert160 .intro {float:left; padding:0; margin:82px 0 20px 35px; width:370px; color:#a1dc01; font-size:1.2em; font-weight:bold; line-height:17px;}
#ficheCobovert160 h4 {clear:left; padding:0 0 2px 0; margin:0 0 7px 35px; width:370px; color:#fff; font-size:1.4em; font-weight:bold; border-bottom:1px solid #db0606;}
#ficheCobovert160 .caract {clear:left; padding:0; margin:0px 0 6px 35px; width:370px; color:#fff; font-size:1.1em;}

#ficheCadet {clear:left; float:left; padding:0; margin:11px 0 0 0; width:950px; height:413px; background:url(../images/fiche-cadet.jpg) no-repeat center top;}
#ficheCadet h1 {float:left; padding:0; margin:0; width:0px; height:0px; text-indent:-5000px;}
#ficheCadet .intro {float:left; padding:0; margin:82px 0 20px 35px; width:370px; color:#a1dc01; font-size:1.2em; font-weight:bold; line-height:17px;}
#ficheCadet h4 {clear:left; padding:0 0 2px 0; margin:0 0 7px 35px; width:370px; color:#fff; font-size:1.4em; font-weight:bold; border-bottom:1px solid #db0606;}
#ficheCadet .caract {clear:left; padding:0; margin:0px 0 6px 35px; width:370px; color:#fff; font-size:1.1em;}

#ficheBroyeur {clear:left; float:left; padding:0; margin:11px 0 0 0; width:950px; height:422px; background:url(../images/fiche-broyeur.jpg) no-repeat center top;}
#ficheBroyeur h1 {float:left; padding:0; margin:0; width:0px; height:0px; text-indent:-5000px;}
#ficheBroyeur .intro {float:left; padding:0; margin:76px 0 8px 35px; width:370px; color:#a1dc01; font-size:1.2em; font-weight:bold; line-height:14px;}
#ficheBroyeur h4 {clear:left; padding:0 0 2px 0; margin:0 0 5px 35px; width:370px; color:#fff; font-size:1.4em; font-weight:bold; border-bottom:1px solid #db0606;}
#ficheBroyeur .caract {clear:left; padding:0; margin:0px 0 4px 35px; width:370px; color:#fff; font-size:1.1em;}

#ficheTondeuse {clear:left; float:left; padding:0; margin:11px 0 0 0; width:950px; height:433px; background:url(../images/fiche-tondeuse.jpg) no-repeat center top;}
#ficheTondeuse h1 {float:left; padding:0; margin:0; width:0px; height:0px; text-indent:-5000px;}
#ficheTondeuse .intro {float:left; padding:0; margin:78px 0 10px 35px; width:370px; color:#a1dc01; font-size:1.2em; font-weight:bold; line-height:16px;}
#ficheTondeuse h4 {clear:left; padding:0 0 2px 0; margin:0 0 5px 35px; width:370px; color:#fff; font-size:1.4em; font-weight:bold; border-bottom:1px solid #db0606;}
#ficheTondeuse .caract {clear:left; padding:0; margin:0px 0 5px 35px; width:370px; color:#fff; font-size:1.1em;}


#ficheContact {clear:left; float:left; padding:85px 0 0 0; margin:11px 0 0 0; width:950px; height:318px; background:url(../images/fiche-contact.jpg) no-repeat center top;}
#ficheContact form {float:left; padding:0; margin:0; width:405px;}
#ficheContact p {clear:left; padding:0; margin:0px 0 6px 35px; width:370px; color:#fff; font-size:1.2em;}
#ficheContact p label {float:left; padding:0; margin:0; width:120px;}
#ficheContact .btnSubmit { background:#8ca515; color:#FFF; font-weight:bold; border:none; width:100px; height:25px; line-height:25px;}
#ficheContact .info {clear:left; padding:0; margin:0px 0 6px 35px; width:380px; color:#a1dc01; font-size:1.2em; font-weight:bold;}

#liensProduits {float:left; display:inline; padding:0; margin:130px 0px 0 50px; width:276px;}
#liensProduits a {float:left; padding:9px 0 0 16px; margin:0; width:260px; height:20px; border-bottom:1px solid #070e00; background:url(../images/puce-liens-produits.gif) no-repeat 4px 14px; color:#FFFFFF; font-size:1.4em; font-weight:bold; text-decoration:none;}


#texte {clear:left; float:left; display:inline; padding:0 0 20px 0; margin:15px 0 0 20px; width:640px; color:#000000;}
#texte table {clear:left; float:left; padding:0; margin:5px 0 10px 0; color:#000; font-size:1.1em; border:1px solid #3d2d30; text-align:center;}
#texte table .entete { background:#8ca515; font-weight:bold; color:#FFF;}
#texte table .impair { background:#c5d28a;}
#texte table .pair { background:#e2e8c4;}
#texte h4 {float:left; padding:0 0 1px 0; margin:0 0 0 10px; width:230px; font-size:1.4em; border-bottom:1px solid #c2b9b9;}
#texte p { float:left; padding:0; margin:4px 0 0 10px; width:230px; font-size:1.2em;}
#texte h2 {clear:left; float:left; padding:0 0 1px 0; margin:20px 0 10px 0; width:640px; font-size:1.4em; border-bottom:1px solid #c2b9b9;}
#texte #galerie {clear:left; float:left; padding:0 0 10px 0; margin:0; width:640px;}
#texte #galerie img {float:left; padding:0; margin:0 20px 10px 0; border:1px solid #3d2d30}
#texte .bordure {border:1px solid #3d2d30}

#coordonnees {float:left; display:inline; padding:0 0 10px 0; margin:17px 0 0 25px; width:245px; color:#867474; font-size:1.2em;}
#coordonnees h2 { padding:0; margin:0; width:236px; height:26px; background:url(../images/qualite-garanties-coboma.jpg) no-repeat; text-indent:-5000px;}
#coordonnees h3 {float:left; padding:0; margin:10px 0; color:#8b0202; font-size:1.2em; line-height:24px; width:245px;}
#coordonnees h3 img {float:left; margin:0 10px 0 0; }
#coordonnees p {float:left; padding:12px 0; margin:15px 0; line-height:1.7em; border-top:1px solid #c2b9b9; width:245px;}
#coordonnees p span {color:#8b0202; font-size:1.2em; font-weight:bold;}

#footer {clear:left; padding:8px 0; height:15px; margin:0 20px; width:910px; border-top:1px solid #c2b9b9; color:#5b5050; font-size:1.2em; }
#footer p { float:right; padding:0; margin:0;}
#footer a { color:#5b5050; text-decoration:none;}