body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(/images/fond_body.jpg) repeat 0px 0px scroll;
}

.fin {
	clear: both;
}

form {
	margin: 0;
}

a {
	text-decoration: none;
}


/************************/
/*    IMG & ILLUS	*/
/************************/

img {
	border: 0;
}

.alignG {
	float: left;
	margin-right: 6px;
}

.alignD {
	float: right;
	margin-left: 6px;
}

.cadre1 {
	padding: 4px;
	border: 1px solid #000;
}

.marge1{
	margin: 10px;
}

.lignSimpl {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	background: #e3d4b5;
}
.lignDashed {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	border-bottom: 1px dashed #666;
}

/************************/
/* 		 HAUT	 */
/************************/

#haut {
	height: 182px;
	background: url(/images/fond_haut.jpg) repeat-x 0px 0px scroll;
}
#hautpop {
	height: 100px;
	background: url(/images/fond_haut.jpg) repeat-x 0px 0px scroll;
}
#navHaut {
	width: 955px;
	height: 182px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background: url(/images/fond_navHaut.jpg) no-repeat 0px 0px scroll;
}
#navHautpop {
	width: 500px;
	height: 81px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background: url(/images/fond_navHaut_pop.jpg) no-repeat 0px 0px scroll;
}
.ligneNav {
	padding: 146px 0px 0px 150px; 
}
#navHaut a{
	display: block;
	float: left;
	width: 157px;
	height: 32px;
	line-height: 30px;
	padding: 2px 5px 0px;
	font-size: 14px;
	color: #666;
	background: url(/images/fond_bt_navHaut.gif) no-repeat center top scroll;
}
#navHaut a:first-letter{
	font-size: 1.4em;
}
#navHaut a:hover{
	color: #f00;
	background: url(/images/fond_bt_navHaut-up.gif) no-repeat center top scroll;
}

/************************/
/*    	  TITRES        */
/************************/

h1 {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000;
	text-align: left;
	background: #fff url() no-repeat 0px 0px scroll;
	
}
.h1 {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000;
	text-align: left;
	background: #fff url() no-repeat 0px 0px scroll;
	
}
h2 {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #888;
	text-align: left;
	
	
}
h3 {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #888;
	text-align: left;
}
h4 {
	font-size: 15px;
	text-align:center;
	font-style: normal;
	text-decoration: none;
	color: #888;
	text-align: left;
}
.trial {
	
	font-size: 15px;
	font-weight: bold;
	color: #888;
}

/************************/
/*  STRUCTURE GENERALE  */
/************************/

#centre {
	margin: 0px 0px 2px;
	background: #fff;
	border-width: 0px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-style: solid;
}
#generale {
	width: 955px;
	margin: 0 auto;
}

#colGauche {
	float: left;
	width: 204px;
	padding: 0px 20px;
}
#colDroite {
	float: left;
	width: 711px;
	padding: 0px;
}

/*****************************/
/*  	COL GAUCHE		  */
/*****************************/

#titreCatalogue {
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/*****************************/
/*  	COL DROITE		  */
/*****************************/

#navPage {
	font-size: 12px;
	font-weight: bold;
	color: #888;
	margin: 3px 0px 10px;
}
#navPage a{
}
#navPage a:hover{
	text-decoration: underline;
}

/************************/
/*    	   	 BAS	   	     */
/************************/

#bas {
	clear: both;
	margin: 0px 0px 0px;
	padding: 10px;
	background: #818181 
}
#navBas {
	clear: both;
	margin: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
#navBas a{
	color: #fff;
	padding: 4px;
}
#navBas a:hover{
	color: #fff;
	text-decoration: underline;
}

address {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #ddd;
}
address a{
	color: #fff;
	font-weight: bold;
}
address a:hover{
	text-decoration: underline;
}


/*    	    TT 	        */

#siteWeb{
	text-align: center;
	height: 90px;
	
}
#siteWeb a {
	color: #eee;
	font-size: 10px;
	text-decoration: none;
	
}
#siteWeb a:hover {
	color: #fff;
	text-decoration: none;
}

.test {

	color: #000;
	padding: 10px 80px;
	text-align:left;
	
	
}

/*****************************/
/*  	   PAGE CONTACT	    */
/*****************************/

.visu_contact {
	background: #ccc url(/images/visu_contact.jpg) repeat-y 300px 0px scroll;
}
#contact {
	float: left;
	width: 260px;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	background: #fff;
}
.mail {
	color: #777;
}
.mail:hover {
	color: #f77;
}
#contact form{
	width: 98%;
}
#contact.version2 {
	background: #ccc;
	color: #666;
}
#visuelContact {
	float: left;
	width: 274px;
}
#visuelContact form{
	width: 96%;
	margin: auto;
}

#planAcces {
	float: right;
	width: 350px;
	color: #666;
	font-size: 13px;
	font-weight: bold;
}
#planAcces.version22{
	padding: 10px 20px 10px 20px;
	width: 220px;
	margin-right: 50px;
}

.plan {
	margin: 5px 0px 5px;
	padding: 3px;
	border: 1px solid #666;
}
.titreContact {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	margin: 20px 0px 15px;
}
label {
	display: block;
	border: 1px solid #999;
	background: #fff;
	margin: 8px 0px 0px;
	padding: 1px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #777;
}
.entree {
	background: #fff;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-size: 10px;
}
.area {
	height: 40px;
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#Envoyer {
	border: 1px solid #777;
	padding: 0px 2px;
	background: #fff;
	line-height: 14px;
	color: #d10;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
}

/*****************************/
/*  RUBRIQUES ET PRODUITS  */
/*****************************/

#menuProd {
	
}
#menuProd a.lienRub{
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	background: url(/illus/fleche-1.gif) no-repeat 0px 2px scroll;
}
#menuProd a.lienRub:hover{
	background: url(/illus/fleche-1.gif) no-repeat 5px 2px scroll;
}
#menuProd a.lienSousRub{
	color: #666;
	padding-left: 30px;
	font-size: 11px;
	background: url(/illus/fleche-2.gif) no-repeat 13px 3px scroll;
}
#menuProd a.lienSousRub:hover{
	background: url(/illus/fleche-2.gif) no-repeat 18px 3px scroll;
}

/*  	page d'accueil 	 */

.titresAccu {
	margin: 10px 0px 0px;
}
.tablAccu {
	border: none;
	margin: 0px 0px 10px;
}
.tablAccu td{
	width: 130px;
	height: 155px;
	border: 1px dashed #999;
	border-right: 1;
	padding: 20px 15px 5px;
	text-align: center;
	font-size: 11px;
}
.tablAccu td.lasttd{
	border-right: 1px dashed #999;
}
.tablAccu td img{
	margin: auto;
}
.tablAccu td p{
	margin: 5px 0px;
}
.tablAccu td .descrAccu{
	text-align: left;
	color: #666;
}
.tablAccu td .detailAccu{
	text-align: right;
	color: #f00;
	font-weight: bold;
}
.tablAccu td .detailAccu a{
	color: #f00;
}
.tablAccu td .detailAccu a:hover{
	color: #f00;
	text-decoration: underline;
}


/*  	liste par rubrique 	 */

.unProduit {
	width: 700px;
	border-bottom: 1px dashed #666;
	margin: 5px 0px;
	padding-bottom: 5px;
}

.nomUnprod {
	color: #888;
	font-size: 16px;
	font-weight: bold; 
	margin-left:20px;
}
.descrUnprod {
	
	color: #555;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px;
	margin-left:20px;
}
.rubDetail {
	margin: 10px 0px;
	font-size: 11px;
	font-weight: bold;
}
.rubDetail a{
	color: #888;
	padding: 0px 5px;
	border: 1px solid #888;
}
.rubDetail a:hover {
	color: #f88;
	border: 1px solid #f88;
}

/*	  fiche produit 	 */

#ficheTech {
	float: left;
	width: 350px;
	border-right: 1px dashed #999;
	margin-right: 20px;
}

#nomProd {
	font-size: 18px;
	margin: 30px 0px 10px;
}
#refProd {
	font-size: 11px;
	font-weight: bold;
	color: #555;
	margin: 20px 0px;
}
#refProd strong{
	font-size: 16px;
	font-weight: normal;
	color: #666;
}
.descrProd {
	color: #666;
	font-size: 11px;
	margin: 15px 0px;
}
.lienFiche {
	font-size: 12px;
	margin: 15px 0px;
}
.lienFiche a{
	color: #333;
	padding-left: 15px;
	background: url(/illus/ico_fiche.gif) no-repeat 0px 0px scroll;
}
.lienFiche a:hover{
	text-decoration: underline
}
.retour {
	font-size: 12px;
	margin: 15px 0px;
}

.retour a{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 2px 0px 18px;
	background: url(/illus/fleche-4.gif) no-repeat 3px 1px scroll;
	border: 1px solid #fff;
}
.retour a:hover{
	border: 1px solid #999;
}
.fermer {
	text-align:center;
	font-size: 14px;
	margin-top:20px;
}
.fermer a{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 2px 0px 18px;
	
	border: 1px solid #fff;
}
.fermer a:hover{
	border: 1px solid #999;
}
/*	  pagination	 	 */

#pagination {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin: 10px 0px;
}
#pagination a{
	padding: 2px 4px;
}
#pagination span.actif{
	padding: 1px 3px;
	border: 1px solid #bbb;
}
#pagination a:hover{
	padding: 1px 3px;
	border: 1px solid #bbb;
	background: #f0f0f0;
}


/********************************/
/*    COULEURS par RUBRIQUE	*/
/********************************/

.c0 , .c0 a {
	color: #f00;
}

.c1 , .c1 a {
	color: #9b2;
}
.c2 , .c2 a {
	color: #5aa;
}
.c3 , .c3 a {
	color: #bbb;
}
.c , .c a {
	color: #f00;
}


.b0 {
	border-color: #f00;
}
.b1 {
	/*border-color: #9b2;
	border:2px solid  #000;*/
}
.b2 {
	border-color: #5aa;
}
.b3 {
	border-color: #bbb;
}
.b {
	border-color: #f00;
}


/*text presentation socite*/
	.txtpresentation
 	{ 
	font-size: 13px; 
	font-style: normal;
	text-decoration: none;
	text-align: left;
	}

	.imgpresentation {
	float: right;
	padding-top:40px;
	}

	.titegras {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #888888;
	text-align: left; 
	padding-top:20px;

	
}

.ptitreannees
 	{ 
	font-size: 13px; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}


.paragraph
 	{ 
	font-size: 13px; 
	font-style: normal;
	text-decoration: none;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	
	
.titl_ressource

 	{ 
	font-size: 17px; 
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:30px;
	margin-bottom:2px;
	}
	
	
	.paragraph_ressourc{ 
	font-size: 13px; 
	font-style: normal;
	text-decoration: none;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-bottom:20px;
	}
	
	.tgras_ressour
	{ 
	font-size: 13px; 
	font-style: normal;
	font-weight:bold;
	text-decoration: none;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:2x;
	margin-bottom:1px;
	}