/* ONLY FOR THE LAYOUTS OF PAGES : -
COLUMNS,GRIDS, BLOCK DEFINITIONS. UNDER NO CIRCUMSTANCES DEFINITIONS OF ELEMENTS [articles, text structure, links etc.. are to be defined here..]
edited on the 25-02-11.
*/

* {margin:0;padding:0;}
/*----------------------------------------------------------------------------------------------------------------------------
 BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain
                                   your whole site...
----------------------------------------------------------------------------------------------------------------------------*/
/*body{background:#000 url(../images/interface/fond-peggy.jpg) repeat-x top center;}*/
body.instit{background:#000 url(../images/interface/fond-instit.jpg) repeat-x top center;}
body.formation{background:#000 url(../images/interface/fond-formation.jpg) repeat-x top center;}
body.maquillage{background:#000 url(../images/interface/fond-maquillage.jpg) repeat-x top center;}
body.produit{background:#000 url(../images/interface/fond-produit.jpg) repeat-x top center;}
body.produit2{background:#000 url(../images/interface/fond-produit.jpg) repeat-x top center;}
#page{margin:0 auto;padding:15px 0 0;width:940px;background:#fff;overflow:hidden;}
#main {margin:0 auto;padding:0;/*padding-top: 15px;*/width:900px;}
/*.front #main {padding-top: 0;}*/

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: auto !important;}

/* ----------------------------------------------------------------------------------------------------------------------------
        HEADER : - inner header contents ONLY [ except navigation defined further apart ]
----------------------------------------------------------------------------------------------------------------------------*/
#header {margin:0;padding:0;width:920px;position:relative;z-index: 999;}
#header #logo-title {margin:0;padding:0;width:160px;height:205px;position:absolute;top:-15px;left:20px;z-index:999}
#header #header-region {margin:0;padding:0;width:272px;height:21px;position:relative;float:right;}
  #header-region .block-langues{margin:0;padding:0;width:85px;height:21px;float:right;}
  #header-region .block-recherche{margin:0;padding:0;width:150px;height:21px;float:right;}
    #header-region .block-recherche input.recherche {margin:0;padding:0 0 0 5px;width:91px;height:19px;float:left;background:none;border:1px solid #111113;color:#9c9b9d;font-size:1em;line-height:19px;}
    #header-region .block-recherche input.rechercher {margin:0;padding:1px;float:left;background:none;border:none;}

/* ----------------------------------------------------------------------------------------------------------------------------
    NAVIGATION : - primaly-links & secondary-links for DRUPAL & any other side-bar links.
                           Please seperate each category with (-)
----------------------------------------------------------------------------------------------------------------------------*/
#header #navigation {margin:10px 0 0;padding:0;width:800px;float:right;position: relative; z-index: 990;}
  #header #navigation ul {margin:0;padding:0;}
  #header #navigation ul li{margin:0;padding:0;float:left;list-style:none;}
  #header #navigation ul li.last a{border-right:none !important;border-left:none !important;border-bottom:none !important;border-top:none !important;}
  #header #navigation #primary {margin:0 0 10px;padding:0 0 0 45px;width:760px;}
   #header #navigation  #primary ul li a{margin:0;padding:0 15px;font-size:1em;color:#191919;border-right:1px solid #191919;line-height:18px;text-decoration:none;}
   #header #navigation  #primary ul li.contact a{background:url(../images/icones/picto-contactez.png) no-repeat right center;margin:0;padding:0 20px 0 10px;font-size:1em;color:#191919;border-right:none;line-height:18px;text-decoration:none;}
  #header #navigation #secondary {background:url(../images/interface/fond-nav.png) repeat-x top left;margin:0;padding:0 0 0 45px;width:755px;height:43px;}
    #header #navigation #secondary ul li {background:url(../images/interface/border-nav.png) no-repeat center right;}
    #header #navigation #secondary ul li.last {background:none;}
    #header #navigation #secondary ul li a {text-transform:uppercase;font-weight:bold;margin:0;padding:0 30px;font-size:1em;color:#666;line-height:43px;text-decoration:none;}
    #header #navigation #secondary ul li.ongle a {text-transform:uppercase;font-weight:bold;margin:0;padding:0 15px;font-size:1em;color:#6760b0;line-height:43px;text-decoration:none;}
.ariane, .breadcrumb {margin:10px 0;padding:0; font-size: 12px; color:#0e0e10;}
  .ariane a, .ariane span, .breadcrumb a {margin:0 4px;padding:0;font-size:0.9em;color:#0e0e10;text-decoration:none;line-height:18px;font-size: 11px;}
  .ariane a:nth-child(1), .breadcrumb a:nth-child(1) {margin-left: 0;}
  .ariane a:hover, .breadcrumb a:hover {color: #B10E3E;}
/* ----------------------------------------------------------------------------------------------------------------------------
  CONTENTS : - for DRUPAL : #main, #content, #content-inner, #content-area, #sidebar-first,
                         #sidebar-second + any other contents/wrappers  that you may need to define...
----------------------------------------------------------------------------------------------------------------------------*/
#sidebar-first{float:left;width:210px;margin:0 25px 0 0;padding:0;}
#sidebar-second{float:right;width:140px;}
body.no-sidebars #content-bottom {width:900px;}
body.one-sidebar #content-bottom {float:left; width:660px;}
body.two-sidebars #content-bottom {float:left; width: 500px;}
body.no-sidebars #content-area {float:none;width:900px;}
body.one-sidebar #content-area {float:left; width:665px;}
body.two-sidebars #content-area {float:left; width: 500px;}
/* ----------------------------------------------------------------------------------------------------------------------------
  FOOTER :- for DRUPAL :- any container inside footer ONLY
----------------------------------------------------------------------------------------------------------------------------*/
#footer{margin:10px 0 0;padding:10px 30px;background:url(../images/interface/fond-footer.png) repeat-x top left;width:auto;height:89px;}
  #footer p.thin {margin:0;padding:0 0 5px;font-size:1.083em;color:#FFF;line-height:18px;text-transform:uppercase;letter-spacing:1px;}
  #footer p.gras {margin:0;padding:0;font-size:1.416em;color:#000;line-height:18px;text-transform:none;letter-spacing:1px;font-weight:bold;}
  #footer p.taxe {margin:0;padding:0;font-size:0.916em;color:#171512;line-height:15px;text-transform:none;font-weight:normal;}
  #footer p.horaire {margin:0;padding:0;font-size:1em;color:#171512;line-height:18px;text-transform:none;font-weight:normal;}
#footer .service-clients-wrap {margin:0;padding:0;float:left;background:url(../images/interface/border-footer.png) repeat-y center right;width:253px;height:86px;}
  #footer .service-clients {margin:0;padding:0;background:url(../images/interface/picto-service.png) no-repeat 90% 00%;width:253px;height:86px;}
#footer .block-infodivers-wrap {margin:0;padding:0 10px 0 15px;float:left;background:url(../images/interface/border-footer.png) repeat-y center right;width:175px;height:86px;}
	#footer .info-divers {margin:0 0 0 0px;padding:0;background:url(../images/interface/picto-map.png) no-repeat 90% 0%;width:180px;height:86px;float:left;}
  #footer .info-divers ul{margin:18px 0 5px;padding:0;}
  #footer .info-divers ul li{margin:0;padding:0;list-style:none;}
  #footer .info-divers ul li a{background:url(../images/icones/footer-puce.png) no-repeat left center;margin:0;padding:0 0 0 10px;font-size:0.833em;color:#191919;line-height:10px;text-decoration:none;}
  #footer .info-divers p.copy {margin:0;padding:0;font-size:0.666em;color:#FFF;line-height:18px;text-transform:uppercase;letter-spacing:1px;}


#footer .block-fan-wrap {margin:0;padding:0 10px 0 15px;float:left;background:url(../images/interface/border-footer.png) repeat-y center right;width:220px;height:86px;}
  #footer .block-fan {margin:0;padding:0;background:url(../images/interface/picto-fan.png) no-repeat 90% 0%;width:225px;height:86px;position:relative;}
  #footer .block-fan ul{margin:0px 0 15px;padding:0;}
  #footer .block-fan ul li{margin:0;padding:0 6px 0 0;list-style:none;display:inline;}
  #footer .block-fan ul li.last{margin:0;padding:0;}
  #footer .block-fan p.gras {margin:0;padding:0;font-size:1.2em;color:#646364;line-height:18px;text-transform:none;letter-spacing:1px;font-weight:bold;text-decoration:none;}
  #footer .block-fan p.gras a {margin:0;padding:0;font-size:1.083em;color:#646364;line-height:18px;text-transform:none;letter-spacing:1px;font-weight:bold;text-decoration:none;}
  #footer .block-fan p.gras a span{text-transform:none;font-size:0.916em;padding:0 0 0 5px;}
#footer .contact {margin:0 0 0 10px;padding:0;background:url(../images/interface/picto-contact.png) no-repeat 90% 0%;width:170px;height:86px;float:left;}
  #footer .contact ul{margin:5px 0 0;padding:0;}
    #footer .contact ul li{margin:0;padding:0;list-style:none;}
    #footer .contact ul li a{background:url(../images/icones/footer-puce.png) no-repeat left center;margin:0;padding:0 0 0 10px;font-size:1.2em;color:#FFF;line-height:10px;text-decoration:none;}
  #footer .contact p.copy {margin:0;padding:0;font-size:0.666em;color:#FFF;line-height:18px;text-transform:uppercase;letter-spacing:1px;}
/*** Messages ***/
div.messages {padding: 9px;margin: 1em 0;color: #003366;background: #bbddff;border: 1px solid #aaccee;}
div.warning {color: #884400;background: #ffee66;border-color: #eedd55;}
div.error {color: white;background: #ee6633;border-color: #dd5522;}
div.status {color: #336600;background: #ccff88;border-color: #bbee77;}
/* ----------------------------------------------------------------------------------------------------------------------------
  MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive.
----------------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;}
.right{float:right;}
.left{float:left;}
.noborder{border:none; margin:0; padding:0;}
img{margin:0; padding:0;}
hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;}
/* Clearing Floats
----------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;}
/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;} /* End Hack */


.ac_results {
  background:#fff;
  border:1px solid #7F7F7F;
  margin-left:1px;
  border-top:none;
  z-index:999;
  width:70px !important;
}
.ac_results  ul {margin:0; padding:0; width: 70px;}
.ac_results  ul li {padding: 2px 0; cursor:pointer;}
.ac_results  ul li.ac_over {
  background: #7F7F7F;
  color: #FFFFFF;
}

li.leaf {list-style-image: none;}

div.view-block-distributeur table.dataTable th.views-field-name {width: 100px !important;}

.page-produits-coup-de-coeur .col-md-3 {
  padding-right: 7px;
}