/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff; color:#649cae; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#649cae; }
a:hover { text-decoration:underline; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }

h1 {color:#02306C; font-size:12px; font-weight:bolder;}

h2 { font-size:20px; font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif; line-height:20px; }
h3 { font-size:16px; font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { width:981px; margin:0 auto; text-align:left; }

#top { background:url(/images/common/fonds/fd_top980.gif) 0 0 no-repeat; border-right:1px solid #e6e6e6; height:107px; position:relative; }
#top img.logo { position:absolute; top:27px; left:15px; }
#top p.type { position:absolute; top:102px; left:16px; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#818181; margin:0; }
form#pays { position:absolute; top:5px; right:20px; width:220px; }
form#pays p { float:left; margin:5px 0 0 0; }
form#pays select { float:left; }


#contenu { background:url(/images/common/fonds/fd_contenu.gif) 0 0 repeat-x; border-right:1px solid #e6e6e6; width:980px; }
#promos { background:url(/images/common/fonds/fd_promos.jpg) 0 0 no-repeat; float:left; padding:245px 0 0 0; width:250px; }
#promos h2 { margin:0 0 0 10px; }
#promos div.prdt { width:239px; margin:15px 0 0 10px; padding:1px 0; }
#promos div.prdt p.descript { float:left; margin:0; width:140px; }
#promos div.prix { float:left; margin:0; width:99px; text-align:center; }
#promos div.prix p { font-size:14px; font-weight:bold; margin:0 0 5px 0; }
#promos div.prix p a { text-decoration:underline; }

#content { float:left; width:530px; padding:26px 0 0 0; }
#produits { float:left; width:264px; padding:0 30px 0 0; }
#produits h2 { margin:0; text-transform:uppercase; }
#produits h2 .petit { font-size:14px; }
#produits div.duplication { margin:0; }
#produits div.duplication p { margin:10px 0 0 10px; line-height:14px; }
#produits div.perso { margin:40px 0 0 0; padding:0; }
#produits div.perso p { margin:10px 0 0 10px; padding:0 50px 0 0; line-height:14px; }

#utile { float:left; width:236px; }
#utile ul.contact { float:left; list-style:none; margin:45px 0 0 20px; padding:0; width:136px; }
#utile ul.contact li { margin:0 0 8px 0; padding:0; font:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#utile ul.contact li.devis { font-size:16px; font-weight:bold; }
#utile ul.contact li a { display:block; background:url(/images/common/puces/fleche_orange.gif) 0 1px no-repeat; padding:0 0 0 10px; }
#utile ul.contact li.devis a { background:url(/images/common/puces/fleche_orange.gif) 0 3px no-repeat; }

#utile ul.plus { list-style:none; margin:15px 0 0 20px; padding:0; }
#utile ul.plus li { margin:0 0 8px 0; padding:0; }
#utile ul.plus li a { display:block; background:url(/images/common/puces/fleche_verte.gif) 0 4px no-repeat; padding:0 0 0 8px; }
#utile h3 { margin:20px 0 0 10px; clear:both; text-transform:uppercase; }

#content div.dupl_express { background:url(/images/common/fonds/fd_dupli_express.gif) 0 0 repeat-x; height:50px; margin:10px 0 0 0; padding:0; }
#content div.dupl_express h2 { background:url(/images/common/visuels/chrono.jpg) 0 0 no-repeat; margin:0; padding:0 0 0 80px; color:#f6c69c; font-size:18px; line-height:50px; }
#content div.dupl_express h2 a { color:#f6c69c; }

p.arbo { }

#footer { background:#649cae; color:#fff; padding:10px; width:960px; border-right:1px solid #e6e6e6; font:10px Verdana, Arial, Helvetica, sans-serif; }
#footer a { color:#fff; }
#footer p.liens { float:left; margin:0; width:180px; }
#footer p.other_links { float:left; margin:0 30px; width:400px; text-align:center; display:inline; }
#footer p.logos { float:right; margin:0; }

#contentdetail {  background:url(/images/common/fonds/fd_contenu.gif) 0 0 repeat-x; float:left; width:980px; padding:26px 0 0 0; background-color:#FFFFFF; z-index:1; }

.duplication_home {  margin:10px 0 10px 10px; line-height:10px;  }
.packaging_home {  margin:10px 0 10px 15px; line-height:10px;  }

.motscles p { line-height:28px; display:inline; margin:10px 10px 10px 5px; }
.taille10 { font-size:10px; }
.taille11 { font-size:11px; }
.taille12 { font-size:12px; }
.taille14 { font-size:14px; }
.taille16 { font-size:16px; }
.taille18 { font-size:18px; }


/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.blanc { color:#fff; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

ul.list_simple { list-style:none; margin:0; padding:0; }
ul.list_simple li { margin:0; padding:0; }

div.riviere {}
div.illstr_riv { float:left; }
div.texte_riv { float:left; }

input.submit {
width:186px; /* la largeur de l'image de fond */
height:19px; /* la hauteur de l'image de fond */
background:url(/images/fr/common/boutons/vide.gif) 0 0 no-repeat; /* l'image de fond */
color:#070707; /* la couleur du texte */
border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caractéristiques de la police de texte */
cursor:pointer; /* le curseur en forme de main */
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }