/* CSS Document */
/*feuille de style index*/
body
{
   font-family:"Verdana", Trebuchet MS, Arial, sans-serif;
   font-size: 12px;
   color: #333333;
	background: url('http://blog.creation-tricot.com/wp-content/themes/default/images/bg-gris.jpg');
}

div#conteneur
{
	width: 870px;/*largeur conteneur principal*/
	height: 1320px;/*1230*/
	margin: 10px auto;/*conteneur centré sur la page et marge de 10 pixels*/
	border: 1px solid #cccccc;
	padding-bottom:0px;
	background-color:#FFFFFF;
}

div#header
{
	width: auto;/*largeur du header pour FF, IE 7, Safari, pr IE 6 attention voir ie-6.css*/
	height: 113px;/*hauteur du header*/
	background-image: url("../images/bandeau_mr.jpg");
	background-repeat:no-repeat;
	color:#ffffff;/*couleur du texte header*/
	font-size:12px;/*taille police header*/
	text-align:right;/*texte aligné vers la droite*/
	line-height: 17em;/*équivalent d'un valign vers le bas*/
	text-decoration:none;
}
div#header a
{
	color:#ffffff;
}

div#header_aide
{
	width: 870px;/*largeur du header*/
	height: 113px;/*hauteur du header*/
	background-image: url("../images/bandeau_no_sac.jpg");
	background-repeat:no-repeat;
	color:#ffffff;/*couleur du texte header*/
	font-size:12px;/*taille police header*/
	text-align:right;/*texte aligné vers la droite*/
	line-height: 17em;/*équivalent d'un valign vers le bas*/
	text-decoration:none;
}

#logo_panier{
	display: block;
	width: 180px;
	height: 90px;
	position: absolute;
	top: 12px;
	right: 400px;
}


div#corps
{
	width:688px;/*commentaires conditionnels pour IE*/
	height:950px;/*commentaires conditionnels pour IE*/
	float:right;
	padding:0px;
	margin:0px;

}

div#corps-sitemap
{
	width:688px;/*commentaires conditionnels pour IE*/
	height:950px;/*commentaires conditionnels pour IE*/
	padding:0px;
	margin:0px;
}

div#chemin
{
	float:left;
	width: 560px;
	height:24px;
	padding-top: 10px;
	padding-left:15px;
	padding-bottom:0px;
}

div#drapeaux
{
	float:right;
	width: 90px;
	height:24px;
	padding:5px;
	padding-right:12px;
}

div#flash_mr
{
	width:669px;
	height:202px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

div#contenu
{
	width:465px;
	height:700px;
	float:right;
	padding-right:10px;
	padding-bottom:0px;
	margin-bottom:0px;
}
					
div#footer
{
	width: 869px;
	height: auto;
	margin-top:0px;
	float:left;
	text-align:center;
	font-family:"Verdana", Trebuchet MS, Arial, sans-serif;
    font-size: 10px;
    color: #999999;
	line-height: 2;
}

div#footer a
{
font-family:"Verdana", Trebuchet MS, Arial, sans-serif;
font-size: 10px;
color: #999999;
text-decoration:none;
line-height: 2;
}
	
div#footer a:hover
{
text-decoration:underline;
line-height: 2;
color:#333333;
}
	
/*divers à trier et conserver*/

a
{
font-size: 12px;
color: #333333;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

img
{
margin: 0px;
padding: 0px;
border: 0px;
}

a img
{
border: none; /* Pas de bordure */
}

p
{
text-indent:15px;
font-size:12px;
}

/*titres principaux h1 h2 h2 h3 h4 h5 h6*/

h1
{
font-size:18px;
color:#333333;
text-align:center;
}

h2
{
font-size:10px;
color:#999999;
padding:5px;
}

h3
{
font-size:10px;
color:#cccccc;
padding:0px;
margin:0px;
}

h4
{
font-size:12px;
color:#333333;
text-indent:10px;
padding:0px;
margin:0px;
font-weight:normal;
}

a h4
{
font-size:12px;
color:#333333;
text-indent:10px;
padding:0px;
margin:0px;
font-weight:normal;
}

a:hover h4
{
color:#999999;
text-decoration:underline;
}

h5
{
font-size:11px;
color:#333333;
text-align:center;
padding:0px;
margin:0px;
font-weight:normal;
}

a h5
{
color:#333333;
}

a:hover h5
{
color:#999999;
text-decoration:underline;
}

h6
{
font-size:9px;
color:#333333;
text-indent:10px;
padding:0px;
margin:0px;
font-weight:normal;
}

a h6 
{
font-size:9px;
color:#333333;
text-indent:10px;
padding:0px;
margin:0px;
font-weight:normal;
}

a:hover h6 
{
color:#999999;
text-decoration:underline;
}

/*feuille de style page rubrique et produit*/

div#creation_sans_background
{
width: 680px;
height: 690px;;
float:right;
padding-top:0px;
}


div#creation_contact
{
width: 685px;
height: 900px;
padding-top:0px;
}

div#creation_sans_background_auto
{
width: 680px;
height: auto;
float:right;
padding-top:0px;

}

div#creations
{
width: 680px;
height: 890px;;
float:right;
background-image:url("../images/fond_produit.jpg");
background-repeat:no-repeat;
padding-top:0px;
}

div#page
{
width: 679px;
height:auto;
float:left;
}

div#page_prec
{
width: 300px;
height:auto;
float:left;
text-align:left;
}

div#page_suiv
{
width: 300px;
height:auto;
float:right;
text-align:right;
padding-right:10px;
}

div#titre_creation
{
width: 578px;/*480*/
height: 630px;/*auto*/
float:right;
text-align:center;/**/
padding-top:50px;

}

div #titre_creation a img
{
border: none;
text-decoration:none;
}

div#titre_creation a
{
font-size:11px;
text-decoration:none;
}

div#navigation
{
width: 670px;
height:22px;
float:left;
}

	#navigation_gauche
	{
	float:left;
	width: 200px;
	height: 40px;
	font-size:12px;
	text-align:left;
	padding-top:25px;
	padding-left:5px;
	}
				
	#navigation_droite
	{
	float:right;
	width: 200px;
	height: 40px;
	font-size:12px;
	text-align:right;
	padding-top: 25px;
	}
	
	
div#conteneur_produit/* conteneur pour la page présentation créations*/
{
width: 870px;
height: 1155px;
margin: 10px auto;
border: 1px solid #cccccc;
}
	
/*feuille de style fiche produit*/

div#fiche_produit
{
width:520px;
height:473px;/*443*/
border: 1px solid #cccccc;
float:left;
padding:0px;
}

div#assortiment_mr
{
width:520px;
height:173px;
border: 1px solid #cccccc;
float:left;
margin-top:10px;
font-size:11px;
}

div#assortiment_mr img
{
padding-top:5px;
padding-left:10px;
padding-right:10px;
}

div#couleurs
{
width:135px;
height:658px;
border: 1px solid #cccccc;
float:right;
margin-right:10px;
margin-left:10px;
font-size:10px;
}

div#couleurs a
{
font-size:10px;

}

div#infos_engagements
{
width:450px;
height:160px;
float:left;
padding-left:150px;
padding-top: 5px;
font-size:11px;
}

div#infos_engagements a
{
font-size:11px;
color:#333333;
}

div#infos_engagements a:hover
{
font-size:11px;
color:#999999;
}

/*style bouton fiche produit ne fonctionne pas avec le javascript de la galerie css*/

/*Bouton ajouter au panier*/

.rollover {
     width: 130px;
     height: 39px;
     background: transparent url(../images/ajouter_au_panier_survol.jpg)  no-repeat;
	
}
.rollover a {
     display: block;
     width: 130px;
     height: 39px;
     background: url(../images/ajouter_au_panier.jpg) no-repeat;
	
}
.rollover a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

/*Bouton assortiment*/

.rollover2 {
     width: 99px;
     height: 14px;
     background: transparent url(../images/bouton_fiche_produit_survol.jpg)  no-repeat;
	
}
.rollover2 a {
     display: block;
     width: 99px;
     height: 14px;
     background: url(../images/bouton_fiche_produit.jpg) no-repeat;
	
}
.rollover2 a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

/* infos bulle css engagement MR*/
a.info 
{
  position:relative;
}

a.info:hover 
{
   background: none; 
   z-index: 500;
   color:#999999;
   text-decoration:underline;
}

a.info span {display: none;}

a.info:hover span 
{
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:195px;
   height:150px;
   top: 10px; 
   left: 50px;
   background-image:url("../images/bt.png");
   background-repeat:no-repeat;
   padding: 3px;
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   text-decoration:none;
   padding-top:30px;
}

/*Marie Renée vous parle de technique*/

a.info1 
{
  position:relative;
}

a.info1:hover 
{
   background: none; 
   z-index: 500;
   color:#999999;
   text-decoration:underline;
}

a.info1 span {display: none;}

a.info1:hover span 
{
display: inline; 
position: absolute;
white-space: nowrap;
font-size:10px;
font-weight:normal;
width:auto;
height:auto;
border: 1px solid #cccccc;
top: 15px; 
left: 0px;
background-color:#FFFFFF;
padding: 3px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

/*infos bulles sélection couleurs Marie-Renée*/

a.bulle 
{
position: relative;
color:#333333;
text-decoration: none;
}

a.bulle span 
{
display: none; /* on masque l'infobulle */
}

a.bulle:hover 
{
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
/*cursor: help; on change le curseur par défaut en curseur d'aide */
}

a.bulle:hover span 
{
width:460px;
height:270px;
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap;/* pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
right: 135px;
background: white;
color:#333333;
padding: 3px;
border: 1px solid #999999;
}

/* page panier*/

div#tour_panier
{
width:670px;
height:550px;
float:left;
}

div#panier
{
width:670px;
height:auto;/*550px*/
border: 1px solid #cccccc;
float:left;
padding:0px;
}

/*formulaire champs obligatoires*/

.obligatoire
{
color:#FF0000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

/*page rubrique*/

div#rubrique
{
float: left;
width: 170px;
margin-top: 20px;
margin-right: 10px;
margin-left:10px;
margin-bottom: 0;
margin-left: 0;
padding: 0;

}

.effet_rubrique {
	float: left;
	width: 170px;;
	min-height:auto;
	text-align: center;
}

div.effet_rubrique:hover {
	background-image: url("../images/rubrique_survol.jpg");
	background-repeat:no-repeat;
}

/*effet rubrique assortiment à intégrer

div#rubrique_assortiment
{
float: left;
width: 100px;
}

.effet_rubrique_assortiment 
{
float: left;
width: 70px;;
min-height:auto;
text-align: center;
}

div.effet_rubrique_assortiment:hover
{
background-image: url("../images/rubrique_survol.jpg");
background-repeat:no-repeat;
}*/


/*MENU composé de Mon Compte, Menu création, Rubrique newsletter, Rubrique partenaire et logos certificateur Marie-Renée*/

/*Début CSS Mon Compte*/

div#menu
{
width:180px;
height:auto;
float:left;
}

div#menu a:hover
{
color: #999999;
}

div#mon_compte
{
width: 170px;
height: 102px;
border: 1px solid #cccccc;
text-align:center;
margin: 10px;
font-size:8px;
color:#333333;
}

div#mon_compte a
{
font-size:9px;
color:#333333;
text-decoration:none;
}
	
div#mon_compte a:hover
{
text-decoration:underline;
color:#cccccc;
}

div#login_compte
{
width:150px;
height: 52px;
font-size:12px;
text-align:center;
margin-left:6px; /*pour centrer le div*/
}

form
{
padding:0px;
padding-top:2px;
padding-left:10px;
padding-bottom:2px;
margin:0px;
text-align:left;
}
	
.class_input
{
font-family:"arial",verdana, Trebuchet MS, sans-serif;
font-size:10px;
text-align:right;
background-color:#ffffff;
color:#999999;
padding:0px;
margin: 2px;
border: 1px solid #A7A6AA;
}
	
/*Fin CSS Mon Compte*/
	
/*Début CSS Menu création*/	
	
div#menu_produit
{
width: 170px;
height: auto;/*436*/
font-size:13px;
border:  1px solid #cccccc;
padding: 0px;
margin: 10px;
padding-bottom: 10px;
}

div#menu_produit a
{
font-size:11px;
}
	
div#menu_produit a:hover
{
font-size:11px;
text-decoration:none;
color:#cccccc;
}
	
.puce
{
padding-left: 2px;
margin-left: 2px;
padding-bottom:2px;
padding-top:2px;
list-style-type: none;
background-image: url("../images/puce.png");
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 15px;
}

/*Fin CSS Menu création*/	

/*Début CSS Menu Newsletter*/	
	
div#newsletter
{
width: 170px;
height: 116px;
font-size:10px;
color:#333333;
border:  1px solid #cccccc;
margin: 10px;
}

div#newsletter a:hover
{
color:#cccccc;
}

/*Fin CSS Menu Newsletter*/


/*menu blog*/
div#blog
{
width: 170px;
height: 90px;;
font-size:10px;
color:#333333;
border:  1px solid #cccccc;
margin: 10px;
}


/*Début CSS Menu Partenaires Marie-Renée*/

div#partenaires
{
width: 170px;
/*height: 130px;*/
font-size:10px;
color:#333333;
border:  1px solid #cccccc;
padding: 0px;
margin: 10px;
padding-bottom:10px;
}

div#partenaires a
{
font-size:9px;
color:#333333;
text-decoration:none;
}

div#partenaires a:hover/
{
color:#333333;
text-decoration:underline;
}

div#logo
{
width: 170px;
height:auto;
padding:0px;
padding-top:0px;
padding-bottom:0px;
margin:10px;
margin-top:0px;
text-align:center;
}

/*FIN MENU*/

.class_input
{
font-family:"arial",verdana, Trebuchet MS, sans-serif;/*police pour input*/
font-size:10px;/*taille police input*/
text-align:right;/*texte aligné à droite*/
background-color:#ffffff;
color:#999999;
padding:0px;
margin: 2px;
border: 1px solid #A7A6AA;
}
	
.class_input_form
{
font-family:"verdana",arial, Trebuchet MS, sans-serif;/*police pour input*/
font-size:12px;/*taille police input*/
background-color:#ffffff;
color:#666666;
border: 1px solid #cccccc;
padding:0px;
margin:0px;
}
	
.class_select /*pour les boutons select*/
{
font-family:"arial",verdana, Trebuchet MS, sans-serif;
font-size:12px;
text-align:right;
background-color:#ffffff;
color:#999999;
padding:0px;
margin: 2px;
border:1px solid #A7A6AA;
}
	
/*Marie Renée vous parle de techniques...*/	
	
a.info2
{
position:relative;
}

a.info2:hover 
{
background: none; 
z-index: 500; 
}

a.info2 span {display: none;}

a.info2:hover span 
{
display: inline; 
position: absolute;
white-space: nowrap;
font-size:10px;
font-weight:normal;
width:420px;
top: 10px; 
left: 10px;
background: white;
padding: 3px;
border: 1px solid #cccccc;
border-top: 1px solid #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

/*bug IE 6 et 7 texte coupé du select*/
.select-box{vertical-align:middle;}
.select-box select{width:120px;}