/***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/
margin:0;padding:0;}
body,html{height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;---*/
}
body{background:#181818 url(../../charte/images/bg-body.gif) center top repeat-x;}
/***************** CONTAINER *****************/
#container{position:relative;min-height:100%;width:990px;margin:0 auto;background:#181818;}
/***************** HEADER *****************/
#header{background:url(../../charte/images/bg-header.gif) center top no-repeat;width:990px;height:200px;/*obligatoire si il y a un flash*/
display:block;outline:0;}

#header #pastille {    height: 150px;    position: absolute;    right: 40px;    top: 14px;    width: 150px;display:none;}
/***************** MENU LEFT *****************/
#menuLeft{background:url(../../charte/images/bg-menuLeft.jpg) center top no-repeat;float:left;padding:50px 10px 0 15px;width:180px;list-style:none;}
#menuLeft li{margin:5px 0 5px 0;}
#menuLeft li a{background:url(../../charte/images/bt-left.gif) left bottom no-repeat;text-decoration:none;font:bold 12px/30px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#fc3424;display:block;height:30px;overflow:hidden;padding:0 0 0 10px;}
#menuLeft li a:hover ,
#menuLeft li a.rubrique_active{background-position:left top;color:#000;}
/***************** SOUS MENU */
#menuLeft li ul{list-style:none;}
#menuLeft li ul li a{background:none;border:none;text-decoration:none;font:bold 11px/20px Arial, Helvetica, sans-serif;color:#ccc;display:block;height:20px;overflow:hidden;padding:0 0 0 20px;}
#menuLeft li ul li a:hover{color:#f2a70d;background:none;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:785px;background:url(../../charte/images/bg-contenu.jpg) center top no-repeat;}
#contenu{float:left;width:730px;padding:50px 0 35px 20px;}
#contenu-gauche{float:left;width:465px;}
#contenu-droite{float:right;width:235px;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{clear:both;}
#clearFooter{height:60px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter {position:relative;clear:both;width:100%;height:60px;margin:-60px 0 0;background:url(../../charte/images/bg-footer.gif) center top repeat-x;}

#footer{position:relative;width:990px;height:60px;margin:0 auto;background:none;font:9px/15px Arial, Helvetica, sans-serif;color:#FFF;}
#linkeo{position:absolute;left:15px;top:20px;width:350px;height:26px;line-height:10px;color:#FFF;padding:4px 0 0;}
#linkeo img{float:left;margin:4px 10px 0 10px;}
#footer #linkeo a.linkeo{text-decoration:none;font:9px Arial, Helvetica, sans-serif;color:#FFF;}
#footer #linkeo a:hover.linkeo{text-decoration:underline;color:#fff315;}
/******************* STYLE FOOTER *****************/
#footer p{font:10px/30px Arial, Helvetica, sans-serif;color:#fff;text-align:right;padding:20px 15px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#fff315;}

#contenu #contenu-gauche img { box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000;  
-webkit-box-shadow: 0 0 5px #000; border: 2px solid #fff315; padding:4px;}

#contenu ul li {    background: url("http://www.abeilletaxi.com/images/integration/puce.png") no-repeat scroll 10px 2px transparent;    list-style: none outside none;    padding-bottom: 5px;    padding-left: 25px;}

#contenu #contenu-gauche strong {color:#fff315;}
#contenu h3, #contenu h4 {font-variant:normal;}

ul#ideo_inc_planSite{ margin:0; padding:0; list-style-type:none;}
ul#ideo_inc_planSite li{ width:160px; overflow:hidden; float:left;}



/* ******************************************************************PLAN D'ACCES************************************************************************** */
@font-face {font-family: 'PlanAcces';src: url('../../fonts/plan-webfont.eot');src: url('../../fonts/plan-webfont.eot#iefix') format('embedded-opentype'),
   url('../../fonts/plan-webfont.woff') format('woff'),
 url('../../fonts/plan-webfont.ttf') format('truetype'),
 url('../../fonts/plan-webfont.svg') format('svg');font-weight: normal;font-style: normal;}
#btnPlan {cursor:pointer;position:relative;overflow:hidden;display:block;text-decoration:none;width: 100%;height: 82px;margin:5px 0;float:left;background: url(../../charte/modules-encart/plan/images/plan.png) center center no-repeat;/*Transition*/
-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
#btnPlan .plan-icon {display:block;position:absolute;width:auto;height:auto;top:15%;left:5%;font:normal 5.8em/0.8em "PlanAcces", Arial, Helvetica, sans-serif;color:#FFFFFF;text-align:center;/*background: url(../../charte/modules-encart/plan/images/picto-plan.png) center center no-repeat;*/
/*Transition*/
-webkit-transition:all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#btnPlan .plan-content {position:absolute;overflow:hidden;top:20px;right:10%;text-align:right;/*Transition*/
-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#btnPlan .plan-content h2 {margin:0;padding:0;border:0;font-size:1.2em;line-height:1.2em;font-weight:normal;color:#fc3424;/*Transition*/
-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
#btnPlan .plan-content h2 strong {color:#FFFFFF;font-size:1.2em;}
#contenu-droite a#btnPlan:hover {
text-decoration:none;}
#btnPlan:hover .plan-icon {left:10%;}
#btnPlan:hover .plan-content {right:25%;}
#btnPlan:hover .plan-content h2 {color:#FFFFFF;}