/* *** CUSTOM FM ***
 Date: 10/2014
 Version: 1.0
 Author: Florian Meyer
 Author URI: http://www.meyerforian.com
*/



body {
	font-family: 'Titillium Web', sans-serif;
	color: #737373;
}

h1.category {
	font-size: 24px;
	margin-bottom: 50px;
}
h1.cat-bg {
	font-size: 36px;
	font-weight: 300;
}
h4.h4-link { margin-bottom: 0; }

a { text-decoration: underline; color: #737373; }
a:hover { text-decoration: none; color: inherit; }
strong { font-weight: 600; }

ul { padding: 0 10px 0 20px; }
li { list-style-type: square; color: #f5d335; }
li a:hover { color: #737373; }
li span { color: #737373; }

.container { width: 1010px; }
.content-section {
	padding-bottom: 20px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}
.content-section h1 { margin-bottom: 20px; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
hr { margin-bottom: 35px; }
hr.hr-last { margin-bottom: 0; }
.clear { clear: both; }





/* ***** HEADER ***** */

#header {
	position: relative;
	background: #fff url("../img/search_bg.jpg") no-repeat center top;
}

.header-logo img, .header-logo p { margin-top: 10px; }
.header-logo p {
	font-size: 16px;
	font-style: italic;
	display: inline-block;
}

.titreSouligne {
	text-transform: uppercase;
	border-bottom: solid 2px #f5d335;
}





/* ***** SEARCH ***** */

#search {
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
}
#search .btn-group a { text-decoration: none; }
#search .btn-group li { list-style-type: none; }
#search .input-group {
	margin-top: 10px;
	width: 220px;
}





/* ***** NAVBAR ***** */

.navbar {
	margin-left: 150px; 
/*	margin-left: 170px; */
/*	right: -140px; */
	margin-bottom: 0;
	border: none;
}
.navbar-brand {
	padding: 12px 35px;
	background-color:#FFFFFF;
	height:40px;
	margin-top:10px;
}

.navbar-brand:hover {
	background-color:#353535;
}

.navbar-brand:hover i{
	color:#FFFFFF !important;
}

.navbar-collapse { padding-right: 0; }
.navbar-collapse.collapse { display: block; }
.navbar a {
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
.navbar i {
	font-size: 18px;
	color: #9e9e9e;
}
.navbar-nav>li { float: left; }
.navbar li.dropdown:hover > ul.dropdown-menu { display: block; }
.navbar li {
	margin-top: 10px;
}
.navbar li a {
/*	padding: 10px 50px; */
	padding: 10px 40px;
	position: relative;
}
.navbar li a::before {
	content: "";
	display: inline-block;
	border-right: solid 1px #bbbdbd;
	position: absolute;
	left: 0;
	top: 10px;
	height: 30px;
}
.navbar li:hover a::before { display: none; }

.nav>li.active a, .nav>li>a:hover, .nav>li>a:focus {
	background-color: #353535;
	color: #fff;
	text-shadow: none;
}
.navbar .dropdown:hover { background: #353535; }
.navbar .dropdown:hover a { color: #fff; text-shadow: none; }

.navbar .dropdown-menu {
	background: #353535;
	border-radius: 0;
	border: none;
	margin-top: 1px;
	padding: 20px 0px 20px 30px;
	min-width: 201px;
}
.navbar .dropdown-menu a::before { display: none; }
.navbar .dropdown-menu a {
	color: #fff;
	text-transform: none;
	text-decoration: underline;
	padding: 1px 1px 0 0;
	font-size: 14px;
}
.navbar .dropdown-menu a:hover {
	color: inherit;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background: transparent;
	text-decoration: none;
}
.dropdown-menu li.dropdown-submenu { position: relative; }
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: -21px;
    visibility: hidden;
}
.dropdown-menu li { margin-top: 0; }
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}
.caret-right {
	color: #f5d335;
	margin-left: 12px;
	border-left: 4px solid;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}





/* ***** SLIDER ***** */

.slider-bg {
	width: 100%;
	height: 200px;
	background: #fff url("../img/slider_bg.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	position: absolute;
	z-index: -1;
}

#slider p { font-size: 17px;	 }

.carousel-indicators { bottom: 0px; }
.carousel-indicators li {
	width: 12px;
	height: 12px;
	background-color: rgba(255,255,255,0.5);
	border: none;
	margin: 0 1px;
}
.carousel-indicators li.active {
	width: 12px;
	height: 12px;
	border: none;
	margin: 0 1px;
}
.carousel-caption {
	top: 5%;
	left: 13%;
	text-align: left;
}
.carousel-caption h1 { font-size: 48px; }





/* ***** BREADCRUMB ***** */

.breadcrumb {
	background-color: #343434;
	border-radius: 0;
}
.breadcrumb a {
	color: #d9d9d9;
	text-decoration: underline;
}
.breadcrumb a:hover { text-decoration: none; }
.breadcrumb>li+li:before { content: "\007C"; }





/* ***** ROW - COL-3 ***** */

.row { margin: 0; }
.col-xs-3 {
	background-color: #ededed;
	width: 230px;
	height: 380px;
	margin: 0 20px 20px 0;
	padding: 0;
	text-align: center;
}
.col-xs-3:last-of-type { margin-right: 0; }
.col-xs-3 img.margtop { margin-top: 20px; }
.col-xs-3 .col-content {
	text-align: left;
	padding: 0 20px 20px 20px;
}
.col-xs-3 h1 {
	font-size: 20px; /* 25px */
	font-weight: 300;
}
.col-xs-3 h1 small { font-size: 20px; }





/* ***** ROW - COL-4 ***** */

.row { margin: 0; }
.col-xs-4 {
	width: 320px;
	margin: 0 10px 10px 0;
	padding: 0;
}
.col-xs-4-sm {
	width: 310px;
	margin: 0 25px 10px 0;
	padding: 0;
}
.col-xs-4:last-of-type { margin-right: 0; }

.apps {
	height: 310px;
	background: #737373 no-repeat top;
}
.apps .col-content {
	text-align: left;
	position: relative;
	/* left: 170px; */
	left: 10px;
	top:160px;
	width: 210px;
	color: #fff;
}
.apps h1 {
	font-size: 20px; /* 30px */
	font-weight: 300;
}
.apps h1 small {
	font-size: 24px;
	color: #fff;
}
.apps a { color: #fff; }

.app1 { background-image: url("../img/applications/application1.jpg"); }
.app2 { background-image: url("../img/applications/application2.jpg"); }
.app3 { background-image: url("../img/applications/application3.jpg"); }


.col-xs-4 li { margin-bottom: 10px; }
.col-xs-4 em { color: #737373; }

.news ul {
	border-bottom: solid 1px #dbdbdb;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.news .pager {
	float: left;
	text-align: left;
	border: none;
	padding: 0;
	margin: 0;
}
.pager li>a, .pager li>span {
	font-size: 14px;
	padding: 2px 8px;
	border: none;
	border-radius: 0;
}
.news .pager li>a, .news .pager li>span { font-size: 18px; }
.news .page-all {
	float: right;
	margin-top: 6px;
}
.news h2 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 28px;
}
.news button {
	background: #f5d335;
	color: #fff;
	text-transform: uppercase;
}

.col-xs-4 .col-box {
	background-color: #ededed;
	border: solid 1px #bbbbbb;
	width: 100%;
	height: 304px;
}

.col-box-left {
	width: 50%;
	height: 100%;
	float: left;
}
.col-box-right, .col-xs-4 .carousel-caption {
	width: 50%;
	height: 100%;
	float: right;
	padding: 20px;
	padding-top: 10px;
}
.col-xs-4 .carousel-indicators li { margin-bottom: 0; }
.col-xs-4 .carousel-caption {
	width: 40%;
	top: 0;
	left: 50%;
}
.col-box-right h1, .col-xs-4 .carousel-caption h1 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 0;
}
.col-xs-4 .carousel-caption * {
	color: #737373;
	text-transform: none;
	text-shadow: none;
}
.col-xs-4 .carousel-control.left, .col-xs-4 .carousel-control.right { background-image: none;}
.col-box-right ul { padding-left: 10px; }
.col-box-right li {
	list-style-type: none;
	margin-bottom: 5px;
}
.col-box-right li img  { margin-right: 5px; }





/* ***** SIDEBAR - RIGHT CONTENT ***** */

.sidebar {
	width: 318px;
	float: left;
	margin-right: 60px;
}
.sidebar.sdb-sm {
	width: 268px;
	margin-right: 50px;
}
.sidebar .widget {
	width: 318px;
	float: left;
	padding: 15px;
	margin-top: 20px;
}
.sidebar .wdg-first { margin-top: 0; }
.sidebar .widget h4 {
	font-size: 21px;
	margin: 0 0 10px;
	font-weight: 600;
}
.sidebar .widget li { color: #fff; }
.sidebar .widget.wdg1 { background-color: #dcdbdc; }
.sidebar .widget.wdg2 { background-color: #fae99c; }
.sidebar .widget.wdg3 { border: solid 1px #aeaeae; }
.sidebar .widget.wdg3 li { color: #f5d335; }


.content-right {
	width: 602px;
	float: left;
}
.content-right.cr-sm { width: 662px; }
.content-right h2 { margin: 0 0 30px 0; }
.content-right h3 {
	font-size: 21px;
	font-weight: 600;
	background-color: #ecebec;
	border-bottom: solid 1px #b8b8b8;
	padding: 7px 10px;
	margin: 25px 0 15px 0;
}

.content-right .SubTitle {
	font-size: 21px;
	font-weight: 600;
	background-color: #ecebec;
	border-bottom: solid 1px #b8b8b8;
	padding: 7px 10px;
	margin: 25px 0 15px 0;
}

.content-right h2.h2-sm {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.content-right h2.h2-news {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 0;
	padding-bottom: 0;
}
.content-right ul { margin-left: 25px; }
.back-left { float: left; margin-top: 20px; }
.back-right { float: right; }
em.date { display: block; margin-bottom: 30px; }
.cr-sm em.date { margin-bottom: 10px; }




/* ***** PAGES ***** */

.product-group, .product-group:hover { text-decoration: none; }
.product-group:focus {
	text-decoration: none;
	outline: 0;
	outline-offset: 0;
}
.product-group1 img {
	border: solid 1px #c8c8c8;
}
.product-group2 img {
	margin: 15px 0;
}

.prod-bg { position: relative; display: block; }
.prod-bg::after {
	content: "";
	position: absolute;
	width: 21px;
	height: 22px;
	background: url("../img/zoom.png") no-repeat center;
	bottom: 10px;
	right: 10px;
}
.product-group2::after { bottom: 30px; }

.prod-sm {
	width: 103px;
	display: inline-block;
	margin-right: 1px;
	margin-top: 5px;
}
.prod-last { margin-right: 0; }

ul.checklist { margin: 0 0 30px 20px; }
ul.checklist li {
	position: relative;
	background-color: #737373;
	font-size: 21px;
	font-weight: 300;
	color: #fff;
	list-style-type: none;
	margin-top: 10px;
	height: 30px;
	padding: 0 15px;
	display: table;
}

ul.checklist li::before {
	content: "";
	direction: block;
	position: absolute;
	left: -20px;
	width: 20px;
	height: 30px;
	background: #f5d335 url("../img/checklist_li.png") no-repeat center;
}

ul.ssmenu-col {
	float: left;
}





/* ***** FOOTER ***** */

#footer {
	margin-top: 40px;
}

#footer .container {
	background-color: #353535;
	width: 980px;
	padding: 20px 15px;
}

#footer .col-xs-4 {
	width: 310px;
	height: 170px;
	padding-left: 20px;
	border-right: solid 1px #626262;
}
#footer .col-xs-4:last-of-type { border: none; }

#footer li { color: #626262; }
#footer a {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #626262;
	text-transform: uppercase;
}
#footer a:hover { color: #f5d335; }

#footer h1 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
}
#footer address {
	color: #fff;
	font-weight: 300;
}
#footer address a { text-transform: none; }

.copyright {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #b2b2b2;
	font-weight: 300;
}
.copyright a { color: #b2b2b2; }



/* ***** CONTACT ***** */
.contact h1 { margin-bottom: 15px; }
.contact h4 { margin-bottom: 50px; }
#worldmap {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#mapinfo {
	width: 100%;
	/* height: 80%; */
	padding: 30px 40px;
	background: rgba(0,0,0,0.85);
	color: #fff;
	position: absolute;
	top: 10%;
	z-index: 99;
	opacity: 0;
	right: -100%;
	
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
}
#mapinfo.actif {
	opacity: 1;
	right: 0;
}
.map-back {
	float: right;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.map-back:hover { text-decoration: underline; }
#mapinfo h2 {
	font-size: 24px;
	margin: 0;
}
#mapinfo h3 {
	font-size: 18px;
	margin: 5px 0 20px;
	font-weight: 300px;
	color: #666;
}
#mapinfo table {
	float: left;
	margin-right: 30px;
}
#mapinfo table th {
	font-weight: normal;
	color: #bbb;
	padding-right: 20px;
}
#mapinfo table tr.tr-title th {
	font-size: 16px;
	color: #fff;
}

form fieldset { margin-top: 30px;}
form fieldset legend {
	font-size: 24px;
	color: #737373;
	margin-bottom: 30px
}
form label {
	font-weight: normal;
}
form .col-sm-4 {
	width: 360px;
	margin-right: 30px;
	border-right: solid 1px #bbbdbd;
}
form .col-form-double {
	float: left;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: solid 1px #bbbdbd;
}
form .col-form-double .col-sm-4 {
	width: 290px;
}
form .col-form-double .col-sm-4 + .col-sm-4 {
	width: 270px;
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

form h2 {
	font-size: 18px;
	margin: 0 0 25px 0;
}
form .form-control { background-color: #efefef; }

form .col-sm-4 .form-group { margin-bottom: 10px; }
form .col-sm-4 .form-group .control-label {
	float: left;
	width: 100px;
	padding-right: 20px;
	font-weight: normal;
}
form .col-sm-4 .form-group .control-label + input {
	float: left;
	width: 230px;
}

form .col-sm-4 .form-group span {
	font-style: italic;
	color: #9c0000;
}

form .col-sm-4 .chk-list input[type=checkbox] {
	margin-right: 10px;
}
form .col-sm-4 .chk-list .form-chk {
	display: inline-block;
	width: 190px;
}

form .col-sm-8 {
	width: 60%;
	margin-top: 30px;
}
form .col-sm-8 .label-area {
	float: left;
	width: 30%;
	height: 140px;
}
form .col-sm-8 .label-area + textarea {
	float: left;
	width: 70%;
}

form .col-sm-8 button {
	float: left;
	margin-top: 20px;
	background: #ad0000;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	padding: 0px 15px;
	border-radius: 2px;
}
form .col-sm-8 button:hover {
	background: #760000;
	color: #fff;
}





/* ***** SATISFACTION FORM ***** */
form table {
	width: 100%;
	margin-bottom: 40px;
}
form table thead th {
	padding: 15px 5px;
	text-align: center;
	font-weight: bold;
}
form table tr {
	border-bottom: solid 1px #bbbdbd;
}
form table th {
	padding-left: 15px;
	font-weight: normal;
}
form table td {
	text-align: center;
	padding: 8px;
}
form table tr:last-child td {
	text-align: center;
	padding: 30px 10px;
}
form table + .col-sm-4 {
	margin-top: 30px;
}
form table + .col-sm-4 + .col-sm-8 {
	margin-top: 0;
}
form table + .col-sm-4 + .col-sm-8 h2 {
	margin-bottom: 10px;
}


/* ***** NEWSLETTER FORM ***** */
.newsletter .radio {
	width:15px;
	height:15px;
	display:inline;
	margin-left:100px;
	padding-right:10px;
	top:6px;
}

.newsletter .email {
	width:300px;
	margin-left:20px;
}

.newsletter .btn {
	margin-left:100px;
float: left;
margin-top: 20px;
background: #ad0000;
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 18px;
padding: 0px 15px;
border-radius: 2px;
}

.newsletter .btn:hover {
	background: #760000;
	color: #fff;
}