/* BOOTSTRAP */

[class*="span"] {

}

a{
	cursor: pointer;
}

/* GENERAL */
@font-face {
    font-family: "Century Gothic";
    src: url('/templates/huile_essentielle/fonts/century-gothic-regular.ttf');
}
body.site{
	color: rgb(117,69,21);
	font-family: georgia,serif;
    line-height: 21px;
	font-size: 16px;
	background-color: rgb(251,245,227);
}

body.popup{
	font-size: 16px;
	font-family: georgia,serif;
}
h4{
	font-size: 17px !important;
	font-family: "Century Gothic"!important;
}
h3{
	font-size: 18px !important;
	font-family: "Century Gothic"!important;
}

h2{
	font-size: 18px !important;
	 color: rgb(21,80,127) !important;
	font-family: "Century Gothic"!important;	 
	font-weight: inherit!important;
}

span.avtitle{ 
	color: rgb(21,80,127); 
	font-size: 18px !important;
	font-family: "Century Gothic"!important;
 }


div#header{ 
	padding: 10px 10px 10px 0px;
	width: 	99.2%;
	margin-bottom: 30px;
	height: 130px;
 
}
	
div#left{
	padding: 0 10px;
} 

div.header-fixed{
    background: none repeat scroll 0 0 rgb(251,245,227);
    border-bottom: thin solid rgb(117,69,21);
    left: 0px;
    right:0px;
    padding-right: 10px!important;
    position: fixed;
    top: 0;
    z-index: 999;

}
div.header-fixed-phone{
    padding-right:0px;
}
div.right-fixed{
    position: fixed;
    top: 150px;
    width: 100%;
    z-index: 999;

}
.scrollstop-fixed{
	    position: fixed;
	    z-index: 999;
	    top: 150px;
	    left:30px;   

}
body.body-fixed{
	padding-top: 130px;
}

div#recherche{
	padding: 10px;
}
div#recherche form {
	margin: 0!important;
}
div#recherche_accueil {
    position: absolute;
    top: 30%;
    width: 100%;
  	text-align: center;    
}
div#parent_menu_main{
	text-align: center;
	padding-top: 60px;
	
}

div.login-greeting{ 
	font-size:0.9vw;
}
div#block-menu{
 	display: table; 
    margin: 0 auto;		
}
div#menu{
	max-width:500px;	
	float: left;
}
div#block-search{
	float: left;
}

div#breadcrumbs {
  margin: 0 auto;
  max-width: 1200px;
}

div#breadcrumbs ul.breadcrumb{
	background: none;
}

div.white{
	background-color: #ffffff;
}

div.paddingdiv{
	padding: 0 10px;
}

datalist {display:none;} /* just in case */

div#page,
div#footer,
div#crawlers{
	/*max-width: 1200px;*/
	margin: 0 auto;
}

div#maincontainer{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;	
}

div.cotation_produit{
	/*background: url('/templates/huile_essentielle/images/fond_content.png') repeat-x top left #f2f2f2;*/
	background: rgb(243,235,219);
}

div#page .row{
	margin: 0;
}

div#page .margin{
	margin: 0;
}

/* LOGO */

div#logo{
	text-align: center;
	margin-bottom: 10px;
}
div#phone{
	text-align: center;
}
div.logo-fixed-phone{
	position:fixed;
	left: 10px;
	top: 10px;
}
div#logo img{
	max-height:100px;
}

div#language{
	text-align: center;
	 margin-top: -8px;
}
@media (min-width: 979px) {
	div#language{
		text-align: right;
	}
}
@media (max-width: 480px ) {
	div#language{
		text-align: left;
	}
	div#tools{
	margin-top:35px!important;
	}
	div#phone{
		text-align: right;
	}	
}
div.language-fixed-phone{
	position:fixed;
	left: 190px;
	top: 10px;
}



div.recherche_accueil-fixed-phone{
	position:fixed;
	left: 85%;
	top: 110px;
}

div#parent_tools{
	text-align: center;
}

div#tools,
div#tools2{
float: right;
text-align: right;
min-width: 160px;
height: 40px;

}
div#tools a,
div#tools2 a{
	color: rgb(21,80,127);
}
div#tools a:hover,
div#tools2 a:hover{
	background-color: #88BCE2;
	color:#fff;
}
div#tools2 form{
	padding: 10px;
}
div.tools-fixed-phone,
div.tools-fixed-phone{
	padding-right: 	0px;
	position:fixed;
	top: 	10px;
	left: 85%;
	width: 	100px!important;	
}
div.tools-fixed-phone .btn,
div.tools-fixed-phone .btn{
		width:46px;
};

div#tools form{
	margin: 0;
}

/* MENU */

div.navbar ul li:hover ul{
	display: block;
}

/* SLIDE ET RECHERCHE */

div#main_slide{
	position: relative;

}



div#slide{
	padding-bottom: 20px;
	background: url('/templates/huile_essentielle/images/ombre.png') repeat-x bottom center;
}

/* USERS TOP */

div#users_top{
	max-width: 1200px;
	margin: 0 auto;
}



/* CONTENT */

div.item-page,div.item-page-news{
	background-color: rgba(255,255,255,.5);
	padding: 5px 0px 10px 0;

}
div.item-page-news{ 
padding: 5px!important; 
}
div.item-page p{
	padding: 0 10px;
}
div#content{
	text-align: justify;
	line-height: 25px;
	position: relative;
	padding: 0;
}

div#content img{
	width: 100%;
	height: auto;
}
div#content img.rounded{
	border-radius: 10px;
	margin: 5px 20px 5px 0;
}
div#content a{
	color: #08c;
}
div#content a.btn-primary:hover{
	color: #fff;
}

div#content ul.breadcrumb{
	background: none;
	padding: 0;
	width: 90%;
}

div#content .page-header{
	border-bottom: 0px!important;/*solid #267596;*/
}

div#content h1{
	color: #00468B ;
    font-family: "Century Gothic",Georgia,Arial,Verdana,Helvetica,"trebuchet ms",sans-serif;
    font-size: 22px ;
	text-align: left;
	font-weight: normal;
	margin:0;
	line-height: 30px;
}
div.item-page h1{
	background-color: rgb(251,245,227);
	padding-bottom: 5px;
	margin-top: -7px!important;
}
div.item-page div.item-page h2,
div.item-page div.item-page h3{
	background-color: inherit!important;
	padding-bottom: 5px;
	margin-top: -7px!important;
}


div#content hr{
	border: 1px solid #267596;
}

/* ACTUS */

div#actus{
	max-width: 1200px;
	margin: 0 auto;
}

div#actus div.actus{
	background-color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	height: 300px;
}

div#actus div.actus h3{
	border-bottom: 1px solid rgb(117,69,21);
}

div#actus div.actus .category-module{
	overflow: auto;
	height: 220px;
}

div#actus div.actus .category-module li{
	list-style: none;
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid rgb(117,69,21);
}

div#actus div.actus .category-module li a{
	color: rgb(117,69,21);
	text-decoration: none;
}

div#actus div.actus .category-module li a.mod-articles-category-title {
	color: #00468b;
}

div#actus div.actus .category-module li a.mod-articles-category-title:hover{
	text-decoration: underline;
}

/* BOTTOM */

div#bottom{
	margin: 0 auto;
    width: 98%;
}

div#bottom h3{
	border-bottom: 1px solid rgb(117,69,21);
	margin-left: -48px;
    padding: 0 0 0 48px;
}

div#bottom div.custom{
	padding: 0 10px;
	text-align: justify;
}

div#bottom a{
	color: rgb(117,69,21);
	text-decoration: none;
	background: none;
}

div#bottom a:hover,
div#bottom li.active a{
	color: #0088CC;
}

div.modulesocial img{
border-radius: 5px;
behavior: url(/templates/huile_essentielle/pie/PIE.htc);
}

body.site .btn-primary{
	background: none repeat scroll 0 0 rgb(21,80,127);
	border: 0 none;
	border-radius: 5px; 
	box-shadow: none;
	color: #FFFFFF;
	/*display: inline-block;*/
	behavior: url(/templates/huile_essentielle/pie/PIE.htc);
}


span.alerte{
	color: rgb(21,80,127);
	cursor: pointer;
}

div#menu li:hover{
	background: #88BCE2 !important;  
}

.flex-direction-nav li .next,
.flex-direction-nav li .prev{
	z-index: 	998!important;
}


div#menu{
	z-index: 	999!important;
}



div#menu li.last,
div#menu li ul li{
	border-right: none;
}	

a#btn-show-search{
	height: 29px;
	margin-left:-5px;
}

img.menusearch{
	width: 20px;
	height: 20px;
	margin: 2px 5px;
}

div#block-search img.menuicon{
	margin-top: 3px;
}

div#parent_logo_phone{
	position: absolute;
	top:10px;
	left:10px;
	width:30%;
}
div#parent_recherche_phone{
	padding-right: 15px;
	position: absolute;
	top:125px;
	right:10px;
	width:60px;	
}

div#parent_block-search{ 
	float: left;
}

div#parent_tools_phone{
	padding-right: 15px;
	position: absolute;
	top:25px;
	right:10px;
	width:60px;	
	float:right;
}
div.item_gamme{
	position: relative;
}
div.item_title_gamme{
	border-radius: 0 0 10px 10px;
	background-color: rgb(21,80,127);
	color: #ffffff!important;
	padding: 5px; 
	text-align: center;
	/*margin-left: 1px;*/
	bottom: 0px;
	behavior: url(/templates/huile_essentielle/pie/PIE.htc);


}
div.item_title_gamme a{
	color: #ffffff!important;

} 
div.item_title_gamme {
	margin-top: -1px;
}
div.aromatherapie .item_title_gamme{
	background-color: rgb(230, 45, 110); 
	margin-left: 1px;
}
div.parfumerie .item_title_gamme{
	background-color: rgb(140, 85, 35);  
} 
div.cosmetique .item_title_gamme{
	background-color: rgb(240, 140, 180); 
}
div.alimentaire .item_title_gamme{
	background-color: rgb(60, 35, 5); 
}
div#users_top img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0 ;
	behavior: url(/templates/huile_essentielle/pie/PIE.htc);
}


div.item_gamme img {
    border-radius: 10px 10px 0 0;
    height: auto;
    width: 100%;
}


p.intro{
	color: rgb(21,80,127);
	font-style: italic;
}
p.indent{
	text-indent:25px;
}
a.social{
	background: none repeat scroll 0 0 rgb(21,80,127)!important;
	border: 0 none!important;
	border-radius: 5px!important; 
	box-shadow: none!important;
	color: #FFFFFF!important;
	/*display: inline-block;*/
	behavior: url(/templates/huile_essentielle/pie/PIE.htc);
	padding: 1px 3px!important;
}

[class^="social-"], [class*=" social-"] {
	background-image: url("/images/social/social.png")!important;	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 30px;
	height: 30px;	
	display: inline-block;
	margin-top: 4px;
}
i.social-facebook{ 
	background-position: 0px 0px;
}
i.social-twitter{ 
	background-position: -30px 0px; 
}
i.social-linkedin{ 
	background-position:  -60px 0px; 
}
i.social-google{ 
	background-position: 0px -30px;
}
i.social-rss{ 
	background-position: -30px -30px;
}
i.social-viadeo{ 
	background-position: -60px -30px;
}

table.social td{
padding:5px;
}

div.infos-map{ 
	background-color: rgb(243, 235, 219);
	padding: 5px;
	text-align: left;
}


dl.contact-address dd{
	min-height: 33px;
}

ul.contacts-list {
list-style-type: none;
}
ul.contacts-list li{
	float:left;
	max-width: 200px;
	margin:15px;
}
.contacts-list-mod h3{
	margin-left: 10px;
}
ul.contacts-list li img{
	border-radius: 10px 10px 0 0 ;
	max-width:200px;
}
.contacts-list-mod  img{
	border-radius: 10px ;
	max-width:150px;
}

div.item_title_contact{
	border-radius:  0 0 10px 10px;
	background-color: #F3EBDB;
	height: 40px;
}
div.item_title_contact p{
	text-align: left;
}

div#xmap img{
	max-width:16px;
}

a.inactive{
	background-color: #999!important;
	color:#666!important;
	cursor: default;
}
a.inactive:hover{
	color: #666!important;
}

#cotation_panier{
	background: url('/templates/huile_essentielle/images/panier.png') no-repeat 5px 12px;	
	width: 35px;	
	
	float: left;
	position: relative;	

}

#a-count{
height: 32px!important;
	min-width: 27px;
}
#cotation_panier > a.a-count:focus{
	background-color: none!important;
}
#cotation_panier span.label-count{ 
	float: left;
	padding-top: 10px;
	padding-left: 2px;	
	color:#fff;
	font-size: 8pt;
}
}

#cotation_panier > .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
background-color: rgba(133, 61, 33,.5);
    border-color: gba(133, 61, 33,.5);
    color: #fff;
}
 
#cotation_panier > .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
color: #fff;
background-color: rgba(133, 61, 33,.5);
border-color: #999;
}
#cotation_panier > .nav > li > a:hover, .nav > li > a:focus { 
    background-color: rgba(133, 61, 33,.5);
    text-decoration: none;
}
#cotation_panier > .label, .badge {
    background-color: none!important;
    }

	


#cotation_panier > .nav .dropdown-toggle .caret {
    border-bottom-color: #853D21!important; 
    border-top-color: #853D21!important; 
    margin-top: 16px!important; 
    margin-left: 10px!important;     
}

#cotation_panier .dropdown-menu {
    width: 380px!important; 
    padding: 5px;
    
}

.right{
	text-align: right!important;
}



.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #f3ebdb!important;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #88BCE2;
}

img.rounded{
	border-radius: 5px;
}

.categories-list-lexique-av .fa-border{  
	border-color: #754515;
}
.categories-list-lexique-av h3{  
	text-align: left;
}
.detail-lexique{
	border-left: 1px solid #754515;
	padding-left: 10px;
	margin-top: 5px;
}
.title-lexique h2{
	line-height: 22px!important;
	}
.detail-lexique p{
	margin-top: 12px!important;
	}
.title-lexique{
	text-align: left;
} 

div.contact img{
	border-radius: 5px;
	width: 100px!important;
}
.blog-news h2,
.blog-featured-news h2{
	font-size: 20px !important;
	font-weight: bold!important;
}
.blog-news img,
.blog-featured-news img,
.item-page-news img
{
border-radius:10px;
}
.blog-news  .item-image,
.blog-featured-news .item-image,
.item-page-news .item-image{
margin-right:30px;
}
.blog-featured-news .article-info-term{
display:none;
}

.bt-cs .bt-inner img
{ 
 border-radius:10px!important; 
 outline:inherit!important;
 border:inherit!important;
}
.bt-cs .bt-inner .bt-title {
font-size: 18px !important;
color: rgb(21,80,127) !important;
font-family: "Century Gothic"!important;
font-weight: bold!important;
text-transform:inherit!important; ;
}
.bt-introtext{
text-align: justify;
}
.moduletable-newsmembre{
	background-color: rgba(255,255,255,.5);
	padding:5px;
}
.item-page-page-user{
	padding: 0 20px;
}
a.btn-warning{
	color:white!important;
}
table.slide-caption{
width:100%;
}

table.slide-caption td{
padding:5px;
valign:top;
}
table.slide-caption td.img-botanique{
width:50px;
}