/* Baldini */
*{
margin:0;
padding:0;
}
body{
background-image:url(imageb/motif3.jpg);
width:100%;
height:100%;
}
												/* la grande partie blanche */

#boite1024{
background-color:#fff;
margin:0 auto;
width:1024px;
min-height:300px;
/* border-style:outset; */
/* border-color:#ccc; 
border-right:1px; */
}
												/* le header est fixe */
header{
margin:0 auto;
position:fixed;
background-image: url(imageb/motif4.jpg);
width:100%;
height:82px;
box-shadow:0px 2px 0px gray;
z-index:7;
}

#haut{
background-color:rgba(220,0,150,0.4);
margin:0 auto;
width:1024px;
}

#bas{
background-color:rgba(220,0,150,0.9);
margin:0 auto;
width:1024px;
}
												/* figure eN inline-block pour que le reste se colle*/
#marque{
background-color:#18f118;
display:inline-block;
vertical-align:top;
position:relative;								/* POUR QUE LE L'IMAGE ET DONC LE LIEN PUISSE PASSER DESSUS EN ABSOLUTE */
width:170px;
height:80px;
padding:1px;
}
											/* l'image se centre en haut à gauche */
#logo{	
display:inline-block;
vertical-align:top;	
position:absolute;
z-index:1;
}	
								/* LE LIEN TRANSFORMé EN BOITE POUR BIEN PRENDRE L'MAGE SINON TOUT PETIT */	
#a1{
vertical-align:top;	 
position:absolute;
z-index:2;
width:170px;
height:80px;
}


													/* le lien passe dessus car pas d'image maison 1849 */			
#maison1849{											
background-image:url(imageb/maison1849.png);
display:inline-block;
vertical-align:top;	 
width:375px;
height:33px;
}
#texte{
display:inline-block;
vertical-align:top;	 
width:375px;
height:33px;
text-align:center;
padding-top:10px;
font-family:arial;
font-weight:bold;
font-size:16px;
text-decoration:none;
color:#fff;
text-shadow:2px 0px 0px #000 ;
} 
 												/* C'est le hover des balises nav d' en haut */	
.none1 {
display:inline-block;
vertical-align:top;
width:140px;
height:30px;
text-decoration:none;
text-align:center;
font-family:arial;
color:#fff;
border-right:1px solid #18f118;
text-shadow:2px 2px 0px #000 ;				
font-size:24px;
}	
											/* 	LES A DONT LA CLASS EST NON1 SON HOVER EN RGBA blanc 0.5 */
a.none2:hover{
background-color:rgba(200,200,200,0.5);
}											
a.none1:hover{													
background-color:rgba(200,200,200,0.5);
}
a:hover{													
background-color:rgba(0,255,0,0.5);
}
						

													/* MODIFICATION DU HOVER POUR CONNAITRE LA PAGE */
				
#accueil{
background-color:rgba(0,255,0,0.5);
display:inline-block;
vertical-align:top;
width:140px;
height:30px;
text-decoration:none;
text-align:center;
font-family:arial;
color:#fff;
border-right:1px solid #18f118;
text-shadow:2px 2px 0px #000 ;				
font-size:24px;
}	

#presenta{
background-color:rgba(0,255,0,0.5);
display:inline-block;
vertical-align:top;
width:140px;
height:30px;
text-decoration:none;
text-align:center;
font-family:arial;
color:#fff;
border-right:1px solid #18f118;
text-shadow:2px 2px 0px #000 ;				
font-size:24px;
}	

.now{
background-color:rgba(0,255,0,0.5);
display:inline-block;
vertical-align:top;
width:140px;
height:30px;
text-decoration:none;
text-align:center;
font-family:arial;
color:#fff;
border-right:1px solid #18f118;
text-shadow:2px 2px 0px #000 ;				
font-size:24px;
}						
						
									/* 	__________________________SECONDE  NAV___________________ */
									
#tel{
display:inline-block;
vertical-align:top;
width:170px;
height:25px;
text-align:center;
padding-top:5px;
text-decoration:none;
font-family:arial;
color:#fff;
text-shadow:1px 0px 0px #000 ;	
font-size:16px;
}								
													/* section1 */
#sec1{
position:relative;
width:1024px;
}																
#coupe1{
width:1024px;
height:115px;
}

#titre1{
display:inline-block;
padding-left:0px;
vertical-align:top;
width:300px;
text-align:justify; 
font-family:arial;
color:#333;
font-size:22px;
}		
#parag1{
/* background-color:#eee; */ 
display:inline-block;
margin-top:160px;
padding-left:20px;
vertical-align:top;
width:300px;
height:314px;
}
.texte2{
text-align:justify; 
font-family:arial;
color:#333;
font-size:18px;
font-weight:normal;
}

#fiole{
/* background-color:#777;  */
padding:30px 0px 0px 40px;
display:inline-block;
vertical-align:top;
width:293px;
}

#panier{
/* background-color:#eee; */
display:inline-block;
vertical-align:top;
padding:0px 10px 0px 20px;
width:331px;
height:473px;
}
											/* liens réseaux sociaux */

#centrereso{
margin-top:1px;
margin-left:130px;
}
.reso{
/* position:relative; */
display:inline-block;
vertical-align:top;
padding:5px 5px 5px 10px;
width:40px;
height:21px;
}
.icone{
display:inline-block;
vertical-align:top;	 
position:absolute;
padding-left:5px;
height:20px;
z-index:1; 				
}	 
.a3{
display:inline-block;
vertical-align:top;	 
position:absolute;
z-index:2;
margin:-5px 0px 0px 0px ;
width:30px;
height:30px;
}
											/* fin réseaux sociaux */
#fragra{
position:relative;
display:inline-block;
vertical-align:top;
margin:0px 0px 0px 50px;
width:300px;
height:185px;
}											
											
#found1{
position:absolute;
z-index:1;
}

#frag{
position:absolute;
text-decoration:none;
font-family:arial;
width:280px;
height:170px;
z-index:2;
}

#note{
border:1px solid #ccc;
margin:100px 20px 0px 50px;
} 
	

												/* c'est le titre image */
#sens{			
position:absolute;
left:295px;
top:160px;
z-index:3;
}
												/* deuxième coupure */
#coupe2{
display:inline-block;
margin-top:55px;
width:1024px;
height:20px;
/* border:2px solid green; */
}
											/* c'est la section 2	 */	
											
#sec2{
position:relative;
width:1024px;
min-height:100px;
/* border:2px solid green;  */
}														
.titre2{
display:inline-block;
vertical-align:top;
height:10px;
padding:10px 0px 0px 30px;
font-family:arial;
color:#333;
font-size:20px;
}											

#femme{
display:inline-block;
vertical-align:top;
padding-top:10px;
width:242px;
height:405px;
}
#parfums{
display:inline-block;
vertical-align:top;
width:365px;
height:345px;
padding:20px 20px 30px 40px;
}
#en2{
display:inline-block;
vertical-align:top;
width:357px;
height:405px;
}
#parag2{
padding:20px 20px 0px 20px;
vertical-align:top;
width:317px;
height:200px;
text-align:justify; 
font-family:arial;
color:#333;
font-size:16px;
line-height:18px;
}
#adress{
display:inline-block;
padding:10px 20px 5px 25px;
vertical-align:top;
font-family:arial;
color:#555;
font-size:16px;
line-height:18px;
width:170px;
height:80px;
text-decoration:none;
font-weight:bold;
}
#trait1{
position:absolute;
display:inline-block;
vertical-align:top;
left:245px;
top:390px;
z-index:3;
}

								/* troisième coupure */
#coupe3{
display:inline-block;
width:1024px;
height:20px;
/* border:2px solid green; */ 
}

#sec3{
width:1024px;
min-height:100px;
/* border:2px solid green;  */
}	
#homme{
display:inline-block;
vertical-align:top;
padding-top:10px; 
width:282px;
height:220px;
}
#parfumsH1{
display:inline-block;
vertical-align:top;
padding:20px 20px 0px 40px;
width:110px;
height:220px;
}	
#en3{
/* background-color:#ccc */;
display:inline-block;
vertical-align:top;
width:330px;
height:220px;
}
#parag3{
padding:10px 20px 0px 30px;
vertical-align:top;
width:290px;
height:220px;
text-align:justify; 
font-family:arial;
color:#333;
font-size:16px;
line-height:18px;
}		
#parfumsH2{
display:inline-block;
vertical-align:top;
padding:20px 20px 0px 100px;
width:120px;
height:220px;
/* border:1px solid green; */
}		
											/* quatriéme coupure */
#coupe4{
display:inline-block;
width:1024px;
height:20px;
/* border:2px solid green;  */
}
#sec4{
width:1024px;
min-height:100px;
/* border:1px solid green; */
 }	
#offrir{
display:inline-block;
vertical-align:top;
padding:10px 10px 0px 0px;
width:301px;
height:408px;
}				
#en4{
display:inline-block;
vertical-align:top;
width:290px;
height:400px;
}
#nina{
display:inline-block;
vertical-align:top;
width:241px;
height:49px;
padding:30px 0px 0px 30px;
}
#parag4{
padding:10px 10px 0px 30px;
vertical-align:top;
width:220px;
height:220px;
text-align:justify; 
font-family:arial;
color:#333;
font-size:16px;
line-height:18px;
}		
#ricci{
display:inline-block;
vertical-align:top;
width:390px;
height:400px;
padding:10px 0px 0px 10px;
}
													/* cinquième section */
#coupe5{
display:inline-block;
width:1024px;
height:20px;
/* border:2px solid green;  */
}
#sec5{
position:relative;
padding:20px 8px 0px 8px;
width:1024px;
min-height:100px;
/* border:1px solid green; */ 
}	
#site{
position:absolute;
left:700px;
top:210px;
display:inline-block;
vertical-align:top;
font-family:arial;
font-size:20px;
}		
#a2{
display:inline-block;
width:270px;
padding:5px;
color:#555;
text-decoration:none;
}				
											/* ________________________contact______________________ */
#boite1024x{
background-color:#fff;
margin:0 auto;
width:1024px;
height:1000px;
}											
											
#format{
/* background-color:#eee; */
margin:0 auto;
width: 994px;
height:700px;
padding:0px 0px 0px 40px;
font-size:18px;
} 
#paragraphe{
padding:20px 0px 20px 100px;
font-size:18px;
color:#3222bc;
}

							/*  c'est la form*/

#formule{  		
width:994px;
height:650px;
} 
#champ{
display:inline-block;
vertical-align:top;
width:600px;
border-right:1px solid #18f118;
}

label{
text-align:right;
margin:20px 10px 10px 50px;
}
#mon{
width:20px;
}
#mad{
width:30px;
}
#madame{
margin-left:10px;
width:60px;
}

#radi{
display:inline-block;
vertical-align:top;
width:50px;
/* background-color:red; */
height:20px;
}
input{
margin-bottom:15px;
}
#n{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:50px;
}
#p{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:30px;
}
#Ad1{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:20px;
}
#Ad2{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:20px;
}
#C{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:0px;
}
#V{
font-size:18px;
background-color:rgba(0,255,0,0.5);
margin-left:55px;
}
#mail{
font-size:18px;
background-color:rgba(0,255,0,0.5);
}

#mess{
margin-top:10px;
/* resize:vertical; */							/* SE DéVELOPPE VERTICALEMENT */
font-size:16px;
background-color:rgba(0,255,0,0.5);
margin-left:30px;
}
.pass{
/* background-color:green; */
padding-left:16px;
}
.parti{
margin-left:270px;
}
.rouge{
color:red;
font-size:20px;
}

#imageN{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageP{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageA1{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageC{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageV{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageMA{
background-color:#eee;
width:30px;
height:30px;
margin-left:10px;
}
#imageME{
background-color:#eee;
width:30px;
height:30px;
}
#readresse{
text-decoration:none;
margin:100px 0px 0px 50px;
display:inline-block;
vertical-align:top;
}

#reponse{
margin-left:100px;
}
#fiole2{
padding:10px 0px 0px 50px;
display:inline-block;
vertical-align:top;
width:200px;
}

											/* LIVE  BOX */
#affichage{
display:none;
position:absolute;
text-align:center;
width:100%;
height:100%;
top:400px;
left:370px; 
z-index:5;
background-color:rgba(0,0,0,0.5); 
}

#triangle1{
position:absolute;
right:20px;
top:295px;
width:150px;
height:20px;
z-index:5;
}
#triangle2{
position:absolute;
right:20px;
top:330px;
width:150px;
height:20px;
z-index:5;
}
#triangle3{
/* background-color:red; */
position:absolute;
right:20px;
top:370px;
width:150px;
height:20px;
z-index:5;
}

											/* fin LIVE BOX */