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

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


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

.competences         { width:auto; height:auto; float:left; background: #EBEBEB; padding-left:5px; padding-right:5px;}
.competences h2      { color: #333; font-size:18px !important; font-weight: normal; margin-bottom:15px; padding-left:10px;}
.competences  p      { font-size:16px !important; font-weight: normal; text-align:justify; margin-bottom:15px; padding-left:5px; padding-right:5px;}
.competences  a      { background-color: #C36; color: #FFF;}
.competences  a:hover { color:#000; text-decoration:none}

.images               { width:100%; height:100%; float:left; text-align:center;}

#sidebar{
	background:#ededed;
	padding-top: 5px;
	padding-bottom: 25px;	
}

 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: 10px; }
	  
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;
      }


#photos{margin-top:40px;}

#block{
	background:#fff;
	padding-top: 5px;
	padding-bottom: 25px;	
}

#leftside{
	background-color:#F4FAFF;
	padding-top: 5px;
	padding-bottom: 25px;	
}

.mycontent{
	/**width:60vw; */
	/**height:100vw; */
	/**float:left; */
	margin-bottom:20px; 
	font-size:12px; 
	/**background-color:#F4FAFF; */
	padding-top:15px; 
	padding-left:15px; 
	padding-right:15px;
	padding-bottom:25px; 
	color:#666; 
}
.mycontent  p      { font-size:16px !important; font-weight: normal; text-align:justify; margin-bottom:15px; padding-left:5px; padding-right:5px;}

#rightside{
	background-color:#F4FAFF; 
	padding-top: 5px;
	padding-bottom: 25px;	
}

#sidebar .bloc{
	margin-bottom: 40px;
}

#content{
	padding-bottom: 50px;
}
#mypad2 { padding-left: 5px;}

/* couleurs */

.blanc   {color:#FFF; font-weight:bold;}
.gris    {color:#666;}
.bleu    {color:#03C;}
.rouge   {color: #F00; font-weight:bold;}

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

/** 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:#8A8484; border:1px solid #8A8484; 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);}