/* CSS Document */
/*Codes pour la mise en page*/
#body{
font-family:Verdana, Arial, Helvetica, sans-serif;

background-color:#f5f6f6;
font-size:14px;}
.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 1200px;
margin: 0 auto;
height:600px;
margin-left:auto;/*centrage*/
margin-right:auto;


}

h1{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer{

height:84px;
}
.haut {
background-color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
font-size:14px;
color:#595959;
/*padding-top:25px;*/

text-align:center;
margin-top:25px;/*centrage*/
margin-bottom:auto;


}
#vide2
{height:160px;
background-color:#f5f6f6;}
.formulaire_mag {
margin-left: 606px;
width: 194px;
height: 230px;
background-color:red;


}
.magasin{
height:230px;
overflow:auto;}
.resultat {
position: absolute;
left:0;
/*margin-left:50px;*/
margin-top:200px;
width: 555px;
height: 230px;
background-color:#CCCCCC;
overflow: auto;
}
.vide{
height:30px;}
.haut_vide{
height:120px;}
.header{
height:226px;
background:white;
font-size:14px;

}
/*codes pour le formulaire des magasins*/
.cssform p{
width: 100px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
background-color:#CCCCCC;
text-align:center;

}
.cssform label{

float: left;
margin-left: -95px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:center;
background-color:#CCCCCC;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;
padding-top:5px;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width:20px;
}
.ok{
 border:none;
 color:#ac378a;
 background-color:#f5f6f6;
}
.dep{
 border:1px solid #f5f6f6;
 color:#ac378a;
 background-color:#f5f6f6;
}

#ecom{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
letter-spacing:2px;}

#ecom1 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;
text-decoration:none;}
#global{
width:1200px;/*lageur fixe*/
height:600px;/*hauteur fixe*/
margin-left:auto;/*centrage*/
margin-right:auto;
background-color:#f5f6f6;}
.transparent{
/*text-align:left;*/
/*margin-top:200px;*/
margin-left:600px;
/*display:none;*/}
.image{
text-align:center;
}
.zone_dep{
width:20px;
height:20px;
background-color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;
border:1 solid #CCCCCC;

}
#salon
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;}
#dep{

background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;
height:10px;

}

#tab_glob{
background-color:#f5f6f6;
width:1200px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;

}
.bouton{
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
letter-spacing:2px;
height:20px;
width:70px;
border:none;
text-align:center;

}
#tab{
background-color:white;
width:1200px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;

}

#tab_sec{
background-color:#CCCCCC;
width:790px;
height:230px;

}


#text_mag{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac378a;}

#titre_list{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac378a;
text-align:center;
background-color:#f5f6f6;
}
.news{
color:red;}
#lib_dep{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac378a;}
#espace{
height:5px}
.text_pg{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac378a;
text-align:center;
background-color:#CCCCCC;
height:50px;
width:1200px;
font-weight:bold;
letter-spacing:2px;
}

.ligne4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;
background-color:#f5f6f6;
width:1200px;
}
#tab_form{
background-color:#FFFFFF;
height:200px;
width:500px;


}
#formul_inter{
background-color:#FFFFFF;
width:250px;
text-align:center;
height:200px;

}
.mine{
font-family:Constantia;
font-style:italic;
font-size:16px;
font-weight:500;
color:#333333;
}
#contenu{
	height:516px;
	/*border: 1px solid #f5f6f6;*/
/*font-family:Lucida Calligraphy;*/

letter-spacing:1px;
	color:#595959;
	font-size:11px;
	width:1200px;
	text-align:center;
	
}

#contenu6{
height:516px;
/*border: 1px solid #f5f6f6;*/
font-family:Constantia;
font-style:italic;
letter-spacing:1px;
color:#595959;
font-size:16px;
width:1200px;
text-align:center;
}
#contenu3{
height:516px;
/*border: 1px solid #f5f6f6;*/
/*font-family:"Lucida Calligraphy";*/
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#595959;
font-size:11px;
width:1200px;
text-align:center;
}
#contenu4{
height:516px;
/*border: 1px solid #f5f6f6;*/
letter-spacing:2px;
background-color:#FFFFFF;
font-size:11px;
width:1200px;
text-align:center;
}

#image_diapo{
height:470px;
/*border: 1px solid #595959;*/

width:681px;
text-align:center;
background-color:#FFFFFF;}
#image_diapo_ame{
height:470px;
/*border: 1px solid #595959;*/

width:350px;
text-align:center;
background-color:#FFFFFF;}
.photo_test{
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;

}

.identifiant{
color:white;
background-color:#b1b3b4;
height:20px;
width:80px;
font-family: Helvetica,Arial, sans-serif;
font-size:12px;
/*border-bottom: solid 1px #f4b1c1;*/
border-left:none;
border-top:none;
border-right:none;
border-bottom: solid 1px #f4b1c1;
}
.identifiant1{
color:white;
background-color:white;
height:20px;
width:80px;
font-family: Helvetica,Arial, sans-serif;
font-size:12px;
/*border-bottom: solid 1px #f4b1c1;*/
border-left:none;
border-top:none;
border-right:none;
border-bottom: solid 1px #f4b1c1;
}
.mdp{
color:white;
background-color:white;
font-family: Helvetica,Arial, sans-serif;

font-size:12px;
text-decoration:none;
border-left: dashed 1px #b1b3b4;
border-bottom: dashed 1px #b1b3b4;


}
.mdp a{
text-decoration:none;}
.bouton_form{
background-color:#FFFFFF;
border:0px;
font-family: Helvetica,Arial, sans-serif;
font-size:12px;
height:18px;
line-height:20px;
width:82px;
/*border-bottom: solid 1px red;*/
}
.bouton_form1{
font-family: Helvetica,Arial, sans-serif;
font-size:9px;
background-color:#FFFFFF;
border-bottom: dashed 1px #b1b3b4;
border-left: dashed 1px #b1b3b4;
width:98px;
height:20px;


}
.bouton_form1 a{
text-decoration:none;
color:#f2f2f2;}
.bouton_connect{
background-color:#f4b1c1;
border-bottom:none;
border-right:none;
border-top:none;
border-left:none;
font-family: Helvetica,Arial, sans-serif;
height:20px;
width:75px;
font-size:10px;
color:white;}

.titre_pro{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:14px;
color:#595959;
margin-left:15px;
}



.photo_test1{
border:1px solid #CCCCCC;
}
#image_diapo_presse{
height:470px;
/*border: thin thin 2px 2px ;*/
/*border: 1px inset #595959 solid;*/
width:634px;
text-align:center;
background-color:#FFFFFF;}
.button {
border:0px solid #f5f6f6;
background-color:#f5f6f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#595959;
}
.button:hover {
border:0px solid black;
background-color:#ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#595959;

}

#contenu3{
height:516px;
/*border: 1px solid #f5f6f6;*/
/*font-family:"Lucida Calligraphy";*/
font-family:Constantia;

font-style:italic;
letter-spacing:1px;
color:#595959;
font-size:14px;
width:1200px;
text-align:justify;
}
.mine1{
/*font-family:"Lucida Calligraphy";*/
font-family:Constantia;
font-style:italic;
font-size:16px;
font-weight:500;
color:#333333;
/*letter-spacing:1px;*/
}
#tab_soc{
/*font-family:"Lucida Calligraphy";*/
font-family:Constantia;
font-style:italic;
font-size:14px;
}
#titre_region{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#595959;
font-size:14px;
font-weight:bold;}


#vide,#titre_client{

color:#ac378a;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:14px;}
#titre_client1{

color:#595959;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:12px;}

#page{
margin-top:-30px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#ac378a;
font-size:14px;
width:1200px;
/*background-color:#FF0000;*/}

#pagination a {color: #595959;}
#pagination a:hover {color: #ac378a; text-decoration: none;}
#pagination a:visited {color: #ac378a; text-decoration: none;}

#milesker{text-align:left;margin-left:8px;}
#milesker a {color: #ac378a;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#milesker a:hover {color: #595959;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#milesker a:visited {color: #ac378a;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#milesker1{text-align:center;}
#milesker1 a {color: #ac378a;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#milesker1 a:hover {color: #595959;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#milesker1 a:visited {color: #ac378a;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; letter-spacing:2px;}
#cache{
display:none;}

#logo{
width:1200px;/*lageur fixe*/
height:34px;
text-align:center;
background-color:#f5f6f6;
}
#img{
width:425px;/*même valeur que le div du menu_langue*/
text-align:center;
margin-left:auto;/*centrage*/
margin-right:auto;}
#entete{
height:200px;}
#bas{
width:1200px;
height: 50px ;
background-color:#f5f6f6;
margin-top:5px;
text-align:center;
margin-left:auto;/*centrage*/
margin-right:auto;
 


}
.police1{
letter-spacing:2.8px;
text-align:justify;
margin-left:5px;
font-size:13px;
font-family:Constantia;
font-style:italic;


}
.police{
letter-spacing:2.8px;
text-align:justify;}
#menu li a:hover, #menu li a:focus { 
width:auto;
color:#595959;} 

/*Codes du menu bas de PARE GABIA*/	
 #menu ul /* Liste */     
{
       
       list-style : none;/* on supprime le style par défaut de la liste */
	  
      	line-height : 18px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		/*margin-left:10px;*/

		
		
}

#menu /* Ensemble du menu */
{
         padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        font-family:Verdana, Arial, Helvetica, sans-serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 12 pixels */
		letter-spacing:4px;
		text-align:center;
		
		 list-style : none;/* on supprime le style par défaut de la liste */

		

}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
       
        color: #ac378a ;/* couleur du texte */
	
		width:auto;
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
      /*  width : 150px;*/ /* largeur */
}
#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       border-right : 1px solid #ac378a; /* on met une bordure blanche à droite de chaque élément */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		text-align:center;
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
     	width: 135px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		background-color:#f5f6f6;
		
		font-size : 11px; /* hauteur du texte : 12 pixels */
			margin-left:0px;
			padding:0;
	
	
	
		
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
       /* border-top : 1px solid #fff;*/ /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}



#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



/* css pour le menu langue*/

ul#menu_langue
{	
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	text-align:center;
	margin-left:auto;/*centrage*/
	margin-right:auto;	
	width:425px;
	margin-top:70px;   
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size : 14px; 
    letter-spacing:4px;
	
}
ul#menu_langue  li
{	float: left ;
	text-align: center ;
	
	
}

ul#menu_langue li a
{	
	color: #ac378a ;
	display: block ;
	text-decoration: none ;
	letter-spacing: 4px ;
	text-align:center;
	
	
	
}
#menu_langue li a:hover, #menu_langue li a:focus { 
/*background:#;*/
width:auto;
color:#595959;} 


.texte{
font-family:"Lucida Calligraphy",Verdana;
color:#595959;
/*font-style:italic;*/
font-size:18px;
font-weight:500;
text-align:right;
letter-spacing:2px;
}
.texte_eng{
font-family:"Lucida Calligraphy",Verdana;
color:#595959;
/*font-style:italic;*/
font-size:15px;
font-weight:500;
text-align:right;
letter-spacing:0px;
}

.texte_agrandi{
font-family:"Lucida Calligraphy",Verdana;
color:#595959;
/*font-style:italic;*/
font-size:20px;
font-weight:600;
text-align:right;
letter-spacing:2px;
}

.texte1{
font-family:"Lucida Calligraphy",Verdana;
color:#595959;
text-align:justify;
/*font-style:italic;*/
font-size:14px;
/*font-weight:600;*/
/*text-align:right;*/
letter-spacing:2px;
}
#news{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:#254a97;
font-size:13px;
margin-left:8px;
}
#news1{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:black;
font-size:11px;
margin-left:8px;

}
#news6{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:#254a97;
font-size:11px;
margin-left:8px;
}
#news4{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
margin-left:8px;
color:#000000;
font-size:13px;
}
#news5,#news8,#news9,#news10{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:#767475;
font-size:11px;
margin-left:8px;
}
#news2{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:#8b4e18;
font-size:13px;
margin-left:8px;
}
#news3{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-align:left;
color:black;
font-size:11px;
margin-left:8px;
}
.ligne1{
height:30px;
text-align:right;
color:#ac378a;
letter-spacing:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}
.ligne3{
height:30px;
text-align:right;
color:#ac378a;
letter-spacing:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}
#table_form{
text-align:center;
letter-spacing:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:450px;
margin-left:200px;
margin-right:250px;
background-color:#FFFFFF;}
#formulaire{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:4px;
color:#ac378a;

}
.zone_texte{
width:250px;
color:#ac378a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac378a;}
#presse1{
background-color:#ac378a;
color:white;
}
.ligne2{
height:80px;
text-align:right;
color:#ac378a;
}
.commentaires{
width:250px;
color:#ac378a;}

#presse{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:450px;
letter-spacing:1px;
color:#ac378a;
text-align:center;
background-color:#f5f6f6;
border:none;}
/*Styles pour la fenêtre de confirmation de saisie du formulaire fichier chaussure_luxat_saisie_formulaire.php*/
#formulaire1{
font-size:16px;
text-align:left;
margin-left:10px;
background:#f5f6f6;
font-weight:bold;
color:#ac378a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
/*margin-top:10px;*/
}
#formulaire1 ul{
list-style-image:url(chaussure_confort_luxat_chaug.jpg);
list-style-position:inside;
margin-left:10px;
font-size:12px;
}
/*#formulaire1 ul,li{
line-height:30px;}*/
#formulaire1 li{
margin-top:0px;
line-height:30px;
font-size:12px;
}
#formulaire1 p{
font-size:12px;
}
#formulaire1 h1{
font-size:12px;
}
#formulaire1 a:link {text-decoration: none ;color: #ac378a; font-family:Helvetica, Courier, monospace;font-size: 14pt; font-weight:bold;}
#formulaire1 a:visited {text-decoration: none ;color: #ac378a; font-family:Helvetica, Courier, monospace; font-size: 14pt; font-weight:bold;}
#formulaire1 a:active {text-decoration: none;color: #ac378a; font-family:Helvetica, Courier, monospace; font-size: 14pt; font-weight:bold;}
#formulaire1 a:hover {text-decoration: overline underline; color: #ac378a; font-size: 14pt; font-weight:bold;}

.nounours img{
margin-top:20px;
margin-left:20px;}

.nature img{
margin-top:20px;
margin-left:3px;
}

/*Collection Ete Améthyste et PG*/
#lien_collection{text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px;letter-spacing:4px;color:#ac378a; /* hauteur du texte : 12 pixels */ }
#lien_collection a{
text-decoration:none;
color:#ac378a; }