@import '/css/menu.css';
@import '/css/formulaire.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body{
height:100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:0.8em;*/
font-size:12px;
	background:url(/charte/fond-page.jpg) center top no-repeat #000000;
}
/*body.body-accueil{
	background:url(/charte/fond-page-accueil.jpg) center 30px no-repeat #000000;
}
body.body-accueil #page{
	padding-top:30px;
}
body.body-accueil #logo{
position:absolute;
top:-40px;
}*/
body.body-accueil #logo{
position:absolute;
left:-27px;
}
#conteneur {
	width:100%;
}
#page {
	margin: 0px auto;
	width: 932px;
	text-align:left;
}
#dernier-element {
	/*margin-bottom: 0px;
	padding-bottom: 70px;
	visibility: hidden;*/
	width:100%;
	clear:both;
	background:url(/charte/barre-bas.jpg) no-repeat top center;
	height:40px;
}
#footer{
width:100%;
text-align:center;
padding-bottom:10px;
}
#header{
height:198px;
margin-top:0px;
position:relative;/*pour yahoo*/
}
#haut_z_centrale{
background:url(/charte/fond-titre-rub.jpg) no-repeat top right #202020;
width:100%;
height:48px;
}
#z_centrale{
width:100%;
float:left;
/*background:url(/charte/rpt-menulat.png) repeat-y left;*/
background:url(/charte/fond-z-centrale.png) repeat-y left;
}

.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
color:#fff;
}
hr{
clear:both;
width:100%;
height:1px;
border:none;
border-bottom:1px solid #ccc;
padding:15px 0;
margin-bottom:15px;
}
h1{
font-size:16px;
font-weight:bold;
color:#DEAF20;
background:url(/charte/fond-h1.jpg) no-repeat left bottom;
height:35px;
line-height:20px;
vertical-align:middle;
padding:5px;
padding-left:15px;
position:relative;
left:-5px;
top:10px;
width:762px;
margin-bottom:0;
margin-top:0;
}
h1.onglet-blanc{
color:#f1f1f1;
}
h2, .Igol_famille{
font-size:14px;
font-weight:bold;
color:#DEAF20;
}
h3{
font-size:13px;
font-weight:bold;
color:#DEAF20;
}
h4{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
#z_contenu_int li{
	list-style-position: inside;
	/*list-style-type:disc;*/
	list-style-image:url(/charte/puce-li.png);
}
a{
text-decoration:none;
color:#DEAF20;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, #div_lien_yahoo a{
font-size:11px;
color:#fff;
}

.legende{
font-size:10px;
color:#ccc;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
padding:5px;
background-color:#343434;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#logo{
/*width:100%;
float:left;
height:170px;
text-align:center;*/
width:430px;
margin-left:265px;
float:left;
height:170px;
text-align:center;
}
/*--------- haut_z_centrale ----------*/
#haut-colG{
float:left;
width:165px;
background:url(/charte/fond-z-centrale.png) repeat-y left;
height:48px;
}
#div_lien_yahoo{
width:580px;
color:#FFFFFF;
font-size:10px;
position:absolute;
bottom:3px;
left:175px;
}
#pictos{
float:right;
width:175px;
background:url(/charte/fond-pictos.png) no-repeat center bottom;
text-align:center;
position:absolute;
right:0; bottom:0;
}
#pictos img{
margin-right:5px;
}
#moteur{
float:right;
width:155px;
font-size:11px;
color:#000;
}
input.moteur{
color:#000;
font-size:11px;
border:1px solid #000;
padding:2px 3px;
width:100px;
}
input.ok{
position:relative;
left:-1px;
top:5px;
}

/*----- footer -----*/
#footer a, #footer{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
/*---------- #zone centrale----------*/
#colG{
float:left;
width:165px;
position:relative;/*pour bas*/
}
#z_contenu{
width:100%;
}

#anim-activites{
float:left;
width:762px;
margin-left:5px;
}
#bandeau{
display:none;
float:left;
width:762px;
height:160px;
margin-left:5px;
}
#z_contenu_accueil{
float:right;
width:752px;
margin-left:5px;
color:#FFFFFF;
padding:0px 5px;
position:relative;
top:-15px;
}
#z_contenu_int{
float:right;
width:752px;
margin-left:5px;
color:#FFFFFF;
background:url(/charte/fond-z-contenu.jpg) no-repeat center top;
padding:35px 5px;
position:relative;
top:-15px;
min-height:300px;
}
/*pour vieux IE*/
* html #z_contenu_int{
clear:right;
}
#actu{
/*float:right;
width:762px;
margin-left:5px;*/
float:right;
width:752px;
margin-left:5px;
color:#FFFFFF;
/*padding:35px 5px;*/
padding:0px 5px;
position:relative;
top:-15px;
}
#affiche-news{
float:right;
margin-top:10px;
position:relative;
left:-10px;
}
/* pour vieux IE */
* html #actu, * html #z_contenu_accueil{
clear:both;
float:left;
margin-left:85px;
width:730px;
}

/*---------- colG ----------*/
#div_titre_rubrique{
float:left;
width:592px;
height:48px;
line-height:30px;
vertical-align:middle;
color:#333;
font-size:16px;
font-weight:bold;
padding-left:15px;
}
.haut_menuLat{
height:10px;
width:100%;
float:left;
}
#menuLat{
width:100%;
float:left;
padding-bottom:10px;
}
.bas_menuLat{
width:100%;
float:left;
}
#bas_menuLat{
position:absolute;
bottom:0;
left:0;
width:100%;
float:left;
}
/*illicopage*/
.user_courant, .user_fonction, .lien_menu{
color:#fff;
}
/*actu news*/
.News_bloc{
float:left;
width:355px;
margin:10px;
}
.News_visuel{
float:left;
width:auto;
}
.News_visuel img{
width:124px;
}
.News_contenu{
float:right;
width:220px;
}
.News_titre{
/*color:#4387C8;*/
color:#fff;
/*font-weight:bold;*/
font-size:12px;
}
.News_resume{
clear:both;
font-size:12px;
}
a.News_suite{
margin-top:10px;
clear:both;
/*color:#ffffff;*/
font-size:12px;
display:block;
}
/*----- tableau liste de produits -----*/
#listeProduits{
width:730px;
margin:10px 10px 10px 10px;
}
#listeProduits td.Igol_famille{}
th.Igol_titre{
background-color:#DEAF20;
color:#212121;
font-weight:bold;
font-size:13px !important;
}

.Igol_desc{/*tte cellule*/
vertical-align:top;
/*border:1px solid #393939;*/
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
#listeProduits .Igol_titre{
padding: 7px;
background-color:#FFA101;
font-size:12px;
border:1px solid #fff;
border-right:none;
}
#listeProduits .Igol_titre.col5{
border-right:1px solid #fff;
}
#listeProduits td{
/*border:1px solid #ccc;*/
padding:8px;
}

.couleur2 td{
background-color:#3F3F3F;
}
.couleur1 td{
background-color:#2F2F2F;
}
td.col1, td.col2, td.col3{
text-align:center;
}
#listeProduits{

border-right:1px solid #fff;
}
td.col5, td.col5 a{
text-align:center;
color:#a2a2a2;
font-size:10px;
line-height:20px;
}


td.colPhoto, td.colTitre, td.colViscosite
{
text-align:center;
}

td.colfds a{
font-size:9px;
text-align:center;
color:#a2a2a2;
  }