body {
	height: 100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	text-align:center;
	color:black;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-position: center top;
}
img {border:none} 
h1 {
	color:#039;
	font-size:1.6em;
	text-align: left;
}
h2 {
	clear: both;
	color:#006;
	font-size:1.3em;
	text-align: justify;
}
h3 {
	color:#FF6600;
	font-size:1.1em;
	font-weight: bold;
	text-align: left;
}
h4 {
	color:#0033CC;
	font-size:1.1em;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}
h4:hover{

}
p.intro {font-weight:bold}
img.intro {float:right; padding:5px}
table.portion {
	border:1px solid #9A99E2
}
table.portion th {text-align:center; margin:0; padding:3px;  background:#9A99E2}
table.portion td {text-align:left; vertical-align:text-top; padding-left:5px; padding-right:5px}

table.materiel {width:90%; margin-top:20px}
table.materiel th {color:#006; margin-left:10px; margin-right:10px; padding:5px; border:1px solid #dddddd}
table.materiel td {background:#dddddd; text-align:left; vertical-align:text-top; padding-left:5px; padding-right:5px}
.galerie {
	height: 163px;
	width: 163px;
	margin: 2px;
	float: left;
}
.galerie_texte {
	height: 40px;
	width: 163px;
	margin: 2px;
	text-align: center;
	float: left;
}
.desc {font-size:.8em}
.prix {color:blue; font-weight:800}
.produit_a_droite {
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;
	margin-top: 10px;
}
.produit_a_gauche {
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
}

#page {
	top:10px;
	left:50%;
	width:1096px;
	margin-left:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #9A99E2;
}
#header {}
#logo {
	height:100%;
	width:100%;
	padding-top: 4px;
	padding-bottom: 1px;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center top;
	background-image: url(../images/bg.jpg);
}
#forme {float:left}
/*- Menu Tabs H--------------------------- */

    #tabs {
	width:100%;
	font-size:90%;
	font-weight:bold;
	line-height:normal;
			}
    #tabs ul {
	list-style:none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 50px;
      }
    #tabs li {
	display:inline;
	padding:0;
	}

    /* Commented Backslash Hack hides rule from IE5-Mac \
    #tabs a span {float:none;}*/
    /* End IE5-Mac hack 
    #tabs a:hover span {
      color:#99CCAE;
      }*/

    #tabs a:hover {
	background-position:0% -42px;
      }
    #tabs a span {
	float:left;
	display:block;
	color:#FFF;
	background-image: url(../images/tabrightH.gif);
	background-repeat: repeat-x;
	background-position: right top;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 7px;
      }
    #tabs a:hover span {
	background-position:100% -42px;
	color: #0a50d7;
      }
	#tabs a span.focus {
	float:left;
	display:block;
	color:#0a50d7;
	background-image: url(../images/tabrightH.gif);
	background-repeat: repeat-x;
	background-position: right -42px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 7px;
		}

#content {
	height:100%;
	width:100%;
	clear:both
}
#content-left {
	float:left;
	font-size:8pt;
	text-align: left;
	width: 193px;
}
#content-news {
	margin:10px;
	font-size:8pt;
	font-weight:700;
	color:#000000
}
#content-menu-v {
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
	margin-left: 16px;
}
#content-google {margin:10px}
#content-right {
	background:#fff;
	text-align: justify;
	float: left;
	width: 710px;
}
	
#content-3eme-colonne {
	text-align: justify;
	float: right;
	width: 183px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
#content-3eme-colonne a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;

}
#content-3eme-colonne a:hover{
	color: #0000FF;

}

#content-page {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#content-page p {text-align:justify}
#content-page a {text-decoration:none}
#content-page a:hover {
}
#content-page table {clear:both}
#content-page img {background:#fff; color:#fff}

ul.argumentaire {color:#202340; font-size:1em; font-weight:800; list-style-image:url(../images/arrow3.gif)}
ul.argumentaire li {padding-top:5px}
img.argumentaire {padding-right:25px}




ol.cgv { list-style-type:decimal; color:#006; font-size:1em; font-weight:bold}
ol.cgv li p{color:black; font-size:10pt; font-weight:normal}
ol.cgv li ul li {list-style-type:square ; color:black; font-size:10pt; font-weight:normal}

#footer {
	clear:both;
	width:100%;
	color:#23314D;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	border-top:1px dashed white;
	height:15px;
}
#footer a {color:#23314D; text-decoration:none}
#footer a:hover {color:#FF9900; text-decoration:none}
#copyright {clear:both; width:100%; background:#003366; color:#fff; height:24px; padding-top:4px; padding-bottom:4px}
#copyright a {text-decoration:none; color:#fff}
/* #copy-text {float:left; margin-left:4px; font-size:8pt} */
#copy-text {float:left; margin-left:4px; margin-top:5px; font-size:8pt}
#adresse {display:none}
#validator {float:right; margin-right:4px; margin-top:2px; }
.style2 {
	font-weight: bold;
	text-align: center;
}
.style3 {
	font-size: 1.3em;
	color: #006;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.news_produit_a_gauche {
	float: left;
}
.news_orange {
	color: #f98100;
	font-weight: bold;
}
.news_violette {
	color: #7978e2;
	font-weight: bold;
}
.news_grise {
	color: #747074;
	font-weight: bold;
}

#news_orange{
	background-image: url(../images/paraf_texte/orange.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	border: 1px solid #f98100;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #fff5e9;
	}
#news_violette{
	background-image: url(../images/paraf_texte/violet.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	border: 1px solid #7978e2;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #f1f1ff;
}
#news_grise{
	background-image: url(../images/paraf_texte/gris.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	border: 1px solid #747074;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #efefef;
}