@charset "utf-8";
/* CSS Document */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; background-color:#434343; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #fff; background:url(../../img/bg.jpg) no-repeat center top; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#d5e102;}
h1{ font-size:18px; text-transform:uppercase; }
h2{ font-size:14px; }
h3{ font-size:160%; }
h4{ font-size:150%; }
h5{ font-size:140%; }
h6{ font-size:130%; }

/* =Link-----------------------------------------------------------------------------*/

a{ color:#c2ae7d; }
a:hover{ color:#c2ae7d; }
a:active{ color:#c2ae7d; }
a:visited{ color:#c2ae7d; }

/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:1015px; margin:15px auto; background-color:#fff; }
*html #wrap{ overflow:hidden;}
#header{height:175px;}
#header #up_header{height:22px; background:url(../../img/up_header.jpg) no-repeat; text-align:right; padding-top:20px; padding-right:20px;}
#header #up_header a{font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; text-transform:uppercase; margin:0px 3px; text-decoration:none; background-color:#ec8c32; padding:2px 4px;}
#header #img{height:133px; background:url(../../img/page_header_01.jpg) no-repeat;}
#header #img #index{height:110px; width:310px;}
#header #img #index a{height:100px; width:310px; display:block;}
#header #img #menu{width:1015px; height:16px; text-align:center;}
#header #img #menu a{ background:url(../../img/puce_grise.jpg) left 2px no-repeat; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:12px; margin:0px 15px 0 15px; color:#636466; text-decoration:none;}
#header #img #menu a:hover{ background:url(../../img/puce_jaune.jpg) left 2px no-repeat; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:12px; margin:0px 15px 0 15px; color:#636466; text-decoration:none;}

/* PAGES IMAGES*/
#header #img.cosmetics{ background:url(../../img/page_header_cosmectics.jpg) no-repeat;}
#header #img.alimentation{ background:url(../../img/page_header_ali.jpg) no-repeat;}
#header #img.pharma{ background:url(../../img/page_header_pharma.jpg) no-repeat;}
#header #img.manu{ background:url(../../img/page_header_manu.jpg) no-repeat;}
#header #img.print{ background:url(../../img/page_header_imprimerie.jpg) no-repeat;}
#header #img.detail{ background:url(../../img/page_header_details.jpg) no-repeat;}
#header #img.contact{ background:url(../../img/page_header_04.jpg) no-repeat;}
#header #img.recrutement{ background:url(../../img/page_header_03.jpg) no-repeat;}
#header #img.rh{ background:url(../../img/page_header_02.jpg) no-repeat;}
#header #img.entreprise{ background:url(../../img/page_header_01.jpg) no-repeat;}

#line_up{width:1015px; height:64px; background:url(../../img/page_line_up.jpg) no-repeat; text-align:left; padding-top:58px}
#line_up a.contacter{ float:right; }
#line_up ul{ float:left; margin:20px; width:778px; -margin-bottom: -70px;}
*html #line_up{ margin-bottom:-2px; }
*html #line_up ul{ display:inline; width:775px; }
#line_up ul li{ display:inline; }
#line_up ul li a{ margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#636466; }
#line_up ul li a:hover{ color:#F90; }
*html #line_up a.contacter{ display:inline; }

#contenu{width:1015px; background:url(../../img/page_bg_contenu.jpg) repeat-y top left;}

#contenu #left{ width:823px; float:left; padding:9px 0px 0px 17px; }
#contenu #left h1{font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:23px; color:#636466; text-decoration:none; text-align:left;}
#contenu #left #line{width:823px; height:6px; background:url(../../img/line_title.jpg) repeat-x; margin: 2px 0 5px 0;}
#contenu #left #contenu{width:805px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#636466; text-align:justify;}
#contenu #left #contenu h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; color:#df7f24; text-align:justify; margin:7px 0px 4px 0px; display:block;}
#contenu #left #contenu a{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#b3b53f; text-decoration:underline;}
#contenu #left #contenu ul{ color:##636466; font-size:12px; margin-bottom:7px; text-decoration:none; }
#contenu #left #contenu ul li{ color:##636466; font-size:12px; padding-left: 20px; margin-bottom:5px; text-decoration:none; background-attachment: scroll; background-image: url(../../img/puce_mail.jpg); background-repeat: no-repeat; background-position: left 6px; }
#contenu #right{width:174px; height:462px; background:url(../../img/page_logo_right.jpg) no-repeat; float:right;}
#contenu #right_contact{width:174px; height:462px; background:url(../../img/page_logo_right_contact.jpg) no-repeat; float:right;}
#line_down{width:1015px; height:49px; background:url(../../img/page_line_down.jpg); text-align:right; padding-top:19px}
#line_down_recrutement{width:1015px; height:49px; background:url(../../img/page_line_down_contact.jpg); text-align:right; padding-top:19px}
#line_down_contact{width:1015px; height:49px; background:url(../../img/page_line_down_contact.jpg); text-align:right; padding-top:19px}
#footer{ width:1015px; height:29px; background-color:#fff; padding-top:12px; text-align:center;}
#footer a{ font-family:Arial, Helvetica, sans-serif; color:#df7f24; font-weight:bold; text-transform:uppercase; margin:0px 7px; text-decoration:none;}

#liste_ul {margin: 0 0 0 300px;}
#contenu #left #contenu li.liste a{color:#636466;}
#contenu #left #contenu li.liste a:hover{color:#FF9900;}
#Cont_but {float: right;}

#header #img #menu li{ display:inline; float:left; list-style:none; }
#header #img #menu li a{ display:block; height:21px; }
#header #img #menu{ margin:0 0 0 160px; }
#header #img #menu li ul{ display:none;  position:absolute; z-index:9999; }
#header #img #menu li:hover ul{ display:block; background-color:#FFF; margin-top:-1px; padding:4px 0; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background:#fff; }
#header #img #menu li:hover ul li{float:none; display:list-item; text-align:left; padding:2px 0; }
#header #img #menu li:hover ul li a{ font-size:10px;  width:180px; height:12px; }

/* INTERNET EXPLORER 6 & 7*/
*html #header #img #menu a{ background:url(../../img/puce_grise.jpg) 0 2px no-repeat; }
*html #header #img #menu a:hover{ background:url(../../img/puce_jaune.jpg) 0 2px no-repeat; }
*html #header #img #menu li a{ display:inline-block; }
*html #header #img #menu li.iehover ul{ display:block; margin-left:-244px; margin-top:20px; padding:4px 0; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; background:#fff; }
*html #header #img #menu li ul li{  clear:both; background-color:#FFF; background-image:none; display:block; text-align:left;  font-size:10px; }
*html #header #img #menu li ul li a{ margin-top:0; padding-top:0; display:block; width:180px; height:15px;  font-size:8px; }
*html #header #img #menu li ul li a{ background:#fff url(../../img/puce_grise.jpg) 0 2px no-repeat; font-size:10px; }
*html #header #img #menu li ul li a:hover{ background:#fff url(../../img/puce_jaune.jpg) 0 2px no-repeat;  font-size:10px; }

*+html #header #img #menu li.iehover ul{ display:block; margin-left:0px; margin-top:0px; }
/*------------------------*/

table#mailing input.inputText{ background:url(../../img/input-gradient.jpg) top repeat-x; border:1px solid #ccc; border-top-color:#ddd; padding:2px; }
table#mailing select.inputText{ background:url(../../img/input-gradient.jpg) top repeat-x; border:1px solid #ccc; border-top-color:#ddd; padding:2px; width:210px; }
table#mailing textarea{ background:url(../../img/input-gradient.jpg) top repeat-x; border:1px solid #ccc; border-top-color:#ddd; padding:2px; width:203px; height:125px; }

h5#errorBox{ font-size:11px; border:1px solid #FA0303; padding:4px; width:400px; color:#FA0303; text-transform:none; background:#FFECEC url(../../img/exclamation.gif) left center no-repeat; padding-left:35px; font-weight:normal; }