/* CSS Document */


#footerhome {
margin: 0px 20px;
}

#featured { 
position: relative; 
margin-top: 20px; 

width:900px;
height:490px;
overflow:hidden;
border-bottom:1px solid #ccc;
z-index:30;
}

.chapo {
font:24px/30px Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
color:#666666;
margin-bottom: 20px;
}

.slide {
position: absolute;
z-index:34;
}


.featured-description { 
position: absolute; 


top: 200px; 
right:20px; 


}

.featured-description h2 a {
width: 250px; 
height: 50px; 
color:#fff;
font:20px/24px Georgia, "Times New Roman", Times, serif;
white-space:nowrap;
margin:0px;
background:url(images/featured-description.png); 
padding: 20px 25px;
}
.featured-description h2 a:hover {

background:#000; 
text-decoration:none;
}


.featured-title a {
color:#FFF;
text-decoration:none;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;
	font: 12px/16px Arial, Helvetica, sans-serif;
	background: #e6e8ea;
}

.clear {
clear:both;
}

.resize {
width:100%;
height:auto;
}


#wrap {

}
/* Permet de voir les images span#mRobes dans un viewport */
.viewport{

	width: 570px;
	height: 138px;
	position: relative;
	overflow: hidden;
}
/* contenu du viewport */
.defile{
	width: 5570px;
	height: 135px;
	position: absolute;
	overflow: hidden;
	left: 0 ; /* evite de générer auto sur chrome */
}
.before, .after{
	cursor: pointer;
	width:15px;
	height: 131px;
	z-index: 1000;
	position: absolute;
	border: 1px solid #d9d8d8;
}
.before{ 
	left: 0px;
	background: #f4f4f6 url('http://www.derhy-kids.com/a/control_back.gif') no-repeat 1% 50%;
}
.after{	
	right: 0px;
	background: #f4f4f7 url('http://www.derhy-kids.com/a/control_forward.gif') no-repeat 1% 50%;
	-moz-border-radius-bottomright: 5px 5px;
	-moz-border-radius-topright: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	
}
/* fin de viewport */
#wrapfleur {
	width: 100%;
	background: url(a/background.gif) center 0 no-repeat;
	padding-top: 45px;
}
#wrapfleur-right {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
h1 {

}


.t400 {
font:normal 7.5pt Verdana, Arial, Helvetica, sans-serif;
color:#D7001F;
text-decoration:none;
text-align:left;
}


h2 {
	font: bold 24px/28px Arial, Helvetica, sans-serif;
	color: #F0037F;
	margin-top: 0px;
	margin-bottom: 2px;
	float:left;
}
.postheader {
height: 30px;
}
.postheader h2 {
width: 224px;
border-right:1px solid #ccc;
}
.tout {
float: left;
padding: 5px 0px 0px 5px;
}

.tout a:link, .tout a:visited {
padding: 3px;
color:#999;
text-decoration:underline;
}
.tout a:hover, .tout a:active {
color:#000;
}



.pink {
	color: #F0037F;
	font-weight: bold;
}
.black {
	color: #000000;
	font-weight: bold;
}
.grey {
	padding: 2px 4px 2px 4px;
	background: #ccc;
	color: #000;
	font-weight: bold;
}
h3 {
	font: 18px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	margin-top: 4px;
}
h4 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #531015;
	margin-bottom: 4px;
	margin-top: 0px;

}
h5 {
	font: 12px/18px Arial, Helvetica, sans-serif;
	padding: Opx Opx 2px Opx;;
	margin: 2px 4px 2px 4px;

}
h5 a:link {

}
.miniprix {
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #666;
}
a:link, a:visited {
	color: #F0037F;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #BB23C4;
}

#conteneur {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #818181;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background: #fff;
	padding: 0px;

}
#wrap_top {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background: #e6e8ea;

}
#top {
	color: #fff;
	margin-right: 10px;
	padding: 0px;
	text-align: right;
	visibility: hidden;

}
#top a {

}

.mail a {
	padding: 2px 4px 2px 6px;
	letter-spacing: 1px;
	color: #531015;
	border-left: 2px solid #fff;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.mail a:hover {
background: #FBAEFF; 
text-decoration: none;
}
#signature {
	width: 250px;
	float: left;
	text-align: left;
	text-transform: uppercase;
	color: #FA8D8A;
	letter-spacing: 2px;
	visibility: hidden;
}

#header {
	background: #e6e8ea;
	padding: 20px 0px 0px 0px;
}
#logo {
	float: left;
	width: 250px;
	margin-left: 35px;
	width: 266px;
	margin-top: -15px;
}
#adresse {
	width: 500px;
	text-align: right;
	padding-top: 0px;
	color: #531015;
	float: right;
	margin-right: 10px;
}
#resume-panier {
	background: #efeee4;
	text-align: right;
	padding: 4px;
	color: #531015;
	float: right;
	margin-right: 10px;
	border: 1px solid #fff;
}
#quicklist {
	padding-top: 4px;
	float: right;
	color: #fff;
}
#nav {
	padding: 1px 0px 0px 50px;
	background: url(a/page2.gif) bottom left no-repeat;
	height: 46px
}
#nav ul {
	margin: 0px;
	padding: 0px;
}
#nav li {
	list-style: none;
	float: left;
	margin:0px;
}
#header h1 {
	margin:0px;
}
/* ooooooooooooooooooooooooooooooooooooooooo */
/* pages */
#page {
	padding: 1px 0px 1px 0px;
}
#pagegauche {
	float: left;
	margin-left: 30px;
}
#pageclub {
	background:url(a/ouv-club.gif) 0px 0px no-repeat;
	width: 590px;

}
#pageclub_gauche {
	width: 270px;
	float-left;
	border: 1px dotted #ccc;
	margin-left: 5px;
}
#pageclub_droit {
	width: 270px;
	float:right;
	border: 1px dotted #ccc;
	margin-right: 5px;
}
#doublepage {
	margin-top: 5px;

	margin-left: auto;
	margin-right: auto;
	width: 790px;
	min-height: 400px;
	background-color: white;

}

#contact-left {
float:left;
width:400px;
	margin: 5px 30px 5px 0px;
	}
#contact-right {
	float:right;
	width:340px;
	overflow:hidden;
}

#doublepage h2 {
	margin-bottom: 0px;
}
#doublepage-image {
	float: left;
	margin-right: 30px;

}
#doublepage-texte {
	float: left;
	width: 400px;
}

#page-contact {
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-left: 30px;
	height: 350px;
	margin-right: 30px;
	padding: 4px;
}
#contact {
	float: right;
	width: 400px;
	margin-right: 30px;
	margin-top: 30px;
}
#page-panier {
	border: 1px solid #ccc;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
	text-align: center;
}

.filetpanier {
	width: 100%;
	height: 6px;
	background:url(a/filetpanier.gif) 0 0 repeat-x;

}
.small {
	font: 11px/12px Arial, Helvetica, sans-serif;
}

.sommaire {
	padding: 5px 0px 5px 0px;
}
.post {
	width: 590px;
	margin-bottom: 15px;
	min-height: 300px;
}
.postblog {
	font: 14px/18px Arial, Helvetica, sans-serif;
	width: 590px;
	margin-bottom: 15px;
}
.imageblog {
float: right;
margin-left: 10px;
border: 1px solid #ccc;
padding: 3px;
}
.post-color {
	width: 550px;
	margin-bottom: 15px;
	background:url(a/post-color.gif) 0 0 no-repeat;
	padding: 10px 30px 1px 10px;
}
.postbas {
	border-left: 1px solid #ccc;
	padding-left: 5px;
}
.commentaires-on {
background: url(a/coeur1.gif) 0 0 no-repeat;
padding: 2px 0px 10px 17px;
}


.postfooter {
	width: 590px;
	padding: 7px 0px 0px 0px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	height: 30px;
	background: url(a/lecteur3.gif) 0 0 no-repeat;
}
.postfooter_gauche {
width: 100px;
float: left;
color: #F0037F;
text-align:left;
}
.postfooter_centre {
width: 380px;
float:left;
text-align: center;
color:#555;
}
.postfooter_droit2 {
width: 100px;
float:right;
text-align: right;
text-transform: uppercase;
color: #F0037F;
margin-right: 4px;
}

.postfooter_gauche a:link, .postfooter_gauche a:visited {
padding: 2px 0px 2px 22px;
background: url(a/control_back-on.gif) 1px 1px no-repeat;
margin-left: 4px;

}
.postfooter_gauche a:hover {
background: url(a/control_back2-on.gif) 0 0 no-repeat;
}

.postfooter_droit a:link, .postfooter_droit a:visited {
	padding: 2px 4px 2px 14px;
	color: #fff;
}

.postfooter_droit2 a:link {
	padding: 2px 22px 2px 0px;
	background: url(a/control_play.gif) top right no-repeat;
}
.postfooter_droit2 a:hover {
background: url(a/control_play-on.gif) top right no-repeat;
}


.article {
	float:left;
	border-top:1px solid #ccc;
	margin-right: 4px;
	margin-bottom: 1px;
}
.article h5 {
width: 100px;
overflow:hidden;
white-space:nowrap;

}
.article-texte {
float: right;
width: 220px;

}

.article img {
width: 100px;
height: 100px;
padding: 4px;
border: 1px solid #ccc;
}
.article img a:link, .article img a:hover {
border: 1px solid #ccc;
display: block;
}
.article img a:hover {
border: 1px solid #pink;
}


.vignette {

}
.article-large {
float:left;
width: 350px;
background: #fff;
margin-right: 0px;
margin-bottom: 1px;
}
#zoom {

}
#zoom ul {
margin: 0px;
padding: 0px;
}
#zoom li {
float: left;
list-style: none;
}
#zoom #zoom-li {
padding-right: 10px;
border-right: 1px solid #ccc;
margin-right: 10px;
background: url(a/zoom.png) 0 0 no-repeat;
padding-left: 20px;
}
#zoom #zoom-print {
background: url(a/printer.png) 0 0 no-repeat;
padding-left: 20px;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #ccc;
}
#zoom #zoom-close {

}

#sidebar-vide {
	float: right;
	width: 228px;
	height: 400px;
	margin-right: 20px;
	padding: 10px 0px 0px 0px;
}

#sidebar {
	float: right;
	width: 228px;
	margin-right: 20px;
	background: url(a/sidebar.gif) top left no-repeat;
	padding: 82px 0px 0px 0px;
}

#sidebar-bottom {
	background: url(a/sidebar-bottom.gif) bottom left no-repeat;

}
#sidebar_interne {
	width: 185px;
	padding: 0px 10px 20px 25px;


}
#sidebar_interne p {
margin-top: 3px;
margin-bottom: 2px;
}
.footer_sidebar {
	font: 11px/14px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 1px 2px 1px 0px;
	text-align: center;
	text-transform: uppercase;
}
.footer_sidebar a {



}
#sidebar ul {
border-top: 1px solid #fff;
margin: 5px 6px 5px 6px;
padding: 0px;
}
#sidebar li {
border-bottom: 1px solid #fff;
padding: 2px 2px 2px 18px;
list-style: none;
background: url(a/sidebar_coeur.gif) 0 0 no-repeat;
}

#sidebar h2 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #818181;
}
.thumb {
background: #fff;
padding: 3px;
border: 1px solid #ccc;
margin-right: 5px;
}


#footer {
	background:url(a/footer2.gif) top left no-repeat;
	text-align: center;
	padding: 25px 0px 1px 0px;
	color: #666;
}
#wrap_footerfooter {

	margin-bottom: 0px;
}
#footerfooter {
	font: 10px/14px Arial, Helvetica, sans-serif;
	background: #e6e8ea;
	color: #666;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
#footerfooter a {
	color: #666;
}
.separation {
	clear: both;
	visibility: hidden;
}
/* oooooooooooooooooooooooooooooooooooo */
/* page article */

.article-texte h2 {
float:none;
}

.article-texte h2 a:hover {
text-decoration:none;
} 

#article-commande {
border: 1px solid #ccc;
color: #555;
padding: 5px;
margin-bottom: 6px;
}

#article-prix {
padding: 3px 0px 3px 3px;
border-bottom: 1px dotted #ccc;
}


#article-couleur {
text-align:left;
height:25px;
display:block;
padding: 3px 0px 3px 3px;
border-bottom: 1px dotted #ccc;
}
#article-couleur span {
float:left;
width:80px;
}


#article-taille {
padding: 3px 0px 3px 3px;
border-bottom: 1px dotted #ccc;
text-align:left;
height:40px;
display:block;
margin-top:3px;
margin-bottom:6px;
}

#article-taille span {
float:left;
width:110px;
}

#article-taille span.small {
clear:both;
float:none;
}


.prix-prix {
	font: 18px/18px Arial, Helvetica, sans-serif;
	color:#000;
}

#article-quantite {
padding: 5px 0px 3px 0px;
}
#article-commande form, #article-commande select {
margin: 0px;
float: right;

}
select {

border: 1px solid #F0037F;
}
input {
border: 1px solid #F0037F;
color: #000;
font-weight: bold;
}


.monpanier {
	padding: 2px 4px 2px 4px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
}
.monpanier a {
	color: #fff;
	letter-spacing: 1px;
	font: 11px/14px Arial, Helvetica, sans-serif;
}
#ajouteraupanier {
padding-left: 30px;
text-align:right; 

} 
#pink a {
	color: #fff;
	background: #F0037F;
	text-transform: uppercase;
	padding: 2px 4px 2px 4px;
	margin-left: 14px;
}
#zoom-wrap {
background: #fff;
width: 100%;
}
#zoom-conteneur {
width: 450px;
background: #fff;
margin: 10px;
padding: 10px;
text-align: left;
}
/* oooooooooooooooooooooooooooooooooooo */
/* page panier */
#panier_titre {
float: left;
}
#panier_aide {
float: right;
visibility:hidden;
}

#login, #pass, #ok {
float: left;
}
.pipe {
color: #ccc;
margin: 0px 8px 0px 8px;
}
.filetgauche {
	border-left: 1px solid #ccc;
}


.filettd {
	border-bottom: 1px solid #eee;
}
.filettd0 {
border-bottom: 1px solid #eee;
}


.pinktd {
	border-bottom: 1px solid #ccc;
	color: #F0037F;
	font-weight: bold;
}
.lignecolor {
	background: #F6F5ED;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.td-article {
width: 240px;
}
.td-taille {
width: 140px;
}
.td-couleur {
width: 140px;
}
.td-quant {
width: 80px;
}
.td-prix {
width: 100px;
color: #000;
text-align: right;
}
.td-sup {
width: 60px;
text-align: center;
}
.td-prix-zone {
visibility:hidden;
width: 100px;
color: #000;
text-align: left;
border-top: 1px solid #ccc;
}
.td-zone {
visibility:hidden;
width: 280px;
border-top: 1px solid #ccc;
}
.td-total {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000;
font-weight: bold;
text-transform: uppercase;
width: 180px;
border-bottom: 1px solid #555;
border-top: 1px solid #555;
border-left: 1px solid #555;
}
.td-prix-total {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #F0037F;
width: 100px;
text-align: right;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
border-right: 1px solid #555;
}
.td-quant-total {
border-top: 1px solid #555;
border-bottom: 1px solid #555;
width: 100px;
}
.total-valider {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000;
border: 1px solid #555;
text-transform: uppercase;
padding: 4px 6px 4px 6px;
}
.valider-right {
float: right;
width: 280px;
background:#EFF0F0;
padding: 10px;
}
.valider-left {
float: left;
width: 400px;
}
#remise {

}
.formItem label {
	margin-right: 3px;
}

.formItemRight {
	margin-right: 10px;
}
.case-left {
width: 350px;
float: left;
	border: 1px solid #ccc;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;

}
.case-right {
width: 350px;
float: right;
	background-color: #F4F4F0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#colonne img

{

margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #aaaaaa;
border-bottom-color: #aaaaaa;
border-left-color: #cccccc;
width: 100px;
}

#colonne.largeur img

{

vertical-align: top;

margin-top: 3px;

margin-right: 3px;

margin-bottom: 3px;

margin-left: 3px;

padding-top: 8px;

padding-right: 8px;

padding-bottom: 8px;

padding-left: 8px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #cccccc;

border-right-color: #aaaaaa;

border-bottom-color: #aaaaaa;

border-left-color: #cccccc;

width: 100px;

background-color: white;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-x-position: 0%;

background-y-position: 0%;

}


#popmdp {
background-color: #fff ;
position: absolute;
z-index: 50;
border:  2px outset gray;
/*
border-width:  0px 1px 1px  0px;
border-style: solid;
border-color:#555;
*/
padding:0px;width: 816px;
font-family: Arial, Helvetica, sans-serif;font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: center;
}
#fondtransp { 
background: url(a/overlay.gif)  ;
background-color:#333333;
position: absolute ;left: 0;top: 0; width: 100%; height: 100%; z-index:9 ;
background-color:#333333;
/* Non valide !*/
opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;
display: none;
overflow:hidden ;
}

#panierhidden {
visibility: hidden;
}