@charset "utf-8";
body { margin:0; padding:0; background-color:#ccc; text-align:center; 
	font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:12pt; }

html>body #editionsduboucan { height: auto; min-height:700px; }
html>body #content { height: auto; min-height:490px; }
/* GENERALITES ----------------------------------------------------------- */
ul { list-style-type:none; margin:0; padding:0; }
li { margin:0; padding:0; }
p { margin:0; padding:0; text-align:justify;  }
form { margin:0; padding:0; }
input, select { font-size:10px; margin:0; padding:0; }
textarea { font-size:11px; }
h1, h2, h3 { margin:0; padding:0; }

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* CONTENEURS */

#editionsduboucan { width:900px; height:700px; margin:10px auto; }

#top { background:#820DAC url(../img/bandeau.jpg) 0px 0px no-repeat; height:210px; width:100%; }
#menu { float:right; width:245px; padding-top:120px; text-align:left; }
#menu ul { line-height:15px;  }
#menu a { text-decoration:none; font-size:14px; }
#menu a:link, #top div a:active, #top div a:visited { color:#fff; }
#menu a:hover { color:#333; }
#menu a span { font-weight:700;  }

#logo { float:left; width:566px; height:210px; }
#logo a { display:block; text-decoration:none; width:100%; height:100%; }

#content { float:left; height:490px; width:100%; background-color:#fff; text-align:left; }

.home { float:left; width:100%; /*height:100%;*/ background:url(img/accueil-fond_1.jpg) 0px 0px no-repeat; text-align:left; }
.home div { display:inline; width:400px; margin:20px 0 0 20px; padding:10px; }
.home div p { float:left; width:70%;  }
.home div h1, .home div h2 { font-family:"Times New Roman", Times, serif; color:#990000; font-size:16px; }
.home div h2 { font-style:italic; padding-bottom:5px; font-size:13px; }
.home div img { float:left; margin:0 20px 10px 0; }

.home div a { text-decoration:none; padding:0 4px; }
.home div a:link, .home div a:active, .home div a:visited { color:#820DAC; }
.home div a:hover { color:#333; }

.cahiers { float:left; width:100%; height:auto; background:url(img/accueil-fond_2.jpg) 0px 0px no-repeat; text-align:left; }

.cahiers div { display:inline; width:170px; margin:0px 0 0 20px; padding:10px; text-align:center;  }
.cahiers div span { display:block; padding-top:10px;  }

.cahiers div.txt { float:left; width:90%; padding:0 0 20px 0; }
.cahiers div.txt h1 { text-align:left; font-size:12px; }

.ouvrage { width:100%; background:url(img/accueil-fond_2.jpg) 0px 0px no-repeat; }
.ouvrage table { width:95%; margin:20px auto 0 auto; }

.ouvrage table td { vertical-align:top; padding-bottom:20px; }
.ouvrage table td span { display:block; font-weight:700; text-align:center; }
.ouvrage table td span.clic { font-size:11px; font-weight:normal; }
.ouvrage table td.visuel { /*width:210px;*/ width:25%; }
.ouvrage table td.visuel img { border:1px solid #ccc; }
.ouvrage table td.presentation { width:45%; }
.ouvrage table td.presentation h1, .ouvrage table td.presentation h2 { color:#990000; font-family:"Times New Roman", Times, serif; font-size:16px; }
.ouvrage table td.presentation h2 { padding-bottom:5px; font-size:13px; font-style:italic; }
 
.ouvrage table td.presentation p { width:100%; }

.ouvrage table td.ombrage { background:url(img/ombre.jpg) 10px 0px no-repeat; width:3%; }
.ouvrage table td.apercus { width:220px; padding-left:10px; }
.ouvrage table td.apercus ul { float:left; width:100%; margin-top:20px; }
.ouvrage table td.apercus ul li { float:left; margin-right:2px; }
.ouvrage table td.apercus ul li a { text-decoration:none; }
.ouvrage table td.apercus ul li a img { border:1px solid #ccc; }
.ouvrage table td.apercus ul li a:link, .ouvrage table td.apercus ul li a:active, .ouvrage table td.apercus ul li a:visited  { color:#990000; }
.ouvrage table td.apercus ul li a:hover img { border:1px solid #990000; }

.ouvrage table td.pointsdevente {  }
.ouvrage table td.pointsdevente ul {  margin-top:10px; }
.ouvrage table td.pointsdevente li { font-weight:700; list-style-type:disc; list-style-position:inside;  }
.ouvrage table td.pointsdevente li.pdv { font-weight:normal; list-style-type:none;   }
.ouvrage table td.presse h2 { color:#990000; font-size:12px; padding-bottom:10px; }

.ouvrage table td.presse ul { float:left; width:100%; }
.ouvrage table td.presse ul li { float:left; }
.ouvrage table td.presse ul li.hd { width:70px; }

.ouvrage table td.presse ul.rp li { float:left; margin-right:2px; list-style-type:none; }
.ouvrage table td.presse ul.rp li a { text-decoration:none; }
.ouvrage table td.presse ul.rp li a img { border:1px solid #ccc; }
.ouvrage table td.presse ul.rp li a:link, .ouvrage table td.presse ul.rp li a:active, .ouvrage table td.presse ul.rp li a:visited  { color:#990000; }
.ouvrage table td.presse ul.rp li a:hover img { border:1px solid #990000; }

.ouvrage table td.commandes ul {  margin-top:10px; }
.ouvrage table td.commandes li { font-weight:700; list-style-type:disc; list-style-position:inside;  }
.ouvrage table td.commandes li.web { font-weight:normal; list-style-type:none; font-size:11px; }

.ouvrage table td.commandes ul.produits { display:inline; float:left; width:100%; margin-top:20px; margin-left:10px; }
.ouvrage table td.commandes ul.produits li { float:left; margin-right:2px; list-style-type:none; }
.ouvrage table td.commandes ul.produits li a { text-decoration:none; }
.ouvrage table td.commandes ul.produits li a img { border:1px solid #ccc; width:60px; }
.ouvrage table td.commandes ul.produits li a:link, .ouvrage table td.commandes ul.produits li a:active, .ouvrage table td.commandes ul.produits li a:visited  { color:#990000; }
.ouvrage table td.commandes ul.produits li a:hover img { border:1px solid #990000; }

.contact { float:left; width:100%; height:490px; background:url(img/accueil-fond_1.jpg) 0px 0px no-repeat; text-align:left; }
.contact div { padding:20px;  }
.contact h1 { padding-bottom:10px; font-family:"Times New Roman", Times, serif; color:#990000; font-size:16px; }