/* CSS Document */

body			{ margin: 0; padding:0;}
table 			{ border: 0;}
img				{ border:  0px; }
body , table    { font: 12px   Verdana, Arial, Helvetica, sans-serif; color: #666666; }
td 				{ vertical-align: middle; }

h0				{ color: #CC3300;	padding: 0 0 4px 0;		margin: 0;	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size: 22px; }
h1				{ color: #CC3300;	padding: 0 0 4px 0;		margin: 0;	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size: 18px; }
h2				{ color: #666666;	padding:0;				margin: 0;	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;}
h3				{ color: #ee6600;	padding: 4px 0 2px 0;	margin: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;					font-size: 12px;	font-weight: bold;}
h4				{ color: #CC3300;	padding: 4px 10px;		margin: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;					font-size: 12px; 	font-weight: bold;}

input 			{ font-size: 11px;}

.gtxtorange		{font: 24px   Arial, Verdana; color: #ee6600;}
.txtorange		{font: 18px   Arial, Verdana; color: #ee6600;}  
.txtrouge		{font-weight: bold; color: #CC3300;	}
.gtxt			{font: 14px   Arial, Verdana; } 
.ptxt 			{color: #ee6600; font-weight: bold;} 
.tptxt 			{font: 10px   Arial, Verdana;  color: #424242; } 


.fleft 			{ float: left;}
.fright 		{ float: right;}		

hr.gris 		{	color:#CCCCCC;  	background-color: #CCCCCC; height: 1px; width: 100%; border: 0;	margin: 10px 0 10px 0; clear:both;	  }

	
	

.brg			{ 	background-color: #CCCCCC; 	margin-bottom: 10px; }
.noir			{ color: #000000;}
.rouge 			{ color: #CC3300;}
.presse 		{font-size: 11px; font-weight:bold; color:#CC3300;}

.blanc			{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 	font-size: 11pt; 	color: #FFFFFF; }


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

a				{ text-decoration: none; color: #666666; }
a:hover			{ text-decoration: none;}

a.gris			{ text-decoration: underline;}
a.gris:hover	{ text-decoration: underline; font-weight: bold; }

a.lien 			{text-decoration: underline; padding: 0 0 10px 0;}
a:hover.lien 	{ color:#ee6600;}

a.blanc			{ color: #FFFFFF; font-weight: normal;}
a.blanc:hover	{ text-decoration: underline; }

.savoir			{ color: #CC3300; 	text-decoration: underline; 	background-image: url(../img/puce1.jpg);	background-repeat: no-repeat;	padding: 0 0 5px 10px;		background-position: left; }

a.savoir:hover	{ text-decoration: underline; 	text-align: right;	font-weight: bold;}



/*    LISTE      */


ul {
	list-style-type: disc;
	margin: 0  0 0 20px;
	padding: 2px 0 6px 20px;
}

li {padding: 3px 0 0px 0px;}




/* //////////////////  PADDING  ///////////////////////  */


.pad 			{ 	padding: 10px; }
.padH			{  	padding: 0 10px; }
.padHH			{  	padding: 0 20px; text-align: center; }
.padV			{ 	padding:10px 0; }
.pad-right		{ 	padding-right:10px; }
.haut 			{ 	padding-bottom:7px; }


/* ///////////////  LARGEURS  //////////////////////////  */




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


/*    FOND    */

.fond {
	background-image: url(../img/fond.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}


/*   HEADER    */
.header {
	height: 160px;
	width: 900px;
	margin-left: auto;
    margin-right: auto;
	padding-top:20px;

}

#entete {
	background-image: url(../img/entete.gif);
	background-repeat:no-repeat;
	height: 130px;
	width: 900px;		
}

.menu {
	background-image: url(../img/menu.gif);
	background-repeat:no-repeat;
	height: 30px;
	width: 900px;
	padding: ;
}



 
 #menu a {
		display:block;
		background: transparent;
		text-decoration: none;
		font-family: "Trebuchet MS",  Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #666666;
		padding: 7px 5px 0 5px;
		text-align:center;
		height: 30px;
}
		
#menu a:hover {	
		background: url("../img/menu-over.jpg") 0 0 repeat-x;
		color: #666666;
		text-decoration: underline;
}



/*    FOOTER     */

#footer {
	background-image: url(../img/footer.png);
	height: 25px;
	width: 900px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-align: center;	
	margin-left: auto;
    margin-right: auto;
	padding: 0;
}

a.footer{
	color: #666666;
	padding:0 10px;
}     
a.footer:hover	{ text-decoration: underline;}


/*    SUPPORT     */

.support {
	background-image: url(../img/support.gif);
	height: 25px;
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;	
	padding: 0;
}


.support a {
	color: #FFFFFF;
	padding:0 4px;
	font-size:14px;
	font-weight: bolder;

}

.support a:hover	{text-decoration: underline; }




/*    MAIN      */

.main {
	width: 900px;
	margin-left: auto;
    margin-right: auto;
	padding: 10px 0 0 0;

}


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


/*  CADRE   COULEUR  */

.entete {
	height:30px;
	background-image: url(../img/cadre-htcolor-ctre.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	letter-spacing: 0.15em;
}

a.entet {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	letter-spacing: 0.15em;
}




.entete-gche {
	float:left;
	background-image: url(../img/cadre-htcolor-left.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin : 0;
	height: 30px;
	width: 15px;
}
.entete-dte {
	float:left;
	background-image: url(../img/cadre-htcolor-right.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin : 0;
	height: 30px;
	width: 15px;
}

.haut-gche {
	float:left;
	background-image: url(../img/cadre-haut-left.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	
}
.haut-dte {
	float:left;
	background-image: url(../img/cadre-haut-right.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

.bas-gche {
	float:left;
	background-image: url(../img/cadre-bas-left.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin : 0;
	height: 16px;
	width: 15px;
}
.bas-dte {
	float:left;
	background-image: url(../img/cadre-bas-right.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin : 0;
	height: 16px;
	width: 15px;
}

/* /////////    BORDURE   ////////////////  */

.border1{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #FFFFFF;
}

.border2 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}

.borderg{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}

.borderd{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #FFFFFF;
}

.border4{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
   
   
   
/*  CADRE   GRIS  */

.retour {padding: 0 0 5px 0;}

.retour-centre {
	background-image: url(../img/cadre-centre.png);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}


.retour-left  {
	background-image: url(../img/cadre-left.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 10px;
}
.retour-right{
	background-image: url(../img/cadre-right.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 10px;
}


.txt-dte {padding: 0 0 10px 10px; float:left; width:180px;}



/*  CARRE ROUGE  */



.carrerouge {
	width:130px;
	height: 80px;
	background-color: #990000;
	background-repeat: no-repeat;
	padding: 10px;
}





   
/* //////////////////  BOUTON  ///////////////////////  */
.acheter {
	width:100px;
	padding: 10px 0 0 0;
	vertical-align: bottom;
	float: right;
}

#acheter a {
		display:block;
		width:100px;
		height:30px;
		padding: 7px 0 10px 33px;
		background: url("../img/b-achet.jpg") 0 0 no-repeat;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #FFFFFF;
}
		
#acheter a:hover {	
		background: url("../img/b-achet-over.jpg") 0 0 no-repeat;
		color: #FFFFFF;
}
			
#gris a {
		display:block;
		width:130px;
		height:30px;
		padding: 7px 0 10px 33px;
		background: url("../img/b-gris.jpg") 0 0 no-repeat;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #333333;
		f
}
		
#gris a:hover {	
		background: url("../img/b-gris-over.jpg") 0 0 no-repeat;
		color: #FFFFFF;
}

#orange a {
		width:160px;
		height:30px;
		padding: 7px 0 10px 33px;
		background: url("../img/b-orange2.jpg") 0 0 no-repeat;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #FFFFFF;
		float: left;
}
		
#orange a:hover {	
		background: url("../img/b-orange-over2.jpg") 0 0 no-repeat;
		color: #FFFFFF;
}
		

a.bouton {
	color: #FFFFFF;
	text-decoration: none;

}
a.bouton:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* //////////////////  FLECHE ///////////////////////  */ 


.fleche {
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
/* //////////////////  PRODUIT ///////////////////////  */ 





.imag {
	vertical-align: middle;
	text-align: center;
	width:200px;
	float: left;	
	
}

.produit {
	width:500px;
	float: left;
	padding: 0 10px 15px 10px;	
	
}
.groupe {
	width:620px;
	float: left;
	padding: 0 10px 15px 10px;	
	
}

.titre { color: #ee6600;	padding: 0;	margin: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;					font-size: 12px;	font-weight: bold;}

/* //////////////////  RETOUR ///////////////////////  */ 


.retour {
	width:1024px;
	
	
}