* {
   margin: 0;
   padding: 0;
   border: 0;
}

body {
   /*background-color: #E7E7E7;*/

}

body, input, select, option {
   font-family: Arial;
   font-size: 11px;
   color: #5D5D5D;
}

body  #headers {
   font-size: 16px;
}


li {
    list-style: none;
}


td {
   vertical-align: top;
   font-size: 11px;
}




select {
   border: 1px solid #CCCCCC;
   padding: 1px;
}


.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

a:hover em {
   text-decoration: underline;
}




.BigPromo {
   position: relative;
   width: 510px;
}


.menuPromo {
   position: absolute;
   bottom: 0;
   right: 0; 
   background: #666666 url('../image/common/gauche_menuPromo.png') no-repeat top left;   
   padding-left: 20px;
   padding-right: 5px;
   
    
}




.menuPromo li {
   float: left;    
   padding: 1px;
   padding-left: 3px;  
   background: url('../image/common/separateur_menuPromo.png') no-repeat top left;
}

.menuPromo li a {
   display: block;
   color: #FFF;
   font-size: 9px;
   font-family: "Arial";
   padding: 1px;
   text-decoration: none;
   padding-left: 6px;
   padding-right: 6px;
}

.menuPromo li a:hover {
  background-color: #FF6600;
}

.menuPromo li.selected a {
  background-color: #FF6600;
}




/******* Titres *******/


	h1, h2 {
		color:#FF6600;
		font-family: Arial, sans-serif;
		font-size:18px;
		font-weight:normal;
	}
	
	h3 {
	   font-size: 16px;
	   padding-left: 10px;
	   font-weight: normal;
	   color: #5D5D5D;
	}



.clearfloat {
   clear:both;
   border-top: 5px solid #FFF;
   font-size: 1px;
}




/* Formulaires */

	input.text {
	   border: 1px solid #E0E0E0;
	   border-top: 1px solid #878787;
	   border-right: 1px solid #C9C9C9;
	   padding: 2px;
	   background-color: #F5F5F5;
	}
	
	/* Changer de couleur pendant la selection ou la saisie */
	input.text:hover, input.text:focus {
	   background-color: #FFF;
	}
	
	select.text {
	   border: 1px solid #E0E0E0;
	
	}
	
	option {
		padding-left: 4px;
	}

	input.checkbox {
	
	}
	

/* pour le formulaire siu login en popup */

#contenu {
background-color:white;
}

/* Assistance */

    .assistance {
        background	: #FF5A00 url(../image/common/assistance.png) no-repeat;
        width		: 704px;
        height		: 98px;
        border-top	: 10px solid #FFF;
        clear		: both;
     }
     
	 .assistance_pro {
        background	: #FF5A00 url(../image/pro/fond_assistance.jpg) no-repeat;
        width		: 519px;
        height		: 55px;
        border-top	: 10px solid #FFF;
        clear		: both;
     }
	 
     .assistance h2, .assistance_pro h2 {
        padding: 0px;
        margin-left: 18px;
        margin-top: 7px;
        margin-bottom: 0px;
        color: #FFFFFF;
        font-size: 17px;
        font-weight: bold;
     }
     
     .assistance h2 strong {
	color: #FFFFFF;   
     }

    .assistance ul {
          margin-left: 20px;
          margin-top: 0px;
     }
	
	.assistance_pro ul {
		float	: right;
		height	: 55px;		
		width	: 370px;
		margin	: 8px 0px 0px 0px;
	 }
    .assistance li {
          display	: block;
          width		: 225px;
          float		: left;
          margin-top: 11px;
     }
	.assistance_pro li {
		border-bottom	:1px #fff;
		float			:left;
		height			:20px;
		margin-right	:10px;
		width			:175px;
		margin-bottom	:6px;
	}
	
	.assistance_pro .dotted{
		border-bottom	:  dotted #fff 1px;
	}
	
	.assistance a , .assistance_pro a {
       color			: #FFF;
       text-decoration	: none;
    }
    
    .assistance a:hover, .assistance_pro a:hover {
       text-decoration: underline;
    }	
    
    
/******* box "OpenClose" ******/

/* Modèle par défaut personnalisé dans chaque page avec content.css */
   
   
   .openClose {
      margin-bottom: 15px;      
      margin-right: 10px;
   }

   .openClose .ocContent {  
      padding-bottom: 20px;
      padding-top: 7px;
   }

   .openClose li {
      margin-left: 30px;
      padding-left: 10px;
   }

   .openClose h3 {
      height: 22px;
      background-repeat: no-repeat;
      padding: 0;      
   }

   .openClose li {
      background: url('../image/common/puce.png') no-repeat left;
   }
   
   .openClose select {
      margin: 1px;
      width: 200px;
   }
   
   .openClose  .ocContent a {
      color: #666666;
      text-decoration: none;
   }
   
   .openClose a:hover {
      text-decoration: underline;
   }
   
   .openClose h3 a:hover {
      text-decoration: none;
   }
   

   .openClose h3 a {
      display: block;
      font-size: 11px;
      padding-top: 3px;
      padding-left: 30px;
      padding-bottom: 3px;
      height: 16px;
      text-decoration: none;
   }



   .openClose .minimiser h3 {
      background-position: top;
   }

   .openClose .maximiser h3 {
      background-position: bottom;
   }

   .openClose .minimiser .ocContent { display: none; }
   
   .openClose .minimiser h3 a { color: #666666; } /* Couleur du titre quand la boite est fermée */
   .openClose .maximiser h3 a { color: #FF6600; } /* Couleur du titre quand la boite est ouverte */  
      
   

   

   
   
   /* Paramètres par défaut */

   .openClose {
      width: 512px;
      background: url('../image/content/openclose_fond.png') repeat-y top;
   }

   .openClose .ocContent {  
      background: url('../image/content/openclose_bottom.png') no-repeat bottom left;
   }

   .openClose h3 {
      background-image: url('../image/content/openclose_titre.png'); 
   }
   

   
/******* / box "OpenClose" ******/   







/******* box "En savoir plus" ******/


		.ensavoirplus {
		   border-top: 1px dashed #CCCCCC;
		   border-bottom: 1px dashed #CCCCCC;
		   margin-top:20px;
		   margin-right:10px;
		   padding: 5px;
		   position:relative;
		   height:20px;
		}

        .ensavoirplus .liens {
           float: left;
        }

		.ensavoirplus .liens a { 

		   float: left;
		   padding-left: 10px;
		   background: url('../image/common/puce.png') no-repeat top left;
		   padding-top: 1px;
		   margin-top: 1px;   
		   color: #666666;
		   text-decoration: none;
		   margin-left: 5px;

		}
		
		.ensavoirplus .liens a:hover { 
		   text-decoration: underline;
		}
		    


		.ensavoirplus .liens .top { 
		   position:absolute;
		   top:0px;
		}
		
		.ensavoirplus .liens .bottom { 
		   position:absolute;
		   top:13px;
		   width: 500px;
		}
		

		
		
		/* Version "Ajouter au panier" */
		.ensavoirplus .ajouter {
		   position:absolute;
		   right:0px;
		   display: block;
		   width: 97px;
		   height: 19px;
		   background: url('../image/content/ajouter_panier.png') no-repeat top left;
		}

        /* Version "Selectionner ce produit" */
		.ensavoirplus .selectionner {
		   /*position:absolute;
		   right:0px;*/
		   float: right;
		   display: block;
		   width: 122px;
		   height: 19px;
		   background: url('../image/content/selectionner_forfait.png') no-repeat top left;
		}
		
		/* masquer le contenu du lien */
		.ensavoirplus .ajouter span,
		.ensavoirplus .selectionner span {
			position:absolute;
			left:0px;
			top:-500px;
			width:1px;
			height:1px;
			overflow:hidden;		
		}


		    
/******* / box "En savoir plus" ******/    
    
    
    
    

/******* Chemin de fer (fil d'ariane) *******/

	ul.ariane {
	   height: 18px;
	   margin: 5px;
	   margin-bottom: 8px;
	   margin-left: 20px;
	}

	ul.ariane li {
	   display: inline;

	}

	ul.ariane a {
	   color: #5D5D5D;
	   background: none;
	   padding-left: 10px;
	   padding-right: 10px;
	}
	
	ul.ariane a:hover,
	ul.ariane li.selected a {
	   color: #FF6600;
	   background: none;
	}
	
	

/******* / Chemin de fer *******/
	    
    
    
/****** Positionnement ******/
	


#header
{} /* voir header.css */

#menuContent
{float: left;margin-left:10px;}

	#menu
	{} /* voir menunol.css */

	#content
	{/*margin-left: 193px;*/  /*width:521px;*/}


	#assistance
	{}

#column
{}  /* voir column.css */

#footer
{} /* voir footer.css */

/* ERREUR */
/*===============================================================================================================================*/
p.erreur{
	background-image: url(/cart/templates/img/erreur.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
	width:580px;
}

/* error */
p.erreur,
p.erreur strong{
	font-weight: bolder;
	font-size: 11px;
	text-align: justify;
	color: #FF0000;
}

.erreur label{
	font-weight: bolder;
	font-size  : 11px;
	text-align : justify;
	color      : #FF0000;
}

.panier_message_UNIK {
    color: #666666;
}

.panier_lien_UNIK A{
    color: #FF7200;
    text-decoration:underline;
}

.ContributionEnvironnement, .ContributionEnvironnement A {
    font-weight: bold;
    text-decoration:none;
    color: #666666;
    text-align: left;
 }

TD.ContributionEnvironnement {
    padding: 3px;
    vertical-align:middle;
}

#lien_aide_gac {
	float:right;
}

#lien_aide_gac  a:hover  {
	text-decoration:underline;
}

#lien_aide_gac a  {
	color:#5C5C5C;
	text-decoration:none;
}

/****  edito nos engagements  +  nos engagements css pour le panier *** */
#nos_engt {       
	padding			: 20px 6px 2px 12px;
}

#nos_engt_panier {
	border			: 1px solid #CCCCCC;
	font-size		: 10px;
	padding			: 20px 0px 2px 5px;
	width			: 134px;
}

h2#titre_nos_engt {	
	color			: #5c5c5c;
	font-size		: 1.2em;
	font-weight		: bold;
	margin-bottom	: 10px;
}

h2#titre_nos_engt_panier {	
	color			: #5c5c5c;
	font-size		: 1.2em;
	font-weight		: bold;
	margin-bottom	: 10px;
	margin-left		: 10px;
}

li#li_nos_engt {
   padding			: 2px 0;
}

li span.txt_nos_engt {
	margin-left		: 5px;
}

li span.txt_nos_engt_panier {
	margin-left		: 2px;
}

ul#ul_nos_engt img {
    vertical-align	: middle;
}

li#li_nos_engt  a  {
	text-decoration	: none;
	color			: #5C5C5C;
}

li#li_nos_engt  a:hover  {
	text-decoration	: none;
	color			: #FF6600;
}

#nos_engt_panier_livraison, #nos_engt_panier_securise {
	border			: 1px solid #CCCCCC;
	font-size		: 10px;
	padding			: 5px;
	width			: 134px;
}

#nos_engt_panier_livraison {
	background      : url(/image/nosengagements/24x24picto_livraison.gif) no-repeat;
}
#nos_engt_panier_securise {
	background      : url(/image/nosengagements/24x24picto_paiement.gif) no-repeat;
}

#nos_engt_panier_vide {
	width			: 134px;
}

h2#titre_nos_engt_bis {	
	color			: #FF7200;
	font-size		: 1.2em;
	margin-bottom	: 10px;
	margin-left	    : 24px;
}