/**************************************************
 * 		BALISES ET CLASSES GLOBALES 
 **************************************************/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}
body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
    color: #000;
    line-height: 1.625em;
 	margin:0;
 	width:100%;
    font-weight:400;
   /* -webkit-text-stroke: 0.3px;*/
}
/** Titres **/
h1, h2, h3, h4, h5, h6{
    text-transform: none;
    margin: 0 0 .8125em;
    font-family: 'Open Sans', sans-serif;
    /*-webkit-text-stroke: 0.3px;*/
}
/** Liens **/
a,	
a:hover,
a:focus,
a:active {
    color:#009ADC;
    outline: none;
    text-decoration:none;
}
:focus,
:active {
    -moz-outline-style: none;
}
/** Liste **/
ul{
    margin:0; padding:0;
    list-style-type: none;
}
li{
    margin:0; padding:0;
}
/** Boutons **/
.button-primary,
.button-secondary,
.button-thirdary,
.button-primary:visited,
.button-secondary:visited,
.button-thirdary:visited{
    display:inline-block;
    padding:20px 25px;
    color:#FFF;
    font-weight:400;
    font-size: 20px;
    line-height:1;
    text-decoration:none;
    border:none;
    text-transform:normal;	
}
.button-primary:hover,
.button-primary:active,
.button-primary:focus,
.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus,
.button-thirdary:hover,
.button-thirdary:active,
.button-thirdary:focus{
    color:#FFF;
    text-decoration:none;
}
.button-primary{
    background-color:#000;
}
.button-primary:hover,
.button-primary:active,
.button-primary:focus{
    background-color:#333;
}
.button-secondary{
    background-color:#333;
}
.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus{
    background-color:#666;
}
.button-thirdary{
    background-color:#666;
}
.button-thirdary:hover,
.button-thirdary:active,
.button-thirdary:focus{
    background-color:#999;
}
/** Affichage d'élement en liste **/
/*** Global ***/
.list-1-item-by-row,
.list-2-items-by-row,
.list-3-items-by-row,
.list-4-items-by-row,
.list-5-items-by-row{
	margin:0; padding:0;
    list-style-type: none;	
}
.list-1-item-by-row:before,
.list-1-item-by-row:after,
.list-2-items-by-row:before,
.list-2-items-by-row:after,
.list-3-items-by-row:before,
.list-3-items-by-row:after,
.list-4-items-by-row:before,
.list-4-items-by-row:after,
.list-5-items-by-row:before,
.list-5-items-by-row:after{
  display: table;
  content: " ";
}
.list-1-item-by-row:after,
.list-2-items-by-row:after,
.list-3-items-by-row:after,
.list-4-items-by-row:after,
.list-5-items-by-row:after{
  clear: both;
}
.list-1-items-by-row > li,
.list-2-items-by-row > li,
.list-3-items-by-row > li,
.list-4-items-by-row > li,
.list-5-items-by-row > li{
	margin:0; padding:0;
	float:left;
}
/*** 1 élément par ligne ***/
.list-1-items-by-row > li{
    width:100%;
    float:none;  
}	
/*** 2 éléments par ligne ***/
.list-2-items-by-row > li{
    width:50%;    
}
.list-2-items-by-row > li:nth-child(2n+1){
	clear:left;
}	
/*** 3 éléments par ligne ***/
.list-3-items-by-row > li{
    width:33.333333%;
}
.list-3-items-by-row > li:nth-child(3n+1){
    clear:left;
}
/*** 4 éléments par ligne ***/
.list-4-items-by-row > li{
    width:25%;
}
.list-4-items-by-row > li:nth-child(4n+1){
    clear:left;
}
/*** 5 éléments par ligne ***/
.list-5-items-by-row > li{
    width:20%;
}
.list-5-items-by-row > li:nth-child(5n+1){
    clear:left;
}
/** Affichage en colonnes */
.half-columns,
.third-columns,
.quarter-columns{
	width:100%;
 	*zoom: 1;
}
.half-columns:before,
.half-columns:after,
.third-columns:before,
.third-columns:after,
.three-third-columns:before,
.three-third-columns:after,
.quarter-columns:before,
.quarter-columns:after {
  display: table;
  line-height: 0;
  content: "";
}
.half-columns:after,
.third-columns:after,
.three-third-columns:after,
.quarter-columns:after{
  clear: both;
}
.half-column,
.third-column,
.third-column-double,
.quarter-column,
.third-quarter-column{
	float:left; 
}
.half-column{
    width:50%;    
}
.half-column:nth-child(2n-1){
   padding-right:15px; 
}
.half-column:nth-child(2n){
   padding-left:15px; 
}
.half-column:nth-child(2n+1){
   clear:both; 
}
.third-column{
	width:32%;
	margin-right:1.3333333%;
}
.third-column-double{
	width:65%;
	margin-right:1.6666666%;
}
.quarter-column{
	width:24%;
	margin-right:1%;
}
.third-quarter-column{
	width:74%;
	margin-right:1%;
}
.half-columns div:nth-child(2n),
.third-columns div:nth-child(2n),
.three-third-columns div:nth-child(3n),
.quarter-columns div:nth-child(4n){
	margin-right:0;
}	
/** Classes */
.weight-extra-light{
	font-weight:100;	
}
.weight-light{
	font-weight:300;	
}
.weight-normal{
	font-weight:400;	
}
.weight-semi-bold{
	font-weight:600;	
}
.weight-bold{
	font-weight:700;	
}
.weight-extra-bold{
	font-weight:800;	
}
/** == HACK GOOGLE CHROME == **/
.nowrap {
    white-space: nowrap;
}
/** 
 * Responsivité des svg
 * @see http://demosthenes.info/blog/744/Make-SVG-Responsive
 */
.svg-container-relative{
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: middle; 
	overflow: hidden; 
}
.svg-container-absolute{
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: middle; 
	overflow: hidden; 
}