/*
Theme Name: MS Thème Metier
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  site-metier
Template: mstheme
*/

/* vars 






*/

/* ------------------ Include Styles ------------------ */
/* fonts : */
/*
		Open sans
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);*/
/*
font-family: 'Open Sans', sans-serif;
*/
/*
		Lato*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*
font-family: 'Lato', sans-serif;
*/
/*
		Merienda
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700)*/
/*
font-family: 'Merienda', cursive;
*/
/*
		Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
		Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
		Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
		Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
		Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
		Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
		Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
		Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
		Quicksand
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);*/
/*
font-family: 'Quicksand', sans-serif;
*/


@import url('iconmoon/style.css');

/* ------------------ General ------------------ */
html{background-image: linear-gradient(#343434,#343434);background-attachment: fixed;font-size: 62.5%;font-family: 'Lato', sans-serif;}
body{background:transparent;min-height: 100%;height: 100%;color:#000000;font-size: 1.5rem; line-height: 2.4rem;}

a{color: inherit;text-decoration: none;transition-duration:0.4s;}
a:hover{text-decoration: none;color:#eb0079 !important;}

.flex{display: flex;}

/* ------------------ Header ------------------ */
.site-header{text-align: center;z-index: 22222;position: relative;padding-top: 1.0rem;}

/* ---------------- Menu -------------------- */
#navbar{padding:1.0rem 0;}
.nav.navbar-nav{float: none;display: block;position: relative;text-align: center;font-size: 0;}
.nav.navbar-nav li{position: relative;}
.nav.navbar-nav li a{display: block;padding: .6rem 2.0rem ;font-size: 1.8rem;text-decoration: none;}
.nav.navbar-nav li ul{z-index: 10000;float: none;display: none;position: absolute;width: 200px;top: 99%;padding: 0 ;text-align: left;background: #444;}
.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #aaa;}
.nav.navbar-nav li ul li a{	width: 100%;font-size: 1.2rem;}
.nav.navbar-nav li:hover ul{display: block;}

/* ---------------- Slider -------------------- */
#slider{background-image: linear-gradient(#000000,#2b2b2b);height: 390px;}
.sliderReassurance{background-image: linear-gradient(#ffffff,#bdbdbd);font-size: 1.7rem;color: #454545;padding-top:3rem;}

.metaslider img {
    height: 386px !important	;}
    .col-md-12.slogan {
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 2rem;
}
/* ---------------- Main -------------------- */
li {
    list-style: none;
}
#main{background: 	#bdbdbd;}
#cont{background: 	#fff;}
#contentMaster{padding-top: 3.5rem;padding-bottom:1.5rem;}
#contentMaster ul,#contentMaster ol{padding-left:0;}
#contentMaster ul{padding-left:1.5rem;}
#contentMaster li{position: relative;padding-left:1.2rem;list-style-position: inside;}
#contentMaster ul li{list-style-type: none;}
#contentMaster ul li:before{font-family: 'FontAwesome';content: "\f16a";font-size: 1.2rem;position: relative;color:#cf17cd;list-style:none;float:left;padding-right: 	10px;}
.menu-sous-menu-container ul#menu-sous-menu li:before{font-family: 'FontAwesome';content: "\f0a9";font-size: 1.2rem;position: relative;color:#cf17cd;list-style:none;float:left;padding-right: 	10px;	}
p#breadcrumbs{    margin-top: 15px;
    float: right;}
    .menu-sous-menu-container ul#menu-sous-menu li{line-height: 	30px;left: 	0	;}
     .menu-sous-menu-container ul#menu-sous-menu li a {text-decoration: none;}
/* ---------------- Headings -------------------- */
h1
{	
	font-size			: 22px;
	color				: #202020;
	text-align			: left;
	text-transform		: none;
	margin-top			: 20px;
	margin-bottom		: 10px;
	font-stretch		: normal;
	font-stretch:extra-condensed;
	padding-bottom:5px;
	border-bottom:1px dashed #CB05CE;
	background-image:url(../images/contenu/MaquettestcapraisMontage_14.jpg);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding-left:15px;
}
h2
{
	font-size			: 17px;
	color				: #fff;
	text-align			: left;
	text-transform		: none;
	margin-top			: 20px;
	margin-bottom		: 10px;
	border:white solid 1px;
	padding:5px;
	background-color:#343434;
	width:380px;
}
h3
{
	font-size			: 14px;
	color				: #343434;
	text-align			: left;
	text-transform		: none;
	margin-top			: 20px;
	margin-bottom		: 10px;
}

.nav.navbar-nav li a{color: 	#fff	;border-right: 1px solid #fff;}
.nav.navbar-nav li a:hover{color: 	#cf17cd !important	;border-bottom:1px solid #cf17cd; background: rgba(	255,255,255,0.1);	}

/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #666;
	outline				: none;
	
}
a:hover
{
	text-decoration	: underline;
	color			: #CB05CE;
}
/* ===========================================================
					Les styles de texte
=========================================================== */
.gras
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
}

.important
{
	color				: #494949;
	font-size			: 13px;
	font-weight			: bold;
}

/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	border				: 1px solid #F3D6F6;
	padding 			: 6px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	font-weight			: bold;
	text-align			: center;
	color				 :#333;
	background-color	: #F3D6F6;
}
.cadre a
{
  color : inherit;	
}
.cadre a:hover
{
  color : inherit;	
}

.cadreDouble
{
	border : 4px double #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreRidge
{
	border : 4px ridge #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreGroove
{
	border : 4px groove #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreOutset
{
	border : 4px outset #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreSolid
{
	border : 2px solid #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.borderExt
{
	border : 2px solid #C0C0C0;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

.borderInt
{
	border : 2px solid #000000;
	padding:5px;
	text-align : center;
	margin : 5px; /* Espacement entre les bords */
	font-weight	: bold;
	background-color : #C0C0C0;
}

.contour_image
{
	background-color	: #fff;
	border				: 1px solid #ccc;
	padding				: 5px;
	margin				: 1px;
}

.contour_image_gallerie/*pour les images en "gallerie" (c-a-d une légende sous l'image)*/
{
	background-color	: #000000;
	border				: 1px solid #ccc;
	padding				: 0px;
	margin				: 10px;
	margin-bottom		: 5px;
}	

/* ---------------- Sidebar -------------------- */
.sidebar{background-image: linear-gradient(#1d1d1d,#1d1d1d);padding-top:15px;padding-bottom:15px;}

.widget h2{margin-bottom: 10px;}
.widget-element{margin-bottom: 25px;}
.widget_recent_entries ul{padding:0;}
.widget_recent_entries ul li{list-style-type: none;}
.widget_recent_entries ul li a{display: block;font-weight: bold;text-decoration: none;}
.widget_recent_entries ul li span{display: block;font-size: 1.3rem;}

.search-form{display: block;position: relative;}
.search-form label{display: block;}
.search-form label span{display: none;}
.search-form .search-field{height: 25px;background: #fff;border: 1px solid #666 ;padding:2px 25px 2px 5px;width: 100%;color:#333;}
.search-form .search-submit{height: 25px;width: 25px;position: absolute;right: 0;top: 0;line-height: 100px;overflow: hidden;border: 1px solid #666;background: transparent url(images/search.png) no-repeat center center;}

/* ---------------- Formulaire -------------------- */
.wpcf7-form-control.wpcf7-submit{}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

/* ---------------- Bouton -------------------- */
.btn{}
.btn:hover{}

/* ---------------- Footer -------------------- */
.site-footer{background-image: linear-gradient(#333333,#333333);text-align: center;padding:20px 0;font-size: 17px;color:#fff;}
.site-footer .copy{font-size:1.3rem;}

/* ---------------- Divers -------------------- */
.sliderReassurance,.site-footer{line-height: 1.42;}
.telephoneSlider, .telephoneFooter{font-size: 1.6rem;margin-bottom:20px;}
.telephoneSlider a, .telephoneFooter a{text-decoration: none;color: #fff;}
.adresseSlider, .adresseFooter{margin-bottom:20px;}

.textAlignCenter{text-align: center;}
.mentionsLegales{font-style: italic;font-size: 1.2rem;}
h2 a{color: #fff;}
h2 a:visited,h2 a:active{color: #ccc;}

/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
	.flex{display: block;}
	.sliderReassurance{}
	html{font-size: 59%;}

.metaslider img {
    height: auto !important	;}
}
@media screen and (max-width: 767px) {
	html{font-size: 55%;}
	#navbar{position: fixed; width: 100%; right: 0;top: 0;left: 0;}
	.menu-menu-principal-container{margin-top: 1rem; background-color: #000;}
	.navbar-inverse{background-color: #000;position: fixed;width: 100%;top: 0;}
	.nav.navbar-nav li{display: block;}
	.nav.navbar-nav li a{padding: 6px ;font-size: 18px;}
		
	.nav.navbar-nav li ul{display: block;position: relative;width: auto;top: 0;background: #666;text-align: center;}
	.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #333 ;}
	.nav.navbar-nav li ul li a{width: 100%;font-size: .9em;}
	.home-link>img{margin-top: 6.5rem;max-width: 80%;padding-bottom: 1.5rem;}
	#slider {  
    height: auto	;}
}
@media screen and (max-width: 450px) {
}