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

	Theme Name: Le Taekwondoiste
	Theme URI: http://www.taekwondoiste.fr
	Description: Thème responsive du site taekwondoiste.fr
	Author: Taekwondoiste
	Author URI: http://www.taekwondoiste.fr
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: Taekwondoiste, taekwondo
	Version: 2.0
	
	Conçu & développé par Le Taekwondoiste
	
----------------------------------------------------------------------------------- */

/* General */

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

html {
	height:101%;
	font-size:62.5%;
	}

body{
	margin:0;
	}

img{
	border:none;
  }

a,a:visited{
	text-decoration:none;
  }

h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
	font-weight:normal;
	}

ul{
	list-style : none;
	}

header{
	height:auto;
	}
	
footer{
	height:auto;
	}

.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	}

.clearfix {
	zoom: 1;
	}
	
	
/* Common styles */

.text-center{
	text-align:center;
	}
.text-right{
	text-align:right;
	}

.text-justify{
	text-align:justify;
	}
.text-uppercase{
	text-transform:uppercase;
	}

.grey{
	background:#f6f6f6;
	}
.rounded{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
.padded{
	padding:10px;
	}
.no-padding{
	padding:0 !important;
	}
.float-left{
	float:left !important;
	}
.float-right{
	float:right !important;
	}
.separated-top{
	border-top:1px solid #d6d6d6; 
	}
.separated-bottom{
	border-bottom:1px solid #d6d6d6; 
	}
.separated-left{
	border-left:1px solid #d6d6d6; 
	}
.separated-right{
	border-right:1px solid #d6d6d6; 
	}
.max-width{
	width:100%; 
	}
	
.column{
	float:left;
	}
.one-2{
	width:50%;
	}
.one-3{
	width:33.3%;
	}
.two-3{
	width:66.6%;
	}
.one-4{
	width:25%;
	}
.one-5{
	width:20%;
	}
.one-6{
	width:16.6%;
	}


.fullpage{
  max-width:100%;
  width:100%;
}
.anim-transition{
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	transition-duration:0.3s;
}



.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-direction-row{flex-direction:row}

@media (max-width:1920px){ .flex-break-xdk{flex-direction:column !important;} }
@media (max-width:1200px){ .flex-break-dk{flex-direction:column !important;} }
@media (max-width:768px){ .flex-break-tb{flex-direction:column !important;} }
@media (max-width:480px){ .flex-break-sm{flex-direction:column !important;} }
@media (max-width:320px){ .flex-break-xsm{flex-direction:column !important;} }

.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-col-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}
.flex-center{-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}
.flex-justify-content-start{justify-content:flex-start}
.flex-justify-content-center{justify-content:center}
.flex-justify-content-end{justify-content:flex-end}
.flex-justify-content-between{justify-content:space-between}
.flex-justify-content-around{justify-content:space-around}

.flex-grid-2{flex:1 0 calc(50%)!important}
.flex-grid-3{flex:1 0 calc(33%)!important}
.flex-grid-4{flex:1 0 calc(25%)!important}
.flex-grid-5{flex:1 0 calc(20%)!important}

.box-flex-wrapper{flex-direction:row;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.box-flex-wrapper>div.box-flex{flex-grow:1;flex-basis:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;overflow:hidden;margin:10px;padding:30px}

@media (max-width:1199px){
	.flex-grid-dk-1{flex:1 0 100%!important}
	.flex-grid-dk-2{flex:1 0 calc(50%)!important}
	.flex-grid-dk-3{flex:1 0 calc(33%)!important}
	.flex-grid-dk-4{flex:1 0 calc(25%)!important}
	.flex-grid-dk-5{flex:1 0 calc(20%)!important}
}
@media (max-width:991px){
	.flex-grid-tb-1{flex:1 0 100%!important}
	.flex-grid-tb-2{flex:1 0 calc(50%)!important}
	.flex-grid-tb-3{flex:1 0 calc(33%)!important}
	.flex-grid-tb-4{flex:1 0 calc(25%)!important}
	.flex-grid-tb-5{flex:1 0 calc(20%)!important}
}
@media (max-width:767px){
	.flex-grid-sm-1{flex:1 0 100%!important}
	.flex-grid-sm-2{flex:1 0 calc(50%)!important}
	.flex-grid-sm-3{flex:1 0 calc(33%)!important}
	.flex-grid-sm-4{flex:1 0 calc(25%)!important}
	.flex-grid-sm-5{flex:1 0 calc(20%)!important}
}
@media (max-width:479px){
	.flex-grid-xsm-1{flex:1 0 100%!important}
	.flex-grid-xsm-2{flex:1 0 calc(50%)!important}
	.flex-grid-xsm-3{flex:1 0 calc(33%)!important}
	.flex-grid-xsm-4{flex:1 0 calc(25%)!important}
	.flex-grid-xsm-5{flex:1 0 calc(20%)!important}
}