/* CSS Document */

*{margin:0;
padding:0;}

body { 
background:#CFCEC7;
 font: normal 80%/1em Arial; 
background-repeat:no-repeat;}

#master{
position:absolute;
left:50%;
margin-left:-700px;
background-image: url(imagescss/01_fondblanc.gif);
background-position: center center;
width:1400px;
top:50%;
margin-top:-370px;
height:780px;
padding:0;}
	

/*-----------------------------------------------------------------------Contenu principal---------------------------------------------------------------------------------*/	
#content{
position:absolute;
right:238px;
margin:161px 0 0 0px;
width:675px;
padding:0px;
}

#contenu{
height:320px;
overflow:auto;}

#tout{
position:absolute;
margin:0px 0 0 0px;
width:655px;
padding:6px;
}

body#page_acbcest #tout{
position:absolute;
margin:0px 0 0 0px;
width:655px;
padding:6px;}

#content img.gauche{
float: left;
margin:0px;
padding:0px;}

#content p{
margin:0 30px 10px 30px;
padding:0;
line-height:12px;
color:#999999;
 font: normal 90%/1em Verdana, Arial, Helvetica, sans-serif; }
 
 /*titres en orange*/
#content h1{ 
font: normal 110%/3.5em Arial, sans-serif;  
margin-left:50px;
color:#f17100;}


#contenu p.lignebleu{
text-indent:20px ;
clear:both;
padding:1px 0 1px 0 ;
margin:0 ;
background:#5f9cd9;
color:#fff;}	

#contenu p.gauch{
color:#333;
clear:right;
margin:3px 25px 0 0px;
font-size:80%;}

#contenu p.droit{
color:#333;
clear:left;
margin:3px 0 0 25px;
font-size:80%;}

#contenu a img {border:0;}

#contenu p a:link, 
#contenu p a,
#contenu p a:active{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;}

#contenu p  a:visited {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;}

#contenu p a:hover{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #e76f00;
text-decoration: underline;}





#contenu img.img-gauche{
float:left;
clear:both;
margin:5px 50px 12px 50px;
padding:0;}

#contenu img.img-droite,
#contenu img.img-vide{
float:right;
clear:both;
margin:5px 50px 12px 50px;
padding:0;}

#contenu a img.img-vide{border:1px solid #000;}

#intro {
margin:0;
padding:0;
height:110px;}
	
 /*titres en bleu (cf page livre d'or)*/
#intro h1.bleu,
#tout h1.bleu{
font: normal 210% "Trebuchet Ms", sans-serif;  
color:#5f9cd9;
margin:10px 0 0 15px ;
padding:0;}

#intro p.bleu,
#tout p.bleu{color:#0F0;
color:#5f9cd9;
 font: bold 110% "Trebuchet Ms", sans-serif;  
margin:0 0 0 15px ;
padding:0;}

#intro p.bleu span.grand,
#tout p.bleu span.grand{color:#0F0;
color:#5f9cd9;
 font: normal 135% "Trebuchet Ms", sans-serif;  
margin:0;
padding:0;}

#tout ul.liste{
color:#999;
margin:20px 5px 15px 10px;
padding:0;
line-height:1.3em;
list-style-type:square;}

#tout ul.liste li{
margin:0px 5px 12px 10px;
padding:0px 0 0px 0;
}


#tout ul.liste li a{
color:#F18932;}
#tout ul.liste li a:hover{
color:#3F83C2;}

.saisie {
width: 100px;
font: normal 12px Arial; 
margin-right: 30px; 
}

#erreur{
margin-left: 30px;
font: normal 12px Arial;
color: #777;
}

/*-----------------------------------------------------------------------------------Pied de page---------------------------------------------------------------------------*/	
#footer{
position:absolute;
top:610px;
right:230px;
margin:0;
text-align:right;

}
#footer ul{margin:40px 10px 0px 0;}
#footer ul li{
display: inline;
color:#666;
font-size:80%;
}
#footer ul li a{
text-decoration:none;

color:#666;
}
#footer ul li a:hover{
text-decoration:none;

color:#000;
}



#footer h2{
margin:5px 0 0px 0;
 background: url(imagescss/00-decorsmuraux.gif) top right no-repeat;
height:27px;
width:296px;
padding:0;
position:absolute;
right:10px;
}
#footer h2 span{
position:absolute;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}

#ok{
margin-top: 2px;
width: 90px!important;
height: 21px!important;
border: none!important;
background: #58ACEB!important;
color: #FFF!important;
font-family: Arial, Helvetica, sans-serif!important;
font-weight: bold!important;
font-size: 12px!important;
}


/*------------------------------------------------------------------------MENUS----------------------------------------------------------*/
#menu{
width:170px;
padding:0;
position:absolute;
top:235px;
left:264px;
margin:0px ;
color:#0099FF;
}
#menu ul li{list-style-type:none;
margin:0;
padding:0;}


/************menu principal**************/
#menu ul#principal{margin:25px 0 0 0;
padding:0;}
#menu ul#principal li a{
padding:6px 0 0 8px;
display: block;
background: url(imagescss/menu-collection.gif) top left no-repeat;
width:170px;
height:25px;
margin:0 0 0px 0;
color:#fff;
text-decoration:none;}

#menu ul#principal li a:hover{
display: block;
background: url(imagescss/menu-collection-over.gif) top left no-repeat;
width:170px;
height:25px;
margin:0 0 0px 0;}

#menu ul#principal  li#l_acbcest a{background: url(imagescss/menu-acbcest.gif) top left no-repeat;}
#menu ul#principal  li#l_acbcest a:hover{background: url(imagescss/menu-acbcest-over.gif) top left no-repeat;}

#menu ul#principal  li#l_stickers a{background: url(imagescss/menu-stickers.gif) top left no-repeat;}
#menu ul#principal  li#l_stickers a:hover{background: url(imagescss/menu-stickers-over.gif) top left no-repeat;}

#menu ul#principal  li#l_espaceclient a{background: url(imagescss/menu-espaceclient.gif) top left no-repeat;}
#menu ul#principal  li#l_espaceclient a:hover{background: url(imagescss/menu-espaceclient-over.gif) top left no-repeat;}

#menu ul#principal  li#l_livredor a{background: url(imagescss/menu-livredor.gif) top left no-repeat;}
#menu ul#principal  li#l_livredor a:hover{background: url(imagescss/menu-livredor-over.gif) top left no-repeat;}

#menu ul#principal  li#l_nosexpositions a{background: url(imagescss/menu-salons.gif) top left no-repeat;}
#menu ul#principal  li#l_nosexpositions a:hover{background: url(imagescss/menu-salons-over.gif) top left no-repeat;}

#menu ul#principal  li#l_contact a{background: url(imagescss/menu-contact.gif) top left no-repeat;}
#menu ul#principal  li#l_contact a:hover{background: url(imagescss/menu-contact-over.gif) top left no-repeat;}


/************menu outils**************/
#menu ul#outils{margin:5px 0 0 0;
padding:0;}

#menu ul#outils li a{
font-family: "Trebuchet Ms";
font-size:80%;
padding:6px 0 0 8px;
display: block;
width:150px;
height:30px;
margin:0 0 2px 0;
color:#a4a8a5;
text-decoration:none;}

#menu ul#outils li a:hover{
display: block;
width:150px;
height:30px;
color:#fff;
margin:0 0 2px 0;}

#menu ul#outils li#l_retouraccueil a{background: url(imagescss/01_retouraccueil.gif) top left no-repeat;}
#menu ul#outils li#l_retouraccueil a:hover{background: url(imagescss/01_retouraccueil-over.gif) top left no-repeat;}

#menu ul#outils li#l_envoyeraunami a{background: url(imagescss/01_envoyerami.gif) top left no-repeat;}
#menu ul#outils li#l_envoyeraunami a:hover{background: url(imagescss/01_envoyerami-over.gif) top left no-repeat;}

#menu ul#outils li#l_favoris a{background: url(imagescss/01_ajouterfavoris.gif) top left no-repeat;}
#menu ul#outils li#l_favoris a:hover{background: url(imagescss/01_ajouterfavoris-over.gif) top left no-repeat;}

#menu ul#outils li#l_newsletter a{background: url(imagescss/01-newsletter.gif) top left no-repeat;}
#menu ul#outils li#l_newsletter a:hover{background: url(imagescss/01-newsletter-over.gif) top left no-repeat;}

#menu ul#outils li#l_selection a{background: url(imagescss/01-maselection-over.gif) top left no-repeat;
color:#fff;}
#menu ul#outils li#l_selection a:hover{background: url(imagescss/01-maselection.gif) top left no-repeat;
color:#a4a8a5;}

/*********************************************************menu: page courante****************************************************/
body#page_livredor #menu ul#principal  li#l_livredor a{background: url(imagescss/menu-livredor-over.gif) top left no-repeat;}
body#page_espaceclient #menu ul#principal  li#l_espaceclient a{background: url(imagescss/menu-espaceclient-over.gif) top left no-repeat;}