/*
 _   _  ___  _____ 
| \ | |/ _ \| ____|
|  \| | | | |  _|  
| |\  | |_| | |___ 
|_| \_|\___/|_____|            
 ___ _   _ _____ _____ ____      _    ____ _____ _____     _______ 
|_ _| \ | |_   _| ____|  _ \    / \  / ___|_   _|_ _\ \   / / ____|
 | ||  \| | | | |  _| | |_) |  / _ \| |     | |  | | \ \ / /|  _|  
 | || |\  | | | | |___|  _ <  / ___ \ |___  | |  | |  \ V / | |___ 
|___|_| \_| |_| |_____|_| \_\/_/   \_\____| |_| |___|  \_/  |_____|

*/

@import url("png_fix.css");

*{margin: 0;padding: 0;}

body{background: #000000 url(images/fond.jpg) 55px 0px repeat-x;}

h1{color:#707277;font-size:24px;font-family:Arial;padding:15px;}

p{color:#707277;font-size:15px;font-family:Arial;padding:15px 15px 0 15px;margin-bottom: 0;}
a{color:#707277;font-family:Arial;text-decoration:none;}
a:hover{text-decoration:underline;}
/**** HOME ***/
div.conteneurhome{width:900px;height:675px;background:#FFFFFF;margin: 0 auto;position:relative;background:url(images/bkg-home.jpg) 10px 0 no-repeat;}
div.conteneurhome a img.logohome{position:absolute;top:225px;left:330px;border:none;}

/*** PAGE INTERIEUR ***/
div.site{margin: 0 auto;width:900px;}
div.conteneur{width:900px;height:675px;background:#FFFFFF;position:relative;margin: 0 auto;}

div.conteneur div.carreflash{width:460px; height:460px;position:absolute;top:10px;left:10px;}
div.conteneur div.carreflashavec{background:url(images/bkg-temp.jpg) no-repeat; width:460px; height:460px;position:absolute;top:10px;left:10px;}
div.conteneur div.carreflashplandusite{background:url(images/plandusite.jpg) no-repeat; width:460px; height:460px;position:absolute;top:10px;left:10px;}
div.conteneur div.carreflashmentions{background:url(images/mentionslegales.jpg) no-repeat; width:460px; height:460px;position:absolute;top:10px;left:10px;}
div.conteneur div.carreflashreference{background:url(images/references.jpg) no-repeat; width:460px; height:460px;position:absolute;top:10px;left:10px;}

div.conteneur div.carretexte{background:url(images/bkg-gris.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;}
div.conteneur div.carretexte h1{margin:180px 0 50px 0;}
div.conteneur div.carretexte h1.mentions{margin:20px 0 0 0;}
div.conteneur div.carretexte h1.fournisseur{margin:30px 0 0 0;}
div.conteneur div.carretexte h1.reference{margin:0;_margin:0;padding-bottom:0px;}
div.conteneur div.carremenu{background:url(images/bkg-bleunoir.jpg) no-repeat;width:879px; height:178px;position:absolute;bottom:10px;left:10px;}
div.conteneur div.carremenu a img.logo{position:absolute;bottom:11px;left:0;border:none;}


div.conteneur div.carremenu ul#menucarre{list-style-type: none;padding-top:10px;padding-left: 15px;_padding-left: 500px;height:43px;float:right;}
div.conteneur div.carremenu ul#menucarre li{display: inline;margin:0 10px 0 0;}
div.conteneur div.carremenu ul#menucarre li a img {border: 4px solid #dee0e1;}
div.conteneur div.carremenu ul#menucarre li a:hover img#rub1,div.conteneur div.carremenu ul#menucarre li a img#rub1.select {border: 4px solid #e40050 !important;}
div.conteneur div.carremenu ul#menucarre li a:hover img#rub2,div.conteneur div.carremenu ul#menucarre li a img#rub2.select {border: 4px solid #e4e400;}
div.conteneur div.carremenu ul#menucarre li a:hover img#rub3,div.conteneur div.carremenu ul#menucarre li a img#rub3.select {border: 4px solid #6ad3e5;}
div.conteneur div.carremenu ul#menucarre li a:hover img#rub4,div.conteneur div.carremenu ul#menucarre li a img#rub4.select {border: 4px solid #ff6f20;}

div.conteneur div.carremenu ul#menucarre li span{display:none;}
div.conteneur div.carremenu ul#menucarre li div{display:none;height:50px;background:pink;}

div.conteneur div.carremenu ul#menucarre li a:hover span.srub1{display:inline;position:absolute;top:25px;left:460px;color:#FFFFFF;font-weight:bold;font-size:13px;font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover span.srub1{_display:inline;_position:relative;_margin-left:-180px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover div.srub1{_display:inline;_position:relative;_margin-left:-180px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}

div.conteneur div.carremenu ul#menucarre li a:hover span.srub2{display:inline;position:absolute;top:25px;left:470px;color:#FFFFFF;font-weight:bold;font-size:13px;font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover span.srub2{_display:inline;_position:relative;_margin-left:-210px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}


div.conteneur div.carremenu ul#menucarre li a:hover span.srub3{display:inline;position:absolute;top:25px;left:500px;color:#FFFFFF;font-weight:bold;font-size:13px;font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover span.srub3{_display:inline;_position:relative;_margin-left:-240px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}

div.conteneur div.carremenu ul#menucarre li a:hover span.srub4{display:inline;position:absolute;top:25px;left:500px;color:#FFFFFF;font-weight:bold;font-size:13px;font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover span.srub4{_display:inline;_position:relative;_margin-left:-310px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}

div.conteneur div.carremenu ul#menucarre li a:hover span.srub5{display:inline;position:absolute;top:25px;left:540px;color:#FFFFFF;font-weight:bold;font-size:13px;font-family:Arial;}
div.conteneur div.carremenu ul#menucarre li a:hover span.srub5{_display:inline;_position:relative;_margin-left:-310px;_color:#FFFFFF;_font-weight:bold;_font-size:13px;_font-family:Arial;}


div.conteneur div.carremenu a{color:#FFFFFF;text-decoration:none;font-size:12px;}
div.conteneur div.carremenu a:hover{text-decoration:underline;}

div.conteneur div.carremenu ul.sousmenu1{position:absolute;top:55px;right:235px;text-align:right;list-style-type: none;}
div.conteneur div.carremenu ul.sousmenu1 li a.select{font-weight:bold;background:url(images/puce-rouge.gif) 0 3px no-repeat;padding:0 0 0 10px;}

div.conteneur div.carremenu ul.sousmenu2{position:absolute;top:55px;right:178px;text-align:right;list-style-type: none;}
div.conteneur div.carremenu ul.sousmenu2 li a.select{font-weight:bold;background:url(images/puce-jaune.gif) 0 3px no-repeat;padding:0 0 0 10px;}

div.conteneur div.carremenu ul.sousmenu3{position:absolute;top:55px;right:120px;text-align:right;list-style-type: none;}
div.conteneur div.carremenu ul.sousmenu3 li a.select{font-weight:bold;background:url(images/puce-bleu.gif) 0 3px no-repeat;padding:0 0 0 10px;}

div.conteneur div.carremenu ul.sousmenu4{position:absolute;top:55px;right:63px;text-align:right;list-style-type: none;}
div.conteneur div.carremenu ul.sousmenu4 li a.select{font-weight:bold;background:url(images/puce-orange.gif) 0 3px no-repeat;padding:0 0 0 10px;}

div.conteneur div.carremenu ul.sousmenu5{position:absolute;top:55px;right:13px;text-align:right;list-style-type: none;}
div.conteneur div.carremenu ul.sousmenu5 li a.select{font-weight:bold;background:url(images/puce-orange.gif) 0 3px no-repeat;padding:0 0 0 10px;}

div.footer{color:#FFFFFF;}
div.footer ul{list-style-type: none;height:43px;float:right;margin-right: 10px;;}
div.footer ul li{display: inline;list-style-type: none;margin:0 15px 0 0;}
div.footer ul li a{color:#FFFFFF;text-decoration:none;font-size:10px;}
div.footer ul li a img{border:none;}
/*** RUBRIQUE I ***/
div.conteneur div.carretexte1{background:url(images/bkg-rouge.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;}
div.conteneur div.carretexte1 h1{color:#FFFFFF;}
div.conteneur div.carretexte1 p{color:#FFFFFF;}
div.conteneur div.carretexte1 p.certifications{font-size:12px;}
div.conteneur div.carretexte1 h1{margin:150px 0 30px 0;}
div.conteneur div.carretexte1 h1.presentation{margin:5px 0 5px 0;}
div.conteneur div.carretexte1 h1.certifications{margin:0; padding: 8px 5px 0 15px;font-size:22px;}
div.conteneur div.carretexte h1.form{margin:0px 0 10px 0;}
div.conteneur div.carretexte1 h1.repere{margin:150px 0 30px 0; _margin:130px 0 30px 0;* margin:130px 0 30px 0;}

div.conteneur div.carretexte1 ul{color:#FFFFFF;font-size:14px;margin:0 0 0 30px;list-style-type:square;font-family:Arial;}
/*div.conteneur div.carretexte1 h1.presentation{margin:50px 0 50px 0;}*/
/*** RUBRIQUE II ***/
div.conteneur div.carretexte2{background:url(images/bkg-jaune.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;}
div.conteneur div.carretexte2 h1{margin:150px 0 50px 0;}

/*** RUBRIQUE III ***/
div.conteneur div.carretexte3{background:url(images/bkg-bleu.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;}
div.conteneur div.carretexte3 h1{margin:150px 0 50px 0;}
/*** RUBRIQUE IV ***/
div.conteneur div.carretexte4{background:url(images/bkg-orange.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;color:#FFFFFF;}
div.conteneur div.carretexte4 h1{margin:150px 0 35px 0;color:#FFFFFF;}
div.conteneur div.carretexte4 h1.challes{margin:90px 0 35px 0;color:#FFFFFF;}
div.conteneur div.carretexte4 h1.trier{margin:100px 0 50px 0;}
div.conteneur div.carretexte4 p {color:#FFFFFF;}

div.conteneur div.carretexte5{background:url(images/bkg-bleu.jpg) no-repeat;width:405px; height:460px;position:absolute;top:10px;right:10px;color:#FFFFFF;}
div.conteneur div.carretexte5 h1{margin:150px 0 35px 0;color:#FFFFFF;}
div.conteneur div.carretexte5 h1.challes{margin:90px 0 35px 0;color:#FFFFFF;}
div.conteneur div.carretexte5 h1.trier{margin:100px 0 50px 0;}
div.conteneur div.carretexte5 p {color:#FFFFFF;}

span.rub1{background:url(images/puce-rouge.gif) 0 5px no-repeat;padding:0 0 0 10px;}
span.rub2{background:url(images/puce-jaune.gif) 0 5px no-repeat;padding:0 0 0 10px;}
span.rub3{background:url(images/puce-bleu.gif) 0 5px no-repeat;padding:0 0 0 10px;}
span.rub4{background:url(images/puce-orange.gif) 0 5px no-repeat;padding:0 0 0 10px;}

ul.plan {margin:0 0 0 30px;color:#FFFFFF;list-style-type: none;}
ul.plan li{font-size:12px;}

ul.reference {margin:0 0 0 30px;color:#707277;list-style-type: square;font-family:Arial;font-size:12px;}
ul.reference li{font-size:12px;margin:0 0 3px 0;}
*ul.reference li{font-size:12px;margin:0;}
span.spanreference {font-size:13px;}


ul.credits {margin:0 0 0 30px;color:#707277;list-style-type: square;font-family:Arial;}
ul.credits li{font-size:12px;margin:0 0 15px 0;}
ul.credits li span{font-weight:bold;}

form {font-family:Arial}
form fieldset {border:none;}
form fieldset div {margin:5px 0;}
form fieldset div textarea{width:200px;}
form fieldset div label{border: none;display:block;float:left;width:110px;clear:both;text-align:left;margin-right:10px; margin-left:10px;color:#939393; font-size:12px;}
form fieldset div input.valider{border: 2px solid #FFFFFF;color: #FFF;background-color:#24313A; cursor:pointer; font-family:Arial;padding:5px;}

span.oblig{color:#FF0000;}
.error{border-right: 1px solid #fce7e9;border-bottom: 1px solid #fce7e9;border-top: 1px solid #f28c97;border-left: 1px solid #f28c97;background:#f9c9ce;}

.formOk {background:#deffcb; border:1px solid #6ba519; color:#3e6505; padding:10px; font-weight:bold; font-size:14px;margin-left:50px;}

dl {font-family:Arial;font-size:12px;margin:0 0 0 20px;}
dt {display:block; width:180px; float:left; font-weight:bold}
dd {margin:10px 10px 10px 180px;}

p.social{font-family:Arial;color:#707277;font-size:12px;padding-top:0px;width:250px;margin-bottom:10px;}
p.lyon{font-family:Arial;color:#707277;font-size:12px;padding-top:0px;position:absolute;top:70px;right:0;width:170px;}


div#logofond{
    background:url(images/logofond.jpg) no-repeat;
}

#planlyon{
    background:url(images/plan-mignola.png) no-repeat ;
    display:block;
    height:35px;
    padding-left:35px;
    padding-top:5px;
}

a.pdf{
    background:url(images/page_white_acrobat.png) no-repeat ;
    display:block;
    padding-left:25px;
    margin-bottom:10px;
    height:20px;
     font-style:italic;
    
}

div.conteneur div.carremenu ul#menucarre li a img.noBorder {
    border: none ;
}
.submenu {
    display: none;
    position: absolute;
    top: 53px;
    right: 0;
    text-align: right;
}
body div.conteneur div.carremenu ul#menucarre li .submenu li {
    display: block;
    color:#FFFFFF;
    font-weight:bold;
    font-size:13px;
    font-family:Arial;

    width: 170px;
    padding: 10px 2px 3px 5px; 
}
#menucarre li {overflow: hidden;}
#menucarre li:hover ul.submenu {
    display: block;
    
}

#visite {
    width: 300px;
    margin:29px auto;
    text-align: center;
    color: white;
    font-family: Arial;
}

exp {
    font-size: 60%;
    position: relative;
    top: 6px;
    margin-right: 5px
}

body.LB ul {
    display: block;
    color: white;
    font-weight: bold;
    position: fixed;
    top: 10px;
    z-index: 1000;
    left: 30px;
}
body.LB {
    background: none;
}
body.LB ul li a {
    color:white;
    font-size: 13px;
}

body.LB ul li {
    display: block;
    padding: 2px 10px;
    margin-top: 5px ;
    background: url("images/bkg-bleunoir.jpg") no-repeat scroll 0 0 transparent;
}

body.LB img {
    z-index : 1;
    position: relative;
}