/*EMBAL_PROD_C1.CSS 
issu de embal_prod_b_2.css*/ 
#conteneur_embal {
	font: 10px Arial, Helvetica, sans-serif;
	width: 560px;
	height: 1000px;
	margin-left: 15px;
	margin-right: auto;
	margin-top: 20px;
	color: #FFF;
}


#logo {
background: #FFF url(../img/head_accueil_logo.jpg) no-repeat;
width: 167px;
height: 118px;
margin: 0;
padding: 0;
float: left;
}

/*---- COMMUNS A TOUS ----*/


/*Positionnement des 5 panneaux*/
#pot{margin: 0 0 0 293px;}
#pop{margin: 0 0 0 43px; left:152px;}
#mot{margin: 430px 0 0 293px;}
#mop{margin: 430px 0 0 43px;left: 152px;}

#divers{
position: absolute;
background: url(../img/page_produits/DIVERS_zone_bas.jpg) no-repeat bottom;
width: 542px;
height: 258px;
margin: 727px 0 0 9px;
}


/* Fond Zone Dgrad Bas*/	
.pox {	
background: url(../img/page_produits/POP_zone_bas.jpg) no-repeat bottom;
position: absolute;
width: 257px;
height: 408px;
}

.mox {	
position: absolute;
background: url(../img/page_produits/MOP_zone_bas.jpg) no-repeat bottom;
width: 257px;
height: 276px;
}

/* Gestion des TITRES C*/

.titre{ 
font:bold 20px Arial, Helvetica, sans-serif;
margin: 0 0 0 45px; 
}

.sous_titre { 
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0 0 0 95px;	
} 

#pot_titre{
background: url(../img/page_produits/POT_haut.gif) no-repeat left;
height:45px;
margin: 0;
}

#pop_titre{
background: url(../img/page_produits/POP_haut.gif) no-repeat left;
height:45px;
margin: 0;
}
	
#mot_titre{
background: url(../img/page_produits/MOT_haut.gif) no-repeat left;
height:45px;
margin: 0;
}

#mop_titre{
background: url(../img/page_produits/MOP_haut.gif) no-repeat left;
height:45px;
margin: 0;
}
	
#divers_titre{
background: url(../img/page_produits/DIVERS_haut.gif) no-repeat left;
height:45px;
margin: 0;
}

.rubriques_pox { 
font: bold 14px  Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
list-style-type: none;
}
	
.rubriques_pox li { margin: 0; padding: 0;}

.rubriques_pox a { 
margin: 0;  
padding: 0;
text-decoration: none;
color:#FFF;
}

.rubriques_pox a:hover {color: #FF9533;	}

.rubriques_mox { 
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
list-style-type: none;
}
	
.rubriques_mox li { margin: 0; padding: 0;}

.rubriques_mox a { 
margin: 0;  
padding: 0;
text-decoration: none;
color:#FFF;
}

.rubriques_mox a:hover { color: #009D00;}
	
.rubriques_divers { 
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
list-style-type: none;
}

.rubriques_divers li { margin: 0; padding: 0;}

.rubriques_divers a { 
margin: 0;  
padding: 0;
text-decoration: none;
color:#FFF;
}

.rubriques_divers a:hover { color: #FF9533;}

.ecart_rubriques{
vertical-align:7px;
margin: 0 0 0 20px;
line-height: 10px;
}	

/* RUBRIQUES (en face des miniatures) POT et POP  */
.pox_inter_1 {	background-color: #00b30c;}
.pox_inter_2 {	background-color: #1ec326;}
.pox_inter_3 {	background-color: #37d136;}
.pox_inter_3_bis {background-color: #46db41;}
.pox_inter_4 {	background-color: #61d957;}
.pox_inter_5 {	background-color: #78e769;}

/* RUBRIQUES  MOT et MOP  */
.mox_inter_1 {	background-color: #FFC54A;}
.mox_inter_2 {	background-color: #FFD358;}
.mox_inter_3 {	background-color: #FFE166;}

/* RUBRIQUES Divers  */
.divers_inter_1 {background-color: #4479C6;}
.divers_inter_2 {background-color: #6293E2;}
.divers_inter_3 {background-color: #699ef3;}


/* CONTENU BAS: Gestion commune POT+POP
contenu Txt dans Bas */

.droite{
position:absolute;
margin: 0;
padding: 0;
right:3px;
font: bold 10px/16px Arial, Helvetica, sans-serif;
color: red;
}

.txt_plus{
font: bold 11px/16px Arial, Helvetica, sans-serif;
color: #1a4398;
}

.pox_bas {
position: absolute;
visibility: hidden;
color: #1a4398;
height: 123px;
width: 230px;
top: 195px;
margin: 0px 0 0 20px;
font-weight: normal;
}

.pox_base {visibility: visible;}

.mox_bas {
position: absolute;
visibility: hidden;
color: #1a4398;
height: 123px;
width: 230px;
top: 119px;
margin: 0px 0 0 20px;
}

.mox_base {visibility: visible;}

.div_bas {
position: absolute;
visibility: hidden;
color: #1a4398;
height: 123px;
top: 120px;
margin: 0px 0 0 20px;
}
.div_base {visibility: visible;}


