/*
-----------
Le body  
-----------
*/
body {
	margin: auto; /* Pour centrer notre page */
	margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	background-color:#CCCCCC;
}

body, tr, td {
	font-family: GillSans, GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

td.page {
	background-color:#ffffff;
}

/* 
----------
L'en-tête
----------
*/
#en_tete {
   width: 776px;
   height: 163px;
   background-image: url("images/haut.jpg");
   background-repeat: no-repeat;
   text-align:left;
}

#decalage10 {
	padding:10px;
}

/* 
---------
Le menu
---------
*/

td.menu {
	padding-left:5px;
	padding-right:5px;
	height: 20px;
	background-image: url("images/ap_rubz.png");
	text-align : center;
}

#menu{
	width: 776px;
	height: 29px;
	background-image: url("images/ap_rubz.png");
	text-align : center;
}

.fondmenu2 {
	width:111px;
	height:20px;
	text-align : center;
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #535657;
	background-image : url("images/fondmenu.gif");
	background-repeat : no-repeat;
	background-position : center top;
	padding-top:6px;
	font-variant: small-caps;
}


.fondmenu2 a:link {text-decoration : none ; color : #000000 ; font-family: GillSans, GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-variant: small-caps;}
.fondmenu2 a:visited {text-decoration : none ;color : #000000 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-variant: small-caps;}
.fondmenu2 a:hover { text-decoration : none ;color : #ffffff ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-variant: small-caps;}
.fondmenu2 a:active {text-decoration : none ;color : #000000 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-variant: small-caps;}

.produit {color : #535657;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.produit a:link {text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.produit a:visited {text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.produit a:hover { text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.produit a:active {text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}

.titreproduit {color : #FF3C16;	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;}
.titreproduit a:link {text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;}
.titreproduit a:visited {text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;}
.titreproduit a:hover { text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;}
.titreproduit a:active {text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;}

.nomproduit {color : #535657;	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-variant: small-caps}
.nomproduit a:link {text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}
.nomproduit a:visited {text-decoration : none ; color : #535657 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps;}
.nomproduit a:hover { text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}
.nomproduit a:active {text-decoration : none; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps;font-weight:bold}

.nomproduit2 {font-weight:bold; color : #FF3C16;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-variant: small-caps}
.nomproduit2 a:link {text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}
.nomproduit2 a:visited {text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}
.nomproduit2 a:hover { text-decoration : none ; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}
.nomproduit2 a:active {text-decoration : none; color : #FF3C16 ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-variant: small-caps}



#menu2{
	float: left; /* Le menu flottera à gauche */
	width: 200px; /* Très important : donner une taille au menu */
	padding-left : 5px;
	/*border : 1px solid black;*/
	background-image : url("images/sep.png");
	
}


/*
--------------------
Le corps de la page
--------------------
*/

h1 {
	color: #666666;
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

#corps {
   background-color: #ffffff;
   border-top: url("images/ap_rubz.png") 18px;
   width: 776px;
   background-image: url("images/fondcorps.jpg");
   background-repeat:repeat-y;
}

.elementHaut{
   background-image: url("images/barre.png");
   background-repeat: repeat-x;
   height:10px;
}

.elementBas{
   background-image: url("images/baspage.jpg");
   background-repeat: repeat-x;
   height:50px;
   /*width:776px;*/
   background-repeat:no-repeat;
   background-position:center;
   color: #DDDDDD;
   font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

.contenu{
	padding: 5px;
	margin-left:210px;
	/*text-align : justify;*/
	font-size:13px;
}

.contenu a:link{ text-decoration : none;color : #FF3C16;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;}
.contenu a:visited{ text-decoration : none;color : #FF3C16;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;}
.contenu a:hover{ text-decoration : none;color : #000000;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;}
.contenu a:active{ text-decoration : none;color : #000000;font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;}


a img {
	border:0;
}

a.basdepage:link    { text-decoration : none ; color : #ffffff ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.basdepage:visited   { text-decoration : none ; color : #ffffff ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.basdepage:hover   { text-decoration : underline ; color : #ffffff ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.basdepage:active   { text-decoration : underline ; color : #ffffff ; font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;}

P.bleu { 
	font: 13px; 
	color: #013871; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
P.rouge { 
	font: 13px; 
	color: #FF3110; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
P.gris { 
	font: 13px; 
	color: #666666; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
P.titre {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
}
P.normal {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	line-height: 15px;
}
P.gros {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 15px;
}
P.petit {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

td.petit {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}


td.gros {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 15px;
}

td.bleu { 
	font: 13px; 
	color: #013871; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
td.rouge { 
	font: 13px; 
	color: #FF3110; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
td.gris { 
	font: 13px; 
	color: #666666; 
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
td.titre {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
}
td.normal {
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	line-height: 15px;
}

/* 
---------------
Le pied de page
--------------
*/

#pied_de_page{
	padding:1px;
	text-align: center;
	color: #ffffff;
	font-family: GillSans, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:18px;
}