/************** mentions legales *************/

#Essentiels{
margin-top:40px;
background: url('./images/Essentiels2012.png') no-repeat;
	margin-left:2px;
width: 708px;
	height: 541px;
	
	}
	
.Essentiels2{
position: absolute;
	margin-top:2px;
	margin-left:252px;
	width: 231px;
	height: 539px;
	}
	
.Essentiels3{
position: absolute;
	margin-top:2px;
	margin-left:488px;
	width: 221px;
	height: 539px;
	}

.Essentiels1{
position: absolute;
	margin-top:2px;
	margin-left:2px;
	width: 242px;
	height: 539px;
	}

#Mentions{
margin-top:60px;

	margin-left:20px;
	margin-right:20px;
	text-align: justify;
	font-size: 14px;
	font-family: arial;
	color: #1C3655;
	}
.Agir{
margin-left:50px;
}

#Liens{
margin-top:60px;

	margin-left:40px;
	margin-right:20px;
	text-align: justify;
	font-size: 14px;
	font-family: arial;
	color: #1C3655;
	}
	
#Liens a{
TEXT-DECORATION:underline;
color: #1C3655;
}	


.TexteJustifie{
 text-align: justify;
}


	#MenuFlash_Accueil{
	/*position : absolute;
	float:left;
	border: 1px solid #000000;	width: 180px;*/
	
	Margin-left: 383px; 
	margin-top: 167px;
	
	text-decoration: none;
	
}

	#EspaceFlash{
	
	float:left;
background: url('./images/AccueilSansPantone.png') no-repeat;
	width: 710px;
	height: 625px;

}



/* *****************CONTACT************************/


form {
 color:#1C3655;

 }

input {
 border:1px solid #1C3655;
	margin-left: 2px;
	/*width:180px;*/
 }
 
input [id="Contact"] {
  border:1px solid #1C3655;
 }
 
label {
display:block;
width:160px; /*Cette largeur sert d'exemple, vous pouvez la modifier si vous voulez*/
float:left;
}

textarea {
	border:1px solid #1C3655;
	margin-left: 2px;
	width:202px;
 }
 
 select {
	border:1px solid #1C3655;
	margin-left: 2px;
	width:60px;
 }


input[type=submit] {
 border:1px  #1C3655;
background-color : #1C3655;
color: white;
width:70px;
height:30px;
margin-left: 162px;
cursor:pointer;

 }
 
  input[type=reset]{
 border:1px  #1C3655;
background-color : #1C3655;
color: white;
width:70px;
height:30px;
cursor:pointer;

/*margin-left: 252px;*/
 }
.TexteConforme{

	width: 360px;
	text-align: justify;
	font-size: 10px;
	font-family: arial;
	
	}
 
#ContactTitre{

	float:left;
	height: 25px;
	width: 490px;
	background-color : #1C3655;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 0;
	z-index=1;
	}
	
#MenuDroit{
position:absolute;

background-color : #4c637e;
	
	margin-top:0px;
	Margin-left:490px;
	width : 220px;
	height: 480px;
	color : white;
	font-family: arial;
	padding-top: 20px;

	text-decoration: none;
	/*font-weight: bold;color: #1C3655;display:block;*/
	font-size: 10px;
	}
	
	#ContactCorpsRens{
	
float : left;
/*background: url('./images/FormRens.jpg') no-repeat;*/
	margin-top:10px;
	margin-left: 48px;
	height: 460px;
	width: 442px;
	
	}
	
	#ContactCorpsRens p{
margin-bottom: -7px;
}
		#ContactCorpsAdhesion{
	
float : left;
/*background: url('./images/FormAdhesion.jpg') no-repeat;*/
	margin-top:10px;
	margin-left: 48px;
	height: 500px;
	width: 442px;

	}
	
	#ContactCorpsAdhesion p{
margin-bottom: -7px;
}
	
		#ContactCorpsCandidature{
	
float : left;
/*background: url('./images/FormCandidature.jpg') no-repeat;*/
	margin-top:10px;
	margin-left: 48px;
	height: 565px;
	width: 472px;
	/*border: 1px solid #cdcdcd;*/

	}
		#ContactCorpsCandidature p{
margin-bottom: -7px;
}

 #ContactCorpsCandidature select {
	border:1px solid #1C3655;
	margin-left: 2px;
	width:203px;
 }
	.ContactMenu1{
float: left;
	margin-top: 3px;
	margin-left: 5px;
	height: 18px;
	width: 180px;
	background-color: #1C3655;
	color : white;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding-left: 3px;
	/*border: 1px solid #cdcdcd;*/
}	
.ContactMenu{
float: left;
		margin-left: 5px;
	height: 18px;
	width: 180px;
		background-color: #1C3655;
	color : white;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding-left: 3px;
	/*border: 1px solid #cdcdcd;*/
}

	.ContactSelec{
float: left;
background: url('./images/Degrade210.png') repeat-y;
	margin-top: 3px;
	margin-left: 5px;
	height: 18px;
	width: 180px;
	
	color : #1C3655;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding-left: 3px;
	/*border: 1px solid #cdcdcd;*/
}
	
	.ContactCoord{
float: left;
		margin-top: 40px;
	height: 40px;
	width: 219px;
		background-color: #1C3655;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	text-align:center;

	padding-top:8px;
}
.ContactAgir{
float: left;
	margin-top: 3px;
	margin-left: 5px;
	height: 18px;
	width: 215px;

	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	text-align:center;
	/*border: 1px solid #cdcdcd;*/
}	

.ContactReste{
float: left;
		margin-left: 5px;
	height: 18px;
	width: 210px;
		
	color : white;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding-left: 3px;
	/*border: 1px solid #cdcdcd;*/
}

.ContactPlan{
float: left;
		margin-left: 5px;
	height: 18px;
	width: 200px;
		
	color : white;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding-left: 3px;
	text-align: right;
	text-decoration : underline;
	/*border: 1px solid #cdcdcd;*/
}

.ContactTitre{
float:left;
	
	height: 25px;
	width: 485px;
	background-color : #1C3655;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 0;
	z-index=1;
	}

/* *****************CONSEILS************************/
#Conseils_flash{
float : left;
background: url('./images/Conseils.png') no-repeat;

	Margin-top: 40px;
	Margin-left: 75px;
	width : 560px;
	height: 322px;
	color: #1C3655;
	font-family: arial;
	
	text-decoration: none;


	}

	
#MenuFlash_Sols{
	/*position : absolute;
	float:left;
	border: 1px solid #000000;	width: 180px;
	height: 152px;*/
	Margin-left: 383px; 
	margin-top: 167px;
	

	
	text-decoration: none;
	
}


/* *****************ENGAGEMENTS************************/
#ENG_Gauche{
float : left;
background: url('./images/EngGauche.png') no-repeat;
text-indent:15px;
	Margin-top: 20px;
	Margin-left: 10px;
	width : 350px;
	height: 480px;
	color: #1C3655;
	font-family: arial;
	padding-top: 20px;
padding-right: 10px;
	text-decoration: none;
	/*font-weight: bold;*/
	font-size: 10px;

	}
	
#ENG_Gauche ul li {

font-family: arial;
 text-align: left;
 font-size: 1.2em;

}

#ENG_Droit{
float : left;
background: url('./images/Engagements.png') no-repeat;
	Margin-top: 20px;
	Margin-left: 10px;
	width : 300px;
height: 500px;
	color: #1590D1;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	/*padding-left: 25px;*/
	font-size: 12px;

	}

#ENG_Bas{
float : left;
	Margin-top: 10px;
	Margin-left: 10px;
	width : 680px;
	height: 80px;
	color: #1590D1;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	/*padding-left: 25px;*/
	font-size: 12px;
	
	}

#MenuPresentation{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 130px;
	background: url('./images/DegradeBleu136.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#MenuSelec{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 130px;
	background: url('./images/Degrade210.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color :  #1C3655;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	
	#MenuNosEngagements{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 110px;
	background: url('./images/DegradeBleu136.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
		#MenuHistorique{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 70px;
	background: url('./images/DegradeBleu96.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}

/* *****************ADHERENTS************************/

H4{
color : #1C3655;
}

#ADH_Header{
position: absolute;
padding-top: 5px;
padding-left: 10px;

	margin-left:240px;
	height: 120px;
	width:730px;
	Color : #1C3655 ;
	font-size: 24px;
	font-family: arial;
	font-weight: bold;
}

#ADH_ConteneurProduits{
/*background: url(./images/Accueil.png) no-repeat;*/
position:absolute;
border: 1px solid #cdcdcd;
-moz-box-shadow : 4px -4px #cdcdcd;
	margin-left:250px;
	margin-top:145px;
	height: 625px;
	width:710px;
	background-color: white;
	overflow:auto;

}

#ADH_Page1{
/*background: url(./images/Accueil.png) no-repeat;*/

	margin-left:20px;
	margin-top:20px;
	color :  #1C3655;
	background-color: white;
	overflow:auto;

}

#ADH_Page1 input[type=submit] {
 border:1px  #1C3655;
background-color : #1C3655;
color: white;
width:70px;
height:30px;
margin-left: 12px;
cursor:pointer;

 }

	#ADH_MenuHaut{

	float: left;
	/*background: url('./images/frise.png') no-repeat;*/
	margin-top: 40px;
	margin-left: 10px;
	height: 50px;
	width: 715px;

	}
	
.Adh_MenuTarif1{
float: left;
	margin-top: 5px;
	height: 20px;
	width: 200px;
	background: url('./images/Degrade210Inverse.png') repeat-y;
	color : #1C3655;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	border: 1px solid #cdcdcd;
}	
.Adh_MenuTarif{
float: left;
	
	height: 20px;
	width: 200px;
	background: url('./images/Degrade210Inverse.png') repeat-y;
	color : #1C3655;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	border: 1px solid #cdcdcd;
}	

.Adh_MenuProduitsAGIR{
float: left;
	margin-top: 5px;
	height: 20px;
	width: 200px;
	background: url('./images/Degrade210Inverse.png') repeat-y;
	color : #1C3655;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	border: 1px solid #cdcdcd;
}	

#ADH_Tarifs{

	float: left;
	margin-top: 35px;
	height: 220px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	}
	
	#ADH_CRreunion{

	float: left;
	margin-top: 25px;
	height: 130px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	}
	
	#ADH_CRcommission{

	float: left;
	margin-top: 25px;
	height: 160px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 10px;
	}
	
	#ADH_Achats{

	float: left;
	margin-top: 25px;
	height: 40px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 0 0 0 10px;
	}
	
#Adh_RetourSite{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 110px;
	background: url('./images/DegradeBleu126.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}	
	
	#Adh_Forum{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 100px;
	background: url('./images/DegradeBleu126.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	
.FicheRef{
	Margin-top: 10px;
	margin-left: 145px;
	width : 404px;
	color: #1C3655;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	/*padding-left: 25px;*/
	font-size: 12px;
	/*border: 1px dotted #000000;*/
	}
	
	.CRR{
	Margin-top: 50px;
	margin-left: 10px;
	width : 404px;
	height:500px;
	color: #000000;
	/*font-weight: bold;*/
	font-family: arial;
	text-decoration: none;
	padding-left: 5px;
	font-size: 14px;
	/*border: 1px dotted #000000;*/
	}


.CRR a{
color: #1C3655;
}

.CRR a:visited{
color: #1C3655;
}

/*	
	position: relative;
	float: left;
	left: 523px;
	margin-top: 115px;
	width: 390px;
	height: 540px;
	display: none;
	
	
	
	color: #1590D1;
}*/
	
/*******************************************************/



#page {
position:relative;

width: 970px;
height: 820px; 
margin: 0 auto 0 auto;
clear: both;
/*border: 2px solid #1C3655; background: url('./images/Fond.jpg') no-repeat;*/
z-index=3;

}
#Sidebar-lft{
	position: absolute;
	float: left;
	width: 240px;
	height: 750px; 
	/*border: 1px solid green; */
}

#Header{
position: absolute;

/*border: 1px solid blue;*/
	margin-left:240px;
	height: 150px;
	width:730px;
}

#LogoAgir{
	float: left;
	background: url('./images/LogoAgir.jpg') no-repeat;
	height: 110px;
	width: 240px;
}

#EspaceAdherent{

	float: left;
	margin-top: 10px;
	height: 25px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 10px;
	}
	
	#EspaceAdherent a{
	color : white;
	text-decoration:none;
	 }

	 #EspaceAdherent a:visited{
	color : white;
	text-decoration:none;
	 }
	#Catalogue{
background: url('./images/DegradeBleuInverse.png') repeat-y;
position : relative;
	float: left;
	margin-top: 25px;
	height: 230px;
	width: 226px;
	/*background-color : #1C3655;*/
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	
	padding: 10px 0 0 10px;/**/

	}
	
	#NosOutils{

	float: left;
	margin-top: 30px;
	height: 150px;
	width: 226px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 10px;
	}
	
	#NosOutils_essentiels{
position:absolute;
	margin-top: 15px;
	margin-left: 5px;
	height: 80px;
	width: 100px;
	color : white;
	font-size: 9px;
	font-family: arial;
	font-style: normal ;
	text-align: center;
	}
	
		#NosOutils_GuidePro{
	float:left;
	margin-top: 15px;
	margin-left: 110px;
	height: 80px;
	width: 100px;
	color : white;
	font-size: 9px;
	font-family: arial;
	font-style: normal ;
	text-align: center;
	}
	
	#Carte{

	float: left;
		margin-top: 30px;
	height: 210px;
	width: 236px;
	background: url('./images/DegradeBleuInverse.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 0;
	text-align: center;
	}
	/* Menu haut */
	
	#Plan{

	float: left;
	margin-top: 5px;
	height: 60px;
	width: 100px;
	color :  #1C3655;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	font-style: italic ;
	padding: 5px 0 0 2px;
	text-align: left;
	}
	
#Plan a{color :  #1C3655;}

	#Plan2{

	float: left;
	margin-top: 5px;
	height: 60px;
	width: 100px;
	color :  #1C3655;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
	font-style: italic ;
	padding: 5px 0 0 0;
	text-align: left;
	}

#Plan2 a{color :  #1C3655;}
	
	#MenuAccueil{

	float: left;
	margin-top: 5px;
	margin-left: 10px;
	height: 25px;
	width: 56px;
	background: url('./images/DegradeBleu56.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#MenuQuiSommesNous{

	float: left;
	margin-top: 5px;
	margin-left: 15px;
	height: 25px;
	width: 136px;
	background: url('./images/DegradeBleu136.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	 text-decoration:none; 
	}
	
	#MenuQuiSommesNous a {
	 text-decoration:none; 
	 color: white;
	}
	
	#MenuQuiSommesNous a:visited {
	 text-decoration:none; 
	 color: white;
	}
	
	#MenuProduitsAgir{

	float: left;
	margin-top: 5px;
	margin-left: 15px;
	height: 25px;
	width: 126px;
	background: url('./images/DegradeBleu126.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#MenuPointsVente{

	float: left;
	margin-top: 5px;
	margin-left: 15px;
	height: 25px;
	width: 136px;
	background: url('./images/DegradeBleu136.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: "arial";
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#MenuContact{

	float: left;
	margin-top: 5px;
	margin-left: 15px;
	height: 25px;
	width: 56px;
	background: url('./images/DegradeBleu56.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#MenuConseils{

	float: left;
	margin-top: 5px;
	margin-left: 15px;
	height: 25px;
	width: 96px;
	background: url('./images/DegradeBleu96.png') repeat-y;
    -moz-box-shadow : 4px -4px #4C637E;
	color : white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding: 10px 0 0 5px;
	}
	
	#Frise{

	float: left;
	/*background: url('./images/frise.png') no-repeat;*/
	margin-top: 10px;
	margin-left: 10px;
	height: 103px;
	width: 715px;
	border: 1px solid #1C3655; 
	}
/* Habillage */

.MenuOmbre{
background-color : #1C3655;
-moz-box-shadow : 4px -4px #4C637E;
position: absolute;
	float: left;
	width: 40px;
	height: 40px;
	color : white;
}



/* Liste Produits */

.SousCategorie{
float:left;
	margin-left:0px;
	height: 25px;
	width: 708px;
	background-color : #1C3655;
	color : white;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	font-style: italic ;
	padding: 10px 0 0 2px;
	z-index=1;
	}

#ConteneurProduits{
/*background: url(./images/Accueil.png) no-repeat;*/
float:left;
border: 1px solid #cdcdcd;
-moz-box-shadow : 4px -4px #cdcdcd;
	margin-left:250px;
	margin-top:180px;
	height: 625px;
	width:710px;
	background-color: white;
	overflow:auto;

}

#ConteneurProduits th {
/*background-color : red;*/
}


caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto;  /*Centre le tableau */
  /* border: 4px outset green; Bordure du tableau avec effet 3D (outset) */
    border-collapse: collapse;/* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #9dbcd1 ;
   color: black;
   font-size: 1.1em;
   font-family: Arial,"Arial Black", Times, "Times New Roman", serif;
	text-align: center;
border: 1px dotted #9dbcd1;
}

tr{



}




.td0 /* Les cellules normales */
{
border: 1px dotted #9dbcd1;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
    font-family: arial;
   text-align: center;  /*Tous les textes des cellules seront centrés*/
   /*padding: 5px;  Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.td1/* Les cellules normales */
{
width: 80px;
   border: 0;
   font-family: arial;
   text-align: center;  /* font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/Tous les textes des cellules seront centrés*/
vertical-align:top;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border-bottom: 1px solid #A4A3A4;
}

.td2/* Les cellules normales */
{
width: 100px;
   /*border: 1px solid black;*/
   font-family: arial;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border-bottom: 1px solid #A4A3A4;
}

.td3/* Les cellules normales */
{
width: 215px;
   /*border: 1px solid black;*/
   font-family: arial;
   font-size: 0.7em;
   text-align: left;  Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-bottom: 1px solid #A4A3A4;
}

.td4/* Les cellules normales */
{
width: 215px;
font-size: 0.7em;
   /*border: 1px solid black;*/
   font-family: arial;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border-bottom: 1px solid #A4A3A4;
}

.td5/* Les cellules normales */
{
width: 40px;
   /*border: 1px solid black;*/
  font-family: arial;
   text-align: center; /* Tous les textes des cellules seront centrés*/
	vertical-align:top;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border-bottom: 1px solid #A4A3A4;
}

.td6/* Les cellules normales */
{
width: 40px;
   /*border: 1px solid black;*/
  font-family: arial;
  font-size: 9px;
  color: #1C3655;
   text-align: center; /* Tous les textes des cellules seront centrés*/
	vertical-align:top;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
border-bottom: 1px solid #A4A3A4;
}

.td4 table
{
/*border: 1px solid black;*/
}

td /* Les cellules normales */
{

   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
    font-family: arial;
   text-align: center;  /*Tous les textes des cellules seront centrés*/
   /*padding: 5px;  Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


.StyleIntituleProduit{
font-family: arial;
 text-align: center;
 font-size: 0.8em;
}

.StyleReferenceProduit{
font-family: arial;
 text-align: center;
 font-size: 0.6em;
}

.StyleCaracSsTableau{
font-family: arial;
 text-align: left;
 font-size: 0.8em;
}


ul li{
font-family: arial;
 text-align: justify;
 font-size: 1em;
}

/**********infobulle****************************/

a{
text-decoration: none;
color: white;
}
a:visited{
text-decoration: none;
color: white;
}

a img{
text-decoration: none;
border: none; 
}

a.tooltip em {
    display:none;
	text-decoration: none;
border: none; 
font-style: Bold;
	
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
	font-weight: bold;
	font-family: arial;
	font-size:14px;
    display: block;
    position: absolute;
    top: 20px;
    left: -140px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #9dbcd1;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
	
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(./images/infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}

/*************************************************/