@charset "utf-8";
/* CSS Document */
/* FLATUI COLOR */
.bg-turquoise	{ background-color: #1abc9c; }
.bg-emerald	{ background-color: #2ecc71; }
.bg-peterriver	{ background-color: #3498db; }
.bg-amethyst	{ background-color: #9b59b6; }
.bg-wetasphalt	{ background-color: #34495e; }
.bg-greensea	{ background-color: #16a085; }
.bg-nephritis	{ background-color: #27ae60; }
.bg-belizehole	{ background-color: #2980b9; }
.bg-wisteria	{ background-color: #8e44ad; }
.bg-midnightblue { background-color: #2c3e50; }
.bg-sunflower	{ background-color: #f1c40f; }
.bg-carrot	{ background-color: #e67e22; }
.bg-alizarin	{ background-color: #e74c3c; }
.bg-clouds	{ background-color: #ecf0f1; }
.bg-concrete	{ background-color: #95a5a6; }
.bg-orange	{ background-color: #f39c12; }
.bg-pumpkin	{ background-color: #d35400; }
.bg-pomgranate	{ background-color: #c0392b; }
.bg-silverside	{ background-color: #bdc3c7; }
.bg-asbestos	{ background-color: #7f8c8d; }

.border-turquoise	{ border-color: #1abc9c; }
.border-emerald		{ border-color: #2ecc71; }
.border-peterriver	{ border-color: #3498db; }
.border-amethyst	{ border-color: #9b59b6; }
.border-wetasphalt	{ border-color: #34495e; }
.border-greensea	{ border-color: #16a085; }
.border-nephritis	{ border-color: #27ae60; }
.border-belizehole	{ border-color: #2980b9; }
.border-wisteria	{ border-color: #8e44ad; }
.border-midnightblue	{ border-color: #2c3e50; }
.border-sunflower	{ border-color: #f1c40f; }
.border-carrot		{ border-color: #e67e22; }
.border-alizarin	{ border-color: #e74c3c; }
.border-clouds		{ border-color: #ecf0f1; }
.border-concrete	{ border-color: #95a5a6; }
.border-orange		{ border-color: #f39c12; }
.border-pumpkin		{ border-color: #d35400; }
.border-pomgranate	{ border-color: #c0392b; }
.border-silverside	{ border-color: #bdc3c7; }
.border-asbestos	{ border-color: #7f8c8d; }

.turquoise	{ color: #1abc9c; }
.emerald	{ color: #2ecc71; }
.peterriver	{ color: #3498db; }
.amethyst	{ color: #9b59b6; }
.wetasphalt	{ color: #34495e; }
.greensea	{ color: #16a085; }
.nephritis	{ color: #27ae60; }
.belizehole	{ color: #2980b9; }
.wisteria	{ color: #8e44ad; }
.midnightblue	{ color: #2c3e50; }
.sunflower	{ color: #f1c40f; }
.carrot		{ color: #e67e22; }
.alizarin	{ color: #e74c3c; }
.clouds		{ color: #ecf0f1; }
.concrete	{ color: #95a5a6; }
.orange		{ color: #f39c12; }
.pumpkin	{ color: #d35400; }
.pomgranate	{ color: #c0392b; }
.silverside	{ color: #bdc3c7; }
.asbestos	{ color: #7f8c8d; }

/* Couleurs de fond */
.fond-orange { background-color: #f39c12; }
.fond-bleu { background-color: #2980b9; }	
.fond-cyan { background-color: #3498db; }
.fond-jaune { background-color: #f1c40f; }
.fond-rouge { background-color: #e74c3c; }
.fond-rouge2 { background-color: #c0392b; }
.fond-vert { background-color: #27ae60; }	
.fond-purple { background-color: #B10DC9; }
.fond-rose { background-color: #F012BE; }
.fond-violet { background-color: #8e44ad; }
.fond-noir { background-color: #000000; }
.fond-noir-transparent { background-color: #000000; background-color: rgba(0,0,0,0.85); }		
.fond-blanc { background-color: #ffffff; }
.fond-blanc-transparent { background-color: #ffffff; background-color: rgba(255,255,255,0.85); }		
.fond-gris { background-color: #7f8c8d; }
.fond-gris2 { background-color: #95a5a6; }
.fond-gris-clair { background-color: #bdc3c7; }		
.fond-gris-clair2 { background-color: #ecf0f1; }
.fond-gris-fonce { background-color: #34495e; }	
.fond-degrade-radial-gris { background-color: #ecf0f1; background-image: radial-gradient(#ffffff, #ecf0f1); }		
.fond-degrade-radial-blanc { background-color: #ecf0f1; background-image: radial-gradient(#ecf0f1, #ffffff); }		
.fond-degrade-gris { background-color: #ecf0f1; background-image: gradient(#ffffff, #ecf0f1); }		
.fond-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
/* Couleurs pour les textes */
.blanc 	{ color: #ffffff; }
.gris 	{ color: #7f8c8d; }
.gris-clair { color: #bdc3c7; }
.rouge 	{ color: #e74c3c; }
.rouge2 	{ color: #c0392b; }
.orange	{ color: #f39c12; }
.bleu { color: #2980b9; } 
.bleu-cyan, .cyan { color: #3498db; }	/* bleu-cyan */ 
.vert 	{ color: #27ae60; }
.vert2 	{ color: #2ecc71; }
.rose 	{ color: #F012BE; }
.violet	{ color: #8e44ad; }
.jaune	{ color: #f1c40f; }
.noir	{ color: #000000; }

/* divers styles utiles pour le texte */
.rikiki { font-size: 0.6em; }
.mini { font-size: 0.7em; }
.petit2, .pluspetit { font-size: 0.75em; }
.petit { font-size: 0.8em; }
.moins-grand { font-size: 0.9em; }
.plus-grand { font-size: 1.075em; }
.large { font-size: 1.25em; }
.xlarge, .xl { font-size: 1.5em!important; }
.xxlarge, .xxl { font-size: 1.75em!important; }
.big, .xxxl { font-size: 2em; }
.biger, .bigger { font-size: 3em; }
.capitale, .majuscule { text-transform: uppercase; }
.minuscule { text-transform: lowercase; }
.interligne1 { line-height: 1; }
.interligne9 { line-height: 0.9; }
.gras { font-weight: bold !important; }
.italique { font-style: italic !important; }
.souligne { text-decoration: underline; }
.interlettrage { letter-spacing: 0.4em; }
.nowrap, .insecable { white-space: nowrap; }

.texte-gauche { text-align: left; }
.texte-centre { text-align: center; }
.texte-droite { text-align: right; }
.texte-justifie { text-align: justify; }
.texte-ombre { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
.texte-condense { letter-spacing: -0.025em; }
.narrow { font-family: 'Arial Narrow', Arial, Helvetica, Verdana, sans-serif; }
.surligne, .stabylo { display: inline-block; background-color: #FF0; padding: 1px; }

.central { margin: auto; }

/* --- TABLEAU --- */
/* 
table {
    border-spacing: 0px;
    border-collapse: collapse;
	}
*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
	border-top: 1px solid #DDD;
	}
.table-bordered {
    border: 1px solid #DDD;
	}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #DDD;
	}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 4px;
	}
.table-hover > thead > tr:hover, .table-hover > tbody > tr:hover, .table-hover > thead > tr:hover, .table-hover > tfoot > tr:hover { 
	background-color: #eeeeee; 
	} 
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
	background-color: rgba(125,125,125, 0.1);
	}

.cadre1 { border: 1px solid #999; }
.cadre-noir { border: 4px solid #000000; }
.cadre-gris { border: 1px solid #dddddd; }
.cadre-photo, .img-polaroid { 
	border-width: 8px;
	border-style: solid;
	border-color: #f1f1f1;
	border-radius: 2px;
	}
.cadre-arrondi, .arrondi { border-radius: 4px; }
.rond { border-radius: 50%; }

.ombre { 
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.13);
	} 
.lumiere { 
	box-shadow: 1px 1px 6px rgba(255, 255, 255, 0.85);
	} 
.texte-ombre { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } 
.transparent { opacity: 0.5; }
.lightbox, .masquer { display: none; }
.invisible { visibility: hidden; }

/* Les flottants */
.droite { float: right; }
.gauche { float: left; }

img.droite { margin-left: 20px; }
img.gauche { margin-right: 20px; }

.taille100 { width: 100%; 	/* permet de forcer la dimension d'un element à toute la place disponible */
	height: auto;  			/* de façon homothétique */
	} 
.taillemax  { 
	max-width: 100%; 		/* permet de forcer la dimension d'un element JUSQU'A sa taille originale maximum */
	height: auto;
	}
.enhaut { vertical-align: top; } /* pour aligner les images verticalement sur une ligne de texte */
.milieu { vertical-align: middle; } /* pour aligner les images verticalement sur une ligne de texte */
.enbas { vertical-align: bottom; } /* pour aligner les images verticalement sur une ligne de texte */
.masquer {
	display: none;
	}

/* LES 2 METHODES DE CLEARFIX : pour bien gérer les flottants */
/* 1) .clearfix a appliquer au bloc div qui contient les flottants pour qu'il les englobe correctement (et ne croit pas etre vide) */
.clearfix:before, .clearfix:after { content:"."; display:table; height: 0; font-size:0; line-height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { 
	*zoom:1; 
	}
/* 2) .separation (ou .clear) : a appliquer a un <br> ou  <hr> sous les blocs flottants (pour stopper des flottants situés apres de remonter) */
.separation, .clear { clear: both; visibility: hidden; }

/* --- TRICK VIDEO IFRAME 100% --- */
.videowrapper {
	position: relative;
	padding-top: 25px;
	padding-bottom: 54.6%; /* 16:9 */
	height: 0;
	}
.videowrapper iframe, .videowrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* --- VOILE NOIR --- */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.8);
	}
.boite-centre {
	position: fixed;
	top: 12.5%;
	left: 12.5%;
	width: 75%;
	height: 75%;
	z-index: 201;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 10px;
	overflow: auto; /* => ascenseurs si le contenu dépasse du block */
	color: #000;
	border-radius: 0.75em;
	box-shadow: 0px 1px 12px rgba(0,0,0, 0.5);
	}
.relatif { 	position: relative; }
.absolu { 	position: absolute; }