/* Structure de la page Html

body {
	#haut{
		.w955 {
			h1
			}
		}
	#navHaut{
		.w955 {??
			a
			img
			a
			img
			a
			}
		}
	#centre {
		table#contenu{
			td#menu {
				a
				a
				a
				}
			td#titrePage {
				img
				}
			td#visuelPage {
				img
				}
			td#cont {
				...
				}
			}
		}
	address
	#bas {
		#siteWeb
		}
	}
*/
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #026;
	background: #001856;
	font-size: 12px;
}

.fin {
	clear: both;
}

.w955 {
	width: 955px;
	margin: 0 auto;
}
/************************/
/*    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;
}

/****************************/ 
/*    COULEURS DYNAMIQUES  */
/****************************/

/* les fonds une fois foncé, une fois en plus clairs : */

.fond1 {background: #375496;}
.fond2 {background: #f80;}
.fond3 {background: #0d9;}
.fond4 {background: #f57;}
.fond5 {background: #0cf;}
.fond6 {background: #aaa;}

.fd1 {background: #68c;}
.fd2 {background: #fd9;}
.fd3 {background: #9ec;}
.fd4 {background: #fcd;}
.fd5 {background: #cef;}
.fd6 {background: #ccc;}

/* les couleurs de police : */

.c1 {color: #375496;}
.c2 {color: #f80;}
.c3 {color: #0d9;}
.c4 {color: #e45;}
.c5 {color: #0be;}
.c6 {color: #999;}

/* les bordures ( ne fonctionnent que si définies )  : */

.bord1 {border-color: #375496;}
.bord2 {border-color: #f80;}
.bord3 {border-color: #0d9;}
.bord4 {border-color: #f57;}
.bord5 {border-color: #0cf;}
.bord6 {border-color: #999;}


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

h1 {
	position: relative;
	height: 106px;
	width: 955px;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #f00;
	text-align: right;
	margin: 0 auto;
	padding: 0px;
	background: #002178 url(../images/fond_h1.jpg) no-repeat scroll 0px 0px;
}
.h1-to-h2 {
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	height: 106px;
	width: 955px;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #f00;
	text-align: right;
	margin: 0 auto;
	padding: 0px;
	background: #002178 url(../images/fond_h1.jpg) no-repeat scroll 0px 0px;
}
h1 strong{
	color: #fff;
}
.modif_h1_h2_strong{
	color: #fff;
}
.modif_h1_h2_strong a {
	color: #fff;
	text-decoration: none;
}

h1 .h1droite {
	position: absolute;
	top: 40px;
	right: 150px;
	text-align: center;
}
.modif_h1_h2_h1droite {
	position: absolute;
	top: 40px;
	right: 150px;
	text-align: center;
}
h1 .h1center {
	position: absolute;
	top: 88px;
	left: 36%;
	text-decoration: blink;
}
.modif_h1_h2_h1center {
	position: absolute;
	top: 88px;
	left: 339px;
	text-decoration: blink;
}

#logo {
	position: absolute;
	display: block;
	width: 240px;
	height: 33px;
	left: 130px;
	top: 38px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	padding-left: 14px;
	background: url(../illus/fleche1.gif) no-repeat 4px 7px scroll;
	text-transform: uppercase;
}
h3 a{
	text-decoration: none;
}
h4 , h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #039;
	margin: 2px 0px;
	padding-left: 14px;
	background: url(../illus/fleche1.gif) no-repeat 0px 6px scroll;
}

h5 {
	font-size: 14px;
	background-position: 0px 4px;
}

.titre1 {
	background: #db3945;
	padding: 1px;
}

.titre1  p{
	font-family: "Trebuchet MS";
	background: #ffefed;
	border: 1px solid #fff;
	line-height: 53px;
	margin: 0px;
	padding: 4px 10px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #db3945;
}

.titre2 {
	font-family: "Trebuchet MS";
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #036;
}

.titre3 {
	font-family: "Trebuchet MS";
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #036;
}

.titre4 {
	font-family: "Trebuchet MS";
	line-height: 18px;
	margin: 0px;
	padding: 10px 0px 4px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	color: #036;
	border-bottom: 1px solid #930;
}

/************************/
/*  ENRICHISSEMENT TEXTES & LIENS  */
/************************/

#entrer {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#entrer a{
	color: #fff;
	text-decoration: none;
	padding: 0px 20px 20px;
}
#entrer a:hover{
	color: #ccf;
	text-decoration: none;
}

.lien1 {
	color: #026;
	text-decoration: none;
}
.lien1:hover {
	color: #026;
	text-decoration: underline;
}

/*  page logistique  */

.colcoul1 {
	background: #f76;
}


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

#haut {
	height: 107px;
	border-bottom: 1px solid #f00;
	background: #002178;
	text-align: center;
}	

#navHaut {
	line-height: 42px;
	border-bottom: 2px solid #999;
	background: #002178 url(../images/fond_navHaut.jpg) repeat-x scroll 0px 0px;
	font-size: 11px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
#pageBlanche {
	background: #fff;
	padding: 10px 10px 0px;
}
#contenu {
	width: 955px;
	margin: 26px auto 0px;
	background: #fff;
}
#flashintro {
	padding: 26px;
	background: #102E79;
	text-align: center;
}

address {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	border-top: 1px solid #f30;
	border-bottom: 1px solid #f30;
	background: #002178;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	margin: 0px;
	padding: 8px;
}
address a{
	color: #fff;
	text-decoration: none;
}
address a:hover{
	color: #ccf;
	text-decoration: none;
}

#bas {
	background: #001856;
	padding: 20px;
}


/************************/
/*    	    TT 	        */
/************************/

#site-Web{
	text-align: center;
	height: 100px;
	
}
#site-Web a {
	color: #ddd;
	font-size: 11px;
	text-decoration: none;
	
}
#site-Web a:hover {
	color: #fff;
	text-decoration: none;
}


/************************/
/*  	     NAV HAUT	     */
/************************/

#PWnavHaut {
	width: 955px;
	margin: 0 auto;
	padding: 0px;
}
#navHaut a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 12px 14px;
	border-left: 1px solid #005299;
	border-right: 1px solid #8dc2f3;
}
#navHaut a.premier {
	border-left: 0px;
}
#navHaut a.dernier {
	border-right: 0px;
}
#navHaut a:hover {
	color: #f52;
}
#formRech {
	display: inline;
	float: right;
	padding: 10px 10px 10px 14px;
	margin: 0;
}
.recherche {
	width: 100px;
	margin: 0px 4px;
	color: #666;
	font-size: 11px;
}

/************************/
/*  	     CONTENU	     */
/************************/

/************************/
/*  	     MENU GAUCHE     */

#menu {
	width: 175px;
	background: #fff;
}
#menu a.menuG {
	display: block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 33px;
	margin: 0px 0px 2px 0px;
	padding-left: 10px;
}
#menu a.menuG:hover {
	color: #fff;
	background: #026;
}

/************************/
/*  CATALOGUE     */

#sommaire {
	position: relative;
	width: 900px;
	height: 450px;
	/*background: #f00;*/
}
.colSomm {
	position: absolute;
	bottom: 0px;
	width: 80px;
	padding: 2px;
}
.txtSomm {
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #039;
	background: none;
}
.txtSomm a{
	font-size: 16px;
	text-decoration: none;
}
.txtSomm a:hover{
	text-decoration: underline;
}

.cs1 			{left: 86px;} 
.cs2 ,	.ts1 	{left: 172px;}
.cs3 ,	.ts2 	{left: 256px;}
.cs4 ,	.ts3 	{left: 340px;}
.cs5 ,	.ts4 	{left: 424px;}
.cs6 ,	.ts5 	{left: 508px;}
.cs7 ,	.ts6	{left: 592px;}
		.ts7	{left: 676px;}
		.ts8	{left: 800px;}
.ts1 {top: 2px;}
.ts2 {top: 70px;}
.ts3 {top: 130px;}
.ts4 {top: 190px;}
.ts5 {top: 250px;}
.ts6 {top: 310px;}
.ts7 {top: 370px;}
.ts8 {top: 00px;}

/************************/
/*  COL DYNAMIQUES     */

#titrePage {
	width: 22px;
	padding: 0px 1px;
}
#visuelPage {
	width: 82px
}
#cont {
	padding: 0px 10px;
	position: relative;	
}


/************************/
/*  		CONT	     */

.commentaire {
	margin: 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #006;
}
.nomProd {
	margin: 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
}
.nomProd a{
	text-decoration: none;
	color: #006;
}
/*
#vignetteRub {
	position: absolute;
	top: 50px; 
	right: 0px;
	margin: 10px;
}
*/
#contentvignetterub {
	position: fixed;
	top: 250px; 
	margin: 10px;
	right: 10px;
	width: 250px;
	height: 200px;
}

#vignetteRub {

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

/************************/
/*  	fiche produit	     */

#deco {
	width: 7px;
	padding: 1px;
}
.couldeco {
	width: 5px;
	height: 31px;
	margin-bottom: 2px;
}
#coulsep {
	width: 1px;
	padding: 0px;
}
#ficheProd {
	width: 516px;
	padding-left: 10px;
}
#ficheProd p{
	font-size: 12px;
}
.encadre {
	font-size: 12px;
	margin: 4px 0px 20px;
	padding: 4px;
	border: 1px solid;
}

/*  	tableaux de la fiche produit	     */

.tabCar {
	width: 100%;
	margin: 10px 0px;
	font-size: 12px;
	border: 1px solid;
}
.tabCar td{
	padding: 2px 4px;
	text-align: center;
}
.tabCar td.titreTab {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.carTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 2px solid;
}

.Titre_Tarif { 	background-color:#002178;
				font-family:  tahoma, arial,verdana;
				font-size: 08pt;
				font-weight:bold;
				line-height:17px;
				color: #ffffff;
				text-align:center;
				padding:3px; 
}
/************************/
/*  	CONTACT		     */

#formContact {
	font-size: 12px;
	color: #039;
	font-weight: bold;
}
#formContact input , #formContact textarea{
	border: 1px solid #069;
}


/************************/
/*  	MOTEUR DE RECHERCHE	     */

.trouve {
	color: #039;
	text-decoration: none;
	line-height: 16px;
	padding-left: 20px;
	background: url(../illus/fleche2.png) no-repeat 0px 1px scroll;
}
.trouve:hover {
	color: #c69;
}
.trouve:visited {
	color: #39f;
}