@font-face {
    font-family: "Sansation";
    src: url('fonts/sansation_regular-webfont.eot#') format('eot'),
         url('fonts/sansation_regular-webfont.woff') format('woff'),
         url('fonts/sansation_regular-webfont.ttf') format('truetype'),
         url('fonts/sansation_regular-webfont.svg#webfontM8M0EYs2') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Sansation";
    src: url('fonts/sansation_light-webfont.eot#') format('eot'),
         url('fonts/sansation_light-webfont.woff') format('woff'),
         url('fonts/sansation_light-webfont.ttf') format('truetype'),
         url('fonts/sansation_light-webfont.svg#webfontM8M0EYs2') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Sansation";
    src: url('fonts/sansation_bold-webfont.eot#') format('eot'),
         url('fonts/sansation_bold-webfont.woff') format('woff'),
         url('fonts/sansation_bold-webfont.ttf') format('truetype'),
         url('fonts/sansation_bold-webfont.svg#webfontM8M0EYs2') format('svg');
    font-weight: 700;
    font-style: normal;
}

body, h1, h2, pre, input, select, p, button, ul, li {
	font-weight : 400;
	font-size : inherit;
}

body {
	font-size : 14px;
	line-height : 17px;
}

p {
	margin : 10px 0;
}

ol {
	padding-left : 30px;
}

ol > li {
	font-size : 14px;
	margin : 5px 0;
}

.seo-h1 {
	position : absolute;
	visibility : hidden;
}

.inline-block {
	display : inline-block;	
}

.left{
	float: left;	
}

.formulaire-inline input[type="text"] {
	display : inline !important;
	width : 50px !important;
	margin : 0 !important;	
}

input[type="color"] {
	max-width : 30px;
	padding : 5px;
}

.bords-arrondis {
	border-radius : 100px !important;
}

.texte-barre {
	text-decoration : line-through;
}

.tres-petite-marge-basse {
	margin-bottom : 5px !important;
}

.petite-marge-basse {
	margin-bottom : 10px !important;
}

.marge-basse {
	margin-bottom : 15px !important;
}

.pas-marge-basse {
	margin-bottom : 0 !important;
}

.tres-petite-marge-haute {
	margin-top : 5px !important;
}

.petite-marge-haute {
	margin-top : 10px !important;
}

.marge-haute {
	margin-top : 15px !important;
}

.pas-marge-haute {
	margin-top : 0 !important;
}

.pas-marge-droite {
	margin-right : 0 !important;
}

.tres-petite-marge-droite {
	margin-right : 5px !important;
}

.petite-marge-droite {
	margin-right : 10px !important;
}

.marge-droite {
	margin-right : 15px !important;
}

.pas-marge-gauche {
	margin-left : 0 !important;
}

.tres-petite-marge-gauche {
	margin-left : 5px !important;
}

.petite-marge-gauche {
	margin-left : 10px !important;
}

.marge-gauche {
	margin-left : 15px !important;
}

.contenu-marges-interieures-petites {
	padding : 10px;
}

.contenu-marges-interieures-verticales-petites {
	padding : 10px 0;
}

.contenu-marges-interieures-horizontales-petites {
	padding : 0 10px;
}

.contenu-marges-interieures-gauche-petite {
	padding-left : 10px !important;
}

.contenu-marges-interieures-droite-petite {
	padding-right : 10px !important;
}

.contenu-marges-interieures {
	padding : 15px;
}

.contenu-marges-interieures-verticales {
	padding : 15px 0;
}

.contenu-marges-interieures-horizontales {
	padding : 0 15px;
}

.contenu-marges-interieures-gauche {
	padding-left : 15px !important;
}

.contenu-marges-interieures-droite {
	padding-right : 15px !important;
}

.uppercase {
	text-transform : uppercase;
}

.police10 {
	font-size : 10px;
	line-height : 12px;
}

.police11 {
	font-size : 11px;
	line-height : 13px;
}

.police12 {
	font-size : 12px;
	line-height : 14px;
}

.police13 {
	font-size : 13px;
	line-height : 16px;
}

.police14 {
	font-size : 14px;
	line-height : 17px;
}

.police15 {
	font-size : 15px;
	line-height : 18px;
}

.police16 {
	font-size : 16px;
	line-height : 19px;
}

.police17 {
	font-size : 17px;
	line-height : 20px;
}

.police18 {
	font-size : 18px;
	line-height : 22px;
}

.police19 {
	font-size : 19px;
	line-height : 23px;
}

.police20 {
	font-size : 20px;
	line-height : 24px;
}

.police21 {
	font-size : 21px;
	line-height : 25px;
}

.police22 {
	font-size : 22px;
	line-height : 26px;
}

.police23 {
	font-size : 23px;
	line-height : 28px;
}

.police24 {
	font-size : 24px;
	line-height : 29px;
}

.police25 {
	font-size : 25px;
	line-height : 30px;
}

.police26 {
	font-size : 26px;
	line-height : 30px;
}

.police30 {
	font-size : 30px;
	line-height : 36px;
}

.police35 {
	font-size : 35px;
	line-height : 42px;
}

.police40 {
	font-size : 40px;
	line-height : 48px;
}

.police50 {
	font-size : 50px;
	line-height : 60px;
}

.police70 {
	font-size : 70px;
	line-height : 84px;
}

.police80 {
	font-size : 80px;
	line-height : 96px;
}

.couleur-blanche {
	color : #fff;
}

.triable {
	cursor : move;
}

@media screen and (min-width: 1025px) {		
	.largeur20 {
		width : 20%;
	}
	
	.largeur12-5 {
		width : 12.5%;
	}
}

ul.liste-draggable {
	margin-left : 0;
	margin-top : 10px;
}

ul.liste-draggable li {
	list-style-type : none;
	border : 1px solid;
	cursor : move;
	display : block;
	margin : 0 !important;
}

ul.liste-draggable li > span {
	display : inline-block;
}

ul.liste-draggable li > span > form {
	margin : 0;
}

.legende {
	font-size : 12px;
}

.fond-modale, .fond-modale-affichee {
	background-color : rgba(0, 0, 0, 0.7);
	position : absolute;
	top : 0;
	z-index : 9999;
	left : 0;
	height : 100%;
	width : 100%;
	transition : opacity 0.5s, overflow 0.5s;
}

.fond-modale {
	visibility : hidden;
	opacity : 0;
}

.fond-modale-affichee {
	visibility : visible;
	opacity : 1;
}

.modale-centree, .modale-haute {
/* 	width : 600px; */
	max-width : 760px;
	width : 100%;
	margin : auto;
}

.grande-modale {
/* 	width : 600px; */
	max-width : 1024px;
	width : 100%;
	margin : auto;
}

.titre-modale {
	text-align : center;
	font-size : 25px;
	line-height : 30px;
	padding : 10px 20px;
}

.contenu-modale {
	padding : 15px 20px;
}

/*#ecran-chargement {
	position : fixed; 
	width : 100%;
	height : 100%;
	text-align : center;
	background-color : rgba(255, 255, 255, 0.75);
	z-index : 900;
	visibility : hidden;
	opacity : 0;
}*/

.espace-validation {
	padding : 10px 15px;
}

.espace-validation button {
	margin-bottom : 0;
}

.espace-validation a {
	display : inline-block;
}

.submit-forme-lien {
	border : 0;
	background-color : transparent;
	cursor : pointer;
}

.lien-toujours-souligne {
	text-decoration : underline;
}

.lien-souligne:hover {
	text-decoration : underline;
}

.lien-bloc-complet {
	/* Toute la div devient cliquable */ 
	position : absolute; 
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	z-index : 1;
	/* this is a fix for IE7-9 */
	background-color : #ffffff;
	-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
	filter : alpha(opacity=0);  
	opacity : 0;  
}

.submit-input-link {
	border : 0;
	cursor : pointer;
	background : transparent;
	text-decoration : underline;
}

/* .submit, .petit-submit, .moyen-submit, .long-submit, .lettres-serrees-submit { */
/* 	border : 2px solid; */
/* 	border-radius : 100px !important; */
/* 	font-weight : 700; */
/* 	cursor : pointer; */
/* } */

.lettres-serrees-submit {
	letter-spacing : 0 !important;
}

.submit-carre {
	height : 37px;
	line-height : 37px;
	cursor : pointer;
	border : 0;
	display : inline-block;
}

.submit-rond {
	border-radius : 100% !important; 
	height : 35px; 
	width : 35px;
	padding-left : 5px !important;
	padding-right : 5px !important;
	letter-spacing : 1px;
}

.submit {
	line-height : 17px;
	padding : 7px 15px;
	letter-spacing : 1px;
}

.petit-submit {
	line-height : 14px;
	padding : 5px 11px;
	letter-spacing : 1px;
}

.moyen-submit {
	line-height : 14px;
	padding : 9px 28px;
	letter-spacing : 1px;
}

.long-submit {
	padding : 5px 35px;
	letter-spacing : 1px;
}

.petit-titre {
	color:	#D389A7;
	font-weight : bold;
	font-size : 16px;
}
.gras {
	font-weight : 700;
}

.light {
	font-weight : 300;
}

.italique {
	font-style : italic;
}

.padding-moyen{
    padding: 11px 10px;
}

.no-padding {
	padding-left : 0 !important;
	padding-right : 0 !important;
}

.no-padding-verticaux {
	padding-top : 0 !important;
	padding-bottom : 0 !important;
}

.no-margin {
	margin : 0 !important;
}

.clear {
	clear : both;
}

.datatable, .tableau {
	width : 100%;
}

.margin-top {
	margin-top:10px;
}

.no-border {
	border:none;
}

.border-light {
	border: 1px solid #CCCCCC;
}

.bloc-encadre {
	border : 1px solid;
}

.vignette-colori {
	border-radius : 100px;
	width : 20px;
	height : 20px;
	border : 1px solid #ccc;
	display : inline-block;
	margin-right : 5px;
}

.partie-vignette-colori {
	margin-right : 5px;
	vertical-align : baseline;
}

.vignette-colori25 {
	width : 25px !important;
	height : 25px !important;
}

.vignette-colori28 {
	top : 0.5px;
	position : relative;
	width : 28px !important;
	height : 28px !important;
}

.vignette-colori30 {
	width : 30px !important;
	height : 30px !important;
}

.information-erreur, .information-succes {
	border-radius : 2px;
	border : 1px solid;
	padding : 10px;
	margin-bottom : 15px;
}

.div-deroulante {
	overflow : hidden;
	transition : height 0.5s;
}


table.tableau {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  border : none;
}

table.tableau thead th,
table.tableau tfoot th {
	font-weight: 700;
	color : #666666;
	background-color : white !important;
	border-bottom: 2px solid #B2B2B2 !important;

}
table.tableau thead th,
table.tableau thead td {
  padding: 5px 10px;
 
}

table.tableau tbody th,
table.tableau tbody td {
  padding: 8px 10px;
  color : #666666;
  border-bottom : 1px solid #E5E5E5;
}

table.tableau tbody tr:nth-child(odd) {
	 background-color: white;
}

table.tableau tr:nth-child(even) {
	 background-color: #F9F9F9;
}