/* -------------------------------------------
			HTML5 Reset base Boilerplate
---------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,fieldset{display:block;}
abbr[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
	td, th{padding:5px;border:1px solid #ccc;}
input,select{vertical-align:middle;}
body{font:1em/1.231 sans-serif; *font-size:small; color:#303130;} 
select,input,textarea,button{font:99% sans-serif;margin:0;}
html{overflow-y:scroll;}
ol{list-style-type:decimal;}
ul, ol{list-style-position:inside;}
li, dd{margin-left:15px;}
strong,th{font-weight:bold;}
em{font-style:italic;}
td{vertical-align:middle;}
sub,sup{position:relative; font-size:75%; line-height:0;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
textarea{overflow:auto;}
input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
a:link{-webkit-tap-highlight-color:#0a246a;}
a{text-decoration:none; color:#000;}
	
/* -------------------------------------------
			override styles de base drupal
---------------------------------------------*/
ul li.leaf,
ul.menu li,
ul li.expanded{list-style:none outside none; margin:0; padding:0;}

/* skin onglets admin */
#tabs-wrapper{margin-bottom:0.4em;}
#tabs-wrapper .primary{border-color:#ddd;}
#tabs-wrapper ul.primary li a{ border-color:#ddd; background-color:#f4f4f4; color:#222;}
	#tabs-wrapper ul.primary li.active a{border-color:#ddd; border-bottom-color:#fff; background-color:#fff; color:#000; }
	
/* select multi */
select[multiple="multiple"]{height:250px;}	

/* -------------------------------------------
			Styles réutilisables
---------------------------------------------*/
/* titres */
h1, .h1-like{font-size:2.8em;}
h2, .h2-like{font-size:1.8em;}
h3, .h3-like{font-size:1.3em;}
h4, .h4-like{font-size:1.1em;}
h5, .h5-like{font-size:0.8em;}


/* effets visuels */
.rounded{border-radius:12px;}	
.normal-font{font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;}
.underline{text-decoration:underline;}
.no-underline{text-decoration:none;}
.strong{font-weight:bold;}
.light{font-weight:normal;}
.bigger{font-size:1.2em;}
.smaller{font-size:0.8em;}
.uppercase{text-transform:uppercase;}

.rouge{color:#f00;}

/* liens */
a.lien-fleche{display:inline-block; padding-left:10px; text-transform:uppercase; color:#000; background:transparent url(../img/picto-lien-fleche.png) no-repeat 0 50%; font-weight:normal !important;}
	a.lien-fleche.no-caps{text-transform:none;}
	a.lien-fleche:hover,
	a.lien-fleche:focus{color:#888;}
.lien-top{}
	.lien-top:hover{opacity:0.7;filter:alpha(opacity=70);}
	
/* couleurs */
.brand{}
.white{color:#fff;}
.red{color:#cc0000;}
.grey{color:#666;}
.black{color:#000;}
.green{color:#30aba1;}
.light-red{color:#e95c55;}
.yellow{color:#fbbd1e;}


/* positionnement */
.wrapper{width:1000px; margin:0 auto;}
.in-block{display:inline-block; vertical-align:middle;}
.clear{clear:both; height:auto !important;}
.left{float:left;}
.right{float:right;}
.absolute{position:absolute;}
.relative{position:relative;}
.block-center{margin:0 auto;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.valign-top{vertical-align:top;}

.col-wrapper{}
	.col-1-2{width:50%; height:100%; float:left;} /* dimensions parfaites, va bugguer sous IE */
	.col-1-3{width:33.1%;}
	.col-2-3{width:66%;}
	.col-1-4{width:24.8%;}
	.col-3-4{width:74.7%;}
.col-separate{}	
	.col-separate .col-1-2{width:47.7%; margin-left:4%;}
	.col-separate .col-1-3{width:30.6%; margin-left:4%;}
	.col-separate .col-2-3{width:64.6%; margin-left:4%;}
	.col-separate .col-1-4{width:21.9%; margin-left:3.1%;}
	.col-separate .col-3-4{width:74.0%; margin-left:4%;}
	.col-separate .first-col{margin-left:0;}

/* cache-cache */
.hidden{display:none;}
	.cke_panel_list .hidden{display:block;}
.invisible{visibility:hidden;}

/* contenu */
.hr{width:80%; margin:0.8em auto; height:1px !important; background:#b0adaa; border-bottom:1px solid #fff !important;}

/* tables avec bordures arrondies*/
.base-table{border-radius:15px;}
	.base-table tr{}
		.base-table th{}
		.base-table td{}
			.base-table tr:first-child td:first-child,
			.base-table tr:first-child th:first-child{border-top-left-radius:14px;}
			.base-table tr:first-child td:last-child,
			.base-table tr:first-child th:last-child{border-top-right-radius:14px;}
			.base-table tr:last-child td:first-child,
			.base-table tr:last-child th:first-child{border-bottom-left-radius:14px;}
			.base-table tr:last-child td:last-child,
			.base-table tr:last-child th:last-child{border-bottom-right-radius:14px;}
			
	

/* -------------------------------------------
			Elements
---------------------------------------------*/
.language-switcher-locale-url{list-style:inside none; position:absolute; top:1em; right:0; text-align:right; z-index:10; font-size:.8em; text-transform:uppercase; font-family:'Open Sans',  Arial, sans-serif;}
	.language-switcher-locale-url li{display:inline; margin:0;}
		.language-switcher-locale-url .language-link{display:inline-block; color:#000; padding-left:0.4em;}
		.language-switcher-locale-url .language-link.active{color:#a6a6a6;}
		.language-switcher-locale-url .language-link:hover,
		.language-switcher-locale-url .language-link:focus{color:#ccc;}
		
/* pagination (recherche, ...) */
.page-search .item-list{text-align:center;}
	.item-list .pager{text-align:center; height:1.4em; line-height:1.4em; padding:0 0 0.4em; display:inline-block; border-bottom:1px solid #bbb;}
		.item-list .pager li{margin:0; padding:0; display:inline;}
			.item-list .pager li a{color:#000; display:inline-block; line-height:1.4em; padding: 0 6px .4em; vertical-align:top;}
				.item-list .pager li a:hover{color:#444; border-bottom:1px solid #000;}
			.item-list .pager-previous{}
				.item-list .pager-previous a{background:transparent url(../img/picto-lien-fleche-gauche.png) no-repeat center 5px; display:inline-block; width:7px; text-indent:-999px; overflow:hidden;}
				.item-list .pager-previous a:hover{opacity:0.7; filter:alpha(opacity=70);}
			.item-list .pager-item{}
			.item-list .pager-next{}
				.item-list .pager-next a{background:transparent url(../img/picto-lien-fleche.png) no-repeat center 5px; display:inline-block; width:7px; text-indent:-999px; overflow:hidden;}
				.item-list .pager-next a:hover{opacity:0.7; filter:alpha(opacity=70);}
			.item-list .pager .pager-first,
			.item-list .pager .pager-last{display:none;}
		.item-list .pager-current{color:#888; font-weight:normal;}
		
/* actualites */
.view-liste-actualites .views-row{}
	.view-liste-actualites .views-row h3{margin:0.3em 0 0.5em; font-size:1.4em;}
		.view-liste-actualites .views-row h3 a{font-size: 0.85em;font-weight: normal; text-transform: uppercase;color:#be0f34;}
	.view-liste-actualites .views-row .read-more{}
		.view-liste-actualites .views-row .read-more{color:#000; display:block; text-transform:none;}
		.view-liste-actualites .views-row .read-more:hover,
		.view-liste-actualites .views-row .read-more:focus{color:#888;}

/* tableau 100% de large [utilisé sur page nos valeurs] */
.tableau-pleine-largeur{margin:0; width:767px;}
	.tableau-pleine-largeur td,
	.tableau-pleine-largeur th{border:none; vertical-align:middle; padding:20px 0;}
	.tableau-pleine-largeur th{padding-right:40px; width:205px; border-right:1px solid #ccc; text-transform:uppercase; text-align:center; font-weight:bold; font-size:1.2em;}
	.tableau-pleine-largeur td{padding-left:40px; text-align:justify;}
	.tableau-pleine-largeur td:before{display:block; width:75%; height:1px; margin:0 auto; position:relative; top:-20px; background-color:#e1e1e1; content:' ';}
	.tableau-pleine-largeur tr:first-child td,
	.tableau-pleine-largeur tr:first-child th{padding-top:0;}
		.tableau-pleine-largeur tr:first-child td:before{display:none;}
		
/* slideshow */
.carrousel{position:relative;}
	.slidesjs-navigation{display:block; width:45px; height:45px; position:absolute; top:50%; margin-top:-22px; z-index:10; overflow:hidden; text-indent:-1000px; background:transparent url(../img/carrousel-nav.png) no-repeat 0 0; opacity:0; filter:alpha(opacity=0); transition:.4s;}
		.carrousel:hover .slidesjs-navigation{opacity:.8; filter:alpha(opacity=80);}
		.carrousel .slidesjs-navigation:hover{opacity:1.0; filter:alpha(opacity=100);}
		.slidesjs-previous{left:0;}
		.slidesjs-next{right:0; background-position:0 -45px;}
	.slidesjs-pagination{height:26px; position:absolute; right:0; top:0; text-align:right;}
		.slidesjs-pagination li{display:inline; margin:0;}
			.slidesjs-pagination a{display:inline-block; height:26px; line-height:26px; font-size:23px; margin:0 6px; color:#000; transition:.2s;}
				/* DISABLED 2015-01-27 .i18n-zh-hans .slidesjs-pagination a{font-size:13px;} */
			.slidesjs-pagination a:hover{color:#666;}
			.slidesjs-pagination a.active{color:#a6a6a6;}
.carrousel-nav{}						/* carrousel avec flèches */
.carrousel-pagination{padding-top:26px;}	/* carrousel avec pagination */



/* -------------------------------------------
			Structure
---------------------------------------------*/
body{font-family:'Open Sans', Arial, sans-serif;}
.content-size{width:1000px; margin-left:auto; margin-right:auto;}

/* éléments récurrents */
.breadcrumb{font-size:0.8em; padding:0 0 1em;}
	.breadcrumb a{color:#000;}
		.breadcrumb a:hover,
		.breadcrumb a:focus{text-decoration:underline;}
		.breadcrumb a.active{color:#666;}
	.pane-node-field-image ~ .pane-page-breadcrumb .breadcrumb,
	.pane-node-field-visuel ~ .pane-page-breadcrumb .breadcrumb{padding:2em 0;}
.view-id-liste_marques{text-align:center; padding-bottom:1em; border-bottom:1px solid #e5e5e5; margin-bottom:3em;}
	.view-id-liste_marques .views-row,
	.view-id-liste_marques .views-row .field-content{display:inline;}
		.view-id-liste_marques .views-row img{margin:0 1%; vertical-align:top; opacity:0.4; filter:alpha(opacity=40); width:130px; height:auto; transition:.4s;}
		.view-id-liste_marques .views-row a:hover img{opacity:1; filter:alpha(opacity=100);}

/*	header	*/
.site-title{}
.main-header {text-align:center; padding-top:1em; position:relative;}
	.main-header .menu-level-1 > .menu{font-family:'Open Sans', Arial, sans-serif; font-size:0.9em; font-weight:normal; text-transform:uppercase; height:1.2em; padding:1em 0; text-align:center;}
		.main-header .menu-level-1 > .menu > li{display:inline; position:relative; line-height:1em; height:1em; padding:0 50px; border-left:1px solid #ddd;}
			.main-header .menu-level-1 > .menu > li:first-child{border:none;}
			.main-header .menu-level-1 > .menu > li > a{color:#000; display:inline-block; height:1.5em; transition:.2s; border-bottom:1px solid #fff;}
			.main-header .menu-level-1 > .menu > li > a:hover,
			.main-header .menu-level-1 > .menu > li > a:focus {color:#999;}
			.main-header .menu-level-1 > .menu > li > a.active {border-bottom:1px solid #ddd; color:#666;}
			.main-header .menu-level-1 > .menu > li > .menu{position:absolute; left:0; top:2em; margin-top:4px /*pour bordure sous le lien*/; z-index:100; overflow:hidden; padding:1em 50px; background:#fff; width:190px; display:none;}
				.main-header .menu-level-1 > .menu > li > .menu > li{padding-bottom:0; font-size:0.8em; line-height:3em; letter-spacing:0.08em;}
					.main-header .menu-level-1 > .menu > li > .menu > li > a{color:#111; transition:.2s;}
					.main-header .menu-level-1 > .menu > li > .menu > li > a:hover,
					.main-header .menu-level-1 > .menu > li > .menu > li > a:focus {color:#999;}
	.main-header .language-switcher-locale-url{}

/* layout menu avec illustration */
.main-col-sidebar{float:left; width:230px; min-height:1px; padding-left:26px; border-left:1px solid #ccc; margin-left:-26px;}
	.main-col-sidebar .menu{font-family:'Open Sans',  Arial, sans-serif; text-transform:uppercase; letter-spacing:0.04em; font-size:0.9em; }
		.main-col-sidebar .menu li{padding-bottom:1em; padding-right:5px;}
		.main-col-sidebar .menu .expanded {padding-bottom:0;}
			.main-col-sidebar .menu a{color:#000;transition:.2s;}
			.main-col-sidebar .menu a:hover,
			.main-col-sidebar .menu a:focus,
			.main-col-sidebar .menu a.active-trail {color:#777;}
			.main-col-sidebar .menu .menu {text-transform:none; line-height:1.6em; padding-left:20px; padding-top:0.5em;}
.main-col-page{float:left; width:767px;}
	.main-col-page h1{font-size:1.2em; margin-bottom:1em; font-weight:normal; text-transform:uppercase;}
	.main-col-page p{text-align:justify;}
		/* classes ckeditor */
		.main-col-page p.rteleft{text-align:left !important;}
		.main-col-page p.rteright{text-align:right !important;}
	.main-col-page .field-name-field-introduction{color:#000; margin-bottom:3em;}
	.container--page{margin-bottom:5em; font-size:0.9em; line-height:1.4em;}
		.container--page p a{color:#000; font-weight:bold;}
			.main-col-page .page-col-sidebar p{text-align:left;}
			.container--page p a:hover{color:#777;}
		.page-col-sidebar{float:left; width:225px; padding-right:20px;}
			.page-col-sidebar .pane-node-field-image{margin-bottom:2em;}
		.page-col-content{float:left; width:490px; padding-left:30px; border-left:1px solid #ccc;}
	
	.gabarit-actualite h1{font-size:1.5em; color:#be0f34; font-weight:bold;}
	.gabarit-actualite .main-col-page{width:auto;}
		.gabarit-actualite .page-col-content{width:724px;}
			.gabarit-actualite .share-container{margin-top:10px;}
			.gabarit-actualite .share-container h3{font-size:1em; margin-bottom:0.5em; text-transform:uppercase;}
			.gabarit-actualite .share-container a.a2a_button_linkedin{padding-left:0;}

/* footer */
.main-footer{text-align:center; margin-bottom:5em;}
	.main-footer .block-container{display:inline-block; font-size:0.6em;}
		.main-footer .menu{text-transform:uppercase;}
			.main-footer .menu .leaf{display:inline; padding:0; margin:0;}
				.main-footer .menu .leaf a{display:inline-block; margin-right:1.5em; color:#555;}
				.main-footer .menu .leaf a:hover,
				.main-footer .menu .leaf a:focus{text-decoration:underline;}
				.main-footer .menu .leaf a.active{color:#000;}
	.main-footer .search-form{margin:0;}
		.main-footer .form-item{margin:0;}
			.main-footer .search-form input[type="text"]{padding:0 0.5em; line-height:2em; height:2em; border:1px solid #e6e6e6; background:#fafafa; text-transform:uppercase; text-align:center; color:#444; width:120px;}
				.main-footer .search-form input[type="text"]::-webkit-input-placeholder,
				.main-footer .search-form input[type="text"]:-moz-placeholder,
				.main-footer .search-form input[type="text"]::-moz-placeholder,
				.main-footer .search-form input[type="text"]:-ms-input-placeholder{color:#999;}
			.main-footer .search-form input[type="text"]:hover,
			.main-footer .search-form input[type="text"]:focus{border-color:#bbb;}
			
/* -------------------------------------------
	Wysiwyg
---------------------------------------------*/
.pane-node-body{}
	.pane-node-body ul{margin:1em 0; padding-left:20px;}
		.pane-node-body li{list-style-position:outside;}
.field-name-field-introduction{}
	.field-name-field-introduction blockquote{margin-bottom:1em; padding:1.4em; font-weight:bold; font-style:italic; color:#555; font-size:1.3em; line-height:1.5em; background:#fafafa; box-shadow:#eee 0 0 0.5em inset;text-align:center;}
		.field-name-field-introduction blockquote p{text-align:center;}

	 .type-lire-suite{text-transform:uppercase;}	
		.type-lire-suite:before{content:url(../img/picto-lien-fleche.png); display:inline-block; vertical-align:baseline; margin:0 2px 0 5px;}	
		
/* -------------------------------------------
	Home
---------------------------------------------*/
.panel-homepage{ text-align:center;}
	.panel-homepage h2{font-weight:normal; font-size:1.2em; height:26px /* pour placement carrousel */; line-height:26px; text-transform:uppercase;}
	.panel-homepage .carrousel-pagination{margin-top:-26px; padding-top:36px;}
	.panel-homepage .panel-col_left{width:400px;}
	.panel-homepage .panel-col_right{width:448px; margin-left:50px;}
	.panel-homepage .panel-col_left, .panel-homepage .panel-col_right {display:inline-block; text-align:left; vertical-align:top;}
	#carrousel-home-produits{margin-bottom:2em;}

	#carrousel-home-videos{ margin-bottom:8px;}
	.page-home .view-liste-videos .block--video{width:auto;}
		.page-home .block--video img{width:448px !important; height:336px !important;}
	.page-home .view-liste-videos .views-row-even, 
	.page-home .view-liste-videos .views-row{height:auto;}
	.page-home .view-liste-videos .views-row-even, 
	.page-home .view-liste-videos .views-row-odd{float:none; margin-left:0;}
/* -------------------------------------------
	Videos
---------------------------------------------*/
.page-page-all-videos .panel-col-first{margin:0 auto; width:770px; float:none;}
.page-page-all-videos .pager{float:right;margin-top:-20px;}
.page-page-all-videos .lien-top{float:left;}
	.view-liste-videos{}
		.view-liste-videos .views-row{margin-bottom:20px;}
			.view-liste-videos .views-row-even,
			.view-liste-videos .views-row-odd{float:left;}
				.view-liste-videos .views-row-even{margin-left:30px;}
				.view-liste-videos .views-row-odd{clear:both;}
				.view-liste-videos .block--video{width:370px; cursor:pointer;}
			.view-liste-videos .views-row p{text-transform:uppercase;}
			.view-liste-videos .block--video{}
				.view-liste-videos .block--video img{width:100%; height:auto;}

.page-page-all-videos .main-col-page{width:770px; margin:0 auto;}			
				
/* -------------------------------------------
	Actualites
---------------------------------------------*/
.view-liste-actualites .page-actualites-liste .views-row{margin-bottom:2em;}
	.page-actualites-liste .image--actualites{width:395px;}
	.page-actualites-liste .content--actualites{margin-left:50px; width:535px;}

/* -------------------------------------------
	Actualite
---------------------------------------------*/
	.pane-content .image--actualites{width:395px;}
	.pane-content .content--actualites{margin-left:50px; width:535px; text-align:justify;}
	.pane-content .content--actualites h3{font-size: 1.2em; font-weight: normal; text-transform: uppercase;color:#be0f34;}

/* -------------------------------------------
	marque
---------------------------------------------*/	
.marque-reseaux-sociaux{opacity:.6; filter:alpha(opacity=60); transition:.3s;}
	.node-type-marque .pane-node-field-url-site{margin-bottom:1em;}
	.marque-reseaux-sociaux:hover{opacity:1;filter:alpha(opacity=100);}
	.marque-weibo{}
	.marque-facebook{}
	.marque-twitter{}
	.marque-youtube{}

/* -------------------------------------------
	Jobs
---------------------------------------------*/
.page-career-opportunities{}
	.page-career-opportunities .panel-pane.pane-page-breadcrumb .breadcrumb{float:left;}
	.page-career-opportunities #linkedIn-Follow{float:right; padding:1.5em 0;}
		.page-career-opportunities #linkedIn-Follow a{display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/picto-linkedin.png) no-repeat 0 0;}
	.page-career-opportunities .panel-panel.page-col-content.panel-col_right_2{margin-bottom:30px;}
	.page-career-opportunities .form-item{}
		.page-career-opportunities .form-item.form-item-title{margin-top:0;}
		.page-career-opportunities .form-item br{}
		.page-career-opportunities .form-item label{display:inline-block; width:180px; font-size:0.8em; vertical-align:middle; line-height:1em;}
		.page-career-opportunities .form-item input[type="text"]{display:inline-block; width:204px; border:1px solid #bbb; vertical-align:middle; padding:3px;}
		.page-career-opportunities .form-item select{display:inline-block; width:210px; border:1px solid #bbb; vertical-align:middle;}
		.page-career-opportunities input[type="submit"]{border:none; text-transform:uppercase; color:#fff; background:#999; padding:4px;}
		.page-career-opportunities .country-name{font-weight:bold; text-transform:uppercase; font-size:1.2em;}
		.page-career-opportunities .form-mentions{color:#777; font-size:0.9em; font-style:italic; margin-bottom:2em;}
		.page-career-opportunities legend{margin-bottom:15px;}
	.page-career-opportunities .page-col-sidebar p strong{text-transform:uppercase;}
	.page-career-opportunities p.align-center{text-align:center; width:380px;}
	.page-career-opportunities .linkedin {clear: both; margin-bottom: 10px;}

	
/* -------------------------------------------
	evenements (histoire) - Modif 11/11/2015 Retrait font-size:1.1em dans view-liste-evenements .slidesjs-pagination
---------------------------------------------*/
.view-liste-evenements{font-family:'Open Sans',  Arial, sans-serif;}
	.view-liste-evenements .carrousel{padding:0;}
		.view-liste-evenements .slidesjs-container{box-shadow:0 0 30px #eee inset;}
			.view-liste-evenements .slidesjs-pagination{position:static;font-size:1em; height:2em; padding:.5em 0; border-bottom:1px solid #eee; text-align:center;}
				.view-liste-evenements .slidesjs-pagination a{font-size:0.8em; height:2em; line-height:2em; padding-bottom:.5em;}
				.i18n-zh-hans .view-liste-evenements .slidesjs-pagination a{font-size:0.75em;}
					.view-liste-evenements .slidesjs-pagination a:hover{color:#666; }
					.view-liste-evenements .slidesjs-pagination a.active{color:#000;font-size:1em; font-weight:bold;border-bottom:1px solid #666;}
			.view-liste-evenements .slidesjs-slide{}
				.view-liste-evenements .slidesjs-slide > div{padding:20px;}
					.view-liste-evenements .evenement-texte{width:220px; text-align:center; padding:30px; font-size:0.9em;}
						.view-liste-evenements .evenement-texte h2{margin-bottom:1.6em;}
						.view-liste-evenements .evenement-texte p{text-align:center;}
					.view-liste-evenements .evenement-visuel{width:430px; text-align:center;}

/* -------------------------------------------
	resultats de recherche
---------------------------------------------*/
.page-search .search-form{}
	.page-search h2{margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #aaa;}
	.page-search .search-form label{display:none;}
		.page-search .form-text{display:inline-block; width:860px; padding:0 10px; margin-right:10px; line-height:28px; height:28px; border:1px solid #bfbfbf; background:#fafafa; color:#444;}
			.page-search .form-text:hover,
			.page-search .form-text:focus{border-color:#aaa; color:#000;}
		#search-form .page-search .form-submit{display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; background:#000; color:#ddd; border:none; text-transform:capitalize;}
			#search-form .page-search .form-submit:hover,
			#search-form .page-search .form-submit:focus{color:#fff;}
			#search-form input[type="submit"]{border:none; text-transform:uppercase; color:#fff; background:#000; padding:4px;}
		
.search-results .search-result{margin:0 auto 3em;}
	.search-result h3{margin-bottom:0.5em; font-weight:bold;}
	.search-result .search-snippet-info{padding:0; color:#333; line-height:1.5em;}
	
/* -------------------------------------------
	sitemap
---------------------------------------------*/
#site-map .site-map-menus .content{text-transform:uppercase;}
	#site-map .title{display:none;}
	#site-map .site-map-menus .content ul{padding-left:1em;}
	#site-map .site-map-menus .content > ul{display:table; padding:0; width:100%; table-layout:fixed; margin-top:2em;}
		#site-map .site-map-menus .content > ul > li{display:table-cell; padding:0.2em;}
			#site-map .site-map-menus .content > ul > li > a{display:block; font-size:1.1em; color:#000; margin-bottom:1.6em;}
			#site-map .site-map-menus .content > ul > li > ul{padding:0; font-size:0.8em;}
				#site-map .site-map-menus .content > ul > li > ul > li{padding-bottom:0.5em;}
					#site-map .site-map-menus .content > ul > li > ul > li a{color:#333;}
					#site-map .site-map-menus .site-map-menu .site-map-menu a{text-transform:uppercase;}
						#site-map .site-map-menus .site-map-menu .site-map-menu .site-map-menu a{text-transform:none;}

.page-col-sidebar .pane-node-field-url-facebook,
.page-col-sidebar .pane-node-field-url-weibo,
.page-col-sidebar .pane-node-field-url-twitter,
.page-col-sidebar .pane-node-field-url-youtube,
.page-col-sidebar .pane-node-field-url-instagram,
.page-col-sidebar .pane-node-field-url-facebook .pane-content,
.page-col-sidebar .pane-node-field-url-weibo .pane-content,
.page-col-sidebar .pane-node-field-url-twitter .pane-content,
.page-col-sidebar .pane-node-field-url-youtube .pane-content,
.page-col-sidebar .pane-node-field-url-instagram .pane-content,
.page-col-sidebar .panel-separator{display:inline-block;}

/* -------------------------------------------
	jvectormap
---------------------------------------------*/
.jvectormap-label { position: absolute; display: none; border: solid 1px #CDCDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; }
.jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; padding: 3px; color: #000; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center; border:1px solid #000;}
.jvectormap-zoomin { top: 10px; }
.jvectormap-zoomout { top: 30px; }

#world-map {width:800px; height:500px; background:transparent url(../img/gif-load.gif) no-repeat 50% 50%;}
#wrapper-world-map{position:relative}
.world-map-popin {position:absolute; z-index:99; display:none; background:#fff; border:1px solid #999; width:50%; box-shadow:#666 0 0 0.5em; top:80px; left:150px; padding:10px;}
	.world-map-popin .btn-close-world-map-popin{position:absolute; z-index:100; top:5px; right:5px; font-size: 2em; color:#666;}
	.world-map-popin .btn-close-world-map-popin:hover{color:#000;}
	
/* -------------------------------------------
	popin page videos
---------------------------------------------*/	
.popin-close{ font-size:20px; line-height:20px; position:absolute; right:-17px; top:10px; font-weight:700; display:block; cursor:pointer; color:white;}  
#popin-bg { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0;background:#000; z-index:50;}   
#popin-video{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6 */ background:transparent; z-index:51; padding:12px 0px 0px 0px; font-size:1.2em;}

/* -------------------------------------------
	sliding popup cookies
---------------------------------------------*/
#sliding-popup {  border-top: 1px solid rgb(202,202,202); }
#sliding-popup .popup-content #popup-text { margin-top: 15px; font-family: 'Open Sans', Arial, sans-serif; }
#sliding-popup .popup-content #popup-text a { color: #666666; font-weight: normal; }
#sliding-popup .popup-content #popup-text a:hover { text-decoration: underline; }
#sliding-popup .popup-content #popup-buttons button.agree-button { border: none; background: none; color: #666666; }
#sliding-popup .popup-content #popup-buttons button.find-more-button { border: none; text-indent: 1000%; overflow:hidden; width: 20px; height: 20px; color: transparent; background: url(../img/btn-close.png) no-repeat 50% 50%; opacity: 0.6; }
#sliding-popup .popup-content #popup-buttons button.find-more-button:hover { opacity: 1; }

/* -------------------------------------------
	utils form description
---------------------------------------------*/
.clarins-utils-form-description{ margin-top: 15px; font-size: 0.9em; }