@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

body {
	font-family:'Roboto', sans-serif;
	/* [disabled]background-color:#f4f4f4; */
}
.headder-top	{padding:35px 0; background-color: #6fb8eb; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70);}
.navbar-collapse	{border:0!important; box-shadow:none!important;}

.container-fluid {
	padding: 0 30px 0 30px;
}

  .logo-small {
      color:#f4511e;
      font-size: 100px;
	  margin-top: 50px;
  }


  h1 {
      font-size: 30px;
      text-transform: uppercase;
      color:#FFF;
      font-weight: 600;
      margin-bottom: 30px; }
 

 h2 {
      font-size: 24px;
	  line-height: 1.375em;
      text-transform: uppercase;
      color: #9291a1;
      font-weight: 300;
      margin-bottom: 30px; }
	  
h3 {
      font-size: 40px;
	  line-height: 1.375em;
      color:#ff7d00;
      font-weight: 700;
      }
	  
h4 {
	font-size: 19px;
	line-height: 1.375em;
	color: #fff;
	font-weight: 400;
	margin-bottom: 30px;
} 
	  
h5 {
      font-size: 35px;
      line-height: 1.375em;
      color:#807f8c;
      font-weight: 150;
      }
	  
h6 {
      font-size: 35px;
	  font-style:italic;
      line-height: 1.375em;
      color:#807f8c;
      font-weight: 150;
      }
	  
	  	  
h7 {
      font-size: 30px;
	  line-height: 1.375em;
      color:#FF0;
      font-weight: 150;
      }
	  
.fontpetit	{font-size:12px; text-align:center; color:#F33 !important;}
.fontmoyen	{font-size:30px; text-align:center; color: #FF7F00 !important;}

.jumbotron {
	  display:inline-block;
	  background-color: rgba(68,71,146,0.85);
	  padding-top: 5px; 
	  padding-bottom: 5px;
	  width:100%;
	  height: 100%;
	  overflow:visible; 
  }
  .jumbotronb {
	  display:inline-block;
	  background-color: #30343F; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50) ;
	  width:100%;
	  height: 100%;
	  overflow:visible; 
  }
  .couleur {color:#ff525e;}
  .couleur2 {color:#333;}
  .couleur3 {color:#FF1F55;}
  .couleur4 {color: #333;}
   
  .specfont	{  
  	  text-transform: uppercase;
      color: #eaeafe;
      font-weight: 700;}
	  
  .specfont2	{  
  	  text-transform: uppercase;
	  line-height: 1.375em;
      color: #ffffff;
      font-weight: 400;
	  padding-top: 19px;
	  margin-bottom: 30px;
	  font-size: 18px ;}
	  
  .specfont3	{
	  text-align:left !important;
	  padding-left: 20px;
	  background:url(images/puce-btn-b.png) no-repeat 0px 10px; text-decoration:underline;  
      color: #adadbc !important;
      font-weight: 300;
	  font-size: 18px !important;}
	  
	    .specfont4	{
	  text-align:left !important;
	  padding-left: 0px; 
      color: #ffffff !important;
      font-weight: 300;
	  font-size: 16px !important;}
	  
	       .specfont5	{
	  text-align: justify !important;
	  padding-left: 5px; 
      color: #333 !important;
      font-weight: 300;
	  font-size: 13px !important;}

  .slideanim {visibility:hidden;}
  .slide {
	  z-index:1000;
	  position: relative;
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }

	    
.photo-pad	{ padding: 60px 50px;}
	  
.marge100		{margin-top:100px;}
.marge90		{margin-top:90px;}
.marge30		{margin-top:30px;}
.margel100		{margin-left:100px;}
.margb			{margin-bottom:30px;}
.margb50			{margin-bottom:50px;}
.margb150			{margin-bottom:150px;}
.margr			{margin-right:10px;}
.monfooter		{height:auto; margin:auto; background-color:#3e4348; padding:20px 30px 10px 28px; overflow:auto; color:#aaa; font-size:13px;}

  .slideanim {visibility:visible;}

 .bg-grey {
      background-color: #f6f6f6;
 }
 
  .bg-white {
      background-color: #FFF;
 }
 
 .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  
    .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }

  
.row.content	{height:auto;}

.sidenav {
	height: 100%;
	 }

  .navbar {
      margin-bottom: 0;
      background-color: #f4f4f4;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      font-family:'Roboto', sans-serif;
  }


	  
/** Logo */
.navbar-brand {width:151px; height:119px; float:left; margin-top:-35px;}

/** Liens */
.navbar-nav > li > a	    {color:#102025!important; font-size:18px;}
.navbar-nav > li > a:hover	{color:#e95850!important}
.navbar-nav > .active > a	{background:#fff!important; opacity: 1 !important; z-index: 1070; color:#e95850!important}
.navbar-nav > .active2 > a	{background:#e95850!important; opacity: 1 !important; z-index: 1070; color:white!important}

/** Toggle */
.navbar-default .navbar-toggle    {background:#e95850!important}
.navbar-toggle:hover   {background:#222!important}
.icon-bar   {background:#fff!important}

.dropdown-menu > li > a {letter-spacing: normal;}


/** imagecover */
.imagecov      {background:url(../../images/imagecover1800x1020.png) no-repeat;
				background-size: cover;
				width: 100vw; 
				height: 56.25vw;
				}
				/** imagecover */
.imagecov2      {background:url(../../images/placestfoy-xl.png) no-repeat;
				background-size: cover;
				width: 100vw; 
				height: 56.25vw;
				}

/** imagecoverbg */
.mt                {position:absolute; margin-top:0vw; margin-left:0vw;}
.bgimage      		{position:relative;}
.superposition		{position:absolute;top:0px; left:0px;color:#fff;width:100%; padding-bottom:5px;}
.superposition		h1 {font-size:70px;text-transform:uppercase; font-weight:400}
.superposition		h2 {font-size:40px; font-weight:300}
.superposition		h3 {font-size:30px;font-weight:700}
.superposition		h4 {font-size:30px;font-weight:400; margin-left:110px; margin-bottom:20px;}
a.btn.white			{font-weight:700;color:#fff; border:1px solid #fff; font-size:20px; background:rgba(255,255,255,.25); padding:5px 25px;}
a.btn.white:hover			{font-weight:400;color:#fff; border:1px solid #fff; font-size:20px;border:1px solid rgba(233,88,80,.25); background:rgba(233,88,80,.55)}

a.btn.rouge			{font-weight:700;color:#fff; border:1px solid #fff; font-size:30px; background:rgba(80,80,222,.5); padding:5px 25px;}
a.btn.rouge:hover			{font-weight:400;color:#e95850; border:1px solid #fff; font-size:30px;border:1px solid rgba(233,88,80,.25); background:rgba(255,255,255,.55);}

a.btn.jaune			{font-weight:700;color:#fff; border:1px solid #fff; font-size:30px; background:rgba(248,235,19,.5); padding:5px 25px;}
a.btn.jaune:hover			{font-weight:400;color:#F60; border:1px solid #fff; font-size:30px;border:1px solid rgba(233,88,80,.25); background:rgba(255,255,255,.55);}

.marg {margin-top:170px;}
.margtop {margin-top:500px;
}
#navig2			{width:100%; height:auto; margin:auto; background-color:#FFF; padding-left:30px; padding-right:30px; overflow:auto;}
.mblock			{width:35%; height:auto; margin-right:auto;}

.wrapper		{width:50%;}
.wrapper25		{width:25%;}
	
	
.glyphicon:hover
{
	color: #69F;
	opacity:0.5;
}		

span.error {
	color:#2A1F00;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/x.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:25px;
	}