/*
 Général
 -----------------------------------------------
*/

*{
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 1em;
 color: #777;
 margin: 0;
 padding: 0;
}

body{
 margin: 0;
 padding: 1em;
}

h1{
 font-size: 3em;
 letter-spacing: 0.02em;
 line-height: 1.3em;
 font-variant: small-caps;
 color: #811788;
 margin: 0; 
 font-weight: bold;
}

h2{
 font-size: 1.6em;
 line-height: 1.3em;
 margin: 0;
 font-weight: normal;
 font-style: normal;  
 padding: 0 0 1em 0;
}


h3{
 font-size: 1.4em;
 margin: 0;
 font-weight: normal;
 font-style: italic; 
 padding: 0 0 1em 0; 
}

h4{
 font-size: 1.3em;
 margin: 0;
 font-weight: bold;
 padding: 0 0 0.5em 0;
 color: #811788;
 font-variant: small-caps;
}

h5{
 font-weight: none;
 font-size: 1em;
 margin: 0;
}

h6{
 font-size: 0.8em;
 margin: 0;
}

p{
 font-size: 1em;
 line-height: 1.5em;
 margin: 0;
 padding: 0 0 1em 0;
}

em{
 font-style: italic;
}

strong{
 font-weight: bold;
}

a{
 text-decoration: underline;
 color: #777; 
}

a:hover{
 color: #fff;
 background-color: #777;
}

.spacer{
 clear: both;
 font-size: 0.5em;
 padding-bottom: 0.5em;
}

.indentation{
 text-indent: 2em;
}

.corpus{
 padding-top: 2em;
}

.droite{
 text-align: right;
}

.erreur{
 color: #c00;
 font-weight: bold;
 text-decoration: blink;
}




/*
 Navigation
 -----------------------------------------------
*/

#navigation{
 font-size: 0.55em;
 background-color: #fff;
 border: none;
 margin: 0;
 padding: 0;
}

 
 
 #navigation #logo{
 float: none;
 background-color: #fff; 
 border: none; 
 background-image: none;
 margin: 0;
 padding: 0;
}



#navigation a{
 color: #fff; 
 text-decoration: none;
 line-height: 2em;  
 display: block;
 float: left;
 width: 10.5em; 
 border-bottom: 0.25em solid #d8d9db;  
 background-color: #7bad00;
 background-image: url("/images/coin_vert_1.gif");
 background-repeat: no-repeat;
 background-position: right top;
 padding: 0 0 0 0.3em;
 margin: 0.3em 0.5em 0 0;
}

#navigation img{
 border: none;
 height: 53px;
 margin: 0 0 0.1em 0;
 padding: 0;
}

#navigation a:hover{
 color: #fff;
 font-weight: bold; 
}


#navigation p{ 
 margin: 0;
}

#navigation .rubrique{  
 background-color: #811788;
 background-image: url("/images/coin_violet.gif");
 background-repeat: no-repeat;
 background-position: right top;
}

/*
 Principal
 -----------------------------------------------
*/

#principal{
 position: absolute;
 top: auto;
 left: 22.7em;
 bottom: auto;
 right: auto;
 font-size: 0.6em;
 background-color: #fff;  
 margin: 0;
 padding: 0;

}

#principal {
 margin: 0;
 padding: 0 5em 0 0;
 background-color: #fff;
}

#principal  h1{
 margin: 0 0 0.7em 0.82em;
 padding-top: 0.5em;
}

#principal  h2{ 
 margin: 0 0 0 2em;
}


#principal  h3{ 
 margin: 0 0 0 2.46em;
}

#principal  h4{ 
 margin: 1em 0 0 2.46em;
 clear: both;
}

#principal  h5{ 
 margin: 1em 0 0 3.2em; 
 font-weight: bold;
}

#principal  p{ 
 margin: 0 12em 1em 3.2em;
}


#principal  img{
 float: left;
 margin: 0 1em 0 1em; 
 clear: both;
}

#principal  .image-droite{
 float: right;
}


#principal #garanties img{
 padding-bottom: 2em;
}


#principal #culture #chenille{
 padding-top: 0.5em;
}

#principal #conditionnement #lavage{
 padding-top: 1em;
}

#principal #conditionnement #analyse-eau{
 clear: none;
}

#principal #conditionnement #conditionnements{
 float: none;
 padding-left: 2em; 
}

#principal #conditionnement #controle-poids{
 padding-top: 1em;
}

#principal #conditionnement #thermometre{
 clear: none;
}



#principal #expediteurs p{
 width: 40em;
}



#principal #contact form{
 padding-bottom: 2em;
}

#principal #contact p{
 padding-bottom: 0;
}


#principal #contact #email{
 width: 15em;
}


#principal #contact #sujet{
 width: 30em;
}


#principal #contact #message{
 width: 40em;
 height: 15em;
 display: block;
}


/*
 Notice
 -----------------------------------------------
*/

#notice{ 
 background-color: #fff;  
 margin: 2em;
 padding: 0;
 text-align: right;
}

#notice p{  
 margin: 0;
 padding: 0;
}

#notice a{ 
 padding-right: 2em;
}



/*
 Marge
 -----------------------------------------------
*/
#marge{
 font-size: 0.6em;
 background-color: #fff;
 position: absolute;
 top: auto;
 left: auto;
 bottom: auto;
 right: auto;
 width: 20.2em;
 margin: 0;
 padding: 0;
}

#marge h5{ 
 color: #fff;
 font-weight: normal;
 line-height: 2em;   
 padding: 0 0 0 1.7em;
 margin:  0;
 border-bottom: none;
}

#marge p{  
 margin: 0;
 padding: 0 1em 1em 1em;
}




#marge #garantie{
 background-color: #e9ffd6;
 color: #209740;
 margin: 0 0 2em 0;
 padding: 0;
 border-bottom: 0.25em solid #d8d9db;
}

#marge #garantie h5{ 
 background-image: url("/images/fleche_vert_2.gif");
 background-repeat: no-repeat;
 background-position: 0.3em 0.5em;  
}



#marge #garantie #appel-1{ 
 background-color: #209740;
 background-image: url("/images/coin_vert_2.gif");
 background-repeat: no-repeat;
 background-position: right top;
 margin-bottom: 1em;
}

#marge #garantie #appel-1 a{ 
 text-decoration: none;
 color: #fff;
}

#marge #garantie #appel-1 a:hover{ 
 font-weight: bold; 
 background-color: #209740;
}


#marge #faq{
 background-color: #feebff;
 color: #811788;
 margin: 0 0 2em 0;
 padding: 0;
 border-bottom: 0.25em solid #d8d9db;
}

#marge #faq h5{    
 background-image: url("/images/fleche_violet.gif");
 background-repeat: no-repeat;
 background-position: 0.3em 0.5em; 
}

#marge #faq #appel-2{ 
 background-color: #811788; 
 background-image: url("/images/coin_violet.gif");
 background-repeat: no-repeat;
 background-position: right top;
 margin-bottom: 1em;
}

#marge #faq #appel-2 a:hover{ 
 font-weight: bold; 
 background-color: #811788;
}

#marge #faq #appel-2 a{ 
 text-decoration: none;
 color: #fff;
}


#marge #faq #appel-2-question a:hover{ 
 font-weight: bold; 
 background-color: #feebff;
}

#marge #faq #appel-2-question a{ 
 text-decoration: none;
 color: #777;
 font-weight: bold;
}





#marge #lettre-information{
 color: #7bad00;
 background-color: #e9ffd6;
 margin: 0 0 2em 0;
 padding: 0;
 border-bottom: 0.25em solid #d8d9db;
}

#marge #lettre-information h5{   
 background-image: url("/images/fleche_vert_1.gif");
 background-repeat: no-repeat;
 background-position: 0.3em 0.5em; 
}

#marge #lettre-information #appel-3{ 
 background-color: #7bad00; 
 background-image: url("/images/coin_vert_1.gif");
 background-repeat: no-repeat;
 background-position: right top;
 margin-bottom: 1em;
}

#marge #lettre-information #appel-3 a:hover{ 
 font-weight: bold; 
 background-color: #7bad00;
}

#marge #lettre-information #appel-3 a{ 
 text-decoration: none;
 color: #fff;
}

#marge #lettre-information #email{ 
 width: 9em;
}

#marge #degustation{
 background-color: #e9ffd6;
 color: #209740;
 margin: 0 0 2em 0;
 padding: 0;
 border-bottom: 0.25em solid #d8d9db;
}

#marge #degustation h5{  
 background-image: url("/images/fleche_vert_2.gif");
 background-repeat: no-repeat;
 background-position: 0.3em 0.5em; 
}


#marge #degustation img{  
 border: none;
}






#marge #degustation #appel-4{ 
 background-color: #209740;
 background-image: url("/images/coin_vert_2.gif");
 background-repeat: no-repeat;
 background-position: right top;
 margin-bottom: 1em;
}

#marge #degustation #appel-4 a:hover{ 
 font-weight: bold; 
 background-color: #209740;
}

#marge #degustation #appel-4 a{ 
 text-decoration: none;
 color: #fff;
}


#marge #degustation #appel-4-titre a:hover{ 
 background-color: #e9ffd6;
}

#marge #degustation #appel-4-titre a{
 font-weight: bold;  
 text-decoration: none;
 color: #777;
}

#marge #degustation #appel-4-image a:hover{ 
 background-color: #e9ffd6;
}

#marge #degustation #appel-4-image a{

}