/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: A slick, powerful and clean theme U-Design provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The U-Design theme features include: unlimited colors, widgetized home page, over 500 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive U-Design support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Author: Andon
Author URI: http://themeforest.net/user/AndonDesign/portfolio?ref=AndonDesign
Version: 2.4.15
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

/*
 GÉNÉRALE
*/
body,
#wrapper-1{
	background-color:#FFFFFF;
	color:#4a4a4a;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	line-height:1.5;
}
.home #main-content .entry h2,
.pagetitle,
.single-pagetitle{
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-align: left;
	line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 10px;
	letter-spacing:1px;
	color:#4a4a4a;
}
.single-post #page-title{margin-top:20px;}

#main-content .wpcf7-form h2.titleDevis{
	background-color: #fff;
    color: #9ab949;
    display: inline;
    font-size: 30px;
	font-weight: 700;
    padding: 0 10px;
    position: absolute;
    top: -20px;
	margin:0;
}
#main-content .entry h2{
	color: #99ba46;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    margin-top: 0;
}
#main-content .entry h3{
	font-size:20px;
	font-weight: 700;
	letter-spacing:0px;
	margin-top:10px;
	margin-bottom: 5px;
	line-height:0;
}
a{color:#99ba46;}
.after_cont_row_1_title,
.after_cont_row_2_title{
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
	line-height: 1.1em;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fleft{float:left;}
.mgr20{margin-right:20px;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:10px !important;}
.mb-hidden{
	display:none;
}
table{width:auto; max-width:100%;}
/*
 HEADER
*/
#top-wrapper{
	background-color:#FFFFFF;
    box-shadow: 0 2px 3px #7d7d7d;
    position: relative;
    z-index: 200;
	}
#top-wrapper .content{
	width:1034px;
	margin:0 auto;
	position:relative;
}
/*.madeinfrance {
    background: url(images/ne-a-nantes.png) no-repeat scroll 0 0 transparent;
    height: 206px;
    position: fixed;
    right: 0;
    top: 0;
    width: 216px;
    z-index: 900;
}*/
ul.reseaux_sociaux{
	overflow:hidden;
	margin-top: 30px;
}
ul.reseaux_sociaux li{
	float:left;
	list-style:none;
	margin-left:5px;
}
#before-content{
	padding:0 0 130px 0;
	background:url(images/petit_bag_couleur.png) repeat-x center bottom;
}
.custom-formatting, .substitute_widget_class{padding:0 20px;}

#slogan{
	text-indent:-999999px;
	background:url(images/whatisit5.jpg) no-repeat 0 0;
	width:520px;
	height:53px;
}
#main-menu, #navigation-menu{height:41px;}

#navigation-menu ul.sf-menu > li > a{padding:0 30px 0 0;}

#navigation-menu ul.sf-menu > li > a >span{
	color:#4a4a4a;
}
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, 
#navigation-menu ul.sf-menu > li.current_page_item > a > span,
#navigation-menu ul.sf-menu > li.current-menu-parent > a > span,	
#navigation-menu ul.sf-menu > li > a:hover{
	color:#99ba46;
}
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, 
#navigation-menu ul.sf-menu > li.current_page_item > a > span,
#navigation-menu ul.sf-menu > li > a > span{padding:7px 0 10px 20px;}

#navigation-menu ul.sf-menu > li{border-bottom: 2px solid #FFFFFF;}
#navigation-menu ul.sf-menu > li.current-menu-parent,
#navigation-menu ul.sf-menu > li.current_page_item{border-bottom: 2px solid #99ba46;}
#navigation-menu .home a{
	background:url(images/ico-bienvenue.png) no-repeat 0 12px;
}
#navigation-menu ul.sf-menu > li.home.current-menu-item > a > span, 
#navigation-menu ul.sf-menu > li.home.current_page_item > a > span, 
#navigation-menu ul.sf-menu > li.home > a > span{
	padding:7px 0 10px 30px
}
#navigation-menu ul.sf-menu > li.home.current-menu-item > a,
#navigation-menu ul.sf-menu > li.home.current_page_item > a{
	background:url(images/ico-bienvenue-hover.png) no-repeat 0 12px;
}
#navigation-menu ul.sf-menu ul{
	background-color:#FFFFFF;
	box-shadow:0 2px 3px #7d7d7d;
	-moz-box-shadow:0 2px 3px #7d7d7d;
	-webkit-box-shadow:0 2px 3px #7d7d7d;
}
#navigation-menu ul.sf-menu ul li{
	background:none;
	border-bottom:1px solid #BFBFBF;
}
#navigation-menu ul.sf-menu ul li a:hover{
	color:#99ba46;
}
/*
 CONTENT HOME PAGE
*/

#content-container{position:relative;}
.exemples {
    background: url(images/exemples-petitbag.jpg) repeat-x scroll center top #fff;
    height: 300px;
    width: 100%;
	position:relative;
}
#sidebar{
	padding-bottom:10px;
}
#sidebar .substitute_widget_class{
	padding:0;
}
#sidebar h3,
#sidebarSubnav h2{
	color: #99ba46;
    font-size: 35px !important;
    font-weight: bold;
    padding: 20px 0;
    -webkit-transform: rotate(357deg);
    -moz-transform: rotate(357deg);
    -o-transform: rotate(357deg);
    writing-mode: lr-tb;
	text-align:center;
}
#sidebarSubnav h2.widgettitle{margin-top:0;}

#sidebarSubnav h3{
	background:none;
}
.StefanoAI-youtube-responsive {margin-top:10px;}

#home-page-content #main-content .main-content-padding{
	padding:0 30px;
}
#after-cont-row-1,
#after-cont-row-2 { padding:20px 0 40px 0;}
#after-cont-row-1 .latest_posts li{
	background:none;
	float:left;
	clear:none;
}
#after-cont-row-1 .latest_posts li .teaser-title{
	display:none;
}
.echantillon{
	overflow:hidden;
	width:100%;
	background:#F4F4F4 url(images/sac-petitbag.png) no-repeat left center;
}
#home-page-content .entry {
	font-size:16px;
}
#wptt_twittertweets-2 ul.fetched_tweets li{
	margin-left:0;
}
#wptt_twittertweets-2 ul.fetched_tweets li .tweet_data{
	font-size:14px;
	font-family:"Open Sans",​sans-serif;
}
#wptt_twittertweets-2 .fetched_tweets.light .tweets_avatar .tweet_data a{
	color:#99ba46 !important;
}
/*
 Page Formulaires Devis, echantillon ...
*/
p.condition{
	max-width: 545px;
    text-align: left;
    margin: 0 auto;
}
.titlequalite{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.titlequalite span{
	font-size:16px;
	font-weight:normal;
}
form.wpcf7-form{
	max-width:530px;
	margin:0 auto;
}
#wpcf7-f99-p46-o1 form.wpcf7-form{ max-width:none;}
form.wpcf7-form > div{ margin-bottom:5px;}

form.wpcf7-form .wpcf7-select{min-width:270px;}
form.wpcf7-form .wpcf7-select,
form.wpcf7-form .wpcf7-text,
form.wpcf7-form .wpcf7-textarea,
form.wpcf7-form .wpcf7-date{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px !important;
	font-size:12px;
	font-family:"Open Sans",​sans-serif;
}

form.wpcf7-form label{line-height:35px;}
form.wpcf7-form .wpcf7-submit{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    display: block;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 20px 0 0;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
form.wpcf7-form .wpcf7-submit:hover{
    background: none repeat scroll 0 0 #99ba46;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
}
form.wpcf7-form div.fieldset{
	padding:20px 30px;
	margin-bottom:40px;
	margin-top: 20px;
	border:1px dashed #9AB949;
	position:relative;
}
form.wpcf7-form div.fieldset.last{
	margin-bottom:0 !important;
}
form.wpcf7-form input[type="checkbox"]{
	display:none;
}
form.wpcf7-form input[type="checkbox"] + span {
	border:none;
	width:69px;
	padding-top:101px;
	display:inline-block;
	cursor:pointer;
}
form.wpcf7-form input[type="checkbox"]:checked + span{
	opacity:0.5;
}
span.checkbox-couleur{overflow:hidden; display:block; position:relative;}

span.wpcf7-list-item{display:block; float:left;}

span.wpcf7-list-item-label{text-align:center; font-weight:bold; line-height:1em;}

form.wpcf7-form input[value="blanc"] + span{
	background:url(images/sac-blanc.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="jaune"] + span{
	background:url(images/sac-jaune.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="orange"] + span{
	background:url(images/sac-orange.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="rouge"] + span{
	background:url(images/sac-rouge.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="bordeaux"] + span{
	background:url(images/sac-bordeaux.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="rose"] + span{
	background:url(images/sac-rose.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="pink"] + span{
	background:url(images/sac-pink.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="lilas"] + span{
	background:url(images/sac-lilas.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="violet"] + span{
	background:url(images/sac-violet.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="bleu bébé"] + span{
	background:url(images/sac-bleu-bebe.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="bleu royal"] + span{
	background:url(images/sac-bleu-royal.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="bleu marine"] + span{
	background:url(images/sac-bleu-marine.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="vert"] + span{
	background:url(images/sac-vert.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="vert mousse"] + span{
	background:url(images/sac-vert-mousse.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="beige"] + span{
	background:url(images/sac-beige.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="marron"] + span{
	background:url(images/sac-marron.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="gris foncé"] + span{
	background:url(images/sac-gris.jpg) no-repeat 0 0;
}
form.wpcf7-form input[value="noir"] + span{
	background:url(images/sac-noir.jpg) no-repeat 0 0;
}
div.wpcf7-mail-sent-ok {
    background-color: #398f14;
    border: 2px solid #d9f8cc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
}
/*
 Page petitbag
*/
.btn-echantillon{
	background: none repeat scroll 0 0 #9db82d;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 235px;
	display:block;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
table.atout td{ padding:20px; text-align:center;}

/*
 Page Références
*/
.portfolio-items-wrapper .thumb-holder-3-col{
	height:220px;
}
.titleRef{
	bottom: 0;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
	font-size:18px;
	font-weight:bold;
}
#sidebarSubnav .newsdesc h3{
	font-size: 24px !important;
    padding: 0 20px;
    text-align: left;
}
#sidebarSubnav h3 a{
    border-bottom: 1px solid #bfbfbf;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
.post_content{border-bottom:none;}

.single-post .entry{padding-top:0;}
.portfolio-img-thumb-3-col img{position:relative;}
.service td{
	padding:10px;
}
.service td img{
	display:block;
	margin:0 auto;
}
/*
 FOOTER
*/
#footer-bg{
	background-color: #99ba46;
}
.back-to-top a{color:#FFFFFF;}

#footer_text{color:#d5f97b;}

#footer #footer_text a{color:#FFFFFF;}
#footer #footer_text a:hover{
    color: #d5f97b;
    text-decoration: underline;
}
#footer{position:relative;}

.menufooter{
	position:absolute;
	right:75px;
	top:10px;
	width:auto;
	overflow:hidden;
}
.menufooter li{list-style:none; float:left;}
.menufooter li a{font-weight:bold; color:#FFFFFF;}
.menufooter li a:hover{color:#d5f97b; text-decoration:underline;}

#footer-bg .back-to-top a{
	display:block;
	background:url(images/arrow-2.png) no-repeat right 0;
	height:20px;
	width:20px;
	text-indent:-999999px;
	text-align:inherit;
	
}
#footer-bg .back-to-top a:hover{
	background:url(images/arrow-2-hover.png) no-repeat right 0;
}
#bottom-bg{display:none;}

/* Mobile Screen ( smaller than 480px )*/
@media screen and (max-width: 480px) {
body, #wrapper-1{font-size:12px;}
.container_24 .grid_8 {
	width:100%;
		
}
form.wpcf7-form .wpcf7-select, form.wpcf7-form .wpcf7-text, form.wpcf7-form .wpcf7-textarea, form.wpcf7-form .wpcf7-date{
	width:90% !important;
}
form.wpcf7-form span.text-budget .wpcf7-text{
	width:82% !important;
}
#footer_text{width:215px;}
.menufooter{
	display:none;
}
.back-to-top{
	width: auto;
	margin-top:10px;
}
form.wpcf7-form div.fieldset{padding:50px 10px 10px 10px;}

.home #main-content .entry h2,
.pagetitle, .single-pagetitle,
.after_cont_row_1_title, .after_cont_row_2_title{font-size:32px;}

#sidebar h3, #sidebarSubnav h2{font-size:28px !important; padding:10px 0;}

#home-page-content .entry{font-size:14px;}
#wptt_twittertweets-2 ul.fetched_tweets li .tweet_data{font-size:12px;}
table.atout td{padding:5px; font-size:11px;}
table.service td{padding:5px;}

#before-content{background:url(images/petit_bag_couleur_mobile.jpg) repeat-x center bottom; padding-bottom:56px;}
}
/* Medium Screen ( 480px to 719px ) */
@media screen and (min-width: 480px) and (max-width: 719px) {
	.mb-hidden{
		display:block;
	}
	.menufooter{
		display:none;
	}
	table.atout td{padding:5px;}
	form.wpcf7-form .wpcf7-select, form.wpcf7-form .wpcf7-text, form.wpcf7-form .wpcf7-textarea, form.wpcf7-form .wpcf7-date{
		width:90% !important;
	}
	form.wpcf7-form span.text-budget .wpcf7-text{
		width:82% !important;
}
}
/* mobile et tablette Screen */
@media screen and (max-width: 959px) {
	#navigation-menu ul.sf-menu > li > a{
			padding:0 15px 0 0;
		}
	form.wpcf7-form .qualite > div.fleft{
			width:45%;
		}
	p.titlequalite{font-size:18px; text-align:left;}
	p.titlequalite span{font-size:12px;}
	#top-elements .social-media-area{
		display:none;
	}
	#bottom-bg{display:block;}
}
/* 720px to 959px Screen */
@media screen and (min-width: 720px) and (max-width: 959px) {

}
/* mobile */
@media screen and (max-width: 719px) {
	.echantillon{background:#F4F4F4 none !important;}
	
	form.wpcf7-form .mgr20{
		margin-right:0;
	}
	form.wpcf7-form .qualite > div.fleft{
			width:100%;
	}

}
@media screen and (max-width: 1500px) {
	.echantillon form.wpcf7-form{
		 background-color:#f4f4f4;
		 padding:0 10px;
	}
}
/*
Internet explorer 8
*/
.ie8 #top-wrapper{
	border-bottom:1px solid #7d7d7d;
}
.ie8 #sidebar h3,
.ie8 #sidebarSubnav h2{
	font-size:30px !important;
}












#menu-item-40 span::before {
    color: #99ba46;
    content: "\f466";
    float: left;
    font-family: "dashicons";
    font-size: 1.6em;
    margin: 0px 4px 0 0;
}



#telpetitbag {
    position: absolute;
    right: 22px;
    top: 0.5em;
}


#telpetitbag strong {
    color: #99ba46;
    font-size: 1.1em;
}