/*
Theme Name: Magazin'art Theme
Description: Thème du site Web Magazin'art
Author: Meb Agence Web (Marie-Ève Benson
Author URI: http://www.mebagenceweb.com

*/

/********************************************HTML5 BOILERPLATE MINIFIED***************************/

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/********************************************BODY STYLES******************************************/

body { 
	background:#FFF;
	color: #000; 
	font-family: 'Lato', sans-serif;
	font-size:21px;
	margin:9px 0 0 0;
	overflow-x:hidden;
}

h1{font-size:50px; font-weight:300; margin:0;}
.home h1{text-transform:uppercase; font-size:20px; font-weight:900; margin:5px 0 5px 0;}
.home h2{text-transform:uppercase; font-size:20px; font-weight:400; line-height:22px; margin:0 0 5px 0;}


.home #last-post .content *{display:none;}
.home #last-post .content h1,
.home #last-post .content h2{display:block}

h2 {
	font-size:25px;
	font-weight:300;
	margin:0 0 0 0;
}


h3 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
}

h3 strong{
	font-weight:900;
}

p{
	font-weight:300;
	line-height:30px;
}

a { 
	text-decoration: none; 
}

a:hover {
	
}

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

.container{
	clear: both;
	margin: 0 auto; 
	max-width: 1200px;
	position: relative;
	padding:0 20px;
}


#content-wrapper {
	margin: 0 auto; 
	position: relative;
	width: 1200px; 
	padding:0 20px;
}

.page-template-custom-repertoire-form #thecontent{
	width:100%;
}

#thecontent {
	position: relative;
	width: 68%;
	margin-right:2%;
	float:left;
}

#thecontent a{color:#5ec152;}
#thecontent a:hover{color:#4c9d2f;}
#thecontent a:visited{color:#0086cf;}

/********************************************HEADER STYLES***************************************/

header, section, footer {
	width: 100%;
}

header{
	background:url(images/shadow-top.gif) no-repeat top center;
	padding-top:23px;
	position:relative;
}

.logo{float:left; margin:0 0 27px 0;}

.social-network{position:absolute; top:83px; width:380px; right:1.5%;}

.facebook,
.twitter,
.linkedin{width:32px; height:31px; display:block;float:left; margin-right:8px;}

.facebook{background:url(images/ico-facebook.gif);}
.twitter{background:url(images/ico-twitter.gif);}
.linkedin{background:url(images/ico-linkedin.gif);}

.facebook:hover,
.twitter:hover,
.linkedin:hover{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

.hr-big{background:url(images/hr-big.gif) no-repeat; width:100%; height:7px; border:0; margin-top:10px;}

#searchform{position:absolute; right:0; bottom:0;}
#searchform input[type="text"]{border:1px solid #e0e0e0; padding:7px 5px; font-size:14px;}
#searchform input[type="submit"]{background:url(images/ico-search.gif) no-repeat; width:32px; height:32px; border:0; margin-left:12px;}
#searchform input[type="submit"]:hover{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}



.single-attachment #respond{display:none;}


/********************************************NAV STYLES*****************************************/

.menu-menu-principal-container,
.menu-main-menu-container{
	width:106%;
	margin-bottom:11px;
	height:64px;
}

.menu-menu-principal-container ul,
.menu-main-menu-container ul{list-style:none; margin:0; padding:0;}
.menu-menu-principal-container li,
.menu-main-menu-container li{margin:0 0 0 20px; padding:0; display:table; float:left; width:14%; height:64px; text-align:center; text-transform:uppercase; font-size:15px; background:#000; position:relative;}
.menu-menu-principal-container li:first-child,
.menu-main-menu-container li:first-child{margin-left:0;}
.menu-menu-principal-container a,
.menu-main-menu-container a{display:table-cell;vertical-align:middle;color:#FFF;}
.menu-menu-principal-container li:first-child:hover{background:#5ec152;}
.menu-main-menu-container li:first-child:hover{background:#5ec152;}
.menu-menu-principal-container li:first-child + li:hover{background:#0086cf;}
.menu-main-menu-container li:first-child + li:hover{background:#0086cf;}
.menu-menu-principal-container li:first-child + li + li:hover{background:#00c9de;}
.menu-main-menu-container li:first-child + li + li:hover{background:#00c9de;}
.menu-menu-principal-container li:first-child + li + li + li:hover{background:#851cb8;}
.menu-main-menu-container li:first-child + li + li + li:hover{background:#851cb8;}
.menu-menu-principal-container li:first-child + li + li + li + li:hover{background:#bc34ba;}
.menu-main-menu-container li:first-child + li + li + li + li:hover{background:#bc34ba;}
.menu-menu-principal-container li:first-child + li + li + li + li + li:hover{background:#d7073a;}
.menu-main-menu-container li:first-child + li + li + li + li + li:hover{background:#d7073a;}

#menu-menu-principal li:hover .sub-menu{display:block;}
#menu-menu-principal li:hover .sub-menu ul,
#menu-menu-principal li:hover .sub-menu ul{left:300px; top:-31px;}
#menu-menu-principal li:hover .sub-menu ul.sub-menu:before,
#menu-menu-principal li:hover .sub-menu ul.sub-menu:before{content:'';}

#menu-menu-principal .sub-menu{display:none; position:absolute; top:64px; left:0; z-index:9999; margin-top:11px !important; padding:20px 0 !important; background:#000;}
#menu-menu-principal .sub-menu:before{content:url(images/smenu-arrow.png); position:absolute; left:0; top:-24px;}
#menu-menu-principal .sub-menu li{padding:0 30px !important; width:300px; text-align:left; float:none; height:24px; margin-left:0;}
#menu-menu-principal .sub-menu li:hover{background:#333333 !important;}

.menu-menu-principal-container li:first-child + li + li + li + li + li .sub-menu {left:-160px;}
.menu-main-menu-container li:first-child + li + li + li + li + li .sub-menu {left:-160px;}
.menu-menu-principal-container li:first-child + li + li + li + li + li .sub-menu:before{left:160px;}
.menu-main-menu-container li:first-child + li + li + li + li + li .sub-menu:before{left:160px;}

.navigation{display:block; width:100%;}
.navigation a{}
.navigation a .next{position:absolute; left:0; bottom:-30px;color:#FFF; background:#000; text-decoration:none; padding:5px 10px;}
.navigation a .prev{position:absolute; right:0; bottom:-30px;color:#FFF; background:#000; text-decoration:none; padding:5px 10px;}

/********************************************SLIDER********************************************/

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside{
	background:rgba(255,255,255,0.7) !important;
	color:#000 !important;
	text-align:left !important;
	padding:20px 10px 20px 20px !important;
}

.soliloquy-fc-content p{
	line-height:1.4em !important;
	font-style:italic !important;
	font-size:14px;
}

.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title, 
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link{
	font-size:17px !important;
}

.soliloquy-fc-title-link{ color:#000 !important; }

.soliloquy-container .soliloquy-pager{ 
	text-align:right !important;
	right:10px !important;
}

.soliloquy-pager-item span{display:none !important;}

/********************************************FOOTER STYLES*************************************/


footer{min-height:300px; background:#000; padding:45px 0 0 0; margin-top:50px; }

#footer-wrapper{padding-top:60px; border-top:1px solid #999999;}

footer #social-network{background:#000; top:-19px; left:50%; margin-left:-72px; position:absolute;}
footer #social-network img{margin-right:9px;}
footer #social-network a:hover{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

.menu-footer{float:left; width:15%; margin-left:2%; color:#FFF;}
footer ul{list-style:none;margin:0; padding:0;}
footer ul li:first-child {padding-bottom:7px;}
footer ul li:first-child a{color:#FFF; font-size:14px;}
.menu-footer a{color:#959595; text-transform:uppercase; font-size:12px;}
footer .last{width:13%;}
.footer-un a:hover{color:#5ec152;}
.footer-deux a:hover{color:#0086cf;}
.footer-trois a:hover{color:#00c9de;}
.footer-quatre a:hover{color:#851cb8;}
.footer-cinq a:hover{color:#bc34ba;}
.footer-six a:hover{color:#d7073a;}

.copyright{ color:#959595; text-align:center; font-size:12px; margin-top:45px;}

.caption, .wp-caption-text{font-weight:300; font-size:14px; display:block; margin-top:0;}
.rep-thumb .wp-caption-text{margin-left:10px;}

/********************************************HOME CONTENT STYLES*******************************/

#current{float:left; width:30%; margin-top:20px;}

#last-post{width:100%; /*height:329px;*/ float:right; background:url(images/hr-medium.gif) no-repeat; padding:20px 0; border-bottom:1px solid #000; }
#last-post h3{margin-bottom:0; margin-top:11px;}
#last-post p{margin:0; line-height:20px;}
#last-post ul{list-style:none; margin:0; padding:0;}

#last-post ul li img{width:100%; height:auto;}
#last-post ul li{ width:48%; float:left; margin-left:4%; /*height:291px;*/ position:relative;}
#last-post ul li:first-child{ margin-left:0px; }
#last-post a p{color:#000;}

.home .more-link{bottom:-11px;}
/*.more-link{background:#000; padding:2px 7px; color:#FFF !important; display:block; width:55px; position:relative; bottom:0; left:0;}*/
.more-link {
	background: #000;
	padding: 2px 7px;
	color: #FFF !important;
	display: block;
	width: 70px;
	position: relative;
	bottom: 0;
	margin-top: 60px;
}


.more-link:hover{color:#FFF; background:#464646;}

#repertoires{margin-top:20px;}
#repertoires img{width:31%; margin-left:2.5%;}
#repertoires a:first-child img{margin-left:0;}
#repertoires a:hover,
#current a:hover{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}


/********************************************PAGINATION*******************************/

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #000;
}
 
.pagination a:hover{
color:#fff;
background: #5ec152;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #5ec152;
color:#fff;
}


/********************************************SUB CONTENT STYLES*******************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

/*Blog*/


/********************************************ADVERTISING*****************************************/

.ad-top{width:728px; margin:0 auto 11px auto;}

aside{width:26%; float:right;}
aside div{margin-bottom:11px;}


/********************************************MEDIA QUERIES FOR MOBILE STYLES ***********************/

@media only screen and (max-width: 1025px) {



}

/********************************************OLD IE STYLES ****************************************/


/********************************************PRINT STYLES*****************************************/

@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after{content:""}a[href^="#"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}@page{margin:.5cm}p{orphans:3;widows:3}h2{orphans:3;widows:3;page-break-after:avoid}h3{orphans:3;widows:3;page-break-after:avoid}}


.nocomments{display:none;}


/** ADD THIS **/

.addthis_toolbox{margin-bottom:30px;}

/** RELATED POST **/
.wp_rp_footer{display:none;}
.wp_rp_wrap{background:url(images/hr-medbig.gif) top left no-repeat; padding-top:10px;}
.wp_rp_title{height:50px !important;}


/** GALERIE **/
.gallery .wp-caption-text{display:none;}
.gallery img{border:none !important;}
.gallery-item{width:28% !important; text-align:left !important;}
.wp-caption{margin:50px 0;}

/** ACTUALITÉS */

/*.actu:first-child{border-top:1px solid #000; margin-top:20px;}*/

/*.actu{width:48%; min-height:320px; padding:12px 0 12px 0; border-bottom:1px solid #000; float:left; margin-right:20px; position:relative;}*/
.wrapper{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 90px;
	-webkit-column-gap: 90px;
	column-gap: 90px;
}
.actu {
	padding: 28px 0 21px 0;
	border-bottom: 1px solid #000;
	position: relative;
	break-inside: avoid-column;
}

#thecontent .actu a,
.actu a p{color:#000;}

.home .addthis-smartlayers-desktop{display:none;}


.actu_img{height:auto; width:100%;}
.actu .more-link{bottom:12px;}
.actu h3{margin-bottom:0;}
.actu p{margin-top:0;}

.last{margin:0;}



/* WOO-COMMERCE */

.woocommerce-page #thecontent{width:100%;}
/*.woocommerce-page #container{width:620px; float:left;}*/
.woocommerce-page footer{clear:both;}

.woocommerce-page aside{display:none;}
.woocommerce-page .images img,
.woocommerce-page .images{width:300px !important; height:auto !imporant;}
.woocommerce-page .woocommerce #content div.product div.summary, 
.woocommerce-page .woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{width:63% !important;}
/*.woocommerce-page .products img{width:300px !important; height:auto !important;}*/

.boutique-options{position:absolute; right:1%; top:10px; text-align:right;}
.boutique-options ul{list-style:none; margin:0; padding:0;}
.boutique-options ul li{display:inline;}
.boutique-options a{color:#000; font-size:11px; padding:5px 10px; }
.boutique-options a:hover{background:#000; color:#FFF; font-size:11px; padding:5px 10px; }
.boutique-options li:after{content:' |';}
.boutique-options li:last-child:after{content:'';}

.woocommerce-account h2{margin-top:40px; line-height:60px; background:#000; padding:0 20px; color:#FFF;}
.woocommerce-account input{padding:5px;}
.woocommerce .addresses .title, .woocommerce-page .addresses .title{width:100% !important; background:#FFF;}
.woocommerce-page #content-wrapper a{color:#5ec152;}
.woocommerce-page #content-wrapper a:hover{color:#636363;}
.woocommerce-page .chosen-container-single .chosen-single{border-radius:0px !imporant; -moz-border-radius:0px !imporant; -webkit-border-radius:0px !imporant;}

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info{border-top:3px solid #5ec152 !important;}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before{background:#5ec152 !important;}

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, 
.woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, 
.woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, 
.woocommerce-page #content input.button.alt{background:#5ec152 !important; background:-webkit-linear-gradient(#5ec152,#54b349) !important;background:-moz-linear-gradient(#5ec152,#54b349) !important;}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, 
.woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, 
.woocommerce-page #respond input#submit, .woocommerce-page #content input.button{
	background:#000 !important; color:#FFF !important; padding:5px 10px !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;
	border:0 !important; text-shadow:none !important; -webkit-text-shadow:none !important; -moz-text-shadow:none !important; font-weight:300 !important;
}

.single-product .cart{margin-top:10px;}

.woocommerce div.product span.price, .woocommerce div.product p.price, 
.woocommerce #content div.product span.price, .woocommerce #content div.product p.price, 
.woocommerce-page div.product span.price, .woocommerce-page div.product p.price, 
.woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price{color:#5bbd4f !important;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{min-height:290px !important;}

.restricted{display:block;background:#5bbd4f; padding:5px 10px; margin-top:10px; font-weight:900; width:50%; text-align:center;}
.restricted a{color:#FFF !important;}

.wp_rp_wrap{margin-top:50px;}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3{font-size:0.8em !important;}
/*.woocommerce ul.products li.product a.product_type_subscription{position:absolute; bottom:0;}*/
.woocommerce ul.products li.product a.product_type_subscription:hover{background:#636363 !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{color:#636363 !important;}

.woocommerce-breadcrumb{display:none;}
.woocommerce .product_title{font-size:40px !important;}

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images{margin-top:1em !important;}


/*** MAILCHIMP FORM ***/


.home .field-group{float:left; margin:10px 0 0 10px;}
.field-group input{padding:5px; width:230px;height:30px; border:1px solid #e0e0e0; font-size:14px;}

a #newsletter{color:#000;}
.home #newsletter #submit{background:#000; height:30px; width:115px; color:#FFF; text-transform:uppercase; float:right; border:0; 
									   margin-top:10px; border-radius:0 !important; font-weight:300 !important; font-family: 'Lato', sans-serif !important;}
.home #newsletter #submit:hover{background:#636363;}
.home #newsletter{background:url(images/hr-medbig.gif) no-repeat; border-bottom:1px solid #000; padding:10px 0 8px 0; margin-top:11px; position:relative;}
.home #newsletter p{font-weight:900; font-size:14px; text-transform:uppercase;float:left;}


#newsletter{margin:-15px 0 20px 0;}
#newsletter #submit{background:#000; height:30px; width:97px; color:#FFF; text-transform:uppercase; float:left; border:0; 
								 margin:10px 0 0 10px; border-radius:0 !important; font-weight:300 !important; font-family: 'Lato', sans-serif !important;}
#newsletter #submit:hover{background:#636363;}
.field-group{float:left; margin:10px 0 0 0px;}

aside a.newsletter{color:#000;}
aside a.newsletter button{background:#000; height:30px; width:100%; color:#FFF; text-transform:uppercase; float:left; border:0; text-align:center; display:block;
								 margin:10px auto 0 auto; border-radius:0 !important; font-weight:300 !important; font-family: 'Lato', sans-serif !important;}
aside a.newsletter button:hover{background:#636363;}


/**** FORMULAIRE ****/


#form10 .label,
#form11 .label,
#form12 .label,
#form1 .label{font-family: 'Lato', sans-serif !important; font-size:14px !important; font-weight:normal !important;}

#form11 .label{line-height:40px !important;}

#form10 .wdform_table1{margin-left:-30px !important;}
#form11,
#form12{margin-left:-16px !important;}

#form10 .ch_rad_label,
#form11 .ch_rad_label,
#form12 .ch_rad_label,
#form1 .ch_rad_label{font-size:14px !important; line-height:18px !important;}

#form10 .wdform_table1 input, #form10 .wdform_table1 textara,
#form11 .wdform_table1 input, #form11 .wdform_table1 textara,
#form12 .wdform_table1 input, #form12 .wdform_table1 textara,
#form1 .wdform_table1 input, #form1 .wdform_table1 textara{border:1px solid #CCC !important; padding:5px 10px !important; border-radius:0px !important;}

#form10 .button_submit-custom,
#form11 .button_submit-custom,
#form12 .button_submit-custom,
#form1 .button_submit-custom{background:#000 !important; border-radius:0 !important; box-shadow:0 !important; border:0 !important; width:90px !important; height:30px !important; color:#FFF !important;
							  font-family: 'Lato', sans-serif !important; font-size:14px !important; text-transform:uppercase;}

#form11 .button_submit-custom{margin-top:20px !important;}

#form10 .button_submit-custom:hover,
#form11 .button_submit-custom:hover,
#form12 .button_submit-custom:hover,
#form1 .button_submit-custom:hover{background:#636363 !important;}


/**** ARTICLES ****/

.article-wrap{margin-top:20px; position:relative;}
.article-img{float:left; margin:0 20px 0 0; max-height:300px; width:300px; overflow:hidden;}
.article-img img{width:auto; /*height:150px;*/}
.article-content{float:left; position:relative; width:48%;}
.article-wrap .more-link{left:320px;}

.content-in *{display:none;}
.content-in h1,
.content-in h2{display:block; color:#000; text-transform:uppercase; font-size:20px; font-weight:400;}
.content-in h1{font-weight:bold; margin-top:10px;}

.category .content-in h1,
.category .content-in h2{color:#000;text-transform:uppercase; font-size:20px; font-weight:400;}
.category .content-in h1{font-weight:900; margin-top:10px;}

.article-content p{margin-top:0;}
.article-wrap .tags{font-size:12px;}
.article-wrap .tags a:after{content:', ';}
.article-wrap .tags a:last-child:after{content:'';}


/**** WIDGET INFOLETTRE ****/

#text-3,
#text_icl-2,
#text_icl-3{background:url(images/hr-small.png) no-repeat; padding:15px 15px 5px 15px; border-bottom:1px solid #000;}

#text-3 h2,
#text_icl-2 h2,
#text_icl-3 h2{font-size:14px; text-transform:uppercase; text-align:center;}

#text-3 .mc-field-group input,
#text_icl-2 .mc-field-group input,
#text_icl-3 .mc-field-group input{width:270px !important; margin-bottom:10px;}

#text-3 input[type="submit"],
#text_icl-2 input[type="submit"],
#text_icl-3 input[type="submit"]{background:#000; border-radius:0 !important; color:#FFF; text-shadow:none !important; padding:5px 10px; 
								width:100px; margin:0 auto; display:block; font-weight:200; text-transform:uppercase; font-size:14px;}



/*WPML*/

.lang_sel_sel,
li.wpml-ls-current-language{	display:none !important; }
#lang_sel_list a, #lang_sel_list a:visited{background:none !important; color:#000 !important; line-height:15px !important; padding-left:13px !important; padding-right:13px !important; 
										   padding-bottom:0 !important;}
#lang_sel_list{font-family:'Lato', sans-serif !important; float:right !important;}
.boutique-options #lang_sel_list ul li:after{conten:'' !important;color:#FFF;}
.wpml-ls-legacy-list-horizontal{border:0 !important; padding:0 !important;}
.lang_sel_other{padding-top:5px !important;}



/*UBER*/


.ubermenu-submenu-id-18652{
	min-width:250px;
}


/*FORMULAIRE RÉPERTOIRE*/

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title{
	font-size:1.5em !important;
	opacity:0.3 !important;
}

.gform_wrapper .percentbar_blue{
	background-image:none !important;	
}

.gform_wrapper .gf_progressbar,
.gform_wrapper .gf_progressbar_percentage{
	height:40px !important;
}

.gform_wrapper .gf_progressbar{
	background-image:none !important;
	background-color:#F1F1F1 !important;
}

.gform_wrapper .gf_progressbar_percentage span{
	padding-top:10px;
}

.gform_wrapper .gf_progressbar_wrapper{
	margin:0 0 3em 0 !important;
}

.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button{
	background:#333 !important;
	border-radius:0 !important;
	border:0 !important;
	color:#FFF !important;
	padding:10px 20px !important;
	font-weight:300 !important;
	font-size:14px !important;
	text-transform:uppercase !important;
}

.gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 1.5em !important;
}

.gform_wrapper .gform_page_footer .button.gform_previous_button{
	margin-bottom:0 !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{
	margin-left:0px !important;
}


li:not(#foo) > input[type='radio'],
li:not(#foo) > input[type='checkbox'] {

    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 18px;
}

li:not(#foo) > input[type='radio'] + label {
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 35px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(images/radio-off.png) left center no-repeat;
}


li:not(#foo) > input[type='checkbox'] + label {
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 35px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(images/check-off.png) left 7px no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
li:not(#foo) > input[type='radio']:checked + label {
    background-image: url(images/radio.png);
}
li:not(#foo) > input[type='checkbox']:checked + label {
    background-image: url(images/check.png);
}

.printfiche{color:red; cursor:pointer; font-weight:bold; margin-bottom:30px;}


.gchoice_1_2_1 label{padding-left:35px !important;}

.gchoice_1_2_1 input[type=checkbox] + label:before {
	margin: 2px 5px 0 -35px !important;
}

.gform_wrapper .ginput_complex label{
	color:#CCC !important;
}

.ginput_complex .ginput_right select,
.ginput_complex select,
ul.gform_fields li.gfield select{
	height:37px !important;
}

/*SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.ginput_complex .ginput_right select,
	.ginput_complex select,
	ul.gform_fields li.gfield select,
	.gfield_select{

		background:#FFF !important;
		height:37px !important;
		-webkit-border-radius:none !important;
		-webkit-box-shadow:none !important;
		padding:10px 20px !important;
		font-weight:300 !important;
		font-size:14px !important;
		text-transform:uppercase !important;
	}
}

.gform_wrapper .gform_page_footer .button.gform_button{
	background:#5ec152;
	border-radius:0 !important;
	border:0 !important;
	color:#FFF !important;
	padding:10px 20px !important;
	font-weight:300 !important;
	font-size:14px !important;
	text-transform:uppercase !important;
}

.gform_wrapper .top_label .gfield_label{
	margin-top:2.5em !important;
}

.gfield_list{
	padding:10px !important;
	width:100% !important;
	/*margin-bottom:40px !important;*/
}


.gfield_list td{
	border-bottom:1px solid #F1F1F1 !important;
	padding:5px !important;
	font-weight:bold;
}

.gfield_list th{
	text-align:left !important;
	padding:5px !important;
	background:#F1F1F1 !important;
	font-weight:normal !important;
}

a.gform_save_link{
	background:#F1F1F1;
	margin-left:40px;
	color:#333 !important;
	padding:10px 15px;
	text-transform:uppercase;
	font-size:13px;
}

#field_1_74,
#field_1_75{margin-top:-50px;}

.gform_previous_button{margin-right:10px;}

#extensions_message,
#field_1_68,
#field_2_68{display:none;}


.single-repertoire #thecontent{
	width:100% !important;
}

.rep-img > .wp-caption{
	width:77% !important;
	float:left;
}

.wp-caption{width:100% !important;}

.rep-img img:first-child{
	width:98%;
	height:auto;
	display:block;
	margin-bottom:10px;
	margin-right:0;
}

.rep-img{width:100%;}

.rep-thumb{
	width:20%;
	float:left;
}

.rep-thumb img:first-child{
	width:100%;
	height:auto;
	padding:0 0 10px 10px;
	margin-bottom:0;
}


.rep-cat{
	float:right;
	text-transform:uppercase;
	font-size:25px;
	font-weight:bold;
	padding-top:27px;
}

.single-repertoire hr{clear:both; margin:40px 0 20px 0;}
.single-repertoire h1{float:left; width:50%;}
.single-repertoire h2{margin-bottom:10px; margin-top:30px;}
.single-repertoire .one-third{width:32%; float:left; margin-right:1%; margin-bottom:20px;}
.single-repertoire .last{margin:0;}

.page-template-custom-repertoire #thecontent{ /*.archive #thecontent*/
	width:100%;
}


.page-template-custom-repertoire ul.ap_pagination li,
.page-template-custom-repertoire .ap_letter{
	background:#000;
	padding:5px 7px;
	display:block;
	height:30px;
	width:30px;
	font-size:15px;
	color:#FFF;
	margin-bottom:5px;
	margin-right:7px;
}

.page-template-custom-repertoire .ap_letter {
	clear: both;
	text-align: center;
	margin-left: 10px;
}

.page-template-custom-repertoire ul.ap_list{
	list-style:none;
	padding-left:15px !important;
}

#menu-repertoire-categories{
	list-style:none;
	padding-left:0;
	margin-left:-4px;
}

#menu-repertoire-categories li{
	display:inline;
	margin:0 0 10px 0;
	padding:0;
}

#menu-repertoire-categories a{
	font-size:14px;
	margin:0 5px 10px 15px;
	background:#000;
	color:#FFF;
	padding:5px 10px;
	display:block;
	float:left;
}

#menu-repertoire-categories a:visited{
	color:#FFF;
}

.thumbnail-wrapper{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.thumbnail-wrapper img{
	width:auto;
	height:80px;
}

.last{
	margin-right:2%;
	width:30%;
	float:left;
}

.last-wrapper{
	width:350px;
	height:350px;
	overflow:hidden;
}

.last-wrapper img{
	max-width:auto;
	min-height:350px;
	max-height:500px;
}

.last h2 a{color:#000 !important; font-size:16px;}

.tax-rep hr,
.page-template-custom-repertoire hr{
	clear:both;
}

.rep-col{
	float:left;
	width:48%;
	margin-right:1%;
}

.recherche{
	background:#5ec152;
	padding:20px;
}

.recherche a{
	color:#FFF;
	text-transform:uppercase;
	font-size:20px;
}

.recherche a:visited,
.recherche a,
.recherche a:hover{
	color:#FFF !important;
}



.mobile{
	display:none !important;
}

.mean-container .mean-nav ul li a.mean-expand{height:23px !important;}

@media screen and (max-width: 1012px){
	body{margin-top:0;}
	#thecontent{width:100%;}
	aside,
	.ad-top{display:none;}
}

@media screen and (max-width: 860px){
	.menu-footer{
		width:23%;
		min-height:150px;
	}

	/*.rep-col{
		float:none;
		width:100%;
		margin-right:0;
	}*/

	.thumbnail-wrapper{
		width:200px;
		height:200px;
		overflow:hidden;
	}

	.thumbnail-wrapper img{
		width:auto;
		height:100%;
	}
}

@media screen and (max-width: 780px){
	.logo{display:none;}
	.logo-mobile{display:block !important; margin-top:40px; margin-bottom:20px; margin-left:50%; width:188px; position:relative; left:-94px;}
	#last-post{width:98%; float:left;}
	.boutique-options,
	.social-network{display:none;}
	nav .mobile{display:block !important;}
	footer{display:none !important;}
}

@media screen and (max-width: 700px){
	#soliloquy-container-18844{display:none !important;}
	#thecontent img{width:100%; height:auto;}
	#repertoires img{width:31%; margin-left:2%;}
	.rep-img img:first-child,
	.rep-thumb,
	.rep-img > .wp-caption,
	.wp-caption{float:none; width:100% !important;}
	.pdfprnt-bottom-right img{width:auto !important;}
}


@media screen and (max-width:768px){



}


@media screen and (max-width:600px){
	.wrapper{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}


@media screen and (max-width: 580px){
	.menu-footer{
		width:30%;
		min-height:150px;
	}
	#last-post{height:auto;}
	#last-post ul li{
		width:100%;
		margin-left:0;
		height:auto;
		display:block;
		float:none;
		margin-top:20px;
	}
	#repertoires img{width:48%; height:auto;}
	#repertoires img.current{margin-left:0 !important; margin-top:20px !important;}

	.actu{width:98%;}

	.gfield_list{font-size:12px;}
	.single-repertoire .one-third{float:none; width:90%;}

	.single-repertoire h1{float:none; font-size:40px;}
	.single-repertoire h2{font-size:15px;}

	.thumbnail-wrapper{
		float:none;
	}
	
}

@media screen and (max-width: 480px){
	.menu-footer{
		width:95%;
		text-align:center;
		min-height:auto;
		margin-bottom:20px;
	}
	#repertoires img{width:98%; margin-bottom:20px; margin-left:0;}

	#menu-repertoire-categories a{
		float:none;
		font-size:20px;
	}

	.page-template-custom-repertoire ul.ap_pagination li{
		height:40px;
		width:40px;
		font-size:20px;
		margin-right:10px;
		margin-bottom:10px;
	}

	.page-template-custom-repertoire ul.ap_pagination li a{
		font-size:20px;
	}

}