/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/* CLEAR IOS
/*-----------------------------------------------------------------------------------*/
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.colorRecherche { color:#39F;}

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{font-family: 'Source Sans Pro', sans-serif;padding:0;font-size:14px;margin:0 auto;color:#000000;background: #CBCAC8}
.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}

a{color:#525061; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 20px; margin:15px 0 0 0;}
a.details{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 15px; margin:5px 0 0 0;}

h1{color: #FFFFFF;font-size:24px;margin:0;padding:0 0 25px 0;}
h2{color: #525061;font-size:22px;margin:0;padding:0 0 25px 0;line-height: 25px;}
h2.full_width_title{width:100%; background:url(images/divider.gif) no-repeat bottom left; clear:both; margin:40px 0 0 40px; float:left;padding:0 0 40px 0;}
h3{font-weight: normal;color: #525061;font-size:21px;margin:0;padding:10px 0 5px 0;line-height: 25px;}
h4{color: #525061;
font-size: 18px;
margin: 0;
padding: 7px 0 7px 0;
font-weight: bold;
line-height: 22px;}
h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 25px 0;}
h5.subtitle{color: #EF502C;margin:0;padding:0 0 15px 0; font-style:italic;}
h6{font-weight: normal;color: #ffffff;font-size:15px;margin:0;padding:0 0 5px 0;}

h1, h2, h3, h4,h5{font-family: 'Source Sans Pro', sans-serif;font-weight: 400;}

.quicksandbold{font-family: 'Source Sans Pro', sans-serif;font-weight: 600;}

.rose { color:#FF585F; font-size:16px;}

.menu_designer_niveau_1{font-size:12px; color:#FFF; padding: 5px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600; font-weight:bold;}
.menu_designer_niveau_2{font-size:12px; color:#FFF; padding: 5px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-weight:normal;}
.menu_designer_checkbox{font-size:12px; color:#FFF; padding: 4px 5px 4px 20px;}
.menu_aides_checkbox{font-size:12px; color:#FFF; padding: 4px 5px 4px 0px;}

input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-family: 'Source Sans Pro', sans-serif;font-weight: 400;
							vertical-align:middle;
							cursor:pointer;
							color:#FFF;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}	
			
			label.css-label {
				background-image:url(images/carreform.png);font-family: 'Source Sans Pro', sans-serif;font-weight: 400;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			
			input[type=checkbox].css-checkbox + label.css-label-portfolio {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-family: 'Source Sans Pro', sans-serif;font-weight: 400;
							vertical-align:middle;
							cursor:pointer;
							color:#FFF;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label-portfolio {
							background-position: 0 -15px;
						}
						
						
			label.css-label-portfolio {
				background-image:url(images/carreformportfolio.png);font-family: 'Source Sans Pro', sans-serif;font-weight: 400;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
				
.socialpicto{ float:left; padding:0px 36px 0px 0px; }


#inscription { color:#333; font-size:15px}
#inscription a { color: #FF585F; }

#inscription .css-label{ color:#333;margin-bottom:5px;background-image: url(images/carreformins.png); vertical-align: middle; }
#inscription input[type="text"]{ color: #333;background-color: #CBCACF;border: none;padding: 5px;height: 15px;border: 1px solid white;width: 270px;
}
#inscription input[type="password"]{ color: #333;background-color: #CBCACF;border: none;padding: 5px;height: 15px;border: 1px solid white;width: 270px;
}
#inscription input[type="button"]{color: #fff;
background-color: #4C485B;
border: none;
padding: 5px;
height: 31px;
border: 1px solid white;
width: 400px;
font-weight: bold;
font-size: 14px; cursor:pointer;
}
#inscription input[type="submit"]{color: #fff;
background-color: #4C485B;
border: none;
padding: 5px;
height: 31px;
border: 1px solid white;
width: 300px;
font-weight: bold;
font-size: 14px;cursor:pointer;
}
#inscription input[type="reset"]{color: #fff;
background-color: #4C485B;
border: none;
padding: 5px;
height: 31px;
border: 1px solid white;
font-weight: bold;
font-size: 14px;cursor:pointer;
}

#inscription input[type="email"]{ color: #333;background-color: #CBCACF;border: none;padding: 5px;height: 15px;border: 1px solid white;width: 270px;
}
#inscription select{ color: #333;background-color: #CBCACF;border: none;padding: 5px;width: 140px;height: 28px;border: 1px solid white;}
#inscription textarea{ color: #333;background-color: #CBCACF;border: none;padding: 5px;margin:6px 0 14px 0;width: 365px;height: 60px;}
#inscription h4{ color:#525061; padding-bottom:15px}

#catsblog {
	position: absolute;
bottom: 31px;
font-size: 10px;
margin-right: 50px;
line-height: 15px;
	}

.field {
	width: 150px;height: 15px;background-color: #929292;
border-right: 1px #ffffff solid;
border-bottom:1px #ffffff solid;
border-left:1px #ffffff solid;
border-top: 1px #ffffff solid;
color: white;
float:left}
	
	.navigrose{ background-color: #FF585F;
height: 26px;
color: #FFF;
text-align: center;
padding-top: 9px;
font-size: 16px;}
.navigrose a{  color:#FFF;font-size: 16px;}


.cms_titre_1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color: #4C495A;
font-size: 16px;
margin: 0;
padding: 7px 0 7px 0;font-weight:bold;
font-style:italic;
}
.cms_titre_2 {
font-family: 'Source Sans Pro', sans-serif;

color: #4C495A;
font-size: 20px;
margin: 0;
padding: 7px 0 7px 0;
font-weight: 600;
line-height: 20px;
}
.cms_titre_3 {
font-family: 'Source Sans Pro', sans-serif;

color: #A5A4AD;
font-size: 17px;
margin: 0;
padding: 7px 0 7px 0;
font-weight: 600;
line-height: 20px;

}

.cms_titre_4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
color: #4C495A;
font-size: 14px;

font-weight:bold;
font-style:italic;
}



/* Main Content Structure
/*-----------------------------------------------------------------------------------*/
#main_container{margin:auto;width:1024px;padding:0; position:relative; background-color:#FFFFFF;}

#top_slide_content{width:100%; height:auto;position:absolute;top:-500px; background-color:#403933; z-index:99999; color:#FFFFFF;}
#top_slide_content h2{ color:#FFFFFF;}
a.top_slide_button{ position:absolute; top:10px; right:0px; width:19px; height:19px; background-color:#403933; display:block;}
a.top_slide_button span{ width:7px; height:7px; background:url(images/plus.gif) no-repeat center; display:block; margin:6px 0 0 6px;
}
a.top_slide_button_up{background:url(images/up.gif) no-repeat center #403933; display:block; width:100%; text-align:center; padding:50px 0 10px 0; clear:both;}

input.search_input{ width:200px; height:25px; background-color:#4F4A45; border:1px #5F564D solid; margin:15px 0 0 0; color:#FFFFFF; padding:0 0 0 5px;}
input.search_submit{ background-color:#8A9B0F;border:1px #8A9B0F solid; border:none; margin:15px 0 0 5px; padding:5px; cursor:pointer; color:#FFFFFF;}
/* Header Structure
/*-----------------------------------------------------------------------------------*/
#header{width:100%; height:160px; border-top:15px #403933 solid;}
.logo{float:left;margin:40px 0 0 40px; padding:0 0 0 45px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size:36px; color:#505050; background:url(images/logo.gif) no-repeat left;}
.logo a{color:#505050;}
/* Menu Structure
/*-----------------------------------------------------------------------------------*/
.menu{float:right; padding:55px 20px 0 0;}
ul#main_menu {list-style:none; margin:0; padding:0px;}
ul#main_menu * {margin:0; padding:0;}
ul#main_menu li {position:relative; float:left; padding:0 20px 0 20px; height:35px;}
ul#main_menu li a{font-family: 'Source Sans Pro', sans-serif;font-weight: 400;color:#2b2b2b; font-size:16px;}
ul#main_menu li a:hover{color:#EF502C;}

ul#main_menu ul {position:absolute; top:35px; left:0; background:#fff; display:none; opacity:0; list-style:none;}
ul#main_menu ul li {position:relative; width:140px; margin:0; padding:0px;}
ul#main_menu ul li a {display:block; padding:10px 20px 10px 20px; font-size:14px;}
ul#main_menu ul li a:hover {background-color:#f0f0f0;}

/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{ width:615px; }
.slider_container_designer{ width:614px; }
.flex-caption{ position: absolute; left:20px; top:20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400;width: 1px;}
.caption_title_line{ width:auto; padding:0 0 0 25px; height:69px; line-height:69px; background:url(images/slider_caption_bg.png) repeat;color: #fff;}
.flex-caption h2{ }
span.comm_line{ width:69px; height:69px; background:url(images/comm_line.gif) no-repeat center; float:left; display:block;}
span.comm_line a{ font-size:18px; color:#FFFFFF; padding:18px 0 0 28px; display:block;}
.date_line{ width:82px; height:82px; background:url(images/date_line.gif) no-repeat center; margin:20px 0 0 0;}
.date_line span.day{ font-size:32px; font-style:italic; display:block; color:#FFFFFF; padding:7px 0 0 8px;}
.date_line span.month{ font-size:32px; font-style:italic; display:block;color:#FFFFFF; padding:4px 0 0 36px;}

.spot_line{ width:82px; height:82px; margin:-20px 0 0 390px;}

/* Layout
/*-----------------------------------------------------------------------------------*/


.left_full {width:1025px; padding:0; float:left;}
.left14{ width:200px; float:left; padding:0;}
.left13{ width:280px; float:left; padding:0;}
.left23{ width:600px; float:left; padding:0;}
.left12{ width:440px; float:left; padding:0;}

.left15first{ width:204px; float:left; padding:0;}
.left35first{ width:614px; float:left; padding:0;}
.left15{ width:205px; float:left; padding:0;}
.left25{ width:410px; float:left; padding:0;}
.left35{ width:615px; float:left; padding:0;}
.left45{ width:820px; float:left; padding:0;}
.left55{ width:1024px; float:left; padding:0;}

.bodycontent ul{ padding-left:1px; /*padding-top:15px;*/ padding-bottom:15px;  }
.bodycontent li{  margin-top:5px; list-style-type: none;
 background-image: url(img/p7.jpg);
 background-repeat: no-repeat;
 background-position: 0 0.6em;
 padding-left: 15px;line-height: 20px;
 }
 .bodycontent a{  color:#FF585F;  
 }
 .bodycontent p { padding-bottom:15px;
 }


.left102{ width:102px; height:105px; float:left; padding:0;}
.left103{ width:103px; height:105px; float:left; padding:0;}

.height_box_205{ height:205px; overflow:hidden}
.height_box_1025{ height:1025px; overflow:hidden}
.height_box_1060{ min-height:1000px; overflow:hidden}
.height_box_1435{ height:1272px; overflow:hidden}
.height_box_410{ height:410px; overflow:hidden}

.separator_rose {color:#FF585F;font-size: 15px;
padding: 0px 3px 0px 3px;}
.wd_port_image {height:137px; padding:0; overflow:hidden}
.wd_port_detail {height:68px ;  padding:10px; font-size:13px; font-family: 'Source Sans Pro', sans-serif;font-weight: 400;}
.wd_port_image_green {height:137px; padding:0;  overflow:hidden}
.wd_port_detail_green {height:68px ; padding:10px; font-size:14px; font-family: 'Source Sans Pro', sans-serif;font-weight: 400;}

#designer_container li {margin-top: 5px;
list-style-type: none;
background-image: url(img/p7.jpg);
background-repeat: no-repeat;
background-position: 0 0.6em;
padding-left: 15px;
line-height: 20px;}
#designer_container_module li {}
.wd_port_green{background-color:#00A1A9; color:#fff ;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.wd_port_green:hover{background-color:#4C495A; color:#fff;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.wd_port_white{background-color:#ffffff;color:#000;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.wd_port_white:hover{background-color:#4C495A;color:#fff ;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}

.wd_port_part{background-color:#dddce0;color:#000;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.wd_port_part:hover{background-color:#383735;color:#fff ;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.wd_port_image_part {height:165px; padding:0; overflow:hidden}
.wd_port_detail_part {height:68px ;  padding:10px; font-size:14px; font-family: 'Source Sans Pro', sans-serif;font-weight: 400;}

.survol {}




.agenda_button{padding:130px 15px 15px 15px; background:#ffc300 url(img/wd_home_picto_agenda.png); background-repeat:no-repeat; background-position: 50% 15px; height:205px; text-align:center ; 

-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.agenda_button:hover{background:#ffe799 url(img/wd_home_picto_agenda_survol.png); background-repeat:no-repeat; background-position: 50% 15px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}

.designer_button{padding:130px 15px 15px 15px; background:#ff585f url(img/wd_home_picto_designer.png); background-repeat:no-repeat; background-position: 50% 15px; height:205px; text-align:center;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.designer_button:hover{background:#ffb7ba url(img/wd_home_picto_designer_survol.png); background-repeat:no-repeat; background-position: 50% 15px;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}

.aide_button{padding:130px 15px 15px 15px; background:#51b04c url(img/wd_home_picto_aide.png); background-repeat:no-repeat; background-position: 50% 15px; height:205px; text-align:center;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.aide_button:hover{background:#79d075 url(img/wd_home_picto_aide_survol.png); background-repeat:no-repeat; background-position: 50% 15px;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}

.verbatim_button{padding: 25px 25px 15px 32px;
background: #0097aa url(img/wd_home_fond_verbatim_205x205.png);
background-repeat: no-repeat;
background-position: 50% 15px;
height: 205px;
line-height: 22px;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; font-style:italic}
.verbatim_button:hover{background:#10BFD4 url(img/wd_home_fond_verbatim_205x205_survol.png); background-repeat:no-repeat; background-position: 50% 15px;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}

.content_box{padding:15px 15px 15px 15px; background:#ffffff; color:#525061}
.content_box:hover{}

.menu_bouton {height:15px; padding:15px; color:#FFF; font-size:16px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; text-transform:uppercase}
.menu_bouton:hover {height:15px; padding:15px; color:#FFF;  background-color:#7d7d7d;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;text-transform:uppercase}

.menu_bouton_selected{height:15px; padding:15px; color:#FFF; font-size:16px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600; background-color:#929292;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;text-transform:uppercase}
 .menu_bouton_selected:hover {height:15px; padding:15px; color:#FFF; font-size:16px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600; background-color:#7d7d7d;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;text-transform:uppercase}

.menu_bouton_secondaire{height:15px; padding:15px 0 15px 40px; color:#FFF; font-size:14px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; background-color:#929292;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;text-transform:uppercase} 
.menu_bouton_secondaire:hover, .menu_bouton_secondaire_select, .menu_bouton_secondaire_select:hover {height:15px; padding:15px 0 15px 40px; color:#FFF; font-size:14px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600; background-color:#7d7d7d;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;text-transform:uppercase;}


/* PAGES
/*-----------------------------------------------------------------------------------*/


/** test **/

.leftNEW{width:98%;}

.imu_accueil{ padding-top:7px;  font-size:14px; margin-left:10px}


.content img {max-width: 100%; }
.border_img img {margin:0 0 15px 0; background:url(images/slider_bg.gif) no-repeat left bottom; padding:0 0 10px 0;}
.border_img .videocontainer {margin:0 0 15px 0; background:url(images/slider_bg.gif) no-repeat left bottom; padding:0 0 10px 0;}
.videocontainer{ width:100%;}
.page_title{ background: #000000; color:#FFFFFF; font-size:18px;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; height:31px; margin:0; clear:both;}

.post_small{border-top:1px #ededed solid; padding:15px 0 15px 0;}
img.post_thumb{ float:left; margin:0 20px 0 0; padding:3px; border:1px #ededed solid; background:none;}
.post_small h3{ font-size:16px; padding:0 0 10px 0;}
.post_small p{ padding:0 0 0 0px;}

.divider{ height:15px; width:100%; background:url(images/divider.gif) no-repeat left; clear:both; margin:40px 0 0 40px; float:left;}

ul.list{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
ul.list li{ padding:0 0 10px 0; margin:0px; display:block;}
ul.list li a{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px;color:#000000;}
ul.list li a:hover{ color:#EF502C;}
/* Flexible Carousel
/*-----------------------------------------------------------------------------------*/
.es-carousel-wrapper{padding:40px 40px 0 40px;position:relative;clear:both;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; padding:0px; margin:0px;}
.es-carousel ul li{height:100%;float:left;display:block; position: relative;}
.es-carousel ul li span.carousel_caption{ position:absolute; bottom:10px; left:10px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:5px;}
.es-carousel ul li b{ position:absolute; right:0px; top:-20px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 5px;}
.es-carousel ul li a{display:block;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}
.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:-10px;}
.es-nav span.es-nav-next{right:45px;width:60px;height:27px;background:transparent url(images/c_next.gif) no-repeat top left;}
.es-nav span.es-nav-prev{left:45px;width:60px;height:27px;background:transparent url(images/c_prev.gif) no-repeat top left;}
.es-nav span.es-nav-next:hover{background:transparent url(images/c_next_a.gif) no-repeat top left;}
.es-nav span.es-nav-prev:hover{background:transparent url(images/c_prev_a.gif) no-repeat top left;}

img.left_icon{ float:left; background:none; margin:0 20px 0 0;}

/* Portfolio
/*-----------------------------------------------------------------------------------*/
ul.portfolio_items {list-style:none;padding:0;margin:0;overflow:hidden; clear:both;}
ul.portfolio_items li {float:left;display:inline-block;overflow: hidden; position:relative;}
ul.portfolio_items li img {display:block;}
ul.portfolio_items li span.portfolio_caption{ position:absolute; bottom:10px; left:50px;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:5px;}
ul.portfolio_items li b{ position:absolute; right:0px; top:83px; display:none;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 5px;}

ul.filter_portfolio {float:left;padding:40px 0 0px 40px;}
ul.filter_portfolio li {float: left;display:inline;}
ul.filter_portfolio li a {display: block;font-size: 15px; padding:5px 30px 5px 10px; background:url(images/line.gif) no-repeat top right #403933;color: #fff;margin:0 10px 0 0;}
ul.filter_portfolio li.selected a{border: 0;color: #403933;background-color:#E4E4E4; display: block;margin:0 10px 0 0;}
ul.filter_portfolio a:focus {outline: 0;}

/* Blog
/*-----------------------------------------------------------------------------------*/
.post{ background:url(images/divider.gif) no-repeat left bottom; padding:0 0 40px 0; margin:0 0 40px 0; float:left; clear:both; width:100%;}
.post_left{width:82px; float:left; margin:0px 25px 0 0;}
.date_line_blog{ width:82px; height:82px; background:url(images/date_line.gif) no-repeat center; margin:0px 0 0 0;font-family: 'Source Sans Pro', sans-serif;font-weight: 400;}
.date_line_blog span.day{ font-size:32px; font-style:italic; display:block; color:#FFFFFF; padding:7px 0 0 8px;}
.date_line_blog span.month{ font-size:32px; font-style:italic; display:block;color:#FFFFFF; padding:4px 0 0 36px;}
.comm_line_blog{ width:72px; height:30px; background:url(images/comm_line_blog.gif) no-repeat center; line-height:30px; padding:0 0 0 10px;}
.comm_line_blog a{ color:#FFFFFF;}
.entry{ clear:both; margin:20px 0 0 0;}
a.read_more{ float:right; background:url(images/read_more_border.gif) no-repeat left; display:block; padding:2px 0 2px 15px; margin:20px 0 0 0;}
.blog_cat{ float:left;background:url(images/read_more_border.gif) no-repeat left; display:block; padding:2px 0 2px 15px; margin:20px 10px 0 0;}

.navigation{clear:both; padding:0px 0 0 0px;}
a.blog_next{float:right; color:#000; padding:0 0px 2px 0; display:block;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size:14px;margin:0px; border-bottom:1px #EF502C dotted;}
a.blog_prev{float:left; color:#000; padding:0 0 2px 0px; display:block;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size:14px; margin:0px;border-bottom:1px #EF502C dotted;}
a.blog_next:hover, a.blog_prev:hover{color:#EF502C;}

.pagination{clear:both; padding:0px 0 0 0px;}
a.prev_items{ float:left; color:#FFFFFF; background-color:#403933; padding:7px 15px; margin:40px 0 0 40px;}
a.next_items{ float:right; color:#FFFFFF; background-color:#403933;padding:7px 15px; margin:40px 40px 0 0;}
a.prev_items:hover, a.next_items:hover{color: #403933;background-color:#E4E4E4;}

/* Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar h2{ clear:both;}
.sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
.sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;}
.sidebar ul li a{ background:url(images/bullet.gif) no-repeat left; display:block; padding:0 0 0 20px;color:#000000;}
.sidebar ul li a:hover{ color:#EF502C;}
.sidebar_testimonial{padding:20px 0 45px 20px; margin:0px; clear:both; float:left; background:url(images/quotes.png) no-repeat top left;}

.sidebar .flickr_photos ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block; float:left; clear:both;}
.sidebar .flickr_photos ul li{ padding:4px; margin:0px; display:block; width:70px; float:left; border:1px #DFDFDF solid; background-color:#FFFFFF; margin:0 10px 10px 0;}
.sidebar .flickr_photos ul li a{ background:none; display:block; padding:0;}
.sidebar .flickr_photos ul li a img{ background:none; padding:0px; margin:0px;}

/* Forms Section
/*-----------------------------------------------------------------------------------*/
.form_content{width:100%;float:left;padding:0px 0px 20px 0px;}
.form_row{width:100%;clear:both;float:left;padding:10px 0 10px 0;}
.form_row label{font-family: 'Source Sans Pro', sans-serif;font-weight: 400;  font-size:14px; font-weight:normal; padding:8px 0 0 0; width:30%; float:left;}
.form_row label.error{font-family: 'Source Sans Pro', sans-serif;  font-size:12px; font-weight:normal; padding:10px 0 0 30%; width:50%; float:left;color:#EF502C;}
input.form_input{width: 160px;margin-top: 6px;height: 15px;float: left;background-color: #000000;border: 1px #716F7D solid;color: white;font-family: 'Quicksand', sans-serif;}
textarea.form_textarea{width:60%; height:125px; float:left; background-color:#f4f4f4; border:1px #e2e2e2 solid; font-family: 'Source Sans Pro', sans-serif; font-size:12px;}
input.form_submit{float:right; background-color:#403933; color:#FFFFFF; border:none; cursor:pointer;margin:0 10% 0 0; padding:5px 15px 5px 15px;}

.tweet ul, .tweet ul li{ padding:0px; margin:0px; list-style:none;line-height:20px; font-style:italic;}
.tweet ul li a{ font-weight:bold;}

/* Footer
/*-----------------------------------------------------------------------------------*/
.footer{background-color:#403933; border-top:8px #3a342f solid; color:#FFFFFF; padding:10px 0 10px 0; margin:80px 0 0 0; text-align:center;color:#7d756f;}
.footer_socials{ text-align:center; padding:40px 0 50px 0; background:url(images/footer_divider.gif) no-repeat center bottom;}
.footer_socials ul{ display:inline; padding:0px; margin:0px;}
.footer_socials ul li{ display:inline; padding:0 10px 0 10px;}
.footer_links{ text-align:center; padding:40px 0 20px 0;}
.footer_links ul{ display:inline;padding:0px; margin:0px;}
.footer_links ul li{ display:inline;}
.footer_links ul li a{ color:#7d756f; margin:0 10px 0 10px;}
.footer_links ul li a:hover{ border-bottom:1px dotted #7d756f;}
.footer_text{ line-height:20px;}
a.gotop{ margin:30px 0 20px 0; display:block;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {/*
#main_container{margin:0 auto;width:100%;}

.slider_container{width:90%;}

.left_full{width:90%;padding:5% 5% 0 5%;}
.left14{ width:19%; float:left; padding:5% 0 0 5%;}
.left13{ width:26.7%; float:left; padding:5% 0 0 5%;}
.left23{ width:58.3%; float:left; padding:5% 0 0 5%;}
.left12{ width:42.6%; float:left; padding:5% 0 0 5%;}
.divider{width:90%;margin:5% 0 0 5%;}


.left15first{ width:100%; float:left; padding:0;}
.left15{ width:20%; float:left; padding:0;}
.left25{ width:40%; float:left; padding:0;}
.left35{ width:60%; float:left; padding:0;}
.left45{ width:80%; float:left; padding:0;}
.left55{ width:100%; float:left; padding:0;}



h2.full_width_title{width:90%;margin:5% 0 0 5%;}
.post_left{width:100%; float:left; clear:both; margin:0px 0 0 0;}
.date_line_blog{ width:72px; float:left; height:30px; background:#D1D1D1; background-image:none; margin:0px 0 20px 0; color:#FFFFFF; padding:0px; line-height:32px; font-weight:bold;}
.date_line_blog span.day{ font-size:16px; font-style:normal; display:block; color:#FFFFFF; padding:0px 0 0 15px; font-family: 'Source Sans Pro', sans-serif; float:left;}
.date_line_blog span.month{ font-size:16px; font-style:normal; display:block;color:#FFFFFF; padding:0px 0 0 5px; font-family: 'Source Sans Pro', sans-serif; float:left;}
.comm_line_blog{ width:72px; height:30px; float:left; background:url(images/comm_line_blog.gif) no-repeat center; line-height:30px; padding:0 0 0 10px;}
.comm_line_blog a{ color:#FFFFFF;}
*/}

@media screen and (max-width: 760px) {
	#main_container,.left55,.left45,.left15first{width:100% !important;height:auto !important;overflow-x:hidden;}
	td,tr,input,textarea,select{display:block;width:100% !important;}
/*.menu{float:left; clear:both; padding:35px 30px 0 10px;}
.logo{margin:35px 0 0 30px;}
.left14{ width:42.6%; float:left; padding:5% 0 0 5%;}
.page_title{ font-size:20px;padding:15px; margin:0 3% 0 3%;}
.flex-caption{left:10px; top:10px;}
.caption_title_line{padding:0 5px 0 15px; height:39px; line-height:39px;}
.flex-caption h2{font-size:18px;}
span.comm_line, .date_line{ display:none;}
.es-carousel ul li span.carousel_caption{ display:none;}
ul.filter_portfolio li { margin:0 0 10px 0;}
.footer_socials{ text-align:center; padding:30px; }
.footer_socials ul li{ display:inline; padding:0 10px 0 10px; line-height:50px;}
.left15first{ width:100%; float:left; padding:0;}
.left15{ width:100%; float:left; padding:0;}
.left25{ width:100%; float:left; padding:0;}
.left35{ width:100%; float:left; padding:0;}
.left45{ width:100%; float:left; padding:0;}
.left55{ width:100%; float:left; padding:0;}*/
}

@media screen and (max-width: 480px) {/*
.logo{margin:30px 0 0 20px;}
#header{height:auto;}
.menu{float:left; padding:20px 0 30px 0; width:100%;}
ul#main_menu {list-style:none; margin:0; padding:0 20px 0 20px;}
ul#main_menu * {margin:0; padding:0;}
ul#main_menu li {width:100%; padding:10px 0px 10px 0px;height:auto; border-bottom:1px #efefef solid;}
ul#main_menu li a{color:#2b2b2b; font-size:20px; padding:0 0 0 10px; display:block;}
ul#main_menu li a:hover{color:#ef682c;}
ul#main_menu ul {display:none;}
.flex-caption { display:none;}
.page_title{ font-size:18px;padding:10px 20px 10px 10px; margin:0 3% 0 3%;}
a.top_slide_button{width:30px; height:30px;}
a.top_slide_button span{ margin:12px 0 0 12px;}
.form_row{width:100%;padding:0px 0 0px 0;}
.form_row label{width:100%; padding:10px 0 10px 0;}
input.form_input{width:100%;}
textarea.form_textarea{width:100%;}
input.form_submit{margin:20px 0 0 0; padding:8px 25px 8px 25px;}
ul.portfolio_items li b{ position:absolute; left:5%; width:20px; text-align:center; top:62px; display:none;background:url(images/slider_caption_bg.png) repeat;color: #fff; padding:3px 0px; margin:0 0 0 1px;}
ul.filter_portfolio {float:left;padding:5% 0 0 5%;}
ul.filter_portfolio li {float: left;display:inline; width:90%; margin:0 0 5px 0;}
ul.filter_portfolio li a {display: block;font-size: 15px; padding:10px 0 10px 10px; background:#403933; background-image:none;color: #fff;margin:0 0 0px 0;width:100%;}
ul.filter_portfolio li.active a{border: 0;color: #403933;background:#E4E4E4; display: block;margin:0 0px 0 0;width:100%;}
ul.filter_portfolio a:focus {outline: 0;}
.left13, .left23, .left12, .left14{ width:90%; float:left; padding:5% 0 0 5%;}
.sidebar{ padding-top:40px;}
.footer_links ul li a{ color:#7d756f; margin:0 5px 0 5px;}
.footer_text{ line-height:20px; padding:0 10px 0 10px;}

.left15first{ width:100%; float:left; padding:0;}
.left15{ width:100%; float:left; padding:0;}
.left25{ width:100%; float:left; padding:0;}
.left35{ width:100%; float:left; padding:0;}
.left45{ width:100%; float:left; padding:0;}
.left55{ width:100%; float:left; padding:0;}
*/}





/** modif questionnaire **/


.leftNotFixed{width:100% !important;}


#formrecherche input.form_input{height:17px;}
.searchImg{margin-top:6px;}