/* **************************************************************************************************** */
/* SHORTCODE */
/* **************************************************************************************************** */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}

.float-left{float:left;}
.float-right{float:right;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}

.float-left-margin{float:left;margin:0 10px 0 10px;}
.float-right-margin{float:right;margin:0 0 10px 10px;}

.hide{display:none !important;}

.form-error{padding:10px 10px 10px 40px;text-align:left;margin:0 auto 20px auto;text-align:justify;border:1px solid #FF9595;background-color:#FFE1E1;color:#CC3300;font-weight:bold;background-image:url(../images/icons/error-trans.png);background-repeat:no-repeat;background-position:10px center;}
.form-information{padding:10px 10px 10px 40px;text-align:left;margin:0 auto 20px auto;text-align:justify;border:1px solid #93A8FF;background-color:#D7DFFF;color:#0033FF;font-weight:bold;background-image:url(../images/icons/information-trans.png);background-repeat:no-repeat;background-position:10px center;}
.form-warning{padding:10px 10px 10px 40px;text-align:left;margin:0 auto 20px auto;text-align:justify;border:1px solid #C69E00;background-color:#FFFBCC;color:black/*#C69E00*/;font-weight:bold;background-image:url(../images/icons/warning-trans.png);background-repeat:no-repeat;background-position:10px center;}
.form-success{padding:10px 10px 10px 40px;text-align:left;margin:0 auto 20px auto;;text-align:justify;border:1px solid #97FF88;background-color:#E3FFDF;color:#009900;font-weight:bold;background-image:url(../images/icons/success-trans.png);background-repeat:no-repeat;background-position:10px center;}
.form-loader{padding:65px 10px 10px 10px;text-align:center;margin:0 auto 20px auto;font-weight:bold;background-image:url(../images/loader/loader.svg);background-size:50px 50px;background-repeat:no-repeat;background-position:center 5px;}

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

.field{margin:0 0 10px 0;min-height:25px;position:relative;}
.field label{line-height: 2em;margin:0 5px 5px 0;display:block;float:left;}
.field label.tiny{width:30px;}
.field label.small{width:80px;}
.field label.medium{width:120px;}

.field input[maxlength],
.field input[minlength],
.field textarea[maxlength],
.field textarea[minlength]{padding-right: 75px !important;}

.field input[maxlength] + .maxlength,
.field input[minlength] + .maxlength,
.field textarea[maxlength] + .maxlength,
.field textarea[minlength] + .maxlength{
    position: absolute;
    right: 15px;
    bottom: 14px;
    font-size: 12px;
}

/* **************************************************************************************************** */
/* CONTENT */
/* **************************************************************************************************** */
div#content{
	overflow:hidden;
        /*margin-top:55px;*/
}

div#content.scroll{
	margin-top:104px;
}

div#content .inner{}
div#content #data{margin:0;overflow:hidden;padding:20px;}

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

/*
.l-content{width:20%;float:left;margin:0 0 0 0;}

.c-content{margin-left:20%;padding:0 0 0 20px;position:relative;}
*/

.c-content{position:relative;}
.c-content.large{margin-left:0;}

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

#content #side{
	position:absolute;
	width:160px;
	background:#CCCCCC;
	height:100%;
}
#content #side.close{width:0px;}

#content #side .openClose{
	z-index:1000;
	position:absolute;
	top:0;
	left:100%;
}

#content #data.slided{margin-left:160px;}

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

figure.page-illustration{
    min-height: 300px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 720px;
    margin: auto;
}
figure.page-illustration img{display:block;width:100%;}

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

div#content #data header{margin:auto;}
div#content #data .tpl{margin:0 auto 30px auto;font-size: 18px;font-weight: lighter;}

div#content #data .tpl p{text-align:left;margin:0 0 5px 0;line-height: 1.5em;}
div#content #data .tpl ul{margin-left:30px;}

div#content #data .tpl h2{margin:25px 0 20px 0;}
div#content #data .tpl h3{margin:15px 0 10px 0;}

div#content #data #page header{margin:0 auto;max-width:720px;}
div#content #data #page .tpl{max-width:720px;}

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

body.member #content #data,
body.shop-customer #content #data,
body.twiza-customer #content #data,
body.twiza-site #content #data,
body.twiza-directory #content #data{
	padding:0;
}

body.member #content .inner,
body.twiza-customer #content .inner,
body.twiza-site #content .inner{
	/*border:1px solid #AAAAAA;*/
	border-top:0;
	border-bottom:0;
}

/* **************************************************************************************************** */
/* BREADCRUMP */
/* **************************************************************************************************** */
#breadcrump{padding:10px 0 10px 0;}

/* **************************************************************************************************** */
/* PAGING */
/* **************************************************************************************************** */
#content .paging{margin:10px 0 20px 0;text-align:center;clear:both;}

#content .paging .navigate a,
#content .paging .navigate span{border:1px solid #0088EB;text-decoration:none;padding:5px 8px 5px 8px;margin:0 5px 0 5px;}
#content .paging .navigate span{font-weight:bold;background:#0088EB;color:white;}
#content .paging .navigate span.sep{border: 0;background: none;color:#0088EB;}

/* ****************************************************************************************** */
/* TABS */
/* ****************************************************************************************** */
.tabs-menu{overflow:hidden;margin:0 0 0 0;border-bottom:1px solid #AAAAAA;}

.tab{background:white;border:1px solid #AAAAAA;border-top:0;padding: 10px 10px 0 10px;}
.tab.force{display:block !important;}

.tabs-menu li,
h2.accordion{
	cursor:pointer;
	border: 1px solid #AAAAAA;
    border-bottom: 3px solid white;	
    border-radius:6px 6px 0 0;
    background: white;
}
.tabs-menu li{list-style-type:none;float:left;margin-right:5px;}

.tabs-menu li.selected,
.tabs-menu li:hover,
h2.accordion.selected{
	border: 1px solid #0088EB;
	border-bottom:3px solid #0088EB;
	border-radius:6px 6px 0 0;
	color:#0088EB;
}

.tabs-menu li a{
	padding:12px 12px;
	color:inherit;   
	display:block;
    font-size: 1.2em; 
    text-decoration:none;
}

h2.accordion{
	display:none;
	float:none;
	margin:0;
	background: url(../images/icons/arrow_down.svg) no-repeat 98% center white;
    background-size: 20px;	
     font-size:1.2em;
   padding:12px 15px; 
}
h2.accordion.selected{
    background-image: url(../images/icons/arrow_up.svg);	
}
h2.accordion a{color:inherit;display:block;}

.accordion-content{padding:5px;background:white;}

/* **************************************************************************************************** */
/* POPUP SUBSCRIBE */
/* **************************************************************************************************** */
#popup-subscribe{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	background:rgba(0,136,235,0.9);
	padding:40px 10px;	
	text-align:center;
	font-size:18px;
	z-index:100;
	display:none;
}
#popup-subscribe.scroll{
	display:block;
}

#popup-subscribe .title{margin:0 0 15px 0;color:white;}

#popup-subscribe .buttons a{font-weight:normal;background:white;width:250px;border-radius:5px;color:rgba(0,136,235);font-size:18px;height:50px;line-height:2.6em;}

/* **************************************************************************************************** */
/* SUBFOOTER */
/* **************************************************************************************************** */
#footer-argument{
	background:#FAFAFA;
	padding:60px 0 90px 0;
}
#footer-argument .misc-presentation{
	background:white;
	overflow:hidden;
	padding:20px;    
	border: 10px solid #F4F4F4;
    border-radius: 10px;
    margin:0 0 60px 0;
    text-align:left;
}
#footer-argument .misc-presentation:hover{background:#F4F4F4;}
#footer-argument .misc-presentation:last-of-type{margin:0;}
#footer-argument .misc-presentation .inner{width:auto;}

#footer-argument .misc-presentation figure{float:left !important;width:130px;height:auto;margin:0;}
#footer-argument .misc-presentation figure img{width:100%;height:auto;display:block;}
#footer-argument .misc-presentation .infos h2{font-size:24px;font-weight:bolder;margin:0 0 10px 0;}
#footer-argument .misc-presentation .infos{float:none;margin-left:155px;width:auto;max-width:initial;}
#footer-argument .misc-presentation .infos .text{font-size:18px;font-weight:lighter;}
#footer-argument .misc-presentation .infos .text p{line-height:1.7em;}
#footer-argument .misc-presentation .more{margin:5px 0 0 0;text-align:left;}

#footer-argument .misc-presentation .more a{
	background:transparent;
	color:#0088EB;
	border:0;
	border-radius:5px;
	font-size:18px;
	font-weight:normal;
	height:initial;
	line-height:2.5em;
	padding:0;
	display:block;
	text-align:left;
}

#footer-argument .misc-presentation.SUBFOOTER-TITLE{
	margin:0 0 40px 0;
	border:0;
	background:transparent !important;
	text-align:left;
	padding:0;
}
#footer-argument .misc-presentation.SUBFOOTER-TITLE .infos h2{font-size:36px;margin:0;}
#footer-argument .misc-presentation.SUBFOOTER-TITLE .infos{margin:0;}

body.action-completion #footer-argument,
body#action-subscribe #footer-argument,
body#action-login #footer-argument,
body.action-member #footer-argument,
body.action-talk #footer-argument{display:none;}


/* **************************************************************************************************** */
/* FOOTER */
/* **************************************************************************************************** */
footer#footer-main{
	overflow:hidden;
	padding:30px 20px;
	border-top:1px solid #CCCCCC;
	background:white;
        position:relative;
        z-index:20;        
}
footer#footer-main .inner{background:transparent;width:980px;margin:auto;}

footer#footer-main .links{overflow:hidden;    margin: 0 auto 30px auto;max-width: 960px;}

footer#footer-main .title,
footer#footer-main .inset-title{
    font-size: 1.4em;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: bolder;
}

footer#footer-main .inset{
	width: 33%;
    display: inline-block;
    vertical-align: top;
    margin:0;
}
footer#footer-main .inset ul{
	list-style-position:inside;
	list-style-type:none;
}
footer#footer-main .inset ul li{
	padding:5px 0;	
}
footer#footer-main .inset ul li a{
	color:#333333;
	font-size:1.1em;
}

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

footer#footer-main .don{text-align:center;margin:0 0 35px 0;}
footer#footer-main .don a{
    background: white;
    font-size: 16px;
    padding: 15px 25px;
    line-height: initial;
    height: auto;
    min-width: auto;
    border-radius: 3px;
    border: 1px solid #3B3B3C;
    box-shadow: 0px 3px 6px 0px #DFDFDF;
    color: #3B3B3C;	
        font-weight:normal;
}

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

footer#footer-main .informations{
	text-align:center;
	padding: 0 0 0 0;
	margin:0 0 20px 0;
}
footer#footer-main .informations .inset{
	float:none;
	margin:0 0 0 0;
	width:auto;
	display:block;
}
footer#footer-main .informations .inset ul{
	list-style-position:inside;
	list-style-type:none;
	text-align:center;
	margin:0 0 20px 0;
}
footer#footer-main .informations .inset ul li{
	padding:5px 0;	
	display:inline-block;
	vertical-align:top;
}
footer#footer-main .informations .inset ul li a{
	color:#333333;
	font-size:1.1em;
	display:block;
}
footer#footer-main .informations .inset ul li a::after{content:"-";padding:0 5px;}
footer#footer-main .informations .inset ul li:last-of-type a::after{display:none;}