/******** TRUCS GLOBAUX *******/

.z_top { z-index:99; }
.z1 { z-index:5; }
.z2 { z-index:35; }
.z3 { z-index:60; }

.absolute { position:absolute; }
.relative { position:relative; }

.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.justify { text-align:justify; }

.bold { font-weight:bold; }
.normal { font-weight:normal;font-style:normal;text-decoration:none; }
.italic { font-style:italic; }
.barre { text-decoration:line-through; }
.underline { text-decoration:underline; }

.trans { background:transparent;border:0px; }

.pad_top { padding-top:8px; }
.pad_top2 { padding-top:2px; }
.pad_bottom { padding-bottom:8px; }
.pad_bottom2 { padding-bottom:2px; }
a.lien_no { text-decoration:none; }
a.lien_no:hover { text-decoration:none; }
a.lien_u { text-decoration:none; }
a.lien_u:hover { text-decoration:underline; }
a.lien_i { font-style:normal; }
a.lien_i:hover { font-style:italic; }
a.lien_b { font-weight:normal; }
a.lien_b:hover { font-weight:bold; }

.image3d { border: 5px inset blue; }
.image3d2 { border: 5px ridge blue; }

.cercle
{
   list-style-type: circle;
   color:#007BE7;
}


	/********** LIENS ********/

	/* lien_orange */
	a.lien_1 { color:#ff8c00; }
	a.lien_1:hover { color:#ff8c00; 
                   text-decoration: underline;

  }
	
	/* lien_gris_f puis bleu */
	a.lien_2 { color:#414141; }
	a.lien_2:hover { color:#1471ce; 
                   text-decoration: underline;

  }

	/* lien_gris_f puis orange */
	a.lien_3 { color:#414141; }
	a.lien_3:hover { color:#ff8c00;
                   text-decoration: underline;

   }
	
	/* orange puis bleu */
	a.lien_4 { color:#1471ce; }
	a.lien_4:hover { color:#ff8c00; 
                   text-decoration: underline;

  }
	
	/* lien blanc */
	a.lien_white { color:#ffffff; }
	a.lien_white:hover {	color:#ffffff; }
	
	/* lien accueil vert */
	a.lien_acc_vert { color:#797979; }
	a.lien_acc_vert:hover {	color:#9fc91a; }
	
	/* lien accueil violet */
	a.lien_acc_violet { color:#797979; }
	a.lien_acc_violet:hover {	color:#d544d5; }
	
	/* lien accueil rouge */
	a.lien_acc_rouge { color:#797979; }
	a.lien_acc_rouge:hover {	color:#f50000; }
	
	/* lien accueil bleu */
	a.lien_acc_bleu { color:#797979; }
	a.lien_acc_bleu:hover {	color:#007ae7; } 
	
	/* gris tres f puis orange */
	a.lien_menu { color:#2a2a2a; }
	a.lien_menu:hover { 
    color:#ff8c00;
    font-style: italic;
    font-weight: bold;

   }


   .pop { position: absolute; visibility: hidden }

	/********** POLICES ********/

		/* Globales */
		.white { color:#FFFFFF;	}
		.black { color:#000000; }
		.red { color:red; }

		/* Spé au site */
		.couleur1 { color:#414141; } /* gris foncé */
		.couleur2 {	color:#797979; } /* gris clair */
		.couleur3 {	color:#ff8c00; } /* orange */
		.couleur4 { color:#8fb517; } /* vert */
		.couleur5 { color:#f50000; } /* rouge */
		.couleur6 { color:#d544d5; } /* violet */
		.couleur7 { color:#007ae7; } /* bleu */

		.size0 { font-size:8px; }
		.size1 { font-size:12px; }
		.size2 { font-size:17px; }
		.size3 { font-size:20px; }


	/******** FORM GLOBAUX ******/


/***********************************************************
**************************** GLOBAL ************************
************************************************************/


	.body_global {
		z-index:5;
		 background-image:url("/_images/image_fond.jpg");
     background-repeat:no-repeat;
     background-attachment: fixed;
     background-color:#221F20;
		font-family:Arial, Verdana;
		font-size:12px;
	}
	
	img {
	border:0px;
	}
	
	a {
	border:0px;
	}
	
	a:hover {
	border:0px;
	}

	.div_global {
		z-index:10;
		position:absolute;
		top:5px;
		left:50%;
		margin-left:-501px;
		width:1000px;
	}

	/************* PARTIE CENTRALE **************/

	.div_centrale {
		z-index:15;
		position:absolute;
		top:128px;
		left:193px;
		width:609px;
	}


		/************ DIVS DE CONTENU ************/

			.centre_haut {
				position:relative;
				height:70px;
			}
			.centre_centre_acc {
				position:relative;
				background-image:url("/_images/general/fond_centre_milieu.png");
				background-repeat:repeat-y;
			}
			.centre_centre {
				position:relative;
				background-image:url("/_images/general/fond_centre_milieu.png");
				background-repeat:repeat-y;
				min-height:478px;
				padding-top:10px;
			}
			.centre_bas {           /* FOOTER */
				position:relative;
				height:98px;
			}
			.div_txt {
				z-index:60;
				position:relative;
				padding-top:0px;
				padding-bottom:3px;
				padding-left:7px;
				padding-right:10px;
			}
			.fil_ariane {
				position:absolute;
				top:6px;
				left:6px;
				font-size:10px;
			}
			.titre_page {
				position:absolute;
				top:24px;
				left:23px;
				font-family:Arial, Verdana;
				font-size:18px;
				font-weight:bold;
				color:#ff8c00;
			}
			.titre_soulign {
				position:absolute;
				top:50px;
				left:22px;
			}
			.pub_google {
				background-image:url("/_images/general/fond_centre_milieu.png");
				background-repeat:repeat-y;
			}



		/***********************************************************
		**************************** PAGES *************************
		************************************************************/


			/*****	PAGE D'ACCUEIL  *****/
			.acc_cadre {
				position:absolute;
				top:0px;
				left:0px;
				height:179px;
				width:303px;
			}
			.acc_cadre2 {
				position:absolute;
				top:0px;
				left:306px;
				height:179px;
				width:303px;
			}

			.acc_titre {
				position:absolute;
				left:22px;
				top:15px;
				font-size:20px;
			}

			.acc_cadre_soulign {
				position:absolute;
				top:46px;
				left:22px;
			}

			.acc_cadre_img {
				position:absolute;
				top:60px;
				left:22px;
			}

			.acc_puces {
				position:absolute;
				top:65px;
				left:135px;
			}
			.acc_puce1 {
				position:absolute;
				top:0px;
				left:0px;
				width:200px;
			}
			.acc_puce2 {
				position:absolute;
				top:25px;
				left:0px;
				width:200px;
			}
			.acc_puce3 {
				position:absolute;
				top:50px;
				left:0px;
				width:200px;
			}
			.puce_img {
				position:absolute;
				top:2px;
				left:0px;
			}
			.puce_txt {
				position:absolute;
				top:0px;
				left:17px;
				font-size:11px;
			}

			.acc_bouton {
				position:absolute;
				top:148px;
				left:137px;
			}


			/*****	CATEGORIE PRODUIT  ************************************/

			.cat_prod {
				position:relative;
				width:100%;
				height:190px;
			}

			.cat_prod_photo {
				z-index:50;
				position:absolute;
				top:5px;
				left:0px;
				width:230px;
				height:160px;
			}

			.cat_prod_nom {
				position:absolute;
				top:3px;
				left:231px;
				width:347px;
				text-align:center;
				font-size:15px;
			}

			.cat_prod_desc {
				position:absolute;
				top:35px;
				left:250px;
				width:300px;
			}

			.cat_prod_etiquette {
				z-index:40;
				position:absolute;
				top:95px;
				left:215px
			}

			.cat_prod_prix {
				z-index:45;
				position:absolute;
				top:114px;
				left:260px;
				font-size:14px;
				text-align:center;
				width:65px;
			}

			.cat_prod_prix_barre {
				position:absolute;
				top:145px;
				left:260px;
				font-size:12px;
				text-align:center;
				width:65px;
			}

			.cat_prod_annonce {
				z-index:99;
				position:absolute;
				top:147px;
				left:0px;
				padding-top:2px;
				padding-bottom:4px;
				font-size:11px;
				padding-left:7px;
				padding-right:7px;
				background-color:#ef008d;
			}

			.cat_prod_lien {
				position:absolute;
				top:130px;
				left:355px;
				width:220px;
				text-align:center;
			}


			/**** FICHE PRODUIT ***************************************/

			.text_page_suiv {
			  position:relative;
				top:55px;
				left:172px;
				font-weight:bold;
				font-style: italic;
			 }
			 
			 .text_page_suiv2 {
			  position:relative;
				top:55px;
				left:285px;
				font-weight:bold;
				font-style: italic
			 }
      
       .text_4pages {
			  position:relative;
				top:55px;
				left:195px;
				font-weight:bold;
				font-style: italic
			 }  
			 
			 .text_4pages_suiv {
			  position:relative;
				top:55px;
				left:305px;
				font-weight:bold;
				font-style: italic
			 }
      
      .fiche_photo {
				padding-top:10px;
				padding-bottom:12px;
				padding-left:58px;
				height:320px;
			}

			.fiche_desc {
				position:relative;
				padding-top:12px;
				padding-bottom:12px;
			}

			.fiche_form {
				position:relative;
				height:100px;
			}
			.fiche_form_select {
				position:absolute;
				top:45px;
				left:110px;
			}
			.form_fiche_sel {
				background-color:#fffec7;
				color:#ef008d;
				border:1px #ef55f6 solid;
				font-weight:bold;
				padding:0px;
				margin:0px;
			}
			.fiche_form_etiquette {
				z-index:40;
				position:absolute;
				top:20px;
				left:330px;
			}
			.fiche_form_prix {
				z-index:45;
				position:absolute;
				top:41px;
				left:353px;
				font-size:19px;
				text-align:center;
				width:80px;
			}
			.fiche_form_prix_barre {
				position:absolute;
				top:80px;
				left:353px;
				text-align:center;
				width:80px;
			}
			.fiche_form_div {
				position:relative;
			}
			.fiche_form_submit {
				position:relative;
				text-align:center;
				width:244px;
				height:54px;
				left:170px;
				text-align:left;
			}


			.boite_page	{
				z-index:99;
				position:fixed;
				height:250px;
				top:170px;
				left:50%;
				width:400px;
				margin-left:-200px;
				padding:10px;
				background-image:url("/_images/general/background_boite.jpg");
				border:1px solid #f618fe;
			}

			.boite_titre {
				position:relative;
				left:-10px;
				top:-10px;
				width:420px;
				height:68px;
			}
			.boite_titre_img {
				position:absolute;
				width:420px;
				height:68px;
			}

			.boite_nom {
				position:absolute;
				top:75px;
				left:20px;
				font-size:17px;
			}
			.boite_taille {
				position:absolute;
				top:120px;
				left:80px;
				font-size:14px;
			}
			.boite_prix {
				position:absolute;
				top:120px;
				left:290px;
				font-size:14px;
			}
			.boite_qte {
				position:absolute;
				top:165px;
				width:96%;
				text-align:center;
				font-size:14px;
			}
			.boite_qte_in {
				width:40px;
			}
			.boite_bouton_annul {
				position:absolute;
				top:215px;
				left:80px;
			}
			.boite_bouton_valid {
				position:absolute;
				top:215px;
				left:240px;
			}

			/**************** PAGES MON COMPTE **********************************/

			.usr_titre {
				position:relative;
				padding:0px;
				margin:0px;
				height:45px;
				padding-top:20px;
			}

			.usr_tableau {
				position:relative;
				border:3px #fa90fe solid;
				background-color:white;
			}
			.usr_bord_right {
				border-right:3px #fa90fe solid;
			}
			.usr_bord_top {
				border-top:3px #fa90fe solid;
			}
			.usr_bord_bottom {
				border-bottom:3px #fa90fe solid;
			}

      /**************** Infobulle produit *****************************/

a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 100; 
}
a.info span {
  display: none;
  }

a.info:hover span {
   display: block; 
   position: absolute;
   white-space: nowrap;  
   top: 15px; 
   right: 150px;
   background: #F7F7F7F;
   padding: 3px;
   border: 2px solid #007BE7;
   border-top: 4px solid #FF8C00;
}    

      /**************** Publicité cote site *******************************/

   .pub_droite
{
   z-index:20;
   width: 65px;
   color:white;
   text-align: center;
   padding: 2px; /* Marge intérieure de 2px */
   position: absolute;
   left: 820px;
   top: 795px
}

 .pub_gauche
{
   z-index:20;
   width: 65px;
   color:white;
   text-align: center;
   padding: 2px; /* Marge intérieure de 2px */
   position: absolute;
   left: 10px;
   top: 795px
}

 .pub_gratte_ciel_g
{
   z-index:20;
   width: 125px;
   color:white;
   text-align: center;
   padding: 2px; /* Marge intérieure de 2px */
   position: absolute;
   right: 642px;
   top: 590px
}

 .pub_gratte_ciel_d
{
   z-index:20;
   width: 125px;
   color:white;
   text-align: center;
   padding: 2px; /* Marge intérieure de 2px */
   position: absolute;
   left: 650px;
   top: 590px
}

    /**************** Publicité banniere interne **************/
    
   .pub_banniere
{
   width:100%;
   text-align:center
}  

      /**************** PAGination résultat questionnaire simple ************* */

.pagination {
font:11px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:left
}

.pagination a {
background:#F5F5F5;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#F5F5F5;
border:1px solid #FF8C00;
color:#FF8C00
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#f4ebff;
border:1px solid #FF8C00;
color:#FF8C00;
font-weight:700;
margin:2px;
padding:.2em .4em
}


/***********************************************************
******************* Menus des cotés du site ****************
************************************************************/


		/*************** MENU DU HAUT DU SITE ************/

			.menu_haut {
				z-index:20;
				position:relative;
				width:100%;
				height:126px;
			}
			.menu_haut_ligne_bt {
				position:absolute;
				top:85px;
				left:0px;
				height:45px;
			}


	/****** COTES DU SITE *********************/

		.menu_bt1 {
			position:relative;
			height:71px;
			cursor:pointer;
		}
		
		.menu_bt2 {
			position:relative;
			height:105px;
			cursor:pointer;
		}


	/*************** COLONNE MENU GAUCHE ********/

		.menu_gauche {
			z-index:10;
			position:absolute;
			top:128px;
			left:0px;
			width:191px;
		}


	/************* COLONNNE MENU DROITE *********/

		.menu_droite {
			z-index:10;
			position:absolute;
			top:128px;
			left:805px;
			width:191px;
		}
		.menu_d_centre {
			position:relative;
			background-image:url("/_images/menus/droite/fond_centre.png");
			background-repeat:repeat-y;
		}
		.pad_menu_part {
			padding-bottom:15px;
		}

