/* Définition de règle */
@charset "windows-1252";


body{
margin-top:25px;
margin-bottom:25px;
background-color:#CCCC99;
text-align:center;
margin-left:auto;
margin-right:auto;	
font-size:12px;
font-family:arial;
} 
a img{ 
border: none ; 
} 
H1{
font-size:20px;
font-family:arial;
color:#CC0000;
}
H2{
font-size:18px;
font-family:verdana;
color:#006600;
} 
H3{
font-size:13px;
font-family:verdana;
color:#669900;
} 
H4{
font-size:12px;
font-family:verdana;
color:#CC3333;
} 
H5{
font-size:11px;
font-family:verdana;
color:#515151;
} 

H6{	
margin:0px;padding:0px;
font-size:11px;
font-family:verdana;
color:#6699FF;
text-decoration:underline;
} 

li {list-style-image: url(images/flech-bleue.jpg); 
text-align: left; 
line-height: 20px;
letter-spacing:1px;
}

p
{
text-align:justify;
padding-top:1px;
padding-left:10px;
padding-right:10px;	
padding-bottom:1px;
}
p.petit
{
font-size:10px;
font-family:verdana;
}
dd
{
font-size:12px;
font-family:verdana;
color:#578100; 
text-align:left;
line-height:19px;
}

#gauche1{
float:left;
margin-left:10px;
padding:0px;

}  

.menu1{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:150px;
    width/**/:150px;
    border-top: 0px ;
    border-left: 0px ;
    border-right: 0px ;
	border-bottom: 0px;
    margin:0;
    padding:0;
	font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 19px; 
letter-spacing: 1px;
    }
    
.menu1 span{
    display:none;
    }
    
.menu1 ul{
   border-top: 0px ;
    border-left: 0px ;
    border-right: 0px ;
    margin:0;
    padding:0;
    position:absolute; /* important */
	width:150px;
    width/**/:150px;
	top:130px;
	left:0px;
    }
    
.menu1 li a{
	background-color:#FFFFFF   
    }
	
.menu1 li a:hover{
	background-color:#FFFFFF   
    }
	
.menu1 li ul li ul{	
	top:24px;
	 }
	 	
.menu1 li ul{
    visibility:hidden;
    }
            
.menu1 li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
    
.menu1 ul a{
    text-align:center;
    background-color: #7bad6b;
    color:#fff;
    text-weight:bold;
    display:block;
    width:150px;
    border-bottom: 1px #fff solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu1 ul a:hover{
    background-color: #99cc00;
    }
    
/* for a mozilla better display with key nav */
.menu1 a:focus{
    background-color: #7bad6b;
}

.menu1 span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu1 li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
	    }
    
/* IE PC selector */
* html .menu1 li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #7bad6b;
    }

/****************************     DIV  MACA    *******************************************************************/
#doc{
margin-top:56px;
width:200px;
height:100px; 
float:left; 
}  
#doc a{
font-size:12px;
font-family:arial;
color:#3366FF; 
text-decoration: none; 
} 
#top{
background-image:url(images/top.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
} 
#top-proprietes{
background-image:url(images/top-4.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#top-etudes{
background-image:url(images/top-5.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#top-effets{
background-image:url(images/top-6.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#top-composition{
background-image:url(images/top-7.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
} 
#top-doc{
background-image:url(images/top-8.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#top-contact{
background-image:url(images/top-9.jpg); 
width:800px;
height:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#centre{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:930px;
text-align:center;
margin-left:auto;
margin-right:auto;
}  



#centre-index{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:2000px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
#centre-page-commande{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:850px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
#centre2{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:1400px;
text-align:center;
margin-left:auto;
margin-right:auto;

} 
#centre3{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
#centre-compo{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:1500px;
text-align:center;
margin-left:auto;
margin-right:auto;

}	
#centre-propri{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:2400px;
text-align:center;
margin-left:auto;
margin-right:auto;

}  
#centre-info{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:2450px;
text-align:center;
margin-left:auto;
margin-right:auto;

} 
#centre-afssaps{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:1800px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
#centre-contact{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:650px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
#footer{
background-image:url(images/bg-footer.jpg); 
width:800px;
height:50px;
text-align:center;
margin-left:auto;
margin-right:auto;
}



#extragauche{
float:left;
width:60px;
height:500px;


} 
#gauche{
float:left;
width:170px;

margin:0px;
padding:0px;

}  


#droite{ 
float:left;
margin-left:10px;
width:500px;
height:700px; 
margin-top:10px;
}

#centredoca{
background-image:url(images/bg-centre.jpg); 
width:800px;
height:960px;
text-align:center;
margin-left:auto;
margin-right:auto;

}  


#doca{

width:360px;
height:200px; 
float:left; 
} 

#doca2{
float:left;
margin-left:250px;
margin-top:5px;
} 

#doca3{
float:left;
margin-left:25px;
margin-top:25px;
} 

#dote{
margin-left:25px;
} 

#inim{
float:left;
margin-left:450px;
margin-top:25px;
} 

/****************************     MENU MACA    *******************************************************************/
#menu{

width:150px;
height:200px;

} 

.menu-maca{
text-align: center; 
width:100%;
background-color: #7FAB6B;
font-weight: bold; 
color: #ffffff; 
line-height: 19px;  
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
margin-bottom:1px; 
letter-spacing: 1px;
text-decoration: none; 
display: block;	
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
}
.menu-maca:hover{
background: #99CC00; 
	color:WHITE; 
	
}

#active_menu {
	color:#FFFFFF;
	background-color: #426100; 
   	font-weight: bold; 
}

/*************************************************         TEXTES MACA           ***************************************************/


.tgrispetit{
font-size:10px;
font-family:verdana;
color:#5B5B5B;
}

.tgris{
font-size:11px;
font-family:verdana;
color:#2f2f2f;
}
.trouge{
font-size:11px;
font-family:verdana;
color:#CC0000;
}
.tnoir{
font-size:11px;
font-family:verdana;
color:#000000;
}
.tvert{
font-size:11px;
font-family:verdana;
color:#006600;
}
.bleu{
font-size:11px;
font-family:verdana;
color:#6387F2;
}
.trougegras{
font-size:13px;
font-family:verdana;
color:#CC0000; 

}
.trougegras2{
font-size:11px;
font-family:verdana;
color:#CC0000; 

}

.lien{
font-size:11px;
font-family:arial;
color:#3366FF;
}

.tbleue{
font-size:11px;
font-family:verdana;
color:#0033FF;
}