/* CSS Document */

@font-face
{
	font-family: 'Century Gothic';
	src: url('./font/CenturyGothic.woff2') format('woff2'),
		url('./font/CenturyGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'Century Gothic';
	src: url('./font/CenturyGothic-Bold.woff2') format('woff2'),
		url('./font/CenturyGothic-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


body
{
	padding : 0px;
	margin : 0px;
	background-color : #FFFFFF;
	font-size : 13px;
	color : #000000;
	background-color : #fff;
	font-family : "Century Gothic", sans-serif;
}

img
{
	border : 0px;
}

h1
{
	margin : 0px;
	padding : 0px;
	font-size : 20px;
	font-weight : bold;
	text-transform : uppercase;
	color : #701c66;
}

h2
{
	margin : 0px;
	padding-left : 5px;
}

h3
{
	margin : 0px;
	padding : 0px;
	color : #701c66;
}

.sous_titre
{
	padding-left : 25px;
	background-image : url('./img/bg/sous_titre.png');
	background-position : left 19px;
	background-repeat : repeat-x;
	color : #DE2375;
}

.titre_tarif
{
	display: block;
	text-align: center;
	padding-bottom: 25px;
	color: #701c66;
}

.tarifs-link
{
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 3px;
	color: #DE2375;
}

.tarifs-link:hover
{
	color: #fff;
	background-color: #DE2375;
}

.cart
{
	position: absolute;
	display: inline-block;
	border-radius: 24px;
	height: 40px;
	width: 40px;
	box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.9);
	z-index: 1001;

	-webkit-transition:  all 0.2s ease 0.2s, top 0s, left 0s, right 0s;
	-moz-transition:     all 0.2s ease 0.2s, top 0s, left 0s, right 0s;
	-o-transition:       all 0.2s ease 0.2s, top 0s, left 0s, right 0s;
	transition:          all 0.2s ease 0.2s, top 0s, left 0s, right 0s;

	background-image: url('./img/cart.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #DE2375;
	border: 2px solid #701c66;
}

.cart b
{
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 15px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	text-align: center;
	z-index: 1001;
	border: 1px solid #DE2375;
	background: #701c66;
}

.cart::before
{
	content: "";
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 20px;
	box-sizing: border-box;
	z-index: 1001;
}

.cart::after
{
	content: "";
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	padding-left: 40px;
	width: 40px;
	height: 40px;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	background-image: url('./img/mon-panier.png');
	background-position: 35px center;
	background-repeat: no-repeat;
	z-index: 1002;

	-webkit-transition:  opacity 0.2s ease 0.2s;
	-moz-transition:     opacity 0.2s ease 0.2s;
	-o-transition:       opacity 0.2s ease 0.2s;
	transition:          opacity 0.2s ease 0.2s;

	color: #701c66;
}

:hover.cart
{
	width: 165px;
	box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 1);

	-webkit-transition:  all 0.2s ease;
	-moz-transition:     all 0.2s ease;
	-o-transition:       all 0.2s ease;
	transition:          all 0.2s ease;
}

:hover.cart::after
{
	width: 165px;
	opacity: 1;
}

.mauto
{
	margin : auto;
}

.small
{
	font-size : 10px;
}

.maximg
{
	max-width: 100%;
}

.centre
{
	text-align : center;
}

.droite
{
	text-align : right;
}

.gauche
{
	text-align : left;
}

.vmiddle
{
	vertical-align: middle;
}

.fdroite
{
	float : right;
}

.fgauche
{
	float : left;
}

.clear
{
	clear : both;
}

.gras
{
	font-weight : bold;
}

.italic
{
	font-style : italic;
}

.dnone
{
	display : none;
}

.demi
{
	width : 50%;
}

.quart
{
	width : 25%;
}

.huitieme
{
	width : 12.5%;
}

.invisible
{
	height : 0px;
	width : 0px;
	overflow : hidden;
	visibility : hidden;
}

#message
{
	display : none;
}

.rose
{
	color : #DE2375;
}

.lien-blanc
{
	color : #fff;
	text-decoration : none;
}

a:hover.lien-blanc
{
	color : #DE2375;
}

.lien-violet
{
	text-decoration : underline;
	color : #701c66;
}

a:hover.lien-violet
{
	text-decoration : none;
}

.lien-rose
{
	text-decoration : none;
	color : #DE2375;
}

a:hover.lien-rose
{
	color : #701c66;
}

.bouton
{
	display : inline-block;
	line-height : 32px;
	text-transform : uppercase;
	text-decoration : none;
	color : #fff;
	padding : 0px 15px;
	border : none;
	cursor : pointer;
	background-color : #DE2375;
}

a:hover.bouton, input:hover.bouton
{
	background-color : #701c66;
}

.bouton-blanc
{
	display : inline-block;
	line-height : 32px;
	text-transform : uppercase;
	text-decoration : none;
	padding : 0px 15px;
	background-color : #fff;
	border : none;
	cursor : pointer;
	color : #DE2375;
}

a:hover.bouton-blanc, input:hover.bouton-blanc
{
	color : #fff;
	background-color : #701c66;
}

.bouton_panier
{
	padding-left: 25px;
	background-image: url('./img/cart-w.png');
	background-position: 3px center;
	background-repeat: no-repeat;
}

.bouton_devis
{
	padding-left: 25px;
	background-image: url('./img/devis.png');
	background-position: 3px center;
	background-repeat: no-repeat;
}

.boiterose
{
	display : inline-block;
	padding : 10px;
	color : #fff;
	background-color : #DE2375;
}

.box
{
	background-color : #fbe4ee;
	border : 1px solid #e9e9e9;
	line-height : 30px;
	height : 30px;
	font-family : inherit;
	font-size : inherit;
	box-sizing : border-box;
	padding : 0px 2px;
	resize : none;

	-webkit-transition:  border-color 0.3s ease, background-color 0.3s ease;
	-moz-transition:     border-color 0.3s ease, background-color 0.3s ease;
	-o-transition:       border-color 0.3s ease, background-color 0.3s ease;
	transition:          border-color 0.3s ease, background-color 0.3s ease;

	color : #701c66;
}

.onError
{
	border-color: #e45e5e;
	background-color: #e69a9a;
}

.largebox
{
	width : 400px;
}

.mediumbox
{
	width : 200px;
}

.ico
{
	height : 20px;
	width : 20px;
	display : inline-block;
	vertical-align: middle;
	background-color : #DE2375;
}

a:hover.ico
{
	background-color : #701c66;
}

.ico_sup
{
	background-image : url('./img/ico/sup.png');
}

.ico_mod
{
	background-image : url('./img/ico/mod.png');
}

.ico_dup
{
	background-image : url('./img/ico/dup.png');
}

.ico_active
{
	background-image : url('./img/ico/active.png');
}

.ico_desactive
{
	background-image : url('./img/ico/inactive.png');
}

.ico_send
{
	background-image : url('./img/ico/send.png');
}

.ico_up
{
	background-image : url('./img/ico/up.png');
	height: 16px;
	width: 16px;
}

.ico_down
{
	background-image : url('./img/ico/down.png');
	height: 16px;
	width: 16px;
}

.tarif_list
{
	margin : 10px 0px;
}

.tarif_list div, .info_sup
{
	border-bottom : 1px solid #000;
	color : #8e8e8d;
	line-height : 23px;
	clear : both;
}

.tarif_list .low_border
{
	border-bottom : 1px solid #ccc;
}

.all600 .tarif_list div, .info_sup
{
	font-size : 10px;
	line-height : 15px !important;
	padding : 4px 0px;
}

div.info_sup
{
	border-bottom: none;
	text-align: right;
	font-size : 14px;
}

.tarif_list span
{
	float : right;
	font-weight : bold;
	font-size : 14px !important;
	line-height : 23px;
	color : #701c66;
}

.all600 .tarif_list span
{
	line-height : 15px !important;
}

.tarif_list font
{
	display : inline-block;
	line-height : 23px;
	width : 27%;
	padding-right : 15px;
}

.all600 .tarif_list font
{
	width : 25%;
	padding-right : 5px;
	line-height : 15px !important;
	vertical-align : middle;
}

.tarif_list blockquote
{
	display : block;
	margin : 0px;
	font-size : 12px;
	padding : 0px 0px 0px 40px;
}

.tarif_list b
{
	display : inline-block;
	line-height : 23px;
	margin-top : 8px;
	color : #8e8e8d;
}

.tarif_list strong
{
	display : inline-block;
	line-height : 23px;
	margin-top : 8px;
	color : #8e8e8d;
	font-weight: normal;
}

.tarif_list strike
{
	display : block;
	float : right;
	font-style : normal;
	font-size : 12px;
	color : #000;
	width : 40px;
	text-align : right;
}

.info_mea
{
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #DE2375;
}

.all .tarif_list em, .all1000 .tarif_list em
{
	display : block;
	float : right;
	width : 100px;
	font-style : normal;
	font-size : 12px;
}

.all600 .tarif_list em
{
	font-style : normal;
	font-size : 8px;
}

.all600 .tarif_list em:before
{
	content : " (";
}

.all600 .tarif_list em:after
{
	content : ")";
}

.noel
{
	background-image: url('./img/noel.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.piedpage-store
{
	height: 35px;
	line-height: 35px;
	color: #000;
	text-align: center;
	font-weight: normal;
	padding-bottom: 5px;
}

.piedpage-store b
{
	color: #701c66;
}

.qualiopi
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	height: 50px;
}

.qualiopi img
{
	height: 50px;
}

.all1000 .qualiopi
{
	bottom: 10px;
	right: 90px;
}

.all600 .qualiopi
{
	bottom: -50px;
	right: 0px;
}

.play-store, .app-store
{
	display: inline-block;
	vertical-align: top;
	height: 35px;
	width: 35px;
	overflow: hidden;
	position: relative;

	-webkit-transition:  box-shadow 0.5s ease;
	-moz-transition:     box-shadow 0.5s ease;
	-o-transition:       box-shadow 0.5s ease;
	transition:          box-shadow 0.5s ease;
}

.play-store img, .app-store img
{
	width: 100%;
	position: relative;
	z-index: 1000;
}

.play-store::before, .app-store::before
{
	content: "";
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 998;
}

.play-store::after, .app-store::after
{
	content: "";
	display: inline-block;
	position: absolute;
	height: 0px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: pink;
	z-index: 999;

	-webkit-transition:  height 0.5s ease;
	-moz-transition:     height 0.5s ease;
	-o-transition:       height 0.5s ease;
	transition:          height 0.5s ease;
}

:hover.play-store::after, :hover.app-store::after
{
	height: 35px;
}

.play-store:hover, .app-store:hover
{
	box-shadow: 0px 0px 5px 0px #DE2375;
}




.all .bg-main
{
	background-image : url('./img/bg/main.png');
	background-repeat : no-repeat;
	background-position : center top;
	position : relative;
	z-index : 900;
}

.all .bg-top
{
	background-image : url('./img/bg/top.png');
	background-position : center 156px;
	background-repeat : repeat-x;
}

.all .bg-bottom
{
	background-image : url('./img/bg/bottom.png');
	background-position : center bottom;
	background-repeat : repeat-x;
}

.all .site
{
	width : 1024px;
	margin : auto;
}

.all .entete
{
	height : 156px;
	position: relative;
}

.all .bg-top .entete
{
	height : 204px;
}

.all .cart
{
	top: 60px;
	left: 20px;
}

.all .lien-logo
{
	display : inline-block;
	height : 156px;
	margin-left : 195px;
}

.all .lien-logo img
{
	margin-top : 3px;
}

.all .horaires
{
	background-color : #f9cce0;
	float : right;
	padding-top : 4px;
	max-height: 152px;
}

.all .table-horaires
{
	width : 320px;
	margin-left : 30px;
	margin-bottom : 5px;
	height: 125px;
}

.all .table-horaires th
{
	font-size : 13px;
	font-weight : bold;
	text-align : left;
	color : #701c66;
}

.all .table-horaires td
{
	line-height : 17px;
}

.all .table-horaires b
{
	font-size : 14px;
}

.all .table-horaires .small
{
	line-height: 9px;
}

.all .table-horaires-small
{
	display : none;
}

.h-col1, .h-col2, .h-col3
{
	height: 1px;
	line-height: 1px !important;
}

.h-col1
{
	width: 40%;
}

.h-col2
{
	width: 20%;
}

.h-col3
{
	width: 40%;
}

.all .tel
{
	padding-left : 30px;
	background-color : #fbe4ee;
	font-size : 15px;
	font-weight : bold;
	line-height : 22px;
	color : #701c66;
}

.all .menu
{
	height : 48px;
	text-align : right;
	position : relative;
	z-index : 1000;
}

.all .menu-item
{
	display : inline-block;
	height : 48px;
	line-height : 38px;
	text-decoration : none;
	font-weight : bold;
	padding : 0px 12px;
	margin : 0px;
	color : #fff;
}

.all .menu-item-small, .all .menu-item-tiny
{
	display : none !important;
}

.all .menu-item-last
{
	position : relative;
	right : -10px;
	margin-right : 0px;
	margin-left : -10px;
}

.all a:hover.menu-item, .menu-item-select,
 	.all .menu-item-container:hover .menu-item,
 	.all .menu-item-container-sel .menu-item
{
	color : #fbcce0;
	background-color : #DE2375;
}

.all .menu-item-container
{
	position: relative;
	display : inline-block;
	height : 48px;
}

.all .ss-menu
{
	position: absolute;
	top: 48px;
	left: 0px;
	text-align: left;
	max-height: 0px;
	overflow: hidden;
	padding: 0px;
	box-sizing: border-box;
	background-color : #DE2375;
}

.all .menu-item-container:hover .ss-menu, .all .menu-item-container-sel .ss-menu
{
	max-height: 100px;
	padding: 3px;
}

.all .ss-menu-item
{
	display: block;
	height : 30px;
	line-height : 30px;
	color : #fbcce0;
	padding: 0px 10px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.all .ss-menu-item:hover, .all .ss-menu-item.menu-item-select
{
	color: #fff;
	background: #701c66;
}

.all .piedpage
{
	padding : 9px 0px 95px 0px;
	height : 39px;
	line-height : 39px;
	color : #fff;
	text-align : center;
	font-weight : bold;
	position: relative;
}

.all .piedpage-block1
{
	float : left;
	width : 424px;
}

.all .piedpage-block2
{
	float : left;
	width : 536px;
}

.all .piedpage-block3
{
	float : left;
	width : 64px;
}

.all .piedpage span
{
	color : #DE2375 !important;
}

.all .piedpage-block3 img
{
	margin : 0px 2px;
	vertical-align : middle;
}