@charset "UTF-8";
/*=====CSS GENERAL=======================*/
/*=====Création Carole Milli=============*/
/*=====Dernière modification 06/2010=====*/
* { margin:0; padding:0; border:none; text-decoration:none; list-style:none; outline:none }
body { font-family:Eurostile, Tahoma, Verdana, Arial; font-size:14px; background: url(../img/bg_body.jpg) no-repeat #f5f6f6; }
@font-face {
font-family: Eurostile;
src: url('EurostileLTStd.otf');
}
/*=====STRUCTURE=====*/
#container { width:1005px; margin:50px auto 0; position:relative; }
#page-wrap { width:870px; margin-left:140px; -moz-box-shadow: 1px 0 10px #999; -webkit-box-shadow: 1px 0 10px #999; background:#fff; }
#content { padding:0 25px; }
.col { width:400px; margin:0 5px; float:left }
.clear { clear:both }
/*=====LANGUES=====*/
#langue { position:absolute; bottom:50px; right:10px; color:#666; z-index:999; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999; -moz-box-shadow: 1px 0 2px #999; -webkit-box-shadow: 1px 0 2px #999; padding:5px; background:url(../img/bg_menu.jpg) repeat-x left top;}
#langue li { display:inline; background:url(../img/bg_menu.jpg) repeat-x left top;padding:5px; }
#langue li a { color:#666; }
/*=====HEADER=====*/
#header { background:url(../img/bg_header.jpg) top left no-repeat; height:280px; width:100%; position:relative; padding-bottom:30px }
#logo { position:absolute; top:0; right:0; background:url(../img/bg_logo.png) top right no-repeat; z-index:1000 }
#info { position:relative; z-index:1; width:870px; height:280px; }
#thumbs { width:850px; height:78px; overflow:auto; padding:20px 10px; }
#blank { height:185px; width:1px; }
a.gallery, a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #f5f6f6; width:90px; height:50px; margin:3px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #a2be00 }
a.slidea { background:url(../img/thumb-cosmetique.jpg) no-repeat; }
a.slideb { background:url(../img/thumb-confiserie.jpg) no-repeat; }
a.slidec { background:url(../img/thumb-hygiene.jpg) no-repeat; }
a.slided { background:url(../img/thumb-thes.jpg) no-repeat; }
a.gallery span, a.gallery span.text { display:block; position:absolute; left:0; top:-1px; width:1px; height:1px; overflow:hidden; z-index:100; }
a.gallery span.title { font-size:14px; color:#999; display:block; position: relative; width:90px; height:20px; text-align:right; margin-top:55px }
a.gallery:hover span.title, a.gallery:active span.title { color:#a2be00; }
a.gallery:hover, a.gallery:active { white-space:normal; border:1px solid #ddd; }
a.gallery:hover img, a.gallery:active img, a.gallery:focus img { border:1px solid #f5f6f6; z-index:100; }
a.gallery:hover span, a.gallery:active span, a.gallery:focus span { display:block; position:absolute; width:870px; height:215px; top:0; left:0; z-index:888; }
a.gallery:hover span.text, a.gallery:active span.text, a.gallery:focus span.text { display:block; position:absolute; width:450px; height:150px; top:60px; left:85px; color:#000; z-index:999; font-size:15px; line-height:22px }
span.text strong { font-size:16px; color:#999; margin-bottom:10px }
/*=====MENU=====*/
ul#menu { width:120px; position:absolute; top:170px; left:0; color:#a2be00 }
ul#menu li { position:relative;  margin:3px 0; color:#333; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999; -moz-box-shadow: 1px 0 2px #999; -webkit-box-shadow: 1px 0 2px #999; background:url(../img/bg_menu.jpg) repeat-x left top }
ul#menu li:hover, ul#menu li:active, ul#menu li.current { background:url(../img/bg_menu.jpg) repeat-x left bottom }
ul#menu li span { position:absolute; top:2px; left:85px; }
ul#menu li a { color:#222; font-size:14px; width:100px; height:15px; padding:10px; display:block; }
/*=====TYPO=====*/
h1 { font-size:20px; text-transform:uppercase; color:#a2be00; margin-bottom:10px }
h2 { font-size:18px; color:#999; margin-bottom:10px }
h3 { font-size:14px; color:#a2be00; margin-bottom:10px }
p { line-height:18px; margin:5px 0; color:#666 }
a, em { color:#a2be00; font-style:normal }
#content ul li { padding-left:20px; line-height:20px; color:#a2be00 }
#content ul li:before { content:":: " }
address { float:left; width:400px; font-size:16px; line-height:22px; font-style:normal }
/*=====ACCORDEONS=====*/
.accordeon { height:160px; width:100%; margin:10px 0 }
.accordeon img { float:left; margin-right:3px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50); }
.accordeon img:hover { cursor:pointer; opacity:0.8; filter: alpha(opacity=80); }
.accordeon img.current { cursor:default; opacity:1; filter: alpha(opacity=100); }
.accordeon div { width:0; float:left; display:none; margin-right:3px; }
.accordeon div h3 { color:#444; margin-bottom:3px; width:200px; font-size:15px;float:left; }
.accordeon div p { font-size:13px; width:205px; line-height:16px;float:left; text-align:justify  }
#instal-admin { float:left; background:url(../img/installations/bg_photoInstal-admin.jpg); width:480px; height:160px; display:block}
#instal-prod { float:left; background:url(../img/installations/bg_photoInstal-prod.jpg); width:480px; height:160px; display:block}
#instal-stock { float:left; background:url(../img/installations/bg_photoInstal-stock.jpg); width:480px; height:160px; display:block}

#services-sachet { float:left; background:url(../img/services/bg_photoService-5.jpg); width:319px; height:160px; display:block; margin-right:30px}
#services-sleeves { float:left; background:url(../img/services/bg_photoService-4.jpg); width:319px; height:160px; display:block; margin-right:30px}
#services-boxes { float:left; background:url(../img/services/bg_photoService-3.jpg); width:319px; height:160px; display:block; margin-right:30px}
#services-cellophane { float:left; background:url(../img/services/bg_photoService-2.jpg); width:319px; height:160px; display:block; margin-right:30px}
#services-blister { float:left; background:url(../img/services/bg_photoService-1.jpg); width:319px; height:160px; display:block; margin-right:30px}
/*=====REFERENCES=====*/
ul#ref { margin:10px 0 }
ul#ref li { display:block; float:left; width:260px; height:120px; margin:5px; padding:0; border:1px solid #eee }
ul#ref li:before { content:"" }
/*=====FORMULAIRE=====*/
form { margin:0 0 0 400px; }
fieldset { border:1px solid #ccc; padding:10px; }
legend { margin:5px; text-transform:uppercase; color:#464647; padding:0 10px }
label { width:70px; text-align:right; float:left; padding:10px 5px; margin-right:10px; display:block; height:15px; }
input[type='text'], textarea, select { padding:5px; margin:5px 0; width:250px; border:1px solid #ccc; }
select { width:270px; }
textarea { height:200px; font-size:12px; font-family:Eurostile; }
input:focus, select:focus, textarea:focus { border:1px solid #482166; }
input[type='submit'] { padding:5px; margin:5px 0; border:1px solid #ccc; width:150px; float:right; }
input[type='submit']:hover { background:#a2be00; color:#222; }
.erreur{ font-weight:bold; color:#800000; margin:5px 0; text-align:center}
.confirm{ font-weight:bold; color:#a2be00; text-align:center}
input.erreur, select.erreur, textarea.erreur{border:1px solid #800000; background:#FFAFBA; text-align:left}
/*=====FOOTER=====*/
#footer { height:25px; padding:0 25px; font-size:12px; color:#aaa; margin-top:20px }
#footer li { display:inline; padding:0 }
#footer li:after { content:"  |" }
#footer li:last-child:after { content:"" }