@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'SkiaRegular';
    src: url('webfont/skia-webfont.eot');
    src: url('webfont/skia-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/skia-webfont.woff') format('woff'),
         url('webfont/skia-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.contenu-page-tarifs {
	margin: 0px auto;
	padding: 130px 10px 50px 10px;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	color: #635f62;    
    width: 100%;
    max-width: 999px;
}
.contenu-page-tarifs h1 {
    padding-bottom: 5px;
}

@media only screen and (max-width: 980px) { /* tablette + smartphone */
	.contenu-page-tarifs {
        padding: 100px 4% 50px 4% !important;
	}
    .contenu-page-tarifs h1 {
        font-size: 28px;
	}
}
@media only screen and (max-width: 767px) { /* smartphone */
    .contenu-page-tarifs {
        padding: 70px 4% 50px 4% !important;
	}
}
	

section#graphisme {
    padding: 0px;
}
section#web {
    padding: 0px;
}
section#video {
    padding: 0px;
}
section#technique {
    padding: 0px;
}



table.tarif, table.tarif-mentions {
	width: 100%;
	max-width: 999px;
}

td.tarif-titre {
	width: auto;
	text-align: left;
	font-size:2rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 1px;
}

@media screen and (min-width: 44.375em) {
	td.tarif-titre {
		width: auto;
		text-align: left;
		font-size:3rem;
		font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
		font-weight: bold;
		letter-spacing: 1px;
	}
}

td.tarif-apartirde {
	width: 120px;
	text-align: right;
	vertical-align: bottom;
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
}



td.tarif-soustitre {
	width: auto;
	text-align: left;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-size:1.6rem;
	padding-top: 15px;
	padding-bottom: 0px;
}

@media screen and (min-width: 44.375em) {
	td.tarif-soustitre {
		font-size:1.5rem;
		padding-top: 15px;
		padding-bottom: 7px;
	}
}

td.tarif-libelle {
	width: auto;
	text-align: left;
	border-bottom: 1px solid #ac115e;  /* contour tableau "bas" (largeur 1px ligne continue couleur fushia clair) */
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
	padding-top: 3px;
	padding-bottom: 4px;
}

td.tarif-libelle a {
	color: #635f62;
	text-decoration: none;
}

td.tarif-libelle a:hover {
	color: #ac115e;
	font-weight: bold;
}

.sigle-exemple {
	color: #635f62;
	opacity: 0.5;
}

td.tarif-prix {
	width: 70px;
	text-align: right;
	vertical-align: bottom;
	border-bottom: 1px solid #ac115e;  /* contour tableau "bas" (largeur 1px ligne continue couleur fushia clair) */
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
	padding-top: 3px;
	padding-bottom: 4px;
}

@media screen and (min-width: 44.375em) {
	td.tarif-libelle {
		padding-top: 6px;
		padding-bottom: 4px;
	}
	
	td.tarif-prix {
		padding-top: 6px;
		padding-bottom: 4px;
	}

}


td.tarif-infos {
	width: auto;
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;		/** césure = automatique */	
	padding-top: 15px;
	padding-bottom: 24px;
}

@media screen and (min-width: 44.375em) {
	td.tarif-infos {
		width: auto;
		font-size:1.5rem;
		font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
		letter-spacing: 0.5px;
		text-align: justify;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;		/** césure = non! */	
		padding-top: 15px;
		padding-bottom: 68px;
	}
}

td.tarif-mentions {
	width: auto;
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
	text-align: justify;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;		/** césure = non! */	
	padding-top: 0px;
	padding-bottom: 10px;
}

p.tarif-mentions-budget {
	width: auto;
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	letter-spacing: 0.5px;
	text-align: justify;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;		/** césure = non! */	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-left:  2.5px solid #ac115e;  /* contour tableau "bas" (largeur 1px ligne continue couleur fushia clair) */
}

th.tarif-mentions {
	width: auto;
	font-size:1.5rem;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-weight: 100;
	letter-spacing: 0.5px;
	text-align: justify;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;		/** césure = non! */	
	padding-top: 0px;
	padding-bottom: 10px;
}

a.tarif-mentions-CVG {
	color: #635f62;
	text-decoration: none !important;
}
a.tarif-mentions-CVG:hover {
	text-decoration: underline !important;
}

td.tarif-garantie {
	width: auto;
	text-align: center;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 0.75px;
	font-size: 1.5rem;
	padding-top: 68px;
	padding-bottom: 20px;
}

span.tarif-garantie-rose {
	color:#ac115e;
}	

td.tarif-retour-site {
	width: auto;
	text-align: center;
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.5rem;
	padding-top: 15px;
	padding-bottom: 0px;
}

td.tarif-retour-site a {
	text-decoration:none; /* pour que les liens ne soient pas "soulignés" */
	color:#ac115e;	/* pour que les liens apparaissent en fushia */
}

td.tarif-retour-site a:hover {
	text-decoration: underline;
	letter-spacing: 1.15px;
}

@media screen and (min-width: 44.375em) {
	td.tarif-garantie {
		font-size: 1.75rem;
		font-weight: 100;
		letter-spacing: 0.5px;
	}
	td.tarif-retour-site {
		font-size: 2rem;
	}
}


.tarifs-video {
	display: block;
    margin: 0 auto;
	margin-bottom: 30px;
	max-width: 100%;
}

.tarifs-definition {
	font-family: 'Oduda-Light', Helvetica, Arial, Sans-Serif;
	font-size: 16px;
    font-weight: 100;
	letter-spacing: 0.5px;
	color: #635f62;
	margin-bottom: 30px;
}