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

body {font-family:'Roboto', sans-serif; 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;

}

.colortxt {color:#646773;}
.colortxt2 {color:#8895C6 !important;}
.colortxt3 {color:#D4BFAA !important;}
.colortxt4 {color:#FC6C65 !important;}
.colortxt5 {color:#7FBF55 !important;}
.colortxt6 {color:#FFBF00 !important;}
.colortxt7 {color:#A6CAF0 !important;}
	  
	  
.imageopac{
	position:relative;
	-moz-opacity:1 !important;
	opacity:1; 
	filter: alpha(opacity=100)!important;
}
	
	
	
  .logo-small {
      color:#f4511e;
      font-size: 100px;
	  margin-top: 50px;
  }


  
	  
.fontpetit	{font-size:12px; text-align:center; color:#F33 !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; 
  }
  .accroche		{ font-size:30px!important; font-weight:300; color:#fff;}
  
  .couleur {color:#ff525e;}
  .couleur2 {color:#333;}
   
  .specfont	{  
  	  text-transform: uppercase;
      color: #eaeafe;
      font-weight: 700;}
	  
  .specfont2	{  
  	  text-transform: uppercase;
	  line-height: 1.375em;
      color: #eaeafe;
      font-weight: 700;
	  padding-top: 19px;
	  margin-bottom: 30px;
	  font-size: 24px !important;}
	  
  .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: #adadbc !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;}
	  
	     .specfont6	{
	  text-align: justify !important;
	  padding-left: 5px; 
	  padding-right: 5px;
	  padding-top: 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;
    }
  }

.mypad {padding-bottom:25px;}
.mypadlr {padding-left:10px; padding-right:10px;}
.padleft {padding-left:20px;}
	    
.photo-pad	{ padding: 60px 50px;}
	  
.marge100		{margin-top:100px;}
.marge30		{margin-top:30px;}
.margel100		{margin-left:100px;}
.margb			{margin-bottom:30px;}
.margb20		{margin-bottom:20px;}
.margb50		{margin-bottom:50px;}
.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: 10px 10px 10px 10px;
      border: none;
      border-radius: 15px;
  }
  
    .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:#e95850!important; color:white!important}
.navbar-nav > .active > a:hover	{background:#edbf27!important; color:#e95850!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;}

/**marges */
.mt120			{margin-top:120px;}
.mt100			{margin-top:100px;}
.mt200			{margin-top:200px;}
.mt50			{margin-top:50px}

/** imagecover */
.imagecov      {background:url(../../images/bienvenue-1600x1066.jpg) no-repeat;
				background-size: cover;
				width: 100vw; 
				height: auto;
				}

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

.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 {color:#F00;}	
.glyphicon:hover

{
	color: #69F;
	opacity:0.5;
}		

/**video*/
.bgvideo		{position:relative}