*{ margin:0; padding:0; border:0; outline:0; text-decoration:none; font-size:12px; font-family:Arial,sans-serif;}
body { background:#e1f3f6 url('../images/bg.png') repeat-x;}

/*
 *
 * PROPRIETES IMPORTANTE
 * Propriétés importantes et récurrentes
 *
*/

a { color:#1482B5; font-size:12px; text-decoration:none;}
a:hover { color:#01025c; text-decoration:underline; }
h1,h2,h3,h4,h5{margin:0px;font-family:Helvetica;}


.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.right { display:block;float:right; }

.comm{display:none;color:#888; position:absolute; margin-top:-18px;margin-left:18px; background:#ffc; border:1px solid #fa5;padding:3px;}
.comment{color:#aaa;font-style:italic;}

input.error, textarea.error,{border:2px solid #e00;}
input, textarea, button, #sujet{border:1px double #aaa; background:#eee; }
textarea{width:400px; height:80px;font-size:12px;}
#prix, .nothing {border:0px; background-color:transparent;}
.input input{height:20px;}
.input{margin-bottom:5px;}
textarea#content{background:#eee;}

a.boutonBleu{display:block;background:url("../images/bouton-bg-bleu.png"); height:23px;padding-left:10px;float:left;  text-decoration:none !important; cursor:pointer; }
a.boutonBleu:active{position:relative; top:1px; left:1px; }
a.boutonBleu span:hover{color:#7fd8e7;  }
a.boutonBleu span{display:block;background:url("../images/bouton-bg-bleu.png") top right no-repeat; height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px; text-decoration:none;}
	
a.boutonTurquoiseBgBlanc{display:block;background:url("../images/bouton-turquoise-bg-blanc.png"); height:23px;padding-left:10px;float:left; text-decoration:none !important;  }
a.boutonTurquoiseBgBlanc:active{position:relative; top:1px; left:1px; }
a.boutonTurquoiseBgBlanc span:hover{color:#01025c; }
a.boutonTurquoiseBgBlanc span{display:block;background:url("../images/bouton-turquoise-bg-blanc.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px;text-decoration:none;}


div.boutonBleu{display:block;background:url("../images/bouton-bg-bleu.png"); height:23px;padding-left:10px;float:left;  text-decoration:none !important; cursor:pointer; margin-top:5px; margin-bottom:5px;}
div.boutonBleu:active{position:relative; top:1px; left:1px; }
div.boutonBleu span:hover{color:#7fd8e7;  }
div.boutonBleu span{display:block;background:url("../images/bouton-bg-bleu.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px; text-decoration:none;}
	
div.boutonTurquoiseBgBlanc{display:block;background:url("../images/bouton-turquoise-bg-blanc.png"); height:23px;padding-left:10px;float:left; text-decoration:none !important; cursor:pointer; }
div.boutonTurquoiseBgBlanc:active{position:relative; top:1px; left:1px; }
div.boutonTurquoiseBgBlanc span:hover{color:#01025c; }
div.boutonTurquoiseBgBlanc span{display:block;background:url("../images/bouton-turquoise-bg-blanc.png") top right no-repeat; 
	height:21px;font-weight:bold; font-size:14px;color:#eee; padding-right:10px; float:left;padding-top:2px;text-decoration:none;}
	
	
/*
 *
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
 *
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px auto; font-size:14px; font-weight:bold;width:500px;text-align:center; }
.avert_message { background:#afa; color:#262; border:3px solid #262; }
.error_message {  background:#faa; color:#622; border:3px solid #622; }


/*
 *
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
 *
*/
.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; }
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
.pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }


/*****************************************************/

.colorbackheader{background:#88ceda; }
.colorback{background:#e1f3f6; }

.colortextbleumarine{color:#01025c; }
.colortextturquoise{color:#5fb8c7; }

.bordercolor{color:#1482b5; }

.finbg{color:#e1f3f6; }
/******************************************************/


#wrapper{width:990px; margin:0 auto;}

/**** HEADER *****/
/**** HEADER *****/

#header{position:relative;background:url('../images/femme-piqure-esthetique.jpg') no-repeat 270px 0px; height:172px; } 
#logo{text-indent:-10000px; background:url("../images/logo-societe-medecine-esthetique.png") no-repeat; 
	position:relative; top:0px; left:0px; width:240px; height:127px; z-index: 5;}
	
#topLinks{position:absolute; top:10px; right:10px;}
#panier{position:absolute; top:50px; right:10px; width:190px; }
#panier h3{margin:0;}

#panierAjax{margin-right:5px;padding-top:4px;width:180px;}
#panierImg{float:left;margin-right:5px;}

#ajoutArticle{display:none;position:absolute;width:350px;margin-left:-175px;left:50%;border:1px solid #666666;text-align:center;background-color:#E1F3F6;top:150px;padding:20px;}
#ajoutArticle .boutonBleu{margin-left:20px;}
#addArticleText{font-weight:bold;font-size:14px;margin-bottom:10px;}

/**** MENU *****/
/**** MENU *****/

#menu{background:url('../images/menu-bg.gif') repeat-x ; height:37px;}
#menu  a{line-height:35px; height:35px; display:block; font-size:13px; color:#6e6c6f;float:left;font-weight:bold;padding:0px 12px;}
#menu  a:hover{background:url("../images/menu-on-bg.gif") repeat-x; color:#eee; text-decoration:none}
#menu  a.actif{background:url("../images/menu-on-bg.gif") repeat-x; color:#eee;}
#menu  .liseret {height:20px; width:1px; margin-top:8px;background:#01025c;float:left;}


/**** CONTENT *****/
/**** CONTENT *****/

#content{background:#e1f3f6;overflow:hidden;padding-bottom:15px;}
#content_inside{color:#393E83;padding-top:20px;}
#rightInside a{text-decoration:underline;}
.nochildren{margin-left:50px;margin-right:50px;margin-bottom:20px;}
.children #rightInside{margin-left:20px;width:770px;float:left;}
#content_inside #leftInside{width:170px;float:left;text-align:left;margin-left:10px;}
h1, h2, h3{color:#1482B5;font-weight:normal;}

h1{font-size:18px;margin-bottom:20px;}
h2{font-size:16px;margin-bottom:10px;margin-top:20px;}
.bloc h3{font-size:14px;margin-top:0px;margin-bottom:5px;}


#leftInside h1{color:white;background:url('../images/fond_titre_left.gif') repeat-y;text-align:left;font-size:14px;height:35px;padding-top:5px;padding-left:15px;}
#leftInside h1 a{color:white;}
#leftInside a{color:#1482B5;padding-left:5px;font-weight:bold;font-size:13px;display:block;width:150px;padding-bottom:5px;}
#leftInside a.bordure{background:url('../images/dessous_titreleft.gif') bottom left no-repeat;}
#leftInside a:hover{text-decoration:underline;}
#leftInside a.active{text-decoration:underline;}
ul{margin-left:50px; padding-bottom:10px;}
li{ list-style-image:url('../images/puce.gif');}



.infoscongres{width:95%; border:1px dashed #c5dbe0;}
.infoscongres td{text-align:center}
.infoscongres tr,.infoscongres thead{height: 24px;}
.fond{background-color:#c5dbe0;}

/*** Panier ***/
#cartlist{width:100%;}

/*** ACCUEIL ***/
/*** ACCUEIL ***/

.bloc h2,.bloc h1{margin-bottom:0;margin-top:0;}


.content{font-size:12px; line-height:18px;  color:#01025c;}
.linkVoirTout{float:right;margin-top:20px;}
.bloc a.linkVoirTout {text-decoration:underline;}
.bloc a{text-decoration:none;}
.bloc a:hover{text-decoration:underline;}

.bloc#edito{width:540px; float:left;margin:20px;}
.bloc#edito h1{width:478px; height:26px; background:url('../images/home-h1-bg.png') no-repeat;color:#fff; padding-top:5px; padding-left:15px;font-size:16px;}
.bloc#edito .content{padding:5px; border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden;height:133px;}
.bloc#edito .suite{display:block;position:absolute;bottom:0px; right:0px;width:112px; height:22px; 
	background:url('../images/suite-bg.png') no-repeat;padding:8px 5px 0 0; text-align:right;color:#fff; font-weight:bold;font-size:13px;}
.bloc#congres{width:360px; float:left;margin:20px;overflow:hidden;}
.bloc#congres h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#congres .content{text-align:center;padding:3px; border:1px solid #1482b5; background:#FFF; position:relative; overflow:hidden;}
.bloc#congres img{ margin:0px; float:left;}
.bloc#congres .liseret{float:left; margin:15px 8px;height:125px; width:1px;background:#1482b5;}
.bloc#congres p{float:left;font-size:13px;color:#01025c;width:225px; margin:0 auto;}
.bloc#congres p .h3{ display:block;margin:5px 0;font-size:16px; color:#5fb8c7; font-weight:bold;}
.bloc#congres a{ margin:7px 15px 0 0;}


.bloc#actualites{width:249px; float:left;margin:20px;}
.bloc#actualites h2{ height:23px; background:url('../images/home-h2-bg.png') no-repeat;
	color:#fff; padding-top:8px; padding-left:15px;font-size:15px; text-transform:uppercase;}
.bloc#actualites .content{padding:15px 5px 5px 10px;  border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden; height:287px;}
.bloc#actualites .content h3{font-size:14px;color:#5fb8c7;margin-bottom:5px;}
.bloc#actualites .content p{margin-bottom:10px;}


.bloc#libre{width:249px; float:left;margin:20px;}
.bloc#libre h2{ height:23px; background:url('../images/home-h2-bg.png') no-repeat;
	color:#fff; padding-top:8px; padding-left:15px;font-size:15px; text-transform:uppercase;}
.bloc#libre .content{padding:15px 5px 5px 10px; border:1px solid #1482b5; background:#fff;position:relative;overflow:hidden;height:287px;}
.bloc#libre .content h3{font-size:14px;color:#5fb8c7;margin-bottom:5px;}
.bloc#libre .content p{margin-bottom:10px;}


.bloc#journal{width:360px; float:left;margin:20px;overflow:hidden;}
.bloc#journal h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#journal .content{padding:3px; border:1px solid #1482b5; background:#fff;position:relative; overflow:hidden;}
.bloc#journal img{ margin:0px; float:left;}
.bloc#journal .liseret{float:left; margin:15px 20px;height:100px; width:1px;background:#1482b5;}
.bloc#journal ul{ list-style:none; float:left;  }
.bloc#journal .boutonTurquoiseBgBlanc{  margin:5px 0 0 5px; font-size:12px;}
.bloc#journal ul li{margin:4px 0; }
.bloc#journal ul {margin-left:20px; }
.bloc#journal .liseret{float:left; margin:15px 8px;height:125px; width:1px;background:#1482b5;}

.bloc#partenaires{width:360px; float:left;margin:20px;}
.bloc#partenaires h2{text-align:right; height:25px; color:#01025c;
	background:url('../images/home-h2-bg2.jpg') no-repeat top right; padding-top:5px; padding-right:15px;font-size:15px;}
.bloc#partenaires .content{padding:3px; border:1px solid #1482b5; background:#fff;position:relative; width:348px;}
.bloc#partenaires img, .bloc#partenaires a, .bloc#partenaires div { margin:0px; float:left;margin:0px 5px;}
.bloc#partenaires .liseret{float:left; margin:5px 20px;height:40px; width:1px;background:#1482b5;}



/*************** FOOTER ******************/
/*************** FOOTER ******************/

#footer{background:url("../images/footer-bg.png") repeat-x; }
#footerWrapper{width:980px; margin:0 auto;padding:5px 0; color:#fff;position:relative;height:68px;}

#footer #paiement{font-weight:bold;}
#footer #footerLinks{text-align:center;}
#footer #footerLinks a{ font-size:14px; color:#fff;font-weight:bold;padding:0 5px;}
#footer #signature{position:absolute; bottom:4px; right:5px;}
#footer #copyright{position:absolute; bottom:4px; left:5px;}
/** sitemap **/

.sitemap1{margin:20px 0 7px 30px;font-size:16px; display:block;font-weight:bold; }
.sitemap2{ margin-left:50px;font-size:14px; display:block; }

.sitemap1:hover, .sitemap2:hover{color:#B1A491;}


.buymag{cursor:pointer;text-decoration:underline;}


.children{}


#etapesLine{position:relative;height:90px;}
#etapesLine p{position:absolute;top:30px;text-align:center;margin-left:50px;}
#etapesLine p a, #etapesLine p{font-weight:bold;font-size:14px;}
#etapesLine .barre{position:absolute;top:55px;width:100%; height:3px; background:#888;}
#etapesLine .caddie{position:absolute;top:45px;padding:3px; background:#fff;border:1px solid #888;}




/*new custom style*/


@font-face {
	font-family: "Lato-Regular";
	src: url("../fonts/lato/Lato-Regular.eot");
	src: url("../fonts/lato/Lato-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/lato/Lato-Regular.otf") format("opentype"),
	url("../fonts/lato/Lato-Regular.svg") format("svg"), 
	url("../fonts/lato/Lato-Regular.ttf") format("truetype"),
	url("../fonts/lato/Lato-Regular.woff") format("woff"),
	url("../fonts/lato/Lato-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Lato-Light";
	src: url("../fonts/lato/Lato-Light.eot");
	src: url("../fonts/lato/Lato-Light.eot?#iefix") format("embedded-opentype"),
	url("../fonts/lato/Lato-Light.otf") format("opentype"),
	url("../fonts/lato/Lato-Light.svg") format("svg"), 
	url("../fonts/lato/Lato-Light.ttf") format("truetype"),
	url("../fonts/lato/Lato-Light.woff") format("woff"),
	url("../fonts/lato/Lato-Light.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Lato-Bold";
	src: url("../fonts/lato/Lato-Bold.eot");
	src: url("../fonts/lato/Lato-Bold.eot?#iefix") format("embedded-opentype"),
	url("../fonts/lato/Lato-Bold.otf") format("opentype"),
	url("../fonts/lato/Lato-Bold.svg") format("svg"), 
	url("../fonts/lato/Lato-Bold.ttf") format("truetype"),
	url("../fonts/lato/Lato-Bold.woff") format("woff"),
	url("../fonts/lato/Lato-Bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Vidaloka-Regular";
	src: url("../fonts/vidaloka/Vidaloka-Regular.eot");
	src: url("../fonts/vidaloka/Vidaloka-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/vidaloka/Vidaloka-Regular.otf") format("opentype"),
	url("../fonts/vidaloka/Vidaloka-Regular.svg") format("svg"), 
	url("../fonts/vidaloka/Vidaloka-Regular.ttf") format("truetype"),
	url("../fonts/vidaloka/Vidaloka-Regular.woff") format("woff"),
	url("../fonts/vidaloka/Vidaloka-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

body{
	box-sizing: border-box;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}
body *{
	box-sizing: inherit;
}
img {
	max-width: 100%;
	height: auto;
}
li {
	list-style-image: url(../images/icons/li-arrov.png);
}
#wrapper{
	max-width: 1180px;
	margin: 0 auto;
	width: auto;
	    min-height: calc(100vh - 96px);
	    background-color: #fff;
}
#header{
	background-image: url(../images/header-face.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 20px 100px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-align-items: center;
	align-items: center;
	height: auto;	
	background-color: #5acfdb;
	
}
#panier{
	position: relative;
	top: 0;
	right: auto;
	width: auto;
	text-align: right;
}
a.boutonBleu{
	background:none;
	height:auto;
	padding-left:0;
	float:none;
	text-decoration:none!important;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	color: #fff;
	background-color: #950e0e;
	padding: 10px 15px;
	transition: all .5s;
}
a.boutonBleu:hover{
	background-color: #28709a;
}
a.boutonBleu:active{
	position:relative;
	top:auto;
	left:auto;
}

#panier h3 {
	margin: 0;
	color: #fff;
	font-family: "Lato-Regular", sans-serif;
	font-size: 16px;
	text-align: left;
}
#panierAjax{
	font-family: "Lato-Regular", sans-serif;
	margin-right: 0;
	padding-top: 0;
	width: auto;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
}
a.panier-link {
	margin-bottom: 20px;
	display: inline-block;
	padding: 0 10px;
}
a.panier-link:nth-child(2) {
	padding-right: 0;
}
.nochildren{
	margin-left: 0;
	margin-right: 0;
}
#content_inside{
	padding-top: 0;
}



#menu{
	padding: 0 100px;
	background: none;
	background-color: #28709a;
}
#menu a{
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
#menu a:first-child{
	padding-left: 0;
}
#menu a:hover{
	background:none;
}

#menu a:hover:before{
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #a9d7e8;
}
#menu a.actif{
	background: none;
}
#menu a.actif:before{
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #a9d7e8;
}
#content{
	background-color: #fff;
	padding: 20px 100px;
}


/*sitepam-page*/

.sitemap-page{
	color: #000;
	font-size: 20px;
	margin-left: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	font-family: "Vidaloka-Regular", sans-serif;
}
.sitemap1{
	font-family: "Vidaloka-Regular", sans-serif;
	font-size: 20px;
	margin: 20px 0 7px 10px;
}
a.sitemap2{
	font-family: "Lato-Light", sans-serif;
	margin-left: 30px;
}

/*sitepam-page*/

/*single page*/

#rightInside iframe{
	width: 100%!important;
}
#rightInside h1{
	color: #000;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	font-family: "Vidaloka-Regular", sans-serif;
}
#rightInside h2{
	font-family: "Vidaloka-Regular", sans-serif;
	font-size: 20px;
	margin-top: 0;
}
#rightInside p{
	font-size: 14px;
	color: #000;
	font-family: "Lato-Light", sans-serif;
	margin-bottom: 20px;
}
.infoscongres{
	background-color: #e1f3f6;
	padding: 0 40px;
	border: none;
}
.infoscongres input{
	border-radius: 50%;
}
.fond {
	background-color: #c5dbe0;
}
#rightInside table tr td p {
	margin-bottom: 0;
}
#rightInside table tr td ul {
	margin-left: 20px;
	padding: 0;
}
#rightInside h3{
	font-family: "Vidaloka-Regular", sans-serif;
	color: #1c6597;
	font-size: 20px;
}
#rightInside input{
	background-color: #fff;
}
#rightInside .hebergement-table{
	font-family: "Lato-Bold", sans-serif;
	border: 1px solid #4472c4;
	padding: 10px 20px;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #28709a;
	text-decoration: none;
	width: 205px;
	text-align: center;
	cursor: pointer;
}
#rightInside span.hebergement-table{
	display: inline-block;
}
.table-page{
	background-color: #e1f3f6;
	padding: 20px 100px;
}
div#leftInside {
	background-color: #1c6597;
	min-height: 400px;
}
#leftInside h1{
	padding-left: 0;
	background-image: none;
	line-height: normal;
	height: auto;
	padding: 0;
}
#content_inside #leftInside{
	margin-left: 0;
	padding-left: 20px;
	padding-top: 20px;
}
#leftInside a{
	padding: 0;
	background-image: none !important;
}
#leftInside > *{
	position: relative;
	text-transform: uppercase;
}
#leftInside > *:before{
	content: "";
	position: absolute;
	width: 5px;
	height: 8px;
	left: -8px;
	top: 4px;
	background-image: url(../images/icons/left-arrov.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#rightInside table.table-partenaires a{
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	padding: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.la-fsme-adress,
.left-container{
	float: left;
	width: 50%;
	line-height: 21px;
}
.la-fsme ul {
	margin-left: 14px;
	padding: 0;
	font-size: 14px;
}
.la-fsme strong, .la-fsme ul li {
	font-size: 14px;
	color: #1c6597;
}
.la-fsme strong{
	font-family: "Lato-Bold", sans-serif;
}
#rightInside span.mail-cont ,#rightInside span.mail-cont a{
	font-family: "Lato-Bold", sans-serif;
	color: #1c6597;
	text-decoration: none;
	font-size: 14px;
}
#leftInside h1,
#leftInside a,
#leftInside h1 a {
	/* color: #1482B5; */
	color: #fff;
	margin-bottom: 30px;
}
#leftInside a.active{
	color: #fff;
	text-decoration: none;
}
#leftInside > *:last-child {
	color: #fff;
}
object#FlvPlayer {
	display: none;
}


/*single page*/

/*home page*/

.home-container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.home-container .home-right,
.home-container .home-left{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.home-container .home-left{
	width: 60%;
}
.home-container .home-right{
	width: 40%;
	padding-left: 30px;
}
.bloc#edito{
	width: auto;
	margin: 0;
}
.bloc#edito h1{
	background-image: none;
	color: #000;
	font-size: 20px;
	padding-left: 5px;	
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	font-family: "Vidaloka-Regular", sans-serif;
	width: auto;
	height: auto;
}
.bloc#edito .content{
	border: none;
	min-height: 160px;
}
.bloc#edito .content p{
	color: #000;
	font-size: 14px;
	font-family: "Lato-Light", sans-serif;
}
.bloc#edito .suite{
	border: 1px solid #000;
	color: #000;
	background: none;
	width: auto;
	height: auto;
	padding: 7px 15px;
	font-size: 12px;
	font-family: "Lato-Regular", sans-serif;
	text-decoration: none;
	background-color: #fff;
}
.bloc#edito .content:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 15px;
	height: 1px;
	width: 100%;
	background-color: #000;
}
.bloc#congres{
	width: auto;
	margin: 20px 0 10px;
}
#content .home-container .bloc .content {
	border: none;
	padding: 10px 0;
}
#content .home-container .bloc h2{
	color: #1c6597;
	background: none;
	font-family: "Vidaloka-Regular", sans-serif;
	font-size: 20px;
	text-align: left;
	margin-bottom: 5px;
	height: auto;
	padding: 0;
	text-transform: none;	
}
.bloc#congres .content{
	background-color: #1c6597;
}


#content .home-container .bloc#congres .content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	text-align: left;
	min-height: 192px;
	/*padding-bottom: 30px;*/
	padding: 0;
}

/* @media screen and (max-width: 926px){
	#content .home-container .bloc#congres .content{
		height: 300px !important;
	}
} */

.bloc#congres a{
	/* margin: 0; */
	padding: 10px 15px;
	bottom: 20px;
}
.bloc#congres .content .content-left{
	width: 30%;
}
.bloc#congres .content .content-right{
	width: 60%;
	padding-left: 50px;
}
.bloc#congres .content h3{
	font-size: 18px;
	color: #fff;
	font-family: "Vidaloka-Regular", sans-serif;
	margin-bottom: 20px;
	line-height: normal;
}
.bloc#congres .content h3 span{
    font-size: 24px;
    font-family: "Vidaloka-Regular", sans-serif;
}
.bloc#congres p{
	float: none;
	font-family: "Lato-Light", sans-serif;
	font-size: 14px;
	color: #fff;
	width: auto;
	margin: 0 0 20px;
	text-transform: uppercase;
}
a.content-link{
	font-size: 12px;
	font-family: "Lato-Regular", sans-serif;
	color: #fff;
	border:1px solid #fff;
	padding: 10px 5px;
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.bloc#journal{
	width: auto;
	float: none;
	margin: 0px 0 20px;
}
#content .home-container .bloc#journal .content{
	padding: 5px;
	border:1px solid #1c6597;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.bloc#journal ul.journal-list{
	margin-left: 50px;
	padding: 0;
}
.bloc#journal ul.journal-list li{
	list-style-type: none;
	list-style-image: none;
}
.bloc#journal ul.journal-list li a{
	line-height: 36px;
}
.bloc#actualites{
	width: auto;
	float: none;
	margin: 0 0 11px;
	background-color: #1c6597;
	padding: 10px 15px;
	position: relative;
}
.bloc#actualites:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 60px;
	height: 5px;
	background-color: #fff;
	z-index: 10;
}
#content .home-container .bloc#actualites ul{
	margin-left: 15px;
}
#content .home-container .bloc#actualites ul li{
	list-style-type: none;
	position: relative;
	margin-bottom: 36px;
}
#content .home-container .bloc#actualites ul li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 13px;
	background-image: url(../images/icons/li-arrov-white.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#content .home-container .bloc#actualites ul li.before-ie:before{
	display: none;
}
.bloc#actualites .content{
	background-color: #1c6597;
	height: auto;
}
#content .home-container .bloc#actualites h2{
	font-family: "Vidaloka-Regular", sans-serif;
	padding-bottom: 15px;
	position: relative;
	margin: 0 0 20px;
	font-size: 20px;
	color: #fff;
}
#content .home-container .bloc#actualites h2:before {
	content: "";
	width: 110%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: -5%;
	bottom: 0;
}
.bloc#actualites .content p,
.bloc#actualites .content h3{
	color: #a9d7e8;
	margin-bottom: 21px;
	font-family: "Lato-Light", sans-serif;
}
.bloc#actualites .content p:first-letter,
.bloc#actualites .content h3:first-letter{
	padding-left: 12px;
}
.bloc#actualites .content a{
	color: #fff;
	font-family: "Lato-Bold",sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.bloc#actualites .content .linkVoirTout{
	font-family: "Vidaloka-Regular", sans-serif;
	font-size: 23px;
	position: relative;
	right: auto;
	bottom: auto;
	float: none;
	padding-left: 40px;
	display: block;
}
.bloc#partenaires{
	width: auto;
	float: none;
	margin: 0px 0 20px;
}
#content .home-container .bloc#partenaires .content{
	border: 1px solid #1c6597;
	padding: 15px 5px 25px;
	width: 100%;
	margin: -1px 0 0;
	
}
#content .home-container .bloc#partenaires .content p{
	color: #1c6597;
	font-size: 14px;
	font-family: "Lato-Regular", sans-serif;
	margin-bottom: 15px;
}
#content .home-container .bloc#partenaires .content .partenaires-link{
	float: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}



/*home page*/

/*checkout page*/


#etapesLine{
	background-color: #1c6597;
	height: 70px;
}
/* #etapesLine .caddie{
	background-color: transparent;
	border: none;
	top: 5px;
	left: 185px;
} */
#etapesLine p{
	width: 100%;
	left: 50%;
	margin-left: 0;
	transform: translateX(-50%);
}
div#etapesLine p > * {
	padding: 0 30px;
	font-family: "Lato-Light", sans-serif;
	color: #a9d7e8;
	font-size: 18px;
}
#etapesLine p a{
	color: #fff;
	position: relative;
}
#etapesLine p a.checkout-commande:before{
	content: "";
	position: absolute;
	width: 19px;
	height: 17px;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
	background-image: url('../images/icons/checkout-commande.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#etapesLine p strong{
	font-family: "Lato-Bold",sans-serif;
	font-size: 18px;
}
.after-commande{
	color: #1c6597;
	font-size: 14px;
	font-family: "Lato-Regular", sans-serif;
}





.etapesLine-commande h1{
	color: #000;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	font-family: "Vidaloka-Regular", sans-serif;
}
.etapesLine-commande h2{
	font-family: "Vidaloka-Regular", sans-serif;
	font-size: 20px;
	color: #1c6597;
	margin-bottom: 20px;
}
.etapesLine-commande .buton-commande{
	background-color: transparent;
	background: none;
	display: inline-block;
	border: 1px solid #000;
	padding: 10px 20px;
}
.etapesLine-commande .buton-commande:hover span{
	color: #fff;
}
.etapesLine-commande .buton-commande span{
	background: none;
	color: #000;
	font-family: "Lato-Regular";
}
a.panier-link{
	padding: 0;
}
a.panier-link span{
	padding: 0 10px;
}


/*mobile menu*/

.mobile-menu{
	position: absolute;
	top: 40px;
	left: 10px;
	font-size: 30px;
	color: #fff;
}
.mobile-famburger{
	font-size: 50px;
}
#menu a{
	height: auto;
}

#toggle {
	position: absolute;
	left: 10px;
	top: 40px;
	display: block;
	width: 28px;
	height: 30px;
	margin: 30px auto 10px;
	z-index: 555;
	display: none;
}

#toggle span:after,
#toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}
#toggle span:after{
	top: 9px;
}
#toggle span {
	position: relative;
	display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
	width: 100%;
	height: 5px;
	background-color: #fff;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}

/* on activation */
#toggle.on span {
	background-color: transparent;
}
#toggle.on span:before {
	transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
	transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
	opacity: 1;
	visibility: visible;
}

.mobile-banner{
	display: none;
}
.mobile-banner img{
	width: 100%;
}
#menu div{
	display: none;
}

/*mobile menu*/
/*checkout page*/

.table-second tr td:first-child input{
	width: 100%;
}
.table-second tr td:nth-child(3) input{
	width: 50%;
}
.table-second tr td:nth-child(4) input{
	width: 50%;
}
.table-second tr td:nth-child(2){
	width: 30%;
}
.table-second tr td p{
	text-align: center;
}


#footer{
	background: none;
	background-color: #191919;
	max-width: 1180px;
	margin: 0 auto;
}
#footerWrapper{
	width: auto;
	height: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 10px 50px;
}
#footerWrapper #footerLogo{
	width: 20%;
	text-align: center;
}
#footer #footerLinks a{
	font-family: "Lato-Light", sans-serif;
	font-size: 12px;
}
#footer #copyright{
	position: relative;
	bottom: auto;
	left: auto;
	text-align: center;
	font-family: "Lato-Light", sans-serif;
	font-size: 13px;
	margin-top: 10px;
}
@media (max-width: 1200px) {
	#content_inside #leftInside{
		float: none;
		width: auto;
		min-height: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;	
		-ms-align-items: center;
		align-items: center;
		padding: 10px 20px;
	}
	#leftInside h1{
		margin: 0;
	}
	#leftInside a{
		margin-bottom: 0;

		width: auto;
	}
	#leftInside > *{
		position: relative;
		text-transform: uppercase;
		width: auto;
		margin-left: 20px;
	}
	.children #rightInside{
		width: auto;
		float: none;
		margin-left: 0;
	}
	.home-container .home-left,
	.home-container .home-right{
		width: 50%;
	}
	#leftInside h1, #leftInside h1 a, #leftInside a{
		margin-bottom: 0;
	}
	.bloc#congres .content .content-right{
		width: 70%;
		padding-left: 10px;
	}
	.bloc#congres a{
		position: relative;
		right: -10px;
		bottom: 20px;
	}
	.bloc#congres .content h3{
		margin-bottom: 5px;
	}
}

@media (max-width: 992px) {
	#etapesLine{
		height: auto;
	}
	#etapesLine p{
		top: 0;
		position: relative;
		margin-left: 0;
		left: auto;
		transform: none;
	}
	div#etapesLine p > *{
		display: block;
		margin: 5px 0;
	}
	#etapesLine p a.checkout-commande:before{
		left: 35%;
		transform: translateX(-65%);
		top: 0;
	}
	#content .home-container .bloc .content{
		height: auto;
	}
	#content .home-container .bloc#edito .content{
		text-align: right;
	}
	#content .home-container .bloc#edito .content p{
		text-align: left;
	}
	.bloc#edito .suite{
		position: relative;
		display: inline-block;
		top: 20px;
	}
	.bloc#edito .content:before{
		display: none;
	}
	.bloc#congres .content .content-left{
		width: 70%;
	}
	table.table-page{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	table.table-page tr,
	table.table-page td,
	table.table-page table{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		width: auto;
		height: auto;
		text-align: center;
		margin: 0 auto;
	}
	#menu{
		padding: 0;
	}
	#header{
		background-image: none;
		background-color: #28709a;
		padding: 10px 0;
	}
	#header .logo-container,
	#header #panier{
		width: 50%;
	}
	#logo{
		text-indent: -10000px;
		background: url(../images/Logo.png) no-repeat;
		top: auto;
		left: 20px;
		width: 121px;
		height: 79px;
		margin: auto;
	}
	#header #panier{
		text-align: left;
		width: 30%;
	}
	a.panier-link{
		color: #fff;
		text-align: center;
		position: relative;
		padding-top: 10px;
	}
	a.panier-link:nth-child(1) {
		padding-left: 30px;
	}
	#header a.boutonBleu{
		display: inline-block;
		padding: 10px;
	}
	table.table-width td {
		display: flex;
		flex-direction: column;
		width: auto!important;
		height: auto!important;
	}
	table.table-width tr {
		display: flex;
		/*flex-direction: column;*/
		width: auto!important;
		height: auto!important;
		-ms-align-items: center;
		align-items: center;
	}
	table.table-width {
		display: flex;
		flex-direction: column;
		width: auto!important;
		height: auto!important;
	}
	.table-second tr td:first-child {
		margin-right: 10px;
	}
	.table-second tr td:nth-child(2) {
		margin-right: 10px;
	}
	.table-second tr td:nth-child(3) {
		margin-right: -20px;
	}
	.table-second tr td:nth-child(4) input {
		width: 70%;
	}
	.table-second tr td {
		width: 30%!important;
	}
	#menu a:hover:before,
	#menu a.actif:before{
		display: none;
	}
}

@media (max-width: 768px) {
	table{
		width: auto!important;
	}
	#header,
	#content{
		padding: 0px;
	}
	#header{
		padding-bottom: 15px;
	}
	div#content #content_inside > * {
		padding: 20px;
	}
	div#content #content_inside{
		padding-top: 0;
	}
	#footerWrapper{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.nochildren{
		margin-left: 0;
		margin-right: 0;
	}
	.table-page{
		padding: 20px 10px;
	}
	.table-page table input {
		display: block;
		margin: 0 auto;
	}
	.table-page table br{
		display: none;
	}
	table.table-partenaires{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	table.table-partenaires tbody{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	table.table-partenaires tr{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		padding: 20px 0;
	}
	.mobile-p {
		float: none!important;
		margin: 0!important;
	}
	.la-fsme-adress, .left-container {
		float: none;
		width: auto;
	}
	#etapesLine p a.checkout-commande:before{
		left: 30%;
	}
	.table-etap2 tr td input{
		width: auto!important;
	}
	.home-container{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.home-container .home-left,
	.home-container .home-right{
		width: 100%;
	}
	.home-container .home-right{
		padding-left: 30px;
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding-left: 0;
	}
	.bloc#partenaires,
	#content .home-container .bloc#congres h2,
	.bloc#journal,
	.bloc#edito{
		padding: 10px;
		margin: 0;
	}
	.bloc#congres{
		margin: 0;
	}
	.bloc#congres .content .content-left{
		width: 30%;
	}
	#toggle,
	.mobile-banner{
		display: block;
	}
	#menu{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: start;
		position: absolute;
		z-index: 55;
		width: 100%;
		height: auto;
		display: none;
		border-top: 1px solid #fff;
	}
	#menu a{
		line-height: 20px;
		padding: 10px;
		width: 100%;
	}
	.etapesLine-commande .buton-commande{
		margin: 5px 20px;
	}
	#menu a:first-child{
		padding-left: 10px;
	}
	#content_inside #leftInside{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.bloc#congres a{
		bottom: 10px;
	}
}
@media (max-width: 600px) {
	#header #panier{
		width: 50%;
	}
}
@media (max-width: 480px) {
	.table-second tr td:nth-child(2){
		width: 15%!important;
	}
	.bloc#edito .suite{
		top: 0;
	}
	#footer #footerLinks{
		padding: 0 15px;
	}
	#footer #footerLinks a{
		font-size: 13px;
	}
	#footerWrapper{
		padding: 10px 0;
	}
	#etapesLine p a.checkout-commande:before{
		left: 20%;
	}
	.bloc#journal ul.journal-list{
		margin-left: 20px;
	}
	.bloc#congres .content .content-left{
		width: 40%;
	}
	.bloc#congres .content .content-right{
		width: 60%;
		padding-right: 10px;
		text-align: right;
	}
	a.content-link{
		position: relative;
		right: 0;
	}
	.bloc#congres .content h3,
	.bloc#congres p{
		text-align: left;
	}
	
	/*#content .home-container .bloc#congres .content{padding-bottom: 10px;}*/
	#footerWrapper #footerLogo{
		width: auto;
	}
	.bloc#actualites{
		margin: 0;
	}
	.boutonBleu{
		text-align: center;
	}
	#rightInside iframe{

		height: 400px!important;
	}

}


/*new custom style*/
@media screen and (min-width: 1366px) {
	#abounan {
		position: absolute;
		right: 2%;
	}
}

@media screen and (min-width: 768px ) and (max-width: 992px){
	#content .home-container .bloc#partenaires .content{
		border: 1px solid #1c6597;
		padding: 15px 5px 25px;
		width: 100%;
		margin: -1px 0 0;
		display: flex;
	}
}
.red{
	color: red;
}
.etapesLine-commande .buton-commande:hover {
	background-color: #1c6597;
}
.etapesLine-commande .buton-commande{
	cursor: pointer;
}