@charset "iso-8859-15";

/* IMPORTATION BRUTALE */

.justifie
{
text-align : justify;
}

/* --------   Bloc conteneur du site (la base du site)   --------- */
div#conteneur {
width: 900px ;
margin: 0 auto;
border: 0px; /*solid #000000 ;*/
}

/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
div#header {
display: block;
width : 900px ;
height: 138px;
text-align : left;
margin: 0 ;
padding: 0;
border : 0px #000 solid;
background : #FFFFFF;
}

/* Formatage de la banniere */
div#header #ban {
display: block;
float : left;
width: 530px ;
height: 138px;
text-align : left;
margin: 0;
padding: 0;
}

div#header #ban1 div { /*Superpose un rectangle pour cacher le logo Intersoft*/
display: block;
float : left;
width: 161px ;
height: 38px;
padding: 0;
margin: 0;
margin-top: -138px;
/*margin-left: 0px;
margin-right: 0px;
color : #ffffff;
font-size: 1.0em;
font-weight: normal;
text-align : left;*/
background : #FF0033;
}

div#header #ban2 div { /*Superpose la banière Océ Solutions*/
display: block;
float : left;
width: 530px;
height: 22px;
padding: 0;
margin: 0;
margin-top: -138px;
/*margin-left: 0px;
margin-right: 0px;
color : #ffffff;
font-size: 1.0em;
font-weight: normal;
text-align : left;*/
background : url(../img/OceSolutionsAG1.jpg) no-repeat left top;
}

/* Bloc Rechercher */
div#header #recherche {
display: block;
float : right;
width: 169px;
height: 138px;
margin: 0px;
color : #000000;
text-align : left;
margin-right: 11px;
margin-left : 0px;
background : url(../img/bloc_rechercher.jpg) no-repeat right top;
}

/* titre "Rechercher" dans le bloc  */
div#header #recherche span {
display: block;
float : left;
width: 130px;
height: 15px;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-left: 4px;
margin-right: 3px;
color : #ffffff;
font-size: 0.8em;
font-weight: bold ;
text-align : center;
background : #FF0033;
}

/* alignement a droite du formulaire */
div#header #recherche div.right {
display:block;
padding : 0px;
margin : 0px;
width : 165px ;
padding-right: 5px;
text-align : right;
line-height: 20px;
font-size: 0.7em;
}

div#header #recherche .type {
font-size: 1em;
}

/* Formatage des champs, tres restreint dans IE */
div#header #recherche input, select {
border:1px solid #7EB4CE;
background: #FFFFFF;
font-size: 0.9em;
margin: 1px;
color: #000000;
text-align: center;
}

		div#header #recherche  div.right input.valid {/* Formatage du bouton "OK" */
            border:1px solid #000;
			font-size: 0.9em;
			margin: 1px;
			background: #DBF2F5;
			color: #000000;
			text-align: center;
			font-weight : normal;
			width: 20px;
		}
		
		div#header #panier
		{/* Bloc Panier & Contact */
        display: block;
        float : right;
        width: 177px ;
        height: 136px;
        margin: 0 ;
        margin-left : 0px;/* -----------------------------    REDUCTION de la marge de gauche --------------------------*/
        margin-right: 0px;/* -----------------------------    REDUCTION de la marge de droite --------------------------*/
		text-align : left;
        background : #FFFFFF;
		border : 1px solid #FF0033;
		}
		
		div#header #panier a{
        text-decoration : none;
        }

		div#header #panier a.bloc
		{/* Lien "Votre panier" */
        display: block;
        float : left;
        width: 179px; /*120*/
        height: 49px; /*37*/
        padding: 0;
		margin: 0;
        padding-left : 0px; /*29*/
        padding-top : 2px; /*8*/
		color : #000000;
		font-size: 0.7em;
		font-weight: bold;
		text-align : center;
        margin-top : 0px; /*4*/
		/*background : url(../img/teleactrice2.jpg) no-repeat left top; */
        /*background : url(../img/fond-bloc-panier.jpg) no-repeat left top;*/
        }
		
        div#header #panier #contact
		{/* Bloc Contact et l'image en haut a droite */
        display: block;
        float : right;
        width: 177px ;
        height: 136px; /*85*/
        margin: 0;
        background : url(../img/teleactrice2.jpg) no-repeat left top;
        /*background : #FFFFFF url(../img/telephone-small.gif) no-repeat right top;*/
        /*border : 1px solid #FF0033; /*ee2a4e*/
		}
		
		div#header #panier #contact div
		{/* Formatage du contenu */
		padding-left: 5px;
		text-align : left;
        color : #000000;
		font-size: 0.6em;
		font-weight: normal ;
		line-height: 17px;
		}
		
		div#header #panier #contact div b{
		font-size: 1.2em;
		}
		
		div#header #panier #contact a.bloc
		{/* Liens Contact */
        display: block;
        float : left;
        width: 147px ;
        height: 20px;
        padding: 0;
		margin: 0;
        padding-left : 30px;
        padding-top : 8px;
		color : #FFFFFF;
		font-size: 0.8em;
		font-weight: normal ;
        text-align : top;
		margin-top : 108px; /*6*/
        background : #FF0033 url(../img/fleche-bleu-contact1.jpg) no-repeat left center;
        background-position: 5px;
		}
		
		div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/

			display:block;
			width: 890px ;
			background: #FFF;
			margin: 0;
			padding : 0;
            padding-left : 10px;
			padding-top: 5px;
			padding-bottom: 15px;
            border: 0px #000000 solid;
		}
        div#menu
		{/* Bloc Menu gauche */
        width: 176px ;
        float:left;
		/*background: #FFF;*/
        }
        #menu ul{/* Formatage du menu */
			width: 176px ;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;

		}
        #menu ul li{
			margin-bottom: 3px;
			
		}
        #menu ul li a.menu{/* Liens menu */
        display: block;
        width: 154px ;
        height : 21px;
        text-decoration : none;
        color : #000000;
		font-size: 0.8em;
		font-weight: normal ;
		padding-top: 5px;
        padding-left: 22px;
		background : url(../img/menu-gauche-off2.jpg) no-repeat left top;
		border-bottom:1px solid #000;
        }
        #menu ul li a.menu:hover{/* Effet du survole de liens */

		background : url(../img/menu-gauche-on2.jpg) no-repeat left top;
		border-bottom:1px solid #2D6E90;
        }

        #menu ul li a.ssmenu{ /* Liens sous menu */
        display: block;
        width: 154px ;
        height : 21px;
        text-decoration : none;
        color : #000000;
		font-size: 0.8em;
		font-weight: normal ;
		padding-top: 5px;
        padding-left: 22px;
		background-color : #DBF2F5;
        }
        #menu ul.ssmenu li a.ssmenu:hover{/* Effet survole de liens */

		color: #FE2A0F;
        }
        #menu ul.ssmenu{
			display:none;

		}
		#centre {/* --------    Bloc Centrale du site (contenu) ---------- */
        float : left;
		width: 688px;
		padding: 0;
		margin:0;
        margin-left: 13px;
		background : #FFFFFF ;
		text-align : left;
		border: 0px solid #000000;
        }
        /* Définitions des class de liens utilisable plusieurs fois */
        #centre a{
        text-decoration: none;
        color : #000;
        font-size: 0.9em;
		font-weight: bold;
        }
        #centre a:hover{
        text-decoration: none;
        color : #FE2A0F;
        }
        #centre a.bleu{
	   text-decoration : none;
	   color : #0678B3;
        }
        #centre a.bleu:hover{
	   text-decoration : none;
	   color : #FE2A0F;
        }
        #centre a.bouton{
		display: block;

		width: 170px;
		height: 17px ;
		padding: 0;
		margin:0;
        padding-top : 5px;
        background : url(../img/bt-fleche-rouge.png) no-repeat right center;
      }
      #centre a.commander{
	   display: block;
		height: 17px ;
		padding: 0;
		margin:0;
        padding-top : 5px;
        padding-right : 30px;
        background :  url(../img/bt-fleche-bleu.png) no-repeat right center;
        font-size: 0.7em;
      }
      #centre a.consommable{
	   display: block;
	   text-align : right;
		height: 17px ;
		padding: 0;
		margin:0;
        padding-top : 5px;
        padding-right : 30px;
        background :  url(../img/bt-fleche-bleu.png) no-repeat right center;
        font-size: 0.7em;
        }
        #centre a.pdf{
        display: block;
		height: 17px ;
		padding: 0;
		margin:0;
        padding-top : 2px;
        padding-left : 25px;
        color : #0678B3;
        background :  url(../img/picto-pdf_43.jpg) no-repeat left center;
      }
         #centre a.pdf:hover{
           color: #FE2A0F;
         }
		
        #centre #haut {/* Barre d'identification' */

		display:block;
		width: 688px;
		height: 27px ;
		padding: 0;
		margin:0;
        text-align : left;
        background : url(../img/barre-menu-haut1.jpg) no-repeat left top;
        
        margin-bottom : 5px;

        }
        #centre #haut .gauche {/* Partie gauche de la barre */
        display:block;
		width: 323px;
        float : left;
        text-align : left;
        padding-left : 25px;
        padding-top : 4px;
        }
        #centre #haut .droite {/*Partie droite de la barre */
        display:block;
		width: 323px;
        float : left;
        text-align : right;
        padding-right:15px;
        color : #000000;
		font-size: 0.9em;
		font-weight: normal ;
		padding-top : 3px;
      }
      	#centre #haut .droite input, select {/* Formatage des champs de la barre */
			border:1px solid #7EB4CE;
			background: #FFFFFF;
			font-size: 0.8em;
			margin: 1px;
			color: #000000;
			text-align: center;

		}
		#centre #haut .droite input.valid {/* Formatage du bouton "Ok" */
            border:1px solid #000;

			font-size: 0.8em;
			margin: 0px;
			background: #E7E9E6;
			color: #000000;
			text-align: center;
			font-weight : normal;
			width: 20px;

		}
		#centre a.big_bloc_black {/* Grand Bloc Noir Arrondi cliquable */

		display: block;
		float : left;
		width: 462px; /*462*/
		height: 232px ; /*232*/
		padding: 0;
		margin:0;
        background : #FFF url(../img/fond_big_bloc_noir1.jpg) no-repeat left top;
        padding-top : 10px;
        padding-left : 10px;
        padding-right : 10px;
        color : #000000;
		font-size: 0.7em;
		font-weight: normal ;
		margin-right : 7px;
        }
        #centre a.big_bloc_black .img {/* A utiliser si vous voulez mettre une hauteur a l'image pour eviter le texte en dessous (<div class="img"><img ...></div> texte...) !!!Non cliquable sous IE!!!! */
        float : left;
        height: 232px ;
        }
       
		
        #centre a.big_bloc_black h2 {/* Formatage titre bloc noir */
        padding: 0;
		margin:0;
        color : #000000;
		font-size: 1.6em;
        font-weight: bold ;
      }
 
      #centre a.big_bloc_black:hover {/*  enleve leffet rouge du survole de lien du bloc */

        }
      #centre .bloc_red {/* Bloc Rouge arrondi */

		display: block;
		float : left;
		width: 179px;
		height: 232px ;
		padding: 0;
		margin:0;

        background : #FFF url(../img/fond_bloc_rouge1.jpg) no-repeat left top;
        padding-top : 10px;
        padding-left : 10px;
        padding-right : 10px;
        color : #000000;
		font-size: 0.8em;
		font-weight: normal ;
        line-height : 12px;
        }


        #centre .bloc_red h2 {/* Formatage du titre dans l'arrondi */
        padding: 0;
		margin:0;
		padding-left: 10px;
		padding-bottom: 12px;
        color : #FFF;
		font-size: 1.2em;
        font-weight: bold ;
      }
      
      
        
        #centre a.bloc_black {/* petit bloc noir cliquable */
		display: block;
		float : left;
		width: 214px; /*212*/
		height: 148px;
		padding: 0;
		margin:0;
		margin-top : 5px;
        padding-top : 10px;
        padding-left : 5px;
        padding-right : 5px;
        color : #000000;
		font-size: 0.7em;
		font-weight: normal ;
        border : 1px solid #000;
        text-decoration : none;
        cursor : hand;
        }

		#centre a.bloc_black_facul {/* petit bloc noir cliquable facultatif*/
		display: block;
		float : left;
		width: 330px; /*327*/
		height: 148px;
		padding: 0;
		margin:0;
		margin-top : 5px;
        padding-top : 10px;
        padding-left : 5px;
        padding-right : 5px;
        color : #000000;
		font-size: 0.7em;
		font-weight: normal ;
        border : 1px solid #000;
        text-decoration : none;
        cursor : hand;
        }
		
        #centre a.bloc_black:hover {/* enleve l'effet rouge survole */
        }

		#centre a.bloc_black_facul:hover {/* enleve l'effet rouge survole */
        }
		
        /*#centre a.large {/* petit bloc noir cliquable */
		/*width: 327px; /*327*/
		/*}*/
                
        #centre a.marge_right {/* Marge droite du bloc */
        margin-right : 5px;
		}
		
		#centre a.large_marge_right {/* Marge droite du bloc facultatif*/
        margin-right : 4px;
		}
        
		#centre a.bloc_black .img {/* A utiliser si vous voulez mettre une hauteur a l'image pour eviter le texte en dessous (<div class="img"><img ...></div> texte...) !!!Non cliquable sous IE!!!! */
        height: 148px ;
        float : left;
        }

		#centre a.bloc_black_facul .img {/* A utiliser si vous voulez mettre une hauteur a l'image pour eviter le texte en dessous (<div class="img"><img ...></div> texte...) !!!Non cliquable sous IE!!!! */
        height: 148px ;
        float : left;
        }
		
        #centre a.bloc_black h3 {/* Formatage du titre */
        padding: 0;
		margin:0;
        color : #000;
		font-size: 1.2em;
        font-weight: bold ;
        }

		#centre a.bloc_black_facul h3 {/* Formatage du titre */
        padding: 0;
		margin:0;
        color : #000;
		font-size: 1.2em;
        font-weight: bold ;
        }
		
        #centre a.bloc_black h3.bleu {/* Formatage en bleu */
        color : #0678B3;
        }

        #centre a.bloc_black span.date {/* Formatage de la date sous le titre */
        padding: 0;
		margin:0;
        color : #000;
		font-size: 1em;
        font-weight: bold ;
        }
		
        #centre .bloc_black_large {/* Large Bloc noir page produit */
		display: block;
		width: 676px;
		padding: 0;
		margin:0;
		margin-top : 5px;
        padding-top : 10px;
        padding-left : 5px;
        padding-right : 5px;
        padding-bottom : 10px;
        color : #000000;
		font-size: 0.8em;
		font-weight: normal ;
        border : 1px solid #000;
        text-decoration : none;
		}


        div#centre #prod /* -------------------------------------------------------- bloc produit' */
		{/* Bloc Produit */
        display: block;
        width: 688px ;
        margin: 0 ;
		text-align : left;
        margin-top: 16px;
		}
		div#centre #prod #tete
		{/* sousbloc de l'entete du bloc produit' */
        display: block;
        width: 688px ;
        height : 25px;
        margin: 0 ;
        padding: 0 ;
		text-align : bottom;
        border-bottom : 1px solid #000;
        margin-bottom : 15px;
		}
		div#centre #prod #tete h2
		{/* Formatage du titre */
        display : block;
        margin: 0 ;
        padding: 0 ;
        float : left;
        color : #000000;
		font-size: 1.6em;
		font-weight: bold ;
        }
        div#centre #prod #tete span
		{/* formatage des sous titre */
        
        display : block;
        margin: 0 ;
        padding: 0 ;
        margin-right : 0px;
        margin-top : 8px;
        float : right;
        color : #000000;
		font-size: 1.0em;
		font-weight: normal ;
        }
        div#centre #prod #img
		{/* sous bloc img (image du produit, prix, commander) */
        display: block;
        width: 210px ;
        float : left;
        margin: 0 ;
        padding: 0 ;
		text-align : right;

        }
        div#centre #prod #desc
		{/* sous bloc description du produit */
        display: block;
        width: 240px ;
        float : left;
        margin: 0 ;
        padding: 0 ;
		text-align : left;
        margin-left : 10px;
         font-size: 0.8em;
         color : #000;
		}
		div#centre #comp
		{/* sous bloc produits compatibles */
        display: block;
        width: 199px ; /*201*/
        float : right; /*left*/
        margin: 0 ;
        padding: 0 ;
		text-align : left;
        margin-left : 0px; /*10*/
        background : url(../img/haut-bloc-compatible.jpg) no-repeat left top;
		}
		div#centre #comp h3
		{/* Titre du sous bloc */
        margin: 0 ;
        padding: 0 ;
        color : #FFF;
		text-align: center;
        font-size: 1.0em;
		font-weight: normal ;
		padding-top : 7px; /*10*/
		padding-left : 0px; /*20*/
          }
		div#centre #comp div#centre
		{/* contenu (liens) */
        display: block;
        width: 194px ; /*192*/
        margin: 0 ;
        padding: 0 ;
		text-align : left;
		margin-top : 5px;
		margin-left : 0px; /*1*/
        border-left : 1px solid #29242A; /*2*/
        border-right : 1px solid #29242A; /*2*/
        padding-left : 3px;
        padding-top : 3px;
		}
		div#centre #comp div#bas
		{/* bas du sous bloc */
        height : 25px; /*27*/

        background : url(../img/bas-bloc-compatible.jpg) no-repeat left bottom;
		}

/* conteneur de la page presentation */
div#centre #present {
display: block;
margin: 0 ;
text-align : left;
margin-top: 16px;
}

div#centre #present table {
text-align : left;
}

/* sousbloc de l'entete du bloc produit' */
div#centre #present #tete {
display: block;
width: 688px ;
height : 25px;
margin: 0 ;
padding: 0 ;
text-align : bottom;
border-bottom : 1px solid #000;
margin-bottom : 15px;
}

div#centre #present #tete h2 {/* Formatage du titre */
display : block;
margin: 0 ;
padding: 0 ;
float : left;
color : #000000;
font-size: 1.6em;
font-weight: bold ;
}

/* Affichage du plan d'acces */
div#centre #present #desc #plan1 {
display: block;
position: absolute;
float: left;
margin-left: 220px;
}

        div#centre #present #tete span
		{/* formatage des sous titre */
        
        display : block;
        margin: 0 ;
        padding: 0 ;
        margin-left : 45px;
        margin-top : 5px;
        float : left;
        color : #000000;
		font-size: 1.2em;
		font-weight: normal ;
        }
		div#centre #present #corp
		{/* contenu */
        display: block;
        margin: 0 ;
        padding: 0 ;
		text-align : left;
		padding-right: 20px ;
      	}
		div#centre #present #corp span
		{
        display : block;
        margin: 0 ;
        color : #999999;
		font-size: 1.2em;
		font-weight: normal ;
		border-bottom : 1px dotted #999999;
		padding-bottom : 5px;
      	}

		div#centre #inscri /* -------------------------------------------------------- bloc inscritpion */
		{/* Bloc Produit */
        display: block;
        width: 688px ;
        margin: 0 ;

		text-align : left;
        margin-top: 16px;
		}

		div#centre #inscri #tete
		{/* sousbloc titre inscritpion, fond gris */
        display: block;
        width: 688px ;
        height : 25px;
        margin: 0 ;
        padding: 0 ;
		text-align : bottom;
        border-bottom : 1px solid #000;
        margin-bottom : 15px;
		}
		div#centre #inscri #tete h2
		{/* Formatage du titre */
        display : block;
        margin: 0 ;
        padding: 0 ;
        float : left;
        color : #000000;
		font-size: 1.6em;
		font-weight: bold ;
        }
        div#centre #inscri #tete span
		{/* formatage des sous titre */
        
        display : block;
        margin: 0 ;
        padding: 0 ;
        margin-left : 45px;
        margin-top : 5px;
        float : left;
        color : #000000;
		font-size: 1.2em;
		font-weight: normal ;
        }
		
		div#centre #inscri #forminscri /* -------------------------------------------------------------------Bloc formulaire inscription */
		{/* Bloc formulaire */
        display: block;
        width: 657px ;
        margin: 0 ;

		text-align : left;
        margin-top: 30px;
		margin-left: 30px;
		margin-bottom: 30px;
		}

		div#centre #inscri #forminscri input, select {/* --------------------------------------------------------------------------Formatage des champs, tres restreint dans IE */
			border:1px solid #7EB4CE;
			background: #FFFFFF;
			font-size: 0.8em;
			margin: 1px;
			color: #000000;
			text-align: center;

		}


/*div#centre #contact {
display: block;
margin: 0 ;
text-align : left;
margin-top: 16px;
}

div#centre #contact #tete {
display: block;
height : 25px;
width: 697px ;
margin: 0 ;
padding: 0 ;
text-align : bottom;
border-bottom : 1px solid #000;
margin-bottom : 15px;
}

div#centre #contact #tete h2 {
display : block;
margin: 0 ;
padding: 0 ;
float : left;
color : #000000;
font-size: 1.6em;
font-weight: bold ;
}

div#centre #contact #desc {
display: block;
width: 697px ;
margin: 0 ;
text-align : left;
margin-top: 30px;
margin-left: 30px;
margin-bottom: 70px;
padding-right: 15px;
}

		div#centre #contact #indic
		{
        display: block;
        width: 550px ;
        margin: 0 ;
		text-align : left;
        margin-top: 30px;
		
		}

		div#centre #contact #desc 
		{
		display: block;
		position: absolute;
		float: left;
		margin-left: 100px;
		}


div#centre #contact #desc #plan1 {
display: block;
position: absolute;
float: left;
margin-left: 250px;
}
*/
		div#centre #liste /* ----------------------------------------------------------------------------------- Bloc liste produit' */
		{
/*      display: block;
        width: 697px ;
        margin: 0 ;
		text-align : left;
        margin-top: 16px;*/
		}
		div#centre #liste #tete	/* ----------------------------------- titre des liste liste produit' */
		{/* sousbloc de l'entete du bloc produit' 
        display: block;
        width: 697px ;
        height : 25px;
        margin: 0 ;
        padding: 0 ;
		text-align : bottom;*/
/*        border-bottom : 1px solid #000;
        margin-bottom : 15px;*/
		}
		div#centre #liste #tete h2
		{/* Formatage du titre 
        display : block;
        margin: 0 ;
        padding: 0 ;
        float : left;
		margin-top : 5px;
        color : #000000;
		font-size: 1.2em;
		font-weight: bold ;*/
        }
        div#centre #liste #tete span
		{/* formatage des sous titre 
        
        display : block;
        margin: 0 ;
        padding: 0 ;
        margin-left : 145px;
        margin-top : 5px;
        float : left;
        color : #000000;
		font-size: 1.2em;
		font-weight: normal ;*/
		}

		div#centre #liste #ligne /* ----------------------------------------------------------------------------------- Bloc liste produit' */
		{
 /*        display: block;
       width: 697px ;
        margin: 0 ;
		text-align : left;
        margin-top: 16px;*/
		}
        
        div#centre #liste #ligne #img
		{/* sous bloc img (image du produit, prix, commander) */
 /*        display: block;
        width: 210px ;
        float : left;
        margin: 0 ;
        padding: 0 ;
		text-align : right;*/   

        }
        div#centre #liste #desc
		{/* sous bloc description du produit 
        display: block;
        width: 240px ;
        float : left;
        margin: 0 ;
        padding: 0 ;
		text-align : left;
        margin-left : 10px;
         font-size: 0.8em;
         color : #000;*/
		}
		    

		div#centre #erreur
		{/* --------------------------------------------bloc erreur */
        display: block;
        width: 400px ;
		height: 100px;
        margin: 0 ;
        padding: 0 ;
		font-size: 30px;
		font-weight: bold;
		color: #000;
		text-align : center;
		margin-top : 120px;
		margin-left : 120px;
        border-style: solid;
		border-width: 3px;
		border-color: #292429;
		background: #c2c2c2;
        padding-left : 3px;
        padding-top : 50px;
		}

		div#centre table#liste{ /* ---- Bloc Produit Liste ---- */						
        border: 1px solid #000; 																
 /*       border-spacing: 0px;
        border-collapse: collapse;
        width : 100%;*/
      }

        div#centre table#liste tr.tete th,td{/* ---- formatage tete du tableau ---- */
  /*       border-bottom: 1px solid #000;
        border-color : #000;
        font-weight : bold;
        text-align : center;
          }
          div#centre table#liste tr.prod th,td{/* ---- formatage corps du tableau ---- 
        border-bottom: 1px dotted #000;
        border-color : #000;
        font-weight : normal;
        text-align : center;*/
      }

        div#centre table#liste tr.prod th.bleu,td.bleu{/* ---- cellule bleu ---- */

        background : #DBF2F5;
      }
	  
	       div#centre table#liste tr.prod th.blanc,td.blanc{/* ---- cellule blanc ---- */

        background : #FFFFFF;
      }
       div#centre table#liste tr.pied th,td{/* ---- Pied du tableau ---- 
        border: 0px;
        border-color : #000;
        font-weight : normal;
        text-align : center;*/
      }
      div#centre table#liste table{/* ---- Bloc pied du tableau ---- 
        border: 0px solid #000;
        border-spacing: 0px;*/
        /*border-collapse: collapse;*/
        /*width : 300px;												 ---- 100 POURCENT ---- */      }
       div#centre table#liste tr table tr th.left, td.left{
        font-weight : normal;
        text-align : left;
      }
      div#centre table#liste tr table tr th.right, td.right{

        font-weight : normal;
        text-align : right;
      }
       div#centre table#liste tr table tr th,td img{

        vertical-align : middle;
      }

	div#centre table#total{ /* ---- Bloc total de la commande ---- */
		border: 0px solid #000;
        border-spacing: 0px;
        width : 100%;
		}
	div#centre table#total tr.tete th,td{/* ---- formatage tete du tableau ---- */
        font-weight : normal;
        text-align : right;
		padding-right: 50px;
          }
	div#centre table#action{ /* ---- Bloc total de la commande ---- */
		border: 0px solid #000;
        border-spacing: 0px;
        width : 100%;
		}
	div#centre table#action tr.tete th,td{/* ---- formatage tete du tableau ---- */
        font-weight : normal;
        text-align : right;
          }
		
		
		div#pied
		{/* -----------  Bloc Pied de page (menu bas) -------------- */
			width: 900px ;
			height: 27px;
			margin: 0;
			border: 0px solid #000000 ;
            background : url(../img/fond_bas.jpg) no-repeat left top;
            margin-top: 10px;
            color : #000;

		}
	
		div#pied ul
		{/* menu bas */
          	margin: 0 ;
			padding: 0 ;

            margin-left: 216px; /* moitié de la largeur */

            height: 27px ;

			list-style-type: none ;
			border : 0px solid #000;

		}

	   div#pied ul li
		{
			line-height: 27px ;
			display: block ;
			float: left ;
            font-size: 0.8em;
            font-weight: normal ;

		}


	   div#pied ul li a
		{/* formatage liens menu bas */

			color: #000000;
			text-decoration: none ;
		}
        div#pied ul li a:hover
		{
          color: #FE2A0F;
        }

/* Bloc qui maintient les autres a la meme hauteur */
#clear {
clear: both;
}

/*------------------------------------------------
/*------------------------------------------------
/*------------------------------------------------
/*------------------------------------------------
/*------------------------------------------------
/*------------------------------------------------

/* Corps de la page, centrage, image de fond, police et taille utilisé */

body {
margin : 0;
padding : 0;
text-align : center;
background : url(../img/back.gif) repeat left top;
color : black;
font-family : Verdana, sans-serif ;
font-size : 0.8em;
}

/* Toute les bordures d'image enlevée en cas de liens */
img{
border : 0px solid #fff;
}

/* Centrage de l'image */
img.center{
display :block;
text-align : center ;
}

/* Alignement de l'image a droite par rapport au texte */
img.right {
float : right;
display : block;
margin-left : 15px;
margin-bottom : 15px;
}

/* Alignement de l'image a gauche par rapport au texte */
img.left {
float : left;
margin-right : 15px;
margin-bottom : 15px;
}

/* Gestion du tableau de la liste des Produits */

div#centre table#liste {
border: 0px solid #000;
border-spacing: 0px;
border-collapse: collapse;
}

div#centre table#liste tr.tete {
border-bottom: 1px solid #000;
border-color : #000;
font-weight : bold;
text-align : center;
padding-left: 5px;
padding-right: 5px;
}

div#centre table#liste th {
border: 0px;
border-bottom: 1px dotted #000;
border-color : #000;
font-weight : normal;
text-align : center;
padding-left: 5px;
padding-right: 5px;
}

div#centre table#liste td {
border: 0px;
border-bottom: 1px dotted #000;
border-color : #000;
font-weight : normal;
text-align : center;
padding-left: 5px;
padding-right: 5px;
}

div#centre table#liste tr.prod{
border-bottom: 1px dotted #000;
border-color : #000;
font-weight : normal;
text-align : center;
background : #FFFFFF;
padding-left: 5px;
padding-right: 5px;
}

div#centre table#liste th.bleu,td.bleu{
background : #DBF2F5;
}

div#centre table#liste th.blanc,td.blanc{
background : #FFFFFF;
}

div#centre table#liste tr.pied{
border: 0px;
border-color : #000;
font-weight : normal;
text-align : center;
}

div#centre input {
border:1px solid #7EB4CE;
background: #FFFFFF;
font-size: 0.9em;
margin: 1px;
color: #000000;
text-align: center;
}

/* Large Bloc noir - DESCRIPTION de la rubrique - page LISTE produit */
div#centre .bloc_black_large {
display: block;
width: 682px;
padding: 0;
margin:0;
margin-top : 0px;
padding-top : 10px;
padding-left : 2px;
padding-right : 2px;
padding-bottom : 10px;
color : #000000;
font-size: 0.8em;
font-weight: normal ;
border : 1px solid #000;
text-decoration : none;
}

div#centre .bloc_black_large table#entete_rubrique tr td {
border: 0px solid #000;
border-spacing: 0px;
border-collapse: collapse;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}

/* Affichage de la recherche avancée */

/* Bloc "Recherche Avancee" */
div#centre #recherche_av{
display: block;
width: 688px ;
height: 66px;
margin: 0;
color : #000000;
font-size: 0.8em;
margin-top: 16px;
}

/* Formatage Titre "Rechercher" */
div#centre #recherche_av span {
display: block;
float: left;
width: 652px ;
height: 17px;
padding: 0;
margin: 0;
color : #FFF;
font-size: 1.2em;
font-weight: bold ;
text-align : right;
padding-top : 3px;
padding-right : 35px;
margin-right : 3px;
background : #FF7F00;
}

/* sous bloc (champs) */
div#centre #recherche_av #bas {
display: block;
width: 688px ;
height: 50px;
margin: 0;
color : #000000;
text-align : center;
padding-top: 12px;
background : url(../img/degrade-recherche-av1.jpg) no-repeat left top;
}

/* Formatage des champs */
div#centre #recherche_av #bas input.av {
border:1px solid #7EB4CE;
background: #FFFFFF;
font-size: 1em;
margin: 1px;
color: #000000;
text-align: center;
margin-right : 10px;
}

div#centre #recherche_av .select_largeur
{
	width: 110px;
	background: #FFFFFF;
	font-size: 1em;
	color: #000000;
	text-align: center;
}

/*Définitions de quelques class de colorisations de texte utilisable plusieurs fois */

span.red{
color: #FE2A0F;
}

span.bleu{
color: #0678B3;
}

/* Affichage dans texte Promo1 (en première page)*/
span.prix{
background : #FFFF00 url(../img/ttc.jpg) no-repeat right top;
color: #000000;
font-size: 1.6em;
border : 1px solid #000;
font-weight: bold ;
padding : 0;
padding : 5px 5px 5px 5px;
margin : 1px 1px 1px 1px;
}

/* Affichage dans le détail produit */
span.prix2{
background : #8D8787 url(../img/ttc2.jpg) no-repeat right top; 
color: #FFFFFF;
font-size: 1.6em;
border : 1px solid #000;
font-weight: bold ;
padding : 0;
padding : 5px 5px 5px 5px;
}

span.erreur{
font-size: 10px; 
color: #fff;
}

span.contact01{
font-weight: bold;
color: #000;
}

span.mention{
font-size: 10px;
color: #000;
}