@charset "utf-8";
body{width:100%; min-width:960px; height:100%; font-size:82.5%; line-height:116.67%; font-family:Verdana, Geneva, sans-serif; color:#6b6b6b; border-top:2px solid #004090; background-color:#ffffff;}
/***** 1em = 12pt = 16px = 100% ------  donc 82.5% = 13px et le reste de mes fonts sont basé là-dessus ******/
.body_accueil{background-image:url(../images/fond_accueil.jpg); background-repeat:no-repeat; background-position:center top;}


h1{font-size:2.8em; height:50px; line-height:50px; font-weight:bold; font-style:italic; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#ffffff;} /* titre arianne */
h2{font-size:1.2em; line-height:1.16em; font-weight:bold; color:#004090;} /* titre contact us et emploi */ 
h3{font-size:1em; line-height:24px; font-weight:bold; text-transform:uppercase; color:#292929; } /* titre about us */
h4{display:block; clear:both; height:25px; margin-top:20px; padding-left:10px; font-size:1em; line-height:25px; font-weight:bold; color:#292929; background-color:#d7d7d7;} /* titre section dans contact us*/
h5{font-size:1em; line-height:1.16em; font-weight:bold; color:#292929;} /**/

p, ul{padding-bottom:1em; margin:0;}
a{color:#004090; cursor:pointer; text-decoration:underline;}
blockquote{margin:0 45px 20px;}

hr{clear:both;}

.container{position:relative; width:940px; margin:0 auto; padding:0;}

header{position:relative; min-height:230px; padding-bottom:20px; overflow:hidden;}

#menu_lang{position:absolute; right:0; top:0; height:27px; padding-top:8px; color:#004090; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; background:#ebebeb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
background: linear-gradient(top, #f5f5f5 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ebebeb',GradientType=0 );}
.ie9 #menu_lang{filter:none;}
#menu_lang ul{height:27px; padding:0 8px;}
#menu_lang ul li{display:inline; /*line-height:27px;*/}
#menu_lang ul li a{display:inline-block; margin:0; padding:0 8px; /*font-weight:bold;*/ line-height:27px; text-decoration:none;}
#menu_lang ul li a:visited{color:#004090;}
#menu_lang ul li a:hover{text-decoration:underline;}


nav{position:relative; height:50px;}
nav ul{padding-bottom:0;}
nav ul li{display:inline; line-height:50px;}
nav ul li a{display:inline-block; margin:0; padding:0 15px; color:#7c7c7c; font-size:1.3em; line-height:50px; text-align:left; text-transform:uppercase; letter-spacing:1px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
nav ul li:first-child a{padding:0 15px 0 0;}
nav ul li a img{padding-bottom:5px;}
nav ul li a:visited{color:#7c7c7c;}
nav ul li a:hover, nav ul li a.actif{color:#292929;}


#logo{position:relative; margin:20px 0 0;}

#menu_produits{position:relative; float:right; clear:right; border-left:1px solid #004090;}
#menu_produits ul{padding:5px 35px 5px 25px;}
#menu_produits ul li{}
#menu_produits ul li a{display:block; margin:0; padding:8px 0; text-align:center;}
#menu_produits ul li a.menu_produits_accueil{padding:13px 0;}

#centre{position:relative; background:url(../images/fond-centre.jpg) no-repeat center top;}
#centre.fond_centre_accueil{background:url(../images/fond-accueil-centre.png) repeat-x left 30px;}

.cadre{width:890px; padding:50px 25px; border-width:0 1px; border-style:solid; border-color:#8d8d8d; background-color:#ffffff; overflow:hidden;}

#fil_arianne{position:relative; height:50px; line-height:50px; background:#004090;
background: -moz-linear-gradient(top, #2E69AD 0%, #004090 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E69AD), color-stop(100%,#004090));
background: -webkit-linear-gradient(top, #2E69AD 0%,#004090 100%);
background: -o-linear-gradient(top, #2E69AD 0%,#004090 100%);
background: -ms-linear-gradient(top, #2E69AD 0%,#004090 100%);
background: linear-gradient(top, #2E69AD 0%,#004090 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E69AD', endColorstr='#004090',GradientType=0 );}

.img_droite{float:right; margin-left:20px;}

.btn{display:inline-block; padding:0 20px; color:#ffffff; line-height:30px; text-decoration:none; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.7), inset -1px -1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.7), inset -1px -1px 2px rgba(0,0,0,0.3); box-shadow:inset 1px 1px 2px rgba(255,255,255,0.7), inset -1px -1px 2px rgba(0,0,0,0.3); background:#ff0000;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTA1MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff0000 0%, #ce0505 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ce0505));
background: -webkit-linear-gradient(top,  #ff0000 0%,#ce0505 100%);
background: -o-linear-gradient(top, #ff0000 0%,#ce0505 100%);
background: -ms-linear-gradient(top, #ff0000 0%,#ce0505 100%);
background: linear-gradient(top, #ff0000 0%,#ce0505 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ce0505',GradientType=0 );}

.btn:hover{-moz-box-shadow:inset 2px 2px 4px rgba(255,255,255,0.7), inset -2px -2px 4px rgba(0,0,0,0.5); -webkit-box-shadow:inset 2px 2px 4px rgba(255,255,255,0.7), inset -2px -2px 4px rgba(0,0,0,0.5); box-shadow:inset 2px 2px 4px rgba(255,255,255,0.7), inset -2px -2px 4px rgba(0,0,0,0.5);}

.btn:active{box-shadow:inset -2px -2px 4px rgba(255,255,255,0.7), inset 2px 2px 4px rgba(0,0,0,0.5);}

.btn:visited{color:#ffffff;}

.ie9 .btn{filter:none;}

/***** Accueil *****/
#diaporama{position:relative; display:block; width:938px; height:378px; border:1px solid #5d5d5d; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.35); -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.35); box-shadow:1px 2px 2px rgba(0,0,0,0.35); background:#ffffff; overflow:hidden;}
#nav_diapo{position:absolute; bottom:6px; width:100%; text-align:center; z-index:999;}
#nav_diapo a{display:inline-block; width:10px; height:10px; margin:0 3px; color:#878787; font-size:0.1em; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 1px 1px 2px #000000, 1px 1px 2px #ffffff; -webkit-box-shadow:inset 1px 1px 2px #000000, 1px 1px 2px #ffffff; box-shadow:inset 1px 1px 2px #000000, 1px 1px 2px #ffffff; background-color:#878787;}
#nav_diapo a.activeSlide{color:#8c0922; font-size:0.1em; background-color:#004090;}


/***** About us *****/
.liste_histoire{list-style:none; list-style-image:none; margin:0; padding:0; overflow:hidden;}
.liste_histoire li{margin-left:45px; padding-bottom:1em; text-indent:-45px;}
.liste_histoire li em{color:#004090; font-style:normal;}


/***** Emplois *****/
#emploi_liste{margin:20px 0; overflow:hidden;}
#emploi_liste h2{display:block; width:145px; padding-left:15px; color:#ffffff; line-height:30px; border-width:1px 1px 0 1px; border-style:solid; border-color:#555555; background-color:#004090;}
#emploi_liste ul{border:1px solid #555555; list-style:none; list-style-image:none; margin:0; padding:0;}
#emploi_liste ul li{display:block; padding-left:15px; line-height:30px;}
#emploi_liste ul li:nth-child(even){background-color:#f1f1f1;}
#emploi_liste ul li a.actif{font-weight:bold; color:#292929; text-decoration:none;}
#emploi_liste ul li a .detail{float:right; margin-right:10px; padding-left:0; color:#292929; font-size:0.85em; font-weight:normal; text-decoration:underline;}

aside{display:block; float:right; width:470px; margin:20px 0 0 20px; padding:15px; border:1px solid #555555;}

time{display:block; padding-bottom:1em; color:#292929; font-size:0.85em;}

#formulaire{padding-bottom:20px;}
#formulaire label{display:inline-block; width:160px; padding-right:0.5em; text-align:right; vertical-align:middle;}
#formulaire input, #formulaire textarea{width:250px; padding:2px 3px; font-family:Arial, Verdana, Helvetica, sans-serif; border:1px solid #cccccc; background-color:#f0f1f2;}
#formulaire input:focus, #formulaire textarea:focus{border:1px solid #999999; background-color:#ffffff;}
#formulaire textarea{height:100px; resize:none;}
#formulaire #code_postal{width:60px;}
#formulaire #tel_1, #formulaire #tel_2, #formulaire #tel_autre_1, #formulaire #tel_autre_2{width:30px;}
#formulaire #tel_3, #formulaire #tel_autre_3{width:40px;}
#formulaire em{color:red; padding-right:0.5em;}
#formulaire .erreur{display:block; margin-left:160px; padding-left:0.5em; color:red; font-size:0.85em;}
#formulaire .note{display:block; margin-left:160px; padding-left:0.5em; font-size:0.85em; color:#666666;}


/***** Salle de presse *****/
#nouvelles{overflow:hidden}
.nouvelle_liste{padding:15px 0; border-top:1px solid #ccc;}
.nouvelle_liste img{float:left; margin-right:20px;}


/***** Contact *****/
.warehouse, .production{padding:20px 0; overflow:hidden;}
.headquarter{overflow:hidden;}

.warehouse div{position:relative; float:left; width:180px; padding:0 20px; border-left:1px solid #d8d8d8;}
.warehouse div:first-child{width:200px; padding-left:0; border-left:none;}

.production div{position:relative; float:left; width:404px; padding:0 20px; border-left:1px solid #d8d8d8;}
.production div:first-child{width:425px; padding-left:0; border-left:none;}

.warehouse_footer{font-size:0.80em; padding:20px 0; overflow:hidden;}
.warehouse_footer div{position:relative; float:left; width:170px; padding:0 20px; border-left:1px solid #d8d8d8;}
.warehouse_footer div:first-child{width:190px; padding-left:0; border-left:none;}


#carte_google{position:relative; float:right; width:600px; height:430px; margin-left:20px; border:1px solid #b7b7b7;}


/***** Footer *****/
footer{position:relative; clear:both; margin:0; padding:30px 0 20px; overflow:hidden; border-top:4px solid #004090; background:#f5f6f6 url(../images/footer_ombre.png) repeat-x top left;}

.footer_accueil{border-top:none; background:none;}

.made-in{position:absolute; top:183px; right:0; }

address{padding-top:20px; color:#292929; font-style:normal; }

small{font-size:0.85em; line-height:3em; color:#898788; } /* copyright */

.acces_ftp{font-size:0.85em;}
.acces_ftp img{margin-right:0.5em;}