body{

FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,Helvetica, sans-serif;
background-color:#FFF;
}

.tab {
	border: 5px solid #ccc; 
}

.tab2 {
	border: 1px solid #ccc; border-bottom:0px; border-left:0px;  border-top:0px;
}

/* <Styles pour les textes>  */ 
.texte{
	font-family:Verdana; font-size:11px; color:#333333;
}

.txt{
	font-family:Verdana; font-size:9px; color:#333333;
}

.texte3{
	font-family:Verdana; font-size:9px; color:#333333;
}

.textesouligne{
	font-family:Arial; font-size:16px; color:#333333; font-weight:bold;
}

.interligne{
	font-family:Verdana; font-size:7px; color:#333333;
}
.texterouge{
	font-family:Verdana; font-size:11px; color:#B42131;
}
.texteblanc{
	font-family:Verdana; font-size:11px; color:#FFFFFF;
}
.texte2{
	font-family:Verdana; font-size:12px; color:#333333;
}
.texterouge2{
	font-family:Verdana; font-size:14px; color:#B42131;
}
.titre{
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	color: #B42131;

}
.titre2{
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	color: #333333;

}

.titre3{
	font-family:Courier new;
	font-size: 16px;
	font-style:italic;
	font-weight: bold;
	color: #B42131;

}

.titre4{
	font-family:Courier new;
	font-size: 20px;
	font-style:italic;
	font-weight: bold;
	color: #333333;

}
/*  <Styles pour les textes />  */ 

A:link {
	 FONT-FAMIY: Arial TEXT-DECORATION: none; font-size:12px FONT-WEIGHT: normal; color: #001C78;

}

A:visited {

	COLOR: #001C78; TEXT-DECORATION: none; FONT-WEIGHT: normal;

}

A:hover {

	COLOR: #ff0000; TEXT-DECORATION: none;

}


A.link:link {
	 FONT-FAMIY: Arial ;TEXT-DECORATION: none; font-size:13px ; color: #001C89;

}

A.link:visited {

	FONT-FAMIY: Arial ; TEXT-DECORATION: none; font-size:13px ; color: #001C89;

}

A.link:hover {

	FONT-FAMIY: Arial ; TEXT-DECORATION: none; font-size:13px ; color: #CC0000;

}


A.link2:link {
	 FONT-FAMIY: Arial ;TEXT-DECORATION: none; font-size:12px ; color: #333333;

}

A.link2:visited {

	FONT-FAMIY: Arial ; TEXT-DECORATION: none; color: #333333;

}

A.link2:hover {

	FONT-FAMIY: Arial ; TEXT-DECORATION: none; color: #666666;

}

A.produit:link {
	 FONT-FAMIY: Arial ;TEXT-DECORATION: none; font-size:12px ; font-weight:bold; color: #B42131;

}

A.produit:visited {

	FONT-FAMIY: Arial ; TEXT-DECORATION: none; font-size:12px ; font-weight:bold; color: #B42131;

}

A.produit:hover {

	FONT-FAMIY: Arial ; TEXT-DECORATION: underline; font-size:12px ; font-weight:bold; color: #B42131;

}


A.bas:link {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; color: #FFF;
	FONT-WEIGHT: bold; font-size:10px;

}

A.bas:visited {

	COLOR: #FFF; TEXT-DECORATION: underline; FONT-WEIGHT: normal;
	FONT-WEIGHT: bold; font-size:10px;

}

A.bas:hover {

	COLOR: #001C78; TEXT-DECORATION: none;
	FONT-WEIGHT: bold; font-size:10px;

}


A.menu:link {
	font-family:Arial;
	TEXT-DECORATION: none; FONT-WEIGHT: 12px;; color: #FFF;

}

A.menu:visited {
	font-family:Arial;
	COLOR: #FFF; TEXT-DECORATION: none; FONT-WEIGHT: normal;

}

A.menu:hover {
	font-family:Arial;
	COLOR: #FFF; TEXT-DECORATION: none;

}


A.accueil:link {
	font-family:arial;TEXT-DECORATION: none; FONT-WEIGHT: normal; color: #B42131;
	FONT-WEIGHT: bold; font-size: 16px;

}

A.accueil:visited {

	font-family:arial;COLOR: #B42131; TEXT-DECORATION: none; FONT-WEIGHT: normal;
	FONT-WEIGHT: bold; font-size: 16px;

}

A.accueil:hover {
	font-family:arial;
	COLOR: #333333; TEXT-DECORATION: none;
	FONT-WEIGHT: bold; font-size: 16px;

}

A.actu:link {
	TEXT-DECORATION: underline; FONT-WEIGHT: normal; color: #666666;
	FONT-WEIGHT: bold; 

}

A.actu:visited {

	COLOR: #666666; TEXT-DECORATION: underline; FONT-WEIGHT: normal;
	FONT-WEIGHT: bold; 

}

A.actu:hover {

	COLOR: #B42131; TEXT-DECORATION: none;
	FONT-WEIGHT: bold; 

}







#maincontainer {
	
	width: 895px;
	position : relative; 
	margin: 10px auto;
	background: #666 ;
	


}


#haut {
width:100%;

	height: 66px;
	
	

}







#rec {
   
	height: 20px;
	margin-top:10px;
	
}

#rec2 {
	margin-top:6px;
	clear:both;
}

#rec2b {
height:10px;
	clear:both;
}

#rec3 {
    width: 890px;
	height: 7px;
	border: solid 0px #000;
	text-align:left;
	margin-top:10px;
	background:url("../beta/images/traitbas.gif") no-repeat;
	
	
	
}

#rec4 {
     width: 890px;
	height: 145px;
	text-align:left;
	margin-top:5px;
	
}



	

#rec5 {
     width: 890px;
	height: 2px;
	text-align:left;
	margin-top:5px;
	float:left;
	
}

#rec6 {
     width: 890px;
	height: 44px;
	text-align:left;
	margin-top:2px;
	text-align:right;
	float:left;
	
}

#rec0 {
     width: 750px;
	height: 4px;
	text-align:left;
	margin-top:2px;
	margin-left:125px;
	text-align:right;
	background-color:#000033;
	float:left;
	
}






#gauche {
	
	width: 326px;
	height:221px;
	border: solid 0px gray;
	float:left
	
}






#p2droite3 {

	width: 100%;
	height:108px;
	float:left;
}




#pub {
	
	width: 450px;
	height:223px;
	margin-left:6px;
	float:left;
	
		
}

#trait {	
	width: 895;
	background: #000 ;
	height:40px;
	margin-top:5px;
	clear:both;
	
}


#colonne1{
float: left;
height: 223px;
width:326px;
}
#colonne1p{
float: left;
height: 500px;
width:326px;
background:url("../beta/images/fondgauche.jpg") no-repeat;
}
#colonne2{
float: left;
height: 223px;
width:554px;
margin-left:5px;
}

#colonne1a{
float: left;
height: 145px;
width:326px;
}
#colonne2a{
float: left;
height: 145px;
width:554px;
margin-left:5px;
}
#colonne2p{
float: left;
width:554px;
margin-left:5px;
}