@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900');


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1;
  }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

/*ol, ul {
  list-style: none; }*/

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {
  border: none; }

/* =Scss Variables
-------------------------------------------------------------- */
/* =Global
-------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  /*background-color: #3cb5f9;*/
  /*color: #505050;*/
  /*font-family: "Ubuntu", sans-serif;*/
  font-family: 'Catamaran', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 300; }

a {
  text-decoration: none;
  /*color: #3cb5f9;*/ }

a:hover {
  color: #0793e2; }
 
 .font-menu {
  font-family: 'Indie Flower', cursive;
  font-weight:bold !important;;
  font-size:16px !important; }

/* =Template
-------------------------------------------------------------- */
#wrapper {
  width: 100%;
  margin: 0 auto; }

#main {
  background-color: #fff;
  padding-top: 100px; }
  
 #mainpages {
  background-color: #fff;
  /*padding-top: 100px;*/ }
  
/*.container {
  width: 70%;
  margin: 0 auto;
  padding: 0 30px; }*/

section {
  padding: 30px 0; }
  section h1 {
    font-weight: 200 !important;
    margin-bottom: 10px;
	font-family: "Oswald", sans-serif; }
  section p {
    margin-bottom: 30px; }
    section p:last-child {
      margin-bottom: 0; }
  section.color {
    background-color: #3cb5f9;
    color: white; }

/* =Header
-------------------------------------------------------------- */
header {
  width: 100%;  
  position: fixed;
  top: 0;
  left: 0;
  padding-top:10px; 
  z-index: 10;
  background-color:#e7efe2;
  border-bottom:#a5ce37 2px solid;
  }
 /* header .allpages {
	  background-color:#006;
  }*/

  .header-wrapper {
    /*position: relative;*/
    width: 100%;
    transition: height .3s ease 0s, background .3s ease 0s;
    z-index: 29;
	 position: fixed;
  top: 0;
  left: 0;
  padding-top:10px;}
  
  
  header h1#logo a{
     display: block;
    height: 80px;
    width: 180px;
   /* background: url(../images/logo1-blanc-horiz.png) no-repeat 100% 100%;*/
    background-size: 276px;
	 }
	 
	   header h1#logo2 a{
     display: block;
    height: 90px !important;
    width: 280px;
    background-size: 276px;
	margin-top:15px !important;
	 }

	
  header nav {
    /*display: inline-block;
    float: right;*/
    background-color: transparent !important;
    border-color: transparent !important; }
    header nav a {
      /*line-height: 150px;
      margin-left: 20px;
      color: #9fdbfc;*/
      /*font-weight: 700;
      font-size: 18px;*/
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header nav a:hover {
        /*color: white;*/ }
  header.smaller {
    height: auto;
	padding-top:0px;
	background-color: #e7efe2;
	top:0;
	
	}
   header.smaller h1#logo {
		background-image: url(images/logo1-blanc.png);
      width: 150px;
      height: 80px;
      line-height: 75px;
      font-size: 30px; }
    header.smaller nav  {
      color:#009; }
	  header.smaller nav a {
       }
	  
	   .smaller  h1#logo a {
 display: block;
    height: 80px;
    width: 180px;
   
    background-size: 276px;
}
	  
/*********************************************
					TopBar 
*********************************************/
.topbar {
	/*border-top: #FF6600 5px solid;*/
	position: relative;
	bottom: 0%;
	background: #9bc23a;
	color: #fff;
	padding:0 0 1px;
	z-index:99;
	}

.topbar .btn-link {
    padding: 4px 12px;
}
.topbar i {
    color: #fff;
}
.sociaux {
}
.sociaux .fa {
	font-size:small;
	color:#FFF;
	padding:5px 5px;
}
.sociaux .fa:focus, 
.sociaux .fa:hover {
    color: #000;
}

/* =Nav Bar
-------------------------------------------------------------- */
.topnav {
	float:right;
}

@media  (max-width: 480px) {	
.topnav {
	float: none;
}
}
@media  (max-width: 768px) {	
.topnav {
	float: none;
	border: 1px solid transparent;
}
}
@media  (max-width: 480px) {	
.navbar-default .navbar-collapse {
    border-color: transparent !important;
}

.navbar-collapse.in {
    overflow-y: unset !important;
	background-color: rgba(0,0,0,0.9);
}
}
@media  (max-width: 768px) {	
.navbar-default .navbar-collapse {
    border-color: transparent !important;
}

.navbar-collapse.in {
   overflow-y: unset !important;
    background-color: rgb(61, 146, 248);
    width: 250%;
}
}
.navbar-collapse {
    padding: 0px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
	font-weight:400;
	font-size: 13px;
	/*letter-spacing:0.5px;*/
}
.allpages {
	background-color:100000;}
.allpages .nav > li > a {
	font-size: 17px;
    padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a {
	color:rgba(255,255,255,1)
}
.allpages .navbar-default .navbar-nav > li > a {
	color:#3890f9;
	font-weight:800;
}
.navbar {
    min-height: inherit !important;
    margin-bottom: 20px;
    margin-top: 30px;
	font-family:"Oswald", sans-serif;
}
@media  (max-width: 480px) {
.navbar {
    margin-bottom: 0px;
    margin-top: 0px;
}	
.navbar-toggle {
    padding: 9px 10px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
	background-color: #FF6600;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #00264c;
	border-color:  transparent;
	
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.allpages .nav > li > a {
	font-size: 13px;
    padding: 10px 15px;
	color:#fff;
}

.navbar-default .navbar-nav >  a {
    color: #1f1f1f;
    /*background-color: rgba(255, 255, 255, 0.81);   
    border-bottom: 3px solid #3890f9;*/
   
}
/*.allpages .nav > li > a:active  {
	font-size: 13px;
    padding: 10px 15px;
	color:#383838;
}*/
.allpages .navbar-default .navbar-nav > li > a {
    color: #3890f9;
    font-weight: 800;
	color:#1f1e1e;
	font-size: 10px;
}
}
@media  (max-width: 768px) {
.navbar {
    margin-bottom: 0px;
    margin-top: 25px;
}	
.navbar-toggle {
    padding: 9px 10px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
}		
.navbar-default .navbar-toggle {
    border-color:  transparent;
	background-color: #3d92f8;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #1d73da;
	border-color:  transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #1f1f1f;
	background-color: rgba(255, 255, 255, 0.81);
    /*border-top: 3px solid #00264c;*/
    border-bottom: 3px solid #3890f9;
    /*background-color: transparent !important;*/
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #00264c;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-defa
ult .navbar-nav > .open > a:hover {
    color: #fff;
	/*color: #00264c;*/
    background-color: transparent;
}
.smaller .navbar-default .navbar-nav > li > a{ color:#00264c;}
.smaller .navbar-default .navbar-nav > .active > a, .smaller .navbar-default .navbar-nav > .active > a:focus, .smaller .navbar-default .navbar-nav > .active > a:hover{
	color:#700000;
	}
.dropdown-menu {
    min-width: 160px;
    padding: 2px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
	border-top:5px solid #00264c;	
	border-bottom:5px solid #00264c;
	border-radius:4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);*/
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > a {
    padding: 6px 20px;
	color: #00264c;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #000;
    background-color: #00264c;
}
.dropdown-menu .divider {
    margin: 1px 0;
    overflow: hidden;
    background-color: rgba(204,204,204,0.5);
}

.nav-tabs>li {
	text-align:center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #4295f7 ;
}

.nav-tabs>li>a {
    background-color: #e7efe2 ;
}

.nav-tabs>li>a>span {
	display:block;
	text-transform:uppercase;
	font-weight:500;
}

.navbar-nav {
    margin: 7.5px 0px;
}
/* =Pages Names
-------------------------------------------------------------- */
.pagenames {
	background-color:#00264c;
	padding:35px 0 10px;
	}
.pagenames h1 {
	margin:0;
	color:rgba(255,255,255,1);
}
.breadcrumb {
    padding: 8px 2px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent !important;
    border-radius: 0px;
}

/* =Pages Contenue
-------------------------------------------------------------- */
.page_contenue {
/*	background-image:url(../images/service-7-600x322.jpg);
	background-repeat:no-repeat;
	background-size:cover;*/
	padding:75px 75px;
	}
	#page_contenue {
		background-color:rgba(255,255,255,1);
		width:100%;
		margin:0 auto;
		/*padding:40px;*/
			}
		#page_contenue h1 {
			margin:20px 0;
			font-size:24px;
			font-weight:400 !important;
			}
		#page_contenue hr {
			width: 25%;
			margin-top: 35px;
			margin-bottom: 35px;
			border-top: 2px solid #a5cf38;
			margin-left:0px;
			text-align:left;
			}
			
		#page_contenue .projets h1 {		
			
			}
			
		#page_contenue  projets hr {
			width: 6%;
			margin-top: 15px;
			margin-bottom: 25px;
			border-top: 2px solid #700000;
			text-align:center !important;
			}
			
		#page_contenue	.portfolio-block .row h1{
			text-align:center; 
			font-size:40px !important;
			}
			#page_contenue	.portfolio-block .row hr{
			width: 3%;
			margin-top: 15px;
			margin-bottom: 25px;
			border-top: 2px solid #700000;
			text-align:center !important;
			    margin-left: auto;
			}

@media  (max-width: 480px) {
	#page_contenue {
		width:100%;
		padding:40px 15px;
			}	
	.page_contenue {
    padding: 40px 0;
}	
}
@media  (max-width: 768px) {	
	#page_contenue {
		width:100%;
		padding:40px 15px;
			}		
	.page_contenue {
    padding: 40px 0;
}
}

/* =Slide
-------------------------------------------------------------- */
/********************************/
/*          Main CSS     */
/********************************/

.bdg_slide {
	/*background-color: rgba(255,255,255,0.4);*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	/*z-index:0;*/
	
}

.bs-slider{
    overflow: hidden;
    max-height: 550px;
    position: relative;
	padding-top:100px;
    /*background: #000000;*/
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}
.indicators-line > .carousel-indicators li {
    border: 1px solid rgba(51,51,143,1) !important;
    background: rgba(51,51,143,1) !important;
}
.indicators-line > .carousel-indicators .active::before {
    background-color: #FF6600 !important;
}
.indicators-line > .carousel-indicators .active {
    box-shadow: 0 0 0 2px #FF6600 !important;
	background-color: #FFF !important;
	 border: 1px solid #FFF !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 22%;
    top: 7%;
    right: 55%;
    margin: auto;
    padding: 10px;
	/*margin-top:20px;*/
    position: absolute;
    text-align: left;
    padding: 10px 85px;
	background-color:rgba(255,255,255,0.4);
	border-left: 5px solid #6b4108;
	border-right: 5px solid #6b4108;
    }
@media  (max-width: 480px) {	
.slide-text {
	display:none;
}}
@media  (max-width: 768px) {	
.slide-text {
	display:none;
	
}}

.slide-text > h1 {
    
    padding: 0;
    color: #00264c;
    font-size: 40px;
    font-style: normal;
    line-height: 35px;
	 margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {
    padding: 0;
    color: #00264c;
    font-size: 38px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}






/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }

}



/* =Bloc01
-------------------------------------------------------------- */
.bloc01 {
	border-bottom:2px solid rgba(153,153,153,0.2);
	padding-bottom:40px;
	padding-top:0;
}
.bloc01 h1 {
	margin:20px 0;
}
.bloc01 .contact {
}
.bloc01 .contact span {
	display:inline-block;
	padding-right:25px;
}
.bloc01 .contact span i {
	padding-right:15px;
}
.bloc01 .contact .btn-warning {
	margin-top:10px;
	color: #fff;
	background-color: #FF6600;
	border-color: transparent !important;
	padding: 12px 25px;
	border-radius:30px;
	font-weight: 300;
	font-size: 18px;
	color:#000;
}
.bloc01 .contact .btn.focus,
.bloc01 .contact .btn:focus,
.bloc01 .contact .btn:hover {
    color: #FFF;
	background-color: #33358F;
}
@media  (max-width: 480px) {
.bloc01 img {
	width:100%;
}
}
@media  (max-width: 768px) {	

.bloc01 img {
	width:100%;
}
}


/* =Bloc02
-------------------------------------------------------------- */
.bloc02 {
	background-color:#f4f9fe;
}
.bloc02 h1 {
	margin:20px 0;
	text-align:center;
}
.bloc02 hr {
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #700000;
	/*margin-left:0px;*/
	text-align: center;
}
.bloc02 h1 span {
	font-weight:700;
}
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  /*padding: 0 40px 30px 40px;
  margin-top: 30px;*/
}
.media-carousel .servi {
	background-color:rgba(255,255,255,1);
	border: 1px solid #ddd;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
	left: -20px;
	background-image: none;
	height: 40px;
	width: 40px;
	margin-top: 20%;
	color:rgba(0,0,0,0.5);
	font-size: xx-large;
}
@media  (max-width: 480px) {	
.media-carousel .carousel-control.left 
{
	display:none;
}}
@media  (max-width: 768px) {	
.media-carousel .carousel-control.left 
{
	display:none;
}}
/* Next button  */
.media-carousel .carousel-control.right 
{
	right: -20px !important;
	background-image: none;
	height: 40px;
	width: 40px;
	margin-top: 20%;
	color:rgba(0,0,0,0.5);
	font-size: xx-large;
}
@media  (max-width: 480px) {	
.media-carousel .carousel-control.right 
{
	display:none;
}}
@media  (max-width: 768px) {	
.media-carousel .carousel-control.right 
{
	display:none;
}}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  /*width: 250px;*/
  /*height: 100px*/
}
/* End carousel */

.card .card-image{
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card .card-image img{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	border-radius:10px 10px 0 0;
	padding:1px;
	min-height: 300px !important;
	margin: 0 auto;
	height: 300px !important;
}

.card .card-image:hover img{
    -webkit-transform: scale(1.2) rotate(-7deg);
    -moz-transform: scale(1.2) rotate(-7deg);
    -ms-transform: scale(1.2) rotate(-7deg);
    -o-transform: scale(1.2) rotate(-7deg);
    transform: scale(1.2) rotate(-7deg);
	border-radius:10px 10px 0 0;
	padding:1px;
}

.card{
    position: relative;
   /* -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
  margin: 10px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
}

.card .card-content {
    padding: 10px;    
}

.card .card-content .card-title, .card-reveal .card-title{
    font-size: 24px;
    font-weight: 200;    
}

.card .card-action{
    padding: 20px;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
}
.card .card-action a{
    font-size: 15px;
    color: #ffab40;
    text-transform:uppercase;
    margin-right: 20px;    
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.card .card-action a:hover{    
    color:#ffd8a6;
    text-decoration:none;
}

.card .card-reveal{    
    padding: 20px;
    position: absolute;
    background-color: #FFF;
    width: 100%;
    overflow-y: auto;
    /*top: 0;*/
    left:0;
    bottom:0;
    height: 100%;
    z-index: 1;
    display: none;
	border-radius:10px;
}

.card .card-reveal p{
    color: rgba(0, 0, 0, 0.71);
    margin:20px ;
}

.btn-custom{
    background-color: transparent;
    font-size:18px;
}




/* =Bloc03
-------------------------------------------------------------- */
.bloc03 {
	text-align:center;
}
.bloc03 h1 {
	margin:20px 0;
}
.bloc03 hr {
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #700000;
	text-align:center;
}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    /*font-size: 18px;*/
    border: 1px solid #FF6600;
    border-radius: 5px;
    text-align: center;
    color: #FF6600;
    margin-bottom: 10px;

}
.filter-button:hover
{
    /*font-size: 18px;*/
    border: 1px solid #FF6600;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #FF6600;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
	
}
.gallery_product .prod
{
	border:1px solid rgba(0,0,0,0.09);
}
.gallery_product .prod a
{
	color:#3c92f8;
	
	
}
.gallery_product .prod p
{
	background-color: rgba(0,0,0,0.09);
	margin: 5px 2px 2px;
	text-align: center;
	font-weight:800;
}
.gallery_product .prod h1
{
	background-color: rgb(164, 205, 57);
	margin: 5px 2px 2px;
	text-align: center;
	font-weight:800;
	text-transform:uppercase;
	font-family: 'Indie Flower', cursive;
	padding: 5px;
}

.gallery_product img
{
	max-height: 121px;
    height: 100%;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 5px;
	
}

.gallery_product_astuces
{
    margin-bottom: 30px;
	
}
.gallery_product_astuces .prod
{
	border:1px solid rgba(0,0,0,0.09);
}
.gallery_product_astuces .prod a
{
	color:#700000;
}
.gallery_product_astuces .prod p
{
	background-color: rgba(0,0,0,0.09);
	margin: 5px 2px 2px;
	text-align: center;
	font-weight:800;
}
.gallery_product_astuces .prod h1
{
	background-color: rgba(0,0,0,0.09);
	margin: 5px 2px 2px;
	text-align: center;
	font-weight:800;
	text-transform:uppercase;
}

.gallery_product_astuces img
{
	/*min-height: 150px;*/
    height:100px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
	width:100px;
}

/* =Bloc04
-------------------------------------------------------------- */
.bloc04 {
	/*background-color:rgba(0,0,0,0.9);*/
	background-color:#002141;
	color:rgba(255,255,255,1);
	
}
.bloc04 h2 {
	margin:15px 0 0;
	font-size:36px;
}
.bloc04 h5 {
	margin:15px 0 0;
	font-size:24px;
}
.bloc04 hr {
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #FF6600;
	margin-left:0px;
}
.excut {
	text-align:center;
}


/* =Bloc05
-------------------------------------------------------------- */
.bloc05 {
	
	/*background-repeat:no-repeat;
	background-size:cover;
	background-clip: border-box;
	background-position-y: -180px;*/
	top:5%;
	width:100%;
	height:100%;
	position:relative;
	display:block;
	/*margin-top:20px;*/
	margin-bottom:20px;
	
}
.bloc05 h1{
	margin:20px 0;
	text-align:center;
}
.bloc05 hr{
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #700000;
	text-align:center;
}

@media  (max-width: 480px) {	
.bloc05 {
	padding: 20px 0;
	background-size:auto !important;
}

.bloc05 h1{
	margin:20px 0;
	text-align:center;
}
.bloc05 hr{
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #700000;
	text-align:center;
}
}
@media  (max-width: 768px) {	
.bloc05 {
	padding: 20px 0;
	background-size:auto !important;
}

.bloc05  h1{
	margin:20px 0;
}
.bloc05  hr{
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #700000;
	text-align:center;
}
}

.bloc05 .btn-warning {
	margin-top:10px;
	color:rgba(0,0,0,0.8);
	background-color: #FFF;
	border-color: transparent !important;
	padding: 12px 25px;
	border-radius:30px;
	font-weight: 300;
	font-size: 18px;
	color:#000;
}
.bloc05 .btn.focus,
.bloc05 .btn:focus,
.bloc05 .btn:hover {
    color: #FFF;
	background-color: rgba(0,0,0,0.8);
}
.bloc05 bloc-img{
    min-height: 550px;
    position: relative;
	}
.bloc05  bloc-img left-bloc img{
       position: absolute;
    top: 50%;
    transform: translateY(-50%);
	}
	

.bloc05  .icon {
    text-align: right;
    transition: all 400ms linear;
	
	
}
.bloc05 h2{
	font-size:40px;}

.bloc05  h5 {
    margin-bottom: 2px;
    transition: all 400ms linear;
    font-size: 12px;
}

.bloc05  h4{
    margin-bottom: 8px;
}

/* =Bloc06
-------------------------------------------------------------- */
.bloc06 {
	/*background-color:#eee;*/
}

.bloc06 h1 {
	margin:20px 0;
	text-align:center;
	 font-family: 'Indie Flower', cursive;
  font-weight:bold !important;
  color:#3890f9;
 /* font-size:16px !important;*/ }
}
.bloc06 hr {
    width: 6%;
    margin-top: 25px;
    margin-bottom: 35px;
    border-top: 2px solid #6b4311;;
	text-align:center;
}


/* =Bloc07
-------------------------------------------------------------- */
.bloc07 {
	background-color:rgba(0,0,0,0.8);;
	color:rgba(255,255,255,1);
	padding:15px 0;
	text-align:center;
}
.bloc07 h2 {
	font-weight:300;
}
.bloc07 .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    border-radius: 30px;
    border: none !important;
    height: auto;
    padding: 8px 15px;
    min-width: 400px;
    margin: 0 20px;
}
@media  (max-width: 480px) {	
.bloc07 .form-inline .form-control {
    width: auto !important;
	min-width:inherit !important;
}}
@media  (max-width: 768px) {	
.bloc07 .form-inline .form-control {
    width: auto !important;
	min-width:inherit !important;
}}
.bloc07 .btn-default {
	color:rgba(0,0,0,0.8);
	background-color: #FF6600;
	border-color: transparent !important;
	padding: 5px 25px;
	border-radius:30px;
	font-weight: 300;
	font-size: 18px;
	color:#000;
	margin:0px;
}
.bloc07 .btn.focus,
.bloc07 .btn:focus,
.bloc07 .btn:hover {
    color: #FF6600;
	background-color:rgba(255,255,255,1);
}


/* =Bloc08
-------------------------------------------------------------- */
.bloc08 {
	background-color:rgba(0,0,0,0.8);
	color:rgba(255,255,255,1);
}
.bloc08 h3 {
	font-weight:200;
	margin: 10px 0 30px;
}
.bloc08 p {
	font-size: 14px;
	line-height: 1.5;
}
.icon-circle .fa{
    color               : #e84700;
    margin              : 0 auto;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  .fa:hover{
    color                   : #fff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
    margin-left         : 0px;
}

@media (min-width:320px) and (max-width:768px) {


 .icon-circle .fa{
    margin              : 0 auto;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  .fa:hover{ 
    color                   : #fff;
    border                  : 1px solid #e84711;
    -moz-box-shadow         : inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 5px #ffffff;
    box-shadow              : inset 0px 0px 0px 5px #ffffff;
    -ms-transform           : scale(1.2,1.2); 
    -webkit-transform       : scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); 
    -o-transform            : scale(1.2,1.2); 
    transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
    margin-left         : 0px;
}   
}

.ifacebook .fa{
    color               :#fff;
}

.ifacebook .fa:hover{    
    color                   : #3B5998;

}

.itwittter .fa{
    color               : #fff;
}

.itwittter .fa:hover{   
    color                   : #33ccff;

}

.igoogle .fa{
    color               : #fff;
}

.igoogle .fa:hover{  
    color                   : #BD3518;

}

.iLinkedin .fa{
    color               : #fff;
}

.iLinkedin .fa:hover{  
    color                   : #007bb7;

}

.bloc08 .nav-pills > li > a {
    border-radius: 0px;
	background-color:transparent !important;
	padding:0px;
	color:rgba(255,255,255,1);
}
.bloc08 .nav-pills > li.active > a,
.bloc08 .nav-pills > li.active > a:focus,
.bloc08 .nav-pills > li.active > a:hover {
    color: #FF6600;
    background-color: transparent !important;
}
.bloc08 .nav > li > a:focus,
.bloc08 .nav > li > a:hover {
    color: #FF6600;
    background-color: transparent !important;
}
.bloc08 #contact {
}
.bloc08 #contact p {
	line-height:2em;
}
.bloc08 #contact span {
	font-weight:300;
}
.bloc08 #contact i {
	padding-right:10px;
}
.bloc08 .form-control {
    border-radius: 30px;
    border: none !important;
    height: auto;
    padding: 6px 15px;
}
.bloc08 .btn-default {
	color:rgba(0,0,0,0.8);
	background-color: #FF6600;
	border-color: transparent !important;
	padding: 4px 25px 2px;
	border-radius:30px;
	font-weight: 300;
	font-size: 16px;
	color:#000;
	margin:0px;
}
.bloc08 .btn.focus,
.bloc08 .btn:focus,
.bloc08 .btn:hover {
    color: #FF6600;
	background-color:rgba(255,255,255,1);
}


/* =Bloc09
-------------------------------------------------------------- */
footer {
   
   /* z-index: 10;*/
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.bloc09 {
	background-color:#a5c237;
	color:rgba(255,255,255,1);
	padding:6px 0;
}
.bloc09 .design{
	/*text-align:right;*/
	font-size:12px;
}
.bloc09 .copyright{
	font-size:13px;
		/*padding-top: 15px;*/
		text-align:right;
		font-weight:400;
		padding-top: 10px;
		color:#FFF;
		font-weight:600;
}
.bloc09 .copyright a{
			color:#FFF;		
}
.bloc09 .design a {
    color: #FFF;
}

.bloc09 .design a.focus,
.bloc09 .design a:focus,
.bloc09 .design a:hover {
    color: #FF6600;
}

.bloc09 .design .form-inline .form-group .form-control{
	 /* display: block;*/
    width: 70%;
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;   
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bloc09 .design .form-inline .form-group .btn-default{
	 /* display: block;*/
  
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;   
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.sociaux {
	padding-top:10px
}
.sociaux .fa {
	font-size:small;
	color:#FFF;
	padding:5px 5px;
}
.sociaux .fa:focus, 
.sociaux .fa:hover {
    color: #000;
}

@media  (max-width: 480px) {	
.bloc09 .form-inline .form-control {
   
    display: block;
    width: 70%;
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

footer {
   
   /* z-index: 10;*/
    width: 100%;
    bottom: 0;
    left: 0;
}
.bloc09 .copyright{
	
		text-align:center;
	
}
}

@media (min-width:320px) and (max-width:768px) {
	
	footer {
	position:relative;
   /* z-index: 10;*/
    width: 100%;
    bottom: 0;
    left: 0;
}

.bloc09 .copyright{
	border-top: 1px solid #ddd;
		text-align:center;
	
}

.bloc09 .design{
	text-align:center;
	font-size:12px;
}

.bloc09 .design .form-inline .form-group{
	text-align:center;
	display:flex;
	}


.bloc09 .design .form-inline .form-group .form-control{
	 /* display: block;*/
    width: 70%;
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;   
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bloc09 .design .form-inline .form-group .btn-default{
	 /* display: block;*/
  
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;   
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.bloc09 .design .form-inline .form-group .form-control-static{
	
    font-size: 16px;
    
}

}
/* =Pages Listes
-------------------------------------------------------------- */
.pages_liste {
	display:block;
	position:relative;
	border-bottom:1px dotted #33358F;
	padding:15px 0;
}
.pages_liste img {
	max-height:80px;
	float:left;
	padding-right:15px;
}
.pages_liste h3{
	margin:10px 0 20px;
	color:#33358F;
}
.pages_liste h3 .page{
	color:#33358F;
}
.pagination>li>.page, .pagination>li>span { border-radius: 15% !important;margin: 0 5px;}
					.pagination > .active > .page, .pagination > .active > .page:focus, .pagination > .active > .page:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a5cd38;
    border-color: #a5cd38;
}
.pagination > li > .page  {
    border: 1px solid #a5cd38;
	color:#a5cd38;
}
.pagination > li > .page:focus, .pagination > li > .page:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #FF6600;
    background-color: #eee;
    border-color: #FF6600;
}
.text-muted {
    color: #777;
    font-size: 13px;
    margin-top: 4px;
}

/* =Contact Page
-------------------------------------------------------------- */
.contact-form {
	padding-top: 20px;
}
.contact-form h3 {
	color:rgba(204,204,204,0.8);	
}
.contact-form h3 > p {
	text-transform:none;
	margin:0px !important;
	font-size:14px;
}
.contact-form h3 > p:last-child {
    margin-bottom: 0px !important;
}
.contact-form label {
    text-transform: none;
}
.adresse { 
	text-transform:uppercase;
	font-weight:700;
	padding-top: 25px;
}
.contact-form .adresse i {
	color:#de2429;
}
.contact-form .adresse p {
	text-transform:none !important;
	font-size: initial;
	font-weight: lighter !important;
	color:#999;
}
.contact-form .btn-black {
	color:rgba(0,0,0,0.8);
	background-color: #a5ce38;
	border-color: transparent !important;
	padding: 5px 25px;
	border-radius:30px;
	font-weight: 300;
	font-size: 18px;
	color:#fff;
	margin:0px;
	float:right;
}
.contact-form .btn.focus,
.contact-form .btn:focus,
.contact-form .btn:hover {
    color: #FFF;
	background-color: rgba(0,0,0,0.8);
}


/* Pages Produits
-------------------------------------------------------------- */
.p_produits {}
.p_produits .gallery_product .prod p {
	font-size:small !important;
	background-color: rgba(0,0,0,0.09);
}
.prod a {
	color:#FF6600;
}
.prod a:hover {
	color:#33358F;
	text-decoration:none;
}
.center {
    margin-top:50px;   
}

.modal-header {
	padding-bottom: 5px;
}
.modal-header h3 {
	margin:0px !important;
}
.modal-footer {
    	padding: 0;
	}
.modal-body .fc1 {
	width: 40px !important;
}
.modal-body .fc2 {
	width: auto !important;
}
.modal-body .prix {
	border-top: 1px solid #FF6600;
	padding: 10px 15px 0px;
	text-align: center;
	color:#FF6600;
	font-weight:600;
}   
.modal-body .btn-danger {
	background-color: #FF6600;
	color: #000;
	font-size:large;
}

.modal-body .btn-danger:hover {
    color: #FFF;
    background-color: #33358F;
}
.modal-body table {
	font-size:13px !important;
}   
.modal-body .prix .stock{
	font-size:small !important;
	color:rgba(0,153,0,1);
	padding: 15px 0 0;
}     
.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}
.modal-footer .btn-danger {
	background-color: #FF6600;
	color: #000;
	font-size:large;
}

.modal-footer .btn-danger:hover {
    color: #FFF;
    background-color: #33358F;
}
.modal-footer .btn-default {
    color: #FFF;
    background-color: #33358F;
	font-size:large;
}

.modal-footer .btn-default:hover {
	background-color: #FF6600;
	color: #000;
}
	
.modal-footer .btn-group:last-child > button {
	border-right: 0;
}

/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

/* =Media Queries

-------------------------------------------------------------- */
@media all and (max-width: 660px) {
  /* =Header
  -------------------------------------------------------------- */
 header h1#logo a{
          display: block;
    height: 50px;
    width: auto;
    background-size: 276px;
	 }

  header nav {
    
    background-color: transparent !important;
    border-color: transparent !important; }
	
    header nav a {
     
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header nav a:hover {
        }
  	}
@media all and (max-width: 600px) {
  .container {
    width: 100%; }

  #info-bar a {
    display: block; }
  #info-bar span.all-tutorials,
  #info-bar span.back-to-tutorial {
    width: 100%; }
  #info-bar span.all-tutorials,
  #info-bar span.back-to-tutorial {
    float: none;
    text-align: center; }
  #info-bar span.all-tutorials {
    border-bottom: solid 1px #0793e2; } }
	

@media  (max-width: 480px) {
	header h1#logo {
    float: none;
    margin: 0 auto;
}
header h1#logo img {
    margin: 0 auto;
	height:70px
}
	
}
@media  (max-width: 768px) {	
header h1#logo {
    float: none;
    margin: 0 auto;
	margin-bottom:20px;
}
	header h1#logo img {
    margin: 0 auto;
	
}}

/* Portfolio block */
.portfolio-block {
/*  background: #f6f6f6;*/
  padding-top: 60px;
  padding-bottom: 40px;
}
.portfolio-block .row {
  padding: 0;
  margin: 0;
  text-align:center;
}
.portfolio-block .row h1 {

  text-align:center;
  font-size:24px;
}
.portfolio-block .row hr {

  text-align:center;
}
.portfolio-block .item {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.portfolio-block .item > a {
  background: rgba(229,74,26,0.85);
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  text-transform: uppercase;

  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;

  color: #fff;
}
.portfolio-block .item:hover > a {
  bottom: 0;
}
.portfolio-block .item > a:hover {
  text-decoration: none;
}
.ie8 .portfolio-block .item > a {
  background: #e54a1a;
}

.portfolio-block .item strong {
  font: 400 17px/1.2 "Open Sans", Arial, sans-serif;
  display: block;
  margin-bottom: 4px;
}
.portfolio-block .item em {
  font: 300 13px "Open Sans", Arial, sans-serif;
  display: block;
  margin-bottom: 10px;
}
.portfolio-block .item b {
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  border: solid 1px #fff;
  padding: 8px 15px 7px;
}
.portfolio-block .item b:hover {
  background: #fff;
  color: #E85425;
  border-color: #fff;
}

/*....page references...*/
.logo-reference-rectangle{
	margin:15px;
	border-bottom: 1px solid #666;
	line-height:120px;
	
}
.logo-reference-rectangle img{
	max-height:120px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle !important;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);

}

.logo-reference-rectangle  img:hover{
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;

}

	
	.text-left {float:left;}
	.text-right {float:right;}
	
	
	/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #eee;
  border-top: 3px solid #6b4310;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #4295f7;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body > img {
	width:100% !important;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
	/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}
.widget-user .widget-user-header {
  padding: 20px;
  height: 70px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user .widget-user-username {
  margin-top: -8px;
  margin-bottom: 5px;
  margin-left: 60px;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-username .page-details {
  margin-top: -8px;
  margin-bottom: 5px;
  margin-left: 100px;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.widget-user .widget-user-desc {
  margin-top: 0;
    margin-left: 60px;
}
.widget-user .widget-user-image {
     position: absolute;
    top: 11px;
    left: 2%;
/*  margin-left: -35px;*/
}
.widget-user .widget-user-image > img {
  height: 60px;
  width: auto;
  border: 3px solid #fff;
  background-color:#FFF;
}
.widget-user .box-footer {
  padding-top: 10px;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}
.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
.pad {
    padding: 5px;
}

.user-block img {
    width: 40px;
    height: 40px;
    float: left;
}

.user-block .username {
    font-size: 16px;
    font-weight: 600;
}

.user-block span.numero {
    font-size: 30px;
	 min-width: 40px;
    height: 55px;
    float: left;
	font-family: 'Indie Flower', cursive;
    font-weight: bold !important;
	background-color:#9bc23a;
	color:#FFF;
	text-align:center;
}


.user-block .username, .user-block .description, .user-block .comment {
    display: block;
    margin-left: 50px;
}

.user-block .description {
    color: #222;
    font-size: 14px;
}
.user-block .username, .user-block .description, .user-block .comment {
    display: block;
    margin-left: 50px;
}
.img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
}
.img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img {
    float: left;
}
.img-sm+.img-push {
    margin-left: 40px;
}
.box-header.with-border {
    border-bottom: 1px solid #CCC;
}
.attachment-block {
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    background: #c4e6ae;
}
.attachment-block .attachment-img {
   /* max-width: 100px;
    max-height: 100px;*/
	width:100%;
    height: auto;
    float: left;
	/*margin-right:10px;*/
}
.attachment-block .attachment-pushed {
   /* margin-right: 100px;*/
}
.attachment-block .attachment-heading {
    margin: 0;
	text-transform:uppercase;
	font-weight:800;
	font-size:16px;
	padding-bottom:10px;
}
.attachment-block .attachment-text {
    color: #555;
	font-size:14px;
	text-align:justify;
	font-weight:500;
}

.sociaux {
}
.sociaux .fa {
	font-size:small;
	color:#FFF;
	padding:5px 5px;
}
.sociaux .fa:focus, 
.sociaux .fa:hover {
    color: #000;
}
.button-top {
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
    color: #6b4310;
	font-weight:600;
	background-color:#FFF;
	border: 1px solid #CCC;
}
img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
	width: 100% !important;
    }
	/*
 * bgcolor
 * -------------------------
 */
 .bg-vert-clair-ecoa{
	 background-color:#c4e6ae;
}
 .bg-gris-clair-ecoa{
	 background-color:#e0e6dc;
}

	/*
 * description block
 * -------------------------
 */
.description-block {
    display: block;
    margin: 5px 0;
    text-align: left;
}

.description-block>.NOM-ENTREPRISE {
   text-transform: uppercase;
	font-weight:900;
	  font-size: 18px;
}

.description-block>.description-ligne>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
	text-decoration:underline;
}

.description-block>.description-ligne>.description-text {
   /* text-transform: uppercase;*/
	font-weight:800;
	  font-size: 14px;
}
.description-ligne{ display:inline;}
	/*
 * info-box
 * -------------------------
 */
.info-box {
    /*display: block;*/
    min-height: 120px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 10%;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-text {
    text-transform: uppercase;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.info-box > img{
 position: absolute;
width: 65px;
    height: auto;
    float: left;
	margin:10px;}
	
	.info-box > span{
		vertical-align:central !important;}
		
		
		
		
		/* slider */
.center-block {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.center-block-wrap {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.center-block-body {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.left-block {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-block-wrap {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
	float:left;
	left:15%;
}
.left-block-body {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
	left:15%;
}

/* Colors */
.color-red {
    color: #e54a1a;
}

.color-red-v2 {
    color: #e6400c;
}

/* Carousel */
.carousel-slider .carousel-indicators li {
    border-radius: 10px !important;
}

.carousel-slider .carousel-indicators-frontend li {
    border: none;
    background: rgba(0,0,0,.4);
}

.carousel-slider .carousel-indicators-frontend .active {
    background: rgba(0,0,0,.6);
}

.carousel-slider .carousel-caption {
    left: auto;
    right: auto;
    bottom: auto;
    text-shadow: none;
    text-align: inherit;
    padding: 0;
}

.carousel-slider .carousel-control {
    width: 10%;
}

.carousel-slider .carousel-control.right,
.carousel-slider .carousel-control.left {
    top: 50%;
    background-image: none;
    margin-top: -20px;
}

.carousel-slider .carousel-control .fa {
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: #fff;
    background: rgba(255,255,255,.32);
    text-shadow: none;
    padding: 5px;
}

.carousel-slider .carousel-control-shop .fa {
    border-radius: 50px;
}

.carousel-slider .carousel-control-frontend .fa {
    background: rgba(0,0,0,.7);
}

.carousel-slider .carousel-control-frontend .fa:hover {
    background: rgba(0,0,0,.9);
}

.carousel-slider .item {
    width: 100%;
    height: 100%;
    min-height: 580px;
}

/* Carousel Titles */
.carousel-slider .carousel-title-v1 {
    font-size: 75px;
    font-weight: 600;
    font-family: "PT Sans Narrow", Arial, sans-serif;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.carousel-slider .carousel-title-v2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    text-align: center;
}

.carousel-slider .carousel-title-v3 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-title-v4 {
    font-size: 100px;
    line-height: 1.4;
    color: #fff;
    text-transform: capitalize;
}

.carousel-slider .carousel-title-v5 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-title-v6 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.4;
    color: #3f5862;
}

.carousel-slider .carousel-title-normal {
    font-weight: normal;
}

/* Carousel Subtitles */
.carousel-slider .carousel-subtitle-v1 {
    display: block;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-subtitle-v2 {
    display: block;
    font-size: 23px;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-subtitle-v3 {
    display: block;
    font-size: 45px;
    font-weight: 200;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-subtitle-v4 {
    display: block;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-subtitle-v5 {
    display: block;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4;
    color: #fff;
}

.carousel-slider .carousel-subtitle-v6 {
    display: inline-block;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    background: #e54a1a;
    padding: 5px;
}

.carousel-slider .carousel-subtitle-v7 {
    font-size: 14px;
    line-height: 1.4;
    color: #7b8793;
}

/* Carousel Btn */
.carousel-slider .carousel-btn {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
}

.carousel-slider .carousel-btn:hover {
    border-color: #e6400c;
    background: #e6400c;
    text-decoration: none;
}

/* Carousel Btn Green */
.carousel-slider .carousel-btn-green {
    display: inline-block;
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    background: #6fc561;
    padding: 5px 15px;
}

.carousel-slider .carousel-btn-green:hover {
    text-decoration: none;
}

/* Carousel Btn Green */
.carousel-slider .carousel-btn-red {
    display: inline-block;
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    background: #e54a1a;
    padding: 5px 15px;
}

.carousel-slider .carousel-btn-red:hover {
    text-decoration: none;
}

/* Border Bottom Title */
.border-bottom-title {
    position: relative;
}

.border-bottom-title:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    content: " ";
    background: #fff;
    text-align: center;
}

/* Border Top & Bottom */
.border-top-bottom {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3px 0;
}

/* Carousel Positions */
.carousel-slider .carousel-position-one {
    position: absolute;
    top: 10%;
    left: 15%;
}

.carousel-slider .carousel-position-two {
    position: absolute;
    top: 10%;
    left: 15%;
}

.carousel-slider .carousel-position-three {
    position: absolute;
    bottom: 0;
    right: 15%;
}

.carousel-slider .carousel-position-four {
    position: absolute;
    top: 15%;
    left: auto;
}

.carousel-slider .carousel-position-five {
    position: absolute;
    top: 25%;
    left: 35%;
}

.carousel-slider .carousel-position-six {
    position: absolute;
    top: 25%;
    left: auto;
}

/* Carousel Animation Delay */
.carousel-slider .carousel-caption .animate-delay {
    animation-delay: 1s;
}

/* Carousel Promo Like */
.carousel-slider .promo-like {
    position: relative;
    top: -23px;
    width: 152px;
    height: 152px;
    display: inline-block;
    font-size: 80px;
    line-height: 1;
    color: #fff;
    background: rgba(0,0,0,.67);
    margin-right: 7px;
    padding: 28px;
}

.carousel-slider .promo-like-text {
    color: #fff;
    text-align: left;
    display: inline-block;
    font: 400 20px/1.4 "PT Sans Narrow", Arial, sans-serif;
    background: rgba(0,0,0,0.67);
    padding: 25px;
}

.carousel-slider .promo-like-text h2 {
    font: 400 38px/38px "PT Sans Narrow", Arial, sans-serif;
    margin: 0 0 8px;
}

.carousel-slider .promo-like-text p {
    margin: 0;
}

/* Stylesheet design for under max-width: 992px */
@media (max-width: 991px) {            /* 992px */
    .carousel-slider .carousel-title-v1 {
        font-size: 50px;
    }

    .carousel-slider .carousel-title-v2 {
        font-size: 35px;
    }

    .carousel-slider .carousel-title-v3 {
        font-size: 40px;
    }

    .carousel-slider .carousel-title-v4 {
        font-size: 60px;
    }

    /* Carousel Subtitles */
    .carousel-slider .carousel-subtitle-v1 {
        font-size: 18px;
    }

    .carousel-slider .carousel-subtitle-v2 {
        font-size: 18px;
    }

    .carousel-slider .carousel-subtitle-v3 {
        font-size: 30px;
    }

    .carousel-slider .carousel-subtitle-v4 {
        font-size: 30px;
    }

    /* Carousel Promo Like */
    .carousel-slider .promo-like {
        top: -24px;
        width: 120px;
        height: 120px;
        font-size: 60px;
        padding: 25px;
    }

    .carousel-slider .promo-like-text {
        padding: 15px;
    }

    .carousel-slider .promo-like-text h2 {
        font-size: 25px;
    }

    .carousel-slider .promo-like-text p {
        font-size: 16px;
    }
}

.promo-block {
    overflow-x: hidden;
}

.form-control-static {
     min-height: 0; 
     padding-top: 0px; 
     padding-bottom: 0px; 
     margin-bottom: 0; 
}
.modal-header .close {
    margin-top: -10px;
}

.btn-primary {
    color: #fff;
    background-color: #4295f7;
    border-color: #3992fb;
}

/**forms**/
.form-check-inline {
    display: inline-block;
    margin-right: .75rem;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem;
}
.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}
label {
    display: inline-block;
	
   /* margin-bottom: .5rem;*/
}
.color-checkbox {
	color:#a5c237;
   
}
.ligne-checkbox{
display:flex; 
padding-right:5px;
}

@media (min-width:320px) and (max-width:768px) {
	.ligne-checkbox{ display:block;
}
	}
	
@media (min-width: 768px){
.modal-dialog {
    width: 50%;
    margin: 30px auto;
}}
	.popupecoa {
    height: 100%;
        background-color: #fff;
    
}
@charset "utf-8";
/* CSS Document */

@media  (max-width: 270px) {
	header h1#logo {
    float: none;
    margin: 0 auto;
}
header h1#logo img {
    margin: 0 auto;
	height:50px
}	
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
	    width: 100% !important;
    height: auto !important;
}

.C-icon {
    width: 200px;
    height: auto;
    display: block;
    margin: 0px auto;
    padding: 0px;
}
.row.app {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #3890f9;
    padding: 10px;
}
.row.appli {
    width: 250px;
    margin-left: auto;
    /* margin-right: auto; */
    border: 1px solid #3890f9;
    padding: 5px;
}