/* CSS Document */

body{
background-image:url(img/rayures.gif);
background-repeat:repeat;
margin-left: auto;
margin-right: auto;
margin-top:0;
margin-bottom:0;
width:955px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#36312a;
}

.clear{
clear:both;
}

.petit{
font-size:12px;
}

.form_erreur{
color:#be313a;
font-weight:bold;
}

#etapes{
margin:20px 0px 20px 0px;}

hr{
margin-top:5px;
margin-bottom:5px;
color:#becee6;
background-color:#becee6;
height: 1px;
border: 0;
text-align:center;
clear:both;
margin-right:30px;
}

.bold{
font-weight:bold;
color:#be313a;}

.b{
font-weight:bold;
}

a:link, a:active, a:hover{
color:#be313a;}
a:visited{
color:#228cfd;}

h2{
color:#be313a;
margin-bottom:3px;
font-size:13px;
text-transform:uppercase;
margin-top:20px;
}

h3{
margin-top:0px;
margin-bottom:10px;
font-size:12px;
text-transform:uppercase;
}

.italique{
font-style:italic;}

.seize-px{
font-size:16px;}

.petit{
font-size:10px;}

h1{
margin:0;
padding:0;}

#h1{
margin-top:60px;}

#img-h1{
padding-bottom:9px;
}

#entete{
width:955px;
height:140px;
}

#entete #titre{
margin-left:126px;
_margin-left:63px;
margin-top:10px;
float:left;}

#entete #porte-plume{
float:right;
}

#menu_horizontal ul{
display:none;}

#menu_horizontal{
z-index:1;
position:relative;
height:37px;
width:899px;
_width:902px;
margin-left:28px;
}

a.onglet-on{
display:block;
float:left;
width:99px;
height:37px;
margin-right:1px;
background-image:url(img/onglet-on.gif);
background-repeat:no-repeat;
}

a:hover.onglet-off{
display:block;
float:left;
width:99px;
height:37px;
margin-right:1px;
background-image:url(img/onglet-on.gif);
background-repeat:no-repeat;
}

a.onglet-off{
display:block;
float:left;
width:99px;
height:37px;
margin-right:1px;
background-image:url(img/onglet-off.gif);
background-repeat:no-repeat;
}

a.onglet-on-fin{
display:block;
float:left;
width:99px;
height:37px;
background-image:url(img/onglet-on.gif);
background-repeat:no-repeat;
}

a:hover.onglet-off-fin{
display:block;
float:left;
width:99px;
height:37px;
background-image:url(img/onglet-on.gif);
background-repeat:no-repeat;
}

a.onglet-off-fin{
display:block;
float:left;
width:99px;
height:37px;
background-image:url(img/onglet-off.gif);
background-repeat:no-repeat;
}

#encadre-histoires{
background-image:url(img/porte-plume-encadre.gif);
background-repeat:no-repeat;
background-position:top right;
min-height:198px;
width:448px;
border:1px solid #BECEE6;
background-color:#E6EFFB;
padding:10px;
float:left;
}

#histoires{
margin-top:15px;
margin-bottom:0px;
padding:0;
line-height:22px;
width:448px;
}

#encadre-histoires img{
border:0;
}

#gif-anime{
width:218px;
height:218px;
border:1px solid #BECEE6;
float:left;
margin-left:8px;
}

#accueil{
width:54px;
height:9px;
margin-left:23px;
margin-top:10px;
border:0;
}

#ercops{
width:56px;
height:23px;
margin-left:22px;
margin-top:4px;
border:0;
}

#pedagogie{
width:72px;
height:23px;
margin-left:14px;
margin-top:4px;
border:0;
}

#bonus{
width:42px;
height:9px;
margin-left:29px;
margin-top:10px;
border:0;
}

#liens{
width:83px;
height:9px;
margin-left:9px;
margin-top:10px;
border:0;
}

#libraires{
width:93px;
height:23px;
margin-left:3px;
margin-top:4px;
border:0;
}

#espace-presse{
width:48px;
height:23px;
margin-left:26px;
margin-top:4px;
border:0;
}

#contact{
width:57px;
height:9px;
margin-left:21px;
margin-top:10px;
border:0;
float:left;
}

#commander{
width:80px;
height:9px;
margin-left:8px;
_margin-left:4px;
margin-top:10px;
border:0;
}


#main{
background-color:#FFFFFF;
border:1px solid #becee6;
width:867px;
margin-left:28px;
margin-top:-9px;
padding-top:10px;
padding-left:30px;
padding-bottom:5px;}

#paragraphe{
width:700px;
float:left;
}

#main p{
margin-top:0px;
margin-bottom:8px;
}

#foot{
text-align:right;
font-size:10px;
padding-right:30px;}

#foot a{
color:#36312a;}

#panier{
margin-right:9px;
float:right;}

#panier img{
border:0;}

#filigrane{
background-image:url(img/filigrane.gif);
background-repeat:repeat;}

table{
width:840px;}

#table-panier .td-bleu{
background-color:#becee6;
text-align:center;
padding:10px;
color:#000;
text-transform:uppercase;
width:210px;}

#table-panier .td-ciel{
background-color:#e6effb;
padding:10px;
color:#000;
vertical-align:top;
text-align:center;
}

#table-panier .td-ciel-right{
text-align:right;
background-color:#e6effb;
padding:10px;
color:#000;}

#table-panier .td-ciel-right-top{
text-align:right;
background-color:#e6effb;
padding:10px;
color:#000;
vertical-align:top;}

#table-panier .td-rose{
text-align:right;
background-color:#e6effb;
padding:10px;
color:#be313a;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

#table-centre{
text-align:center;
width:190px;}

#terminer-ma-commande{
border:0;
}

.col-a{
width:395px;
float:left;
margin-bottom:20px;
}

.col-b{
width:355px;
float:left;
padding-left:40px;
margin-bottom:20px;
}

.col-e{
width:355px;
float:left;
padding-left:40px;
margin-bottom:20px;
}

.col-e input{
float:left;
}

.col-w{
width:750px;
float:left;
margin:20px;
padding:20px;
background-color:#a8c4eb;
}

/*.col-x{
width:335px;
float:left;
padding:20px;
margin:20px;
background-color:#ebc4cb;
}*/

.col-y{
width:330px;
float:left;
margin:20px 5px 5px 0px;
padding:20px;
background-color:#e6effb;
}

.col-z{
width:330px;
float:left;
padding:20px;
margin:20px 0px 5px 5px;
background-color:#becee6;
}

.col-d{
width:395px;
margin-bottom:20px;
}

.col-c{
width:830px;
float:left;
margin-bottom:20px;
}

.col-c textarea{
width:830px;
float:left;
background-color:#e6effb;
padding:5px;
border:0;
}

.col-a input, .col-b input{
width:395px;
background-color:#e6effb;
border:0;
padding:5px;
}


.col-a select {
width:395px;
background-color:#e6effb;
border:0;
padding:5px;
}

.col-d input{
padding:5px;
}

.img-coloriage{
border:1px solid #becee6;
padding:5px;
float:left;
margin:10px;
}

#livraison{
margin-top:30px;}

.lien{
float:left;
width:200px;
margin:10px;}

.lien img{
border:1px solid #becee6;
margin-top:10px;}

.nav img{
float:left;}

.nav-lien{
width:390px;
float:left;
height:40px;
padding-top:10px;
text-align:right;
padding-right:30px;}

.nav-img{
width:410px;
float:left;
height:30px;
padding-right:10px;
}