/*--------------------------------------------------------------

INDEX : 

# Settings
# Tools

## Generiques

## l- Elements (Blocks & Elements) : no style, only positions
## o- Objets
## c- Composants
## u- Utilitaires (et indispensables)

#  js-, is-, has- States

# BEM Debug Helpers


/*--------------------------------------------------------------
## Generiques
--------------------------------------------------------------*/

	a{ text-decoration: none; }
	/*--------------------------------------------------------------
	### Shortcuts
	--------------------------------------------------------------*/

		

		.u-db{display: block;}
		.u-dib{display: inline-block;}

		/* Center with Margins */
		.u-center{display: table; margin: 0 auto}
		.u-cmax{margin:0 auto;}


		.u-fl{float:left;}
		.u-fr{float:right;}

		@media all and (min-width: 768px){
			/* Floats */
			.u-fl_d{float:left;}
			.u-fr_d{float:right;}

		}

		@media all and (max-width: 768px){
			/* Floats */
			.u-fl_m{float:left;}
			.u-fr_m{float:right;}

		}

		/* Clear */
		.u-cl,.u-cleft{clear:left; }
		.u-cright{clear:right}
		.u-cboth, .u-clear{clear:both}

		/* Text Align */
		.u-ac, .center, .aligncenter{ text-align: center}

			@media all and (max-width: 768px){ 
				.u-ac_m{text-align: center;} 
			}
			@media all and (min-width: 768px){ 
				.u-ac_d{text-align: center;} 
			}


		.u-ar, .alignright{ text-align: right}

			@media all and (max-width: 768px){ 
				.u-ar_m{text-align: right} 
			}
			@media all and (min-width: 768px){ 
				.u-ar_d{text-align: right} 
			}


		.u-al, .alignleft{ text-align: left}

			@media all and (max-width: 768px){ 
				.u-al_m{text-align: right} 
			}
			@media all and (min-width: 768px){ 
				.u-al_d{text-align: right} 
			}

		.u-ac img{ display: initial; }

		/* Text Transform */
		.u-upp{text-transform: uppercase;}

		

	/*--------------------------------------------------------------
	### Predefined
	--------------------------------------------------------------*/
	@media all and (max-width:768px){
		.col-padx_m{
			padding-left: 20px;
			padding-right: 20px;		
		}
	}
	.u-fixed{
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 99;
		zoom:1;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
		opacity: 0.9
	}

	.u-cmax,
	.u-cmax-wide
	{	
		display: table;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.u-no-bg{background: transparent!important;}

	hr.u-clear{ 
		background-color: rgba(0,0,0,0);
		background: transparent;
		border:0; 
	}
	hr.divider{
		border:0;
		clear: both;
	}

	::selection {
	  background: rgba(0,0,150,0.05); /* WebKit/Blink Browsers */
	}
	::-moz-selection {
	  background: rgba(0,0,150,0.05); /* Gecko Browsers */
	}



img.img_rounded{ border-radius: 20px; overflow: hidden; }
img.img_circle{ border-radius: 50px; overflow: hidden; }	
	
span.arobase::before {
    content: "\000040";
}
span.arobase span{
	font-size: 1px;
	text-indent: -999px;
	width: 1px;
	overflow: hidden;
}

.bt{
	display: inline-block;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px; 
}
.bt_email{
	border-bottom: 3px #fff solid;
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 25px;
}


	.u-nav_inline ul{ margin: 0; padding: 0; }

	.u-nav_inline li
	{  
		position: relative;
	}
	@media all and (max-width: 768px){
		.u-nav_inline li
		{
			display: inline-block;
	    	padding-top: 0.5rem;
	    	padding-bottom: 0.5rem;
		}
	}
	@media all and (min-width: 768px){
		.u-nav_inline li
		{ 
			display: inline; 
		}
	}

	.u-title-1{
		font-size: 2em;
		display: inline-block;
	}
	@media all and (min-width: 768px){
		.u-title-1{
			font-size: 3em;
		}
	}
	.u-title-2{
		font-size: 1.5em;
		font-weight: normal;
	}
	@media all and (min-width: 768px){
		.u-title-2{
			font-size: 1.9em;
		}
	}

	.u-title-1:after,
	.u-title-1::after
	{
		content:"";
		display: block;
		height: 1.25rem;
		position: relative;
		background: #f7eb00;

		width: 100%;
		bottom: 1.3rem;
		z-index: -1;
	}

		
/*--------------------------------------------------------------
## c- Composants : Buttons
--------------------------------------------------------------*/

	.c-btn{}

/*--------------------------------------------------------------
## u- Utilitaire (et indispensables) : hidden
--------------------------------------------------------------*/

 	.u-hidden{     display: none; }
 	.u-img_rounded{ border-radius: 50% }

 	.u-marg-b-25{margin-bottom: 25px;}
 	.u-marg-b-50{margin-bottom: 50px;}

 	/*--------------------------------------------------------------
	### Responsive 
	--------------------------------------------------------------*/

	@media all and (max-width: 780px) {
		.u-c{ width: 100%; }
		
	}
	@media all and (max-width: 1200px) {
		.u-mcol
		{ 
			padding-left: 20px; 
			padding-right: 20px; 

			padding-left: 8vw; 
			padding-right: 8vw 
		}
	}

	

	@media all and (min-width: 780px) {

		.u-c1-2 {width : calc(100%/2);}
		.u-c1-3 {width : calc(100%/3);}
		.u-c1-4 {width : calc(100%/4);}
		.u-c1-5 {width : calc(100%/5);}
		.u-c1-6 {width : calc(100%/6);}
		.u-c1-7 {width : calc(100%/7);}
		.u-c1-8 {width : calc(100%/8);}
		.u-c1-9 {width : calc(100%/9);}

		.u-c2-3 {width : calc(200%/3);}
		.u-c2-5 {width : calc(200%/5);}
		.u-c2-7 {width : calc(200%/7);}
		.u-c2-9 {width : calc(200%/9);}

		.u-c3-4 {width : calc(300%/4);}
		.u-c3-5 {width : calc(300%/4);}
		.u-c3-7 {width : calc(300%/7);}
		.u-c3-9 {width : calc(300%/9);}

		.u-c4-5 {width : calc(400%/5);}
		.u-c4-7 {width : calc(400%/5);}
		.u-c4-9 {width : calc(400%/9);}

		.u-c5-6 {width : calc(500%/6);}
		.u-c5-7 {width : calc(500%/7);}
		.u-c5-9 {width : calc(500%/9);}
		
		.u-c6-9 {width : calc(600%/9);}

		.u-c7-9 {width : calc(600%/9);}

		.u-c8-9 {width : calc(800%/9);}
		
		.u-c100,
		.u-full{
			width:100%;
		}

	}


	@media all and (max-width: 780px) {

		.u-c1-2_m {width : calc(100%/2);}
		.u-c1-3_m {width : calc(100%/3);}
		.u-c1-4_m {width : calc(100%/4);}
		.u-c1-5_m {width : calc(100%/5);}
		.u-c1-6_m {width : calc(100%/6);}
		.u-c1-7_m {width : calc(100%/7);}
		.u-c1-8_m {width : calc(100%/8);}
		.u-c1-9_m {width : calc(100%/9);}

		.u-c2-3_m {width : calc(200%/3);}
		.u-c2-5_m {width : calc(200%/5);}
		.u-c2-7_m {width : calc(200%/7);}
		.u-c2-9_m {width : calc(200%/9);}

		.u-c3-4_m {width : calc(300%/4);}
		.u-c3-5_m {width : calc(300%/4);}
		.u-c3-7_m {width : calc(300%/7);}
		.u-c3-9_m {width : calc(300%/9);}

		.u-c4-5_m {width : calc(400%/5);}
		.u-c4-7_m {width : calc(400%/5);}
		.u-c4-9_m {width : calc(400%/9);}

		.u-c5-6_m {width : calc(500%/6);}
		.u-c5-7_m {width : calc(500%/7);}
		.u-c5-9_m {width : calc(500%/9);}
		
		.u-c6-9_m {width : calc(600%/9);}

		.u-c7-9_m {width : calc(600%/9);}

		.u-c8-9_m {width : calc(800%/9);}
		
		.u-c100_m,
		.u-full_m{
			width:100%;
		}

	}

	



	/*--------------------------------------------------------------
	### RESETS
	--------------------------------------------------------------*/

	body{margin: 0; }

	
	/* img{max-width: 100%; height: auto; width: 100%} */

	html, body {
  		height: 100%;
	}

	.full-height {
	  height: 100%;
	}

	html {
	  box-sizing: border-box;
	}*,
	*::before,
	*::after {
	  box-sizing: inherit;
	}
	a{ color: inherit; }

	svg{
		 max-width: 100%;
	}
	/* Reset margins and paddings on most elements */
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ul,
	ol,
	li,
	p,
	pre,
	blockquote,
	figure,
	hr {
	  margin: 0;
	  padding: 0;
	}

	/* Removes discs from ul */
	ul {
	  list-style: none;
	}

	input,
	textarea,
	select,
	button {
	  color: inherit; 
	  font: inherit; 
	  letter-spacing: inherit; 
	}

	input,
	textarea,
	button {
	  border: 1px solid gray; 
	}

	embed,
	iframe,
	img,
	object,
	video {
	  display: block;
	  max-width: 100%;
	}