* { margin: 0; padding: 0; }
body { margin: 0; background: url('images/fond-page.gif') repeat-y top center #FFFFFF; font-family: "Verdana"; font-size: 13px; }
a { text-decoration: none; color: #00009C; }
h1 { color: #A1A1FF; font-size: 28px; border-bottom: 1px solid #FFFF00; margin: 0 0 20px; }

.page { width: 980px; margin: 0 auto;}

.header { position: relative; }
.header .logo { width: 258px; float: left; }
.header .logo .logo-img { height: 329px; display: block; }
.header .banniere { width: 722px; float: right; height: 376px; }

.header .ligne-defilante { position: absolute; bottom : 60px; right: 0; width: 722px; font-size: 16px; font-weight: bold; color: #FF0000; }
.header .ligne-defilante a { color: #FF0000;}

.header .menu { margin-top: 329px; font-size: 12px; font-weight: bold; }
.header .menu ul { float: left; list-style-type: none; }
.header .menu ul li { float: left; margin: 10px 0; border-right: 1px solid #00009C; }
.header .menu ul li.last { border-right: none; }
.header .menu ul li a { margin: 0 2px; display: block; }
.header .menu ul li a span { display: block; height: 22px; padding: 4px 5px 0; }
.header .menu ul li.selected a { background: url('images/menu-selected.gif') no-repeat 0 0; color: #FFFFFF; padding: 0 0 0 20px; }
.header .menu ul li.selected a span { background: url('images/menu-selected.gif') no-repeat 100% 0; padding: 4px 20px 0 0;  }
.header .menu ul li img { vertical-align: middle; }
.header .menu ul li.img a { padding: 0 30px 0 0; background: url('images/logo-france3.gif') no-repeat right top; }
.header .menu ul li.img a span {}

.col-left { width: 258px; float: left; padding: 20px 0 0; }
.col-main { width: 722px; float: right; }

.col-left h2 { color: #FFFF00; font-size: 20px; font-weight: bold; text-align: center; margin: 0 0 20px; }
.col-left a { color: #FFFFFF; font-weight: bold; }
.col-left a:hover { color: #FFFF00; }
.col-left .horaires { background: url('images/horloge.jpg') no-repeat left 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #FFFF00; padding: 10px 10px 10px 70px; }

.col-left ul { list-style-type: none; }
.col-left ul li { margin: 5px 0; }
.col-left ul li a { padding: 3px 15px 3px 20px; display: block; }
.col-left ul li.selected a { color: #FFFF00; background: url('images/fleche-categories.gif') no-repeat left center #A1A1FF; }
.col-left ul li.selected ul { list-style-type: disc; margin: 5px 0 10px 40px; color: #FFFFFF; }
.col-left ul li.selected ul li { margin: 0; }
.col-left ul li.selected ul li a { background: transparent; padding: 0; color: #FFFFFF; }
.col-left ul li.selected ul li.selected a, .col-left ul li.selected ul li a:hover { color: #FFFF00; }

.content { margin: 10px 10px 10px 20px; }
.left { float: left; margin: 10px; }
.right { float: right; margin: 10px; }

.video { text-align: center; margin: 20px auto; width: 360px; }

.formulaire ul { margin-left: 40px; }

.produit { margin: 10px 0 10px 20px; }

.produit .product-shop { float: left; width: 300px; color: #00009C; font-weight: bold; }
.produit .product-shop .box { margin: 0 0 20px; }
.produit .product-shop h2 { text-transform: uppercase; font-size: 18px; }
.produit .product-shop .devis a { background: url('images/demande-devis.gif') no-repeat; color: #FFFF00; width: 230px; height: 26px; padding: 3px 0 0 30px; display: block; font-size: 16px; }

.produit .product-img { float: right; width: 385px; margin: 0 10px 0 0; text-align: center; }
.produit .product-img p.image-first { margin: 10px 0; }
.produit .caroussel ul li { margin: 0 5px; }
.produit .caroussel ul li .num_image { text-align: center; background: #FFFFFF; opacity: 0.8; padding: 3px 0; font-size: 16px; color: #00009C; font-weight: bold; border-bottom: 1px solid #00009C; margin: 0 auto; }

.footer { background: #00009C; color: #FFFFFF; text-align: center; font-weight: bold; padding: 10px 0; }
.footer a { color: #FFFF00; }

.copyright { font-size: 10px; text-align: center; background: #FFFFFF; padding: 10px; }

.contenu:after,
.menu:after,
.produit:after,
.clear:after,
.header:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

div#centre { width:700px; min-height:600px; font-family: Verdana; }
div#centre p{ padding-left:20px; margin-top:5px; margin-bottom:5px; color:#000080; font-weight:bold; font-size:14px; }
div#centre div#produits{ min-height:200px; width:680px; margin:0 12px; padding:5px; }
div#centre div#produits table{ text-align:center; font-size:12px; }
div#centre div#produits table tr th{ background-color:#808080; color:#000080; }
div#centre div#produits table tr td.couleur0{ background-color:#E6E6E6; }
div#centre div#produits table tr td.couleur1{ background-color:#CCCCCC; }
div#centre div#produits table tr td.rouge{ color:#FF0000; font-weight:bold; }
p.horaires { color:#000099; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }