@import '/css/menu.css';
@import '/css/formulaire.css';

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-en{
	background:url(/charte/fond-page-en.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;
position:relative;
}
#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;
width:100%;
margin-top:0px;
position:relative;/*pour yahoo*/
}
#pub{position:absolute; top:11px; left:0px;}
#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; text-align:center;
}
.image_ombree{
width:auto;
}
.image_ombree img{
/*padding:5px;
background-color:#343434;*/
border:2px solid #666;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#langues{position:absolute; top:10px; right:10px; width:auto;}
#en{display:block; height:24px; width:24px; background:url(/charte/en.jpg) no-repeat left top;}
#fr{display:block; height:24px; width:24px; background:url(/charte/fr.jpg) no-repeat left top;}
#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;
}
#zone_contenu_accueil{float:left; margin-left:5px; width:752px;}
#anim-activites object{margin-left:-5px;}
#voeux{text-align:center;}
#z_contenu_accueil{ clear:both;
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_ligne{float:left;width:100%;}
.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-weight:bold;
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;
  }




/*album photo*/
#miniature_fleches{float:left; height:90px; width:592px; position:relative; margin:10px 0 10px 55px;}
#miniature_fleches img#gauche{position:absolute; left:0; top:25px; height:32px; width:32px; min-height:1px; }
#miniature_fleches img#droite{position:absolute; right:0; top:25px; z-index:2; height:32px; width:32px; min-height:1px; }
#bloc_miniatures{height:90px; overflow:hidden; position:relative; margin-left:35px;}
#bloc_miniatures{float:left; height:90px; overflow:hidden; position:relative; width:520px;}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:3000px}
#liste_miniatures img{height:80px; margin:2px; border:2px solid #e7e7e7;}

.light{opacity:0.5; }
.origin{opacity:1; }


/* illicomag */
.illicomag{float:left; width:100%; margin-bottom:10px;}
.illicomag_vignette{float:left;text-align:center;}
.illicomag_vignette img{border:1px solid #ccc;}
.illicomag_info{float:left;width:210px;}
.illicomag_titre {font-weight:bold;}
.illicomag_flip{background:url(/images/librairie/feuilleter1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_pdf{background:url(/images/librairie/pdf1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_flip a, .illicomag_pdf a{font-size:11px; line-height:27px;}