/* CSS Document */

html, body {
	margin: 0px;
	background: url(../img_graph/fond.jpg) top left repeat-x;
	font-family: Arial;
	font-size: 12px;
}

A {
	color: #666666;
	text-decoration: underline;
}

A:hover {
	color: #73BF1F;
	text-decoration: none;
}

.annonce {
	position: absolute;
	margin-left: 300px;
	margin-top: 20px;
	width: 490px;
	overflow: hidden;
	text-align: left;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border border: solid 1px #CCC;*/
background: #fff; 
width: 600px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 1px;
top: 8px;
width: 1800px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 500px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
cursor: default;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
cursor: default;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
cursor: default;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#corps {
	width: 800px;
	height: 100%;
	margin: auto;
	background-color: #FFFFFF;
	display: block;
}

#entete {
	height: 20px;
	color: #666666;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#entete A {
	color: #636466;
	text-decoration: none;
	font-weight: bold;
}

#entete A:hover {
	text-decoration: underline;
}

#ss_entete {
	height: 70px;
}

#menu {
	height: 24px;
	background-color: #73BF1F; /*73BF1F*/
	padding-left: 10px;
}

#menu ul {
	margin: 0px;
	list-style: none;
}
#menu li {
	float: left;
}
#menu a {
	float: left;
	display: block;
	padding: 6px 10px 7px 10px;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF; /* #F5F971; */
}

#menu A:hover {
	background-color: #FFFFFF;
	color: #73BF1F;
}

#contenu {
	display: block;
	width: 100%;
}

#flash {
	height: 210px;
	background: url(../img_graph/foret.jpg) top left no-repeat;
}

#sr_flash {
	width: 240px;
	height: 200px;
	margin-left: 550px;
	background-color: #FFFFFF;
    opacity : 0.85; 
    filter : alpha(opacity=85); 
	padding: 5px;

}

#img_130 {
	height: 130px;
}

#separ_img_cont {
	height: 20px;
	background-color: #E7E7E9;
	padding-left: 10px;
	padding-top: 7px;
	font-size: 9px;
}

#separ_img_cont A {
	color: #666666;
	text-decoration: none;
}

#separ_img_cont A:hover {
	text-decoration: underline;
}

#cote_gauche {
	width: 150px;
	float: left;
	border-right: solid 1px #E7E7E9;
	border-bottom: solid 1px #E7E7E9;
	font-size: 11px;
	color: #666666;
	display: block;
}

.cote_gauche {
	background: url(../img_graph/puce_a_gauche.gif) left top no-repeat;
	padding-left: 12px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	text-decoration: none;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #F7F7F7;
	font-size: 11px;
}

.cote_gauche:hover {
	background: url(../img_graph/puce_a_gauche.gif) left top no-repeat #F0F0F0;
	border-top: solid 1px #E7E7E9;
	border-bottom: solid 1px #E7E7E9;
	color: #666666;
}

.cote_gauche_actif {
	font-weight: bold;
	background: url(../img_graph/puce_a_gauche.gif) left top no-repeat #F0F0F0;
	padding-left: 12px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	text-decoration: none;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #F7F7F7;
	font-size: 11px;
}

.cote_gauche_actif:hover {
	color: #666666;
}

#gauche_liste_prod {
	border-top : solid 1px #E7E7E9;
	border-bottom : solid 1px #E7E7E9;
}

.gauche_liste_prod {
	background: #FFFFFF;
	padding-left: 22px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

.gauche_liste_prod:hover {
	background: #FFFFFF;
	text-decoration: underline;
	color: #666666;
}

.gauche_liste_prod_on {
	background: #FFFFFF;
	padding-left: 22px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	text-decoration: underline;
	font-size: 11px;
}

.gauche_liste_prod_on:hover {
	color: #666666;
	text-decoration: underline;
}

#cote_gauche_decal {
	padding: 5px;
	background-color: #F7F7F7;
}

#cote_droit {
	margin-left: 160px;
	margin-top: 20px;
	display: block;
	width: 637px;
}

#pied {
	width: 800px;
	height: 13px;
	background-color: #73BF1F;
	text-align: right;
	color: #FFFFFF;
	font-size: 9px;
	margin-top: 5px;

/*	background: url(../img_graph/pied_c.jpg) top right no-repeat #73BF1F; */
}

#pied A {
	color: #FFFFFF;
	text-decoration: none;
}

/* home */

.table_d_home TD {
	border-left: solid 1px #E7E7E9;
}

.table_d_home_img {
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #F7F7F7;
	border: solid 1px #E7E7E9;
	width: 111px;
	font-size: 11px;
}

.table_d_home_txt {
	padding: 5px 10px 5px 10px;
}

.cote_g_home_txt {
	padding: 5px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #F7F7F7;
	border: solid 1px #E7E7E9;
	font-size: 11px;
}

/* produits */

.table_cat_prod {
	background-color: #F0F0F0;
	text-align: center;
}

.table_cat_prod A {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#item_prod {
	margin: 10px;
	padding: 5px;
	border: solid 1px #E7E7E9;
}

#titre_prod {
	margin-bottom: 0px;
	padding-left: 20px;
	color: #666666;
	background: url(../img_graph/puce_titre_sifor.jpg) top left no-repeat;
}

.titre_prod_distri {
	font-size: 18px;
	font-weight: bold;
}

#titre_prod A {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#prod_titre_sifor {
	height: 50px;
	background: url(../img_graph/sifor_bg.jpg) top left no-repeat;
	padding-top: 17px;
	padding-left: 75px;
	font-weight: bold;
	font-size: 20px;
}

#prod_block_plus {
	border: solid 1px #E7E7E9;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #F7F7F7;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#prod_block_plus A {
	color: #666666;
	text-decoration: none;
}

.prod_titre_description {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #3ab119;
	margin-top: 10px;
}

.prod_titre_description_mini_tech {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 20px;
}

#prod_mini_tech {
	border: solid 1px #E7E7E9;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #F7F7F7;
	margin-left: 15px;
	margin-right: 10px;
}

#prod_spec_tech {

}

#prod_spec_tech h2 {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	color: #3ab119;
	margin-top: 10px;
	text-transform: uppercase;
}

#prod_spec_tech h1 {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #3ab119;
	margin-top: 10px;
	text-transform: uppercase;
}

#prod_spec_tech_ss {
	border: solid 1px #E7E7E9;
	background-color: #F7F7F7;
	margin-left: 10px;
	margin-right: 10px;
}

/* OMBRE IMAGE */

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
} 
.wrap1 {
	float: left;
	background:url(../img_graph/ombre/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(../img_graph/ombre/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
	padding:0 6px 6px 0;
	background:url(../img_graph/ombre/corner_tr.gif) right top no-repeat;
}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;
}

/* GALERIE */

.liste_enligne UL {
	text-align: center;
}

.liste_enligne LI {
	float: left;
	width: 150px;
	height: 110px;
	list-style: none;
}

/* FORMULAIRE CONTACT */

#form_contact {
	width: 500px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border: solid 1px #E7E7E9;
	background-color: #F7F7F7;
}

#form_contact .input_text {
	font-size: 12px;
	border: solid 1px #73BF1F;
	width: 150px;
}

#form_contact .input_text_long {
	font-size: 12px;
	border: solid 1px #73BF1F;
	width: 300px;
}

#form_contact .input_textarea {
	width: 100%;
	height: 100px;
	font-size: 12px;
	border: solid 1px #73BF1F;
}

#form_contact .contact_recap_message {
	margin: auto;
	border: solid 1px #E2DFFC;
	background-color: #FFFFFF;
	padding: 5px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	width: 400px;
}

/* FORMULAIRE INSCRIPTION NEWSLETTER */

.inscr_nl {
	width: 135px;
	border: solid 1px #E2DFFC;
	font-size: 11px;
	color: #777777;
}

.inscr_nl_on {
	width: 135px;
	border: solid 1px #73BF1F;
	font-size: 11px;
}

.bouton {
	background-color: #73BF1F;
	font-size: 11px;
	color: #FFFFFF;
	border: 0px;
}

/* FLASH PLAN */

#flash_plan {
	margin-bottom: 15px;
}

/* FULLSCREEN CENTRE */

div.confirm_context {
	z-index: 555;
	position:fixed;
	display: none;
	background: url(../img_graph/video/fond.gif) top left no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	text-align: center;
	width: 540px;
	height: 400px;
	padding: 10px;
}

* html #confirm_context { /* ie6 hack */
	position: absolute;
	margin-top: expression(200 - parseInt(this.offsetHeight / 2) + (confirm_contextMargin = documentElement.scrollTop || document.body.scrollTop) + 'px');
}

div.confirmation {
	z-index:500;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#C0C0C0;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
	font-family:Microsoft sans serif;
	font-size:12px;
	cursor: defaut;
	display:none;
}

* html div.confirmation { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	 width: 100%;
}