/*
Le Travailleur Sportif website
*/

/* Utilities */
* {
	padding: 0;
	margin: 0;
}
:focus {
  -moz-outline-style: none;
}
html {
	margin-bottom:1px;
	background: #f7f7f7;
	font-size: 100%;
}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: .8em;
}
img {
	border: none;
	max-width: 100%;
}
a {
	text-decoration:none;
	outline: none;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3 {
	font-family: 'AdobeGaramondProBold';
	text-transform: none;
	font-weight: normal;
}

/* Mise en place de la structure */
#wrapper {
	border-top: 3px solid #e6c673;
	width: 100%;
}

/* Partie en-tête avec logo et menus */
#content_header {
	width: 100%;
	background: #1a1b1c url(../images/design/header_bg.jpg) no-repeat center top;
	height: 218px;
}
#content_header #top_header {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	height: 37px;
}
#top_header .top_menu {
	float: right;
	padding: 0;
	text-align: right;
	position: relative;
}
.top_menu ul {
	list-style: none;
	padding: 10px 24px 0 0;
	line-height: 14px;
}
.top_menu li {
	display: inline;
	padding: 0 7px 0 7px;
	border-right: 1px solid #c3c4c4;
}
.top_menu li:last-child {
	border-right: none;
}
.top_menu li a {
	color: #ffffff;
	font-size: 13px;
}
.top_menu li a:hover, .top_menu li#selected a {
	color: #ffffff;
}
.top_menu li .mail {
	position: absolute;
	right: 0;
	top: 4px;
}

#content_header #header {
	max-width: 810px;
	width: 82%;
	margin: 0 auto;
	height: 181px;
	position: relative;
	padding-left: 150px;
	overflow: hidden;
}
#header .logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#header #blf_name {
	width: 400px;
	height: 120px;
	float: left;
}
#header #blf_name h1 {
	font-size: 1.1em;
	color: #ffffff;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 30px;
	letter-spacing: 1px;
}
#header #blf_name .blf_name {
	font-size: 1.3em;
	color: #feebb7;
	line-height: 22px;
}
#header #slogan {
	float: right;
	width: 400px;
	height: 120px;
	color: #6a6863;
	text-align: right;
	font-family: 'AdobeGaramondProBold';
}
#header #slogan .slogan {
	font-size: 1.6em;
	color: #ffffff;
	line-height: 24px;
	margin-top: 30px;
	letter-spacing: 1px;
}
#header #slogan .slogan_texte {
	font-size: 0.7em;
	line-height: 20px;
	padding-top: 10px;
	display: block;
}
#header #menu {
	float: right;
	padding: 10px 0 0 0;
	width: 810px;
	text-align: right;
}
#header #menu ul {
	list-style: none;
	margin-top: 20px;
	letter-spacing: 1px;
}
#header #menu li {
	display: inline;
}
#header #menu li:hover {
	
}
#header #menu li a {
	color: #ffffff;
	font-size: 1.1em;
	padding: 20px 15px 15px 15px;
	background: url(../images/design/menu_separate_degrade_bg.png) no-repeat right;
	text-transform: uppercase;
	font-weight: 400;
}
#header #menu li:last-child a {
	padding: 20px 0px 15px 15px;
	background: none;
}
#header #menu li a:hover, #header #menu li#selected a {
	color: #fcd97c;
}

/* Pub accueil en loop*/
#content_stage {
	width: 100%;
	/*background: #1a1b1c url(../images/slider/slide_01.jpg) no-repeat center top;*/
	height: 580px;
	position: relative;
}
#content_stage .slide1 {
	height: 580px;
	background: #1a1b1c url(../images/slider/slide_01.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 100%;
}
#content_stage .slide2 {
	height: 580px;
	background: #1a1b1c url(../images/slider/slide_02.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 100%;
}
#content_stage .slide3 {
	height: 580px;
	background: #1a1b1c url(../images/slider/slide_03.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 100%;
}
#content_stage .slide4 {
	height: 580px;
	background: #1a1b1c url(../images/slider/slide_04.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 100%;
}
#content_stage .slide5 {
	height: 580px;
	background: #1a1b1c url(../images/slider/slide_06.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 100%;
}

/* Partie principal avec contenu texte et photos */
#content_integration {
	width: 100%;
	min-height: 200px;
}
.accueil {
	background: #f7f7f7 url(../images/design/integration_tiling_bg.jpg) repeat-x 0 top;
}
.services {
	background: #1a1b1c url(../images/photos/section_bg3.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.realisation_residence {
	background: #1a1b1c url(../images/photos/section_bg2.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.realisation_commercial {
	background: #1a1b1c url(../images/photos/section_bg6.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.realisation_logement {
	background: #1a1b1c url(../images/photos/section_bg4.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.realisation_insti {
	background: #1a1b1c url(../images/photos/section_bg5.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
.profil_entreprise {
	background: #1a1b1c url(../images/photos/section_bg1.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

body#profil .content_right a{
	color: #333;
	padding: 5px 0;
	padding-left: 26px;
	margin-right: 30px;
	margin-top: 20px;
	font-weight: bold;
	display: inline-block;
	background: url(../images/design/pdf.png) no-repeat left top;
}

.section_contact {
	background: #1a1b1c url(../images/photos/section_bg7.jpg) no-repeat center top;
	-webkit-background-size: 100% ;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
#integration {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	color: #4a4b48;
	padding: 20px;
}
.sections_bg {
	background: #ffffff url(../images/design/content_tiling_bg.jpg) repeat-x 0 top;
}
#integration #content_pub {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
#content_pub .box_pub {
	float: left;
	width: 32.2%;
	height: 106px;
	margin-right: 15px;
}
#content_pub .box_infolettre {
	float: left;
	width: 270px;
	height: 91px;
	font-size: 0.9em;
	background: url(../images/design/box_infolettre_bg.jpg) no-repeat center top;
	-moz-box-shadow: 1px 2px 6px #868481;
	-webkit-box-shadow: 1px 2px 6px #868481;
	box-shadow: 1px 2px 6px #868481;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#868481')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#868481');
	padding: 10px 20px 5px 20px;
	color: #ffffff;
}
#content_pub .box_infolettre .title_infolettre {
	font-size: 1.4em;
	font-family: 'AdobeGaramondProBold';
}
#content_pub .box_infolettre p {
	margin-bottom: 5px;
}
#content_pub .box_infolettre .courriel {
	background: url("../images/design/search_lens.jpg") no-repeat scroll left top #F9FCFC;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	behavior:url(border-radius.htc);
    color: #767676;
    padding: 2px 5px 2px 5px;
    width: 180px;
}
#content_pub .box_infolettre .send {
	margin: 5px 0 -4px 10px;
}

#content_integration #content_title {
	width: 960px;
	margin: 0 auto;
	background: transparent url(../images/design/title_tiling_opacite_bg.png) repeat;
	height: 40px;
	padding: 20px;
}
#content_integration #content_title h3 {
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-top: 10px;
}
#content_integration #content a {
	color:#4a4b48;
	font-weight: bolder;
	text-decoration: underline;
}
#content_integration #content a:hover {
	text-decoration: underline;
}

#content {
	width: 100%;
	min-height: 350px;
}
.sections {
	
}
#content h2 {
	font-size: 1.8em;
	color: #4a4b48;
	margin-bottom: 20px;
}
#content .content_left {
	float: left;
	width: 250px;
}
.content_left .menu_left {
	padding: 10px;
	background: #ffffff url(../images/design/menu_left_tiling_bg.jpg) repeat-x 0 bottom;
	min-height: 150px;
}
.content_left .menu_left .menu_titre {
	font-size: 1.2em;
	color: #3b4045;
	font-family: 'AdobeGaramondProSemibold';
	margin: 10px 0 15px 0;
	text-transform: uppercase;
}
.menu_left ul {
	list-style: none;
	margin-bottom: 10px;
}
.menu_left ul li {
	border-bottom: 1px solid #e3e3e3;
	background: url(../images/img/arrow_listing_menu.png) no-repeat right center;
    line-height: 26px;
}
.menu_left ul li:hover, .menu_left ul li#selected {
	background: #fcd97c url(../images/img/arrow_listing_menu.png) no-repeat right center;
}
.menu_left ul li#selected a {
	color: #4a4b48;
}
.menu_left ul li a {
	color: #d8a515;
	font-weight: bold;
	font-size: 1em;
	display: block;
}
.menu_left ul li a:hover {
	color: #4a4b48;
}
#content .content_left .pic_left {
	border: 2px solid #ffffff;
	margin-bottom: 15px;
	display: block;
}

#content .content_right {
	float: right;
	width: 670px;
}
#content .content_right .smaller {
	font-size: 0.9em;
}
.sections .content_right p, .sections .content_right ul {
	font-size: 1.1em;
}
#content .content_right p {
	margin-bottom: 15px;
	line-height: 16px;
}
.content_right .pic_right {
	float: right;
	border: 1px solid #c8c9c9;
}
#content .content_right .content_2colonnes {
	display: block;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px;
}
.content_2colonnes .colonne_left {
	float: left;
	width: 50%;
}
.content_2colonnes .colonne_right {
	float: right;
	width: 50%;
}
.content_right ul {
	list-style-image: url(../images/img/listing_arrow.png);
	margin: 10px 0 15px 20px;
}
.content_right ul li {
	margin-bottom: 15px;
	font-weight: bold;
}

/*Partie nos projets*/
.content_projets {
	width: 100%;
	margin-top: 10px;
}

.content_projets .bloc_projet {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 32px;
	min-height: 250px;
}


.content_projets .bloc_projet .plus{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 95px;
	right: -2px;
	background: url(../images/design/plus.png)no-repeat;
}

.content_projets .bloc_projet:nth-child(3n){
	margin-right: 0px;
}

.content_projets .bloc_projet img {
	border: 2px solid #ffffff;
}
.content_projets .bloc_projet .resume {
	padding: 10px;
}
.content_projets .bloc_projet .localisation {
	color: #b3860d;
}
#content .content_right .content_projets .bloc_projet .resume p {
	margin-bottom: 5px;
}
.content_projets .bloc_projet .resume h5 {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	line-height: 16px;
	color: #4a4b48;
}
.content_projets .bloc_projet .resume a {
	color: #2c97de;
	text-decoration: underline;
	font-weight: 400;
}



/* Formulaire de contact */
.content_right .inputArea {
	float: left;
	font-weight: bold;
	padding: 0 10px 15px 10px;
	width: 500px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.content_right .inputArea input.info_contact {
	width: 350px;
	font-size: 1.1em;
	color: #005030;
	background-color: #f8f8f8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #d3d3d3;
	padding: 3px;
	margin-top: 5px;
}
.content_right .inputArea textarea.info_contact {
	width: 500px;
	height: 120px;
	font-size: 1.1em;
	color: #005030;
	background-color: #f8f8f8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #d3d3d3;
	padding: 2px;
	margin-top: 5px;
}
.content_right .inputArea .send {
	width: 100px;
	height: 30px;
	border: 1px dotted #b8b8b8;
	cursor: pointer;
}


#content_footer_top {
	width: 100%;
	height: 13px;
	background: url(../images/design/footer_tiling_top_bg.jpg) repeat-x 0 top;
}
#content_footer {
	width: 100%;
	/*height: 130px;*/
	background: url(../images/design/footer_tiling_bg.jpg) repeat;
}
#content_footer #footer {
	max-width: 960px;
	width: 100%;
	min-height: 140px;
	margin: 0 auto;
	color: #716f6f;
}
.menu_footer a.link {
	color: #c8981a;
}
#footer .menu_footer {
	font-size: 1em;
	padding: 20px 0 5px 0;
	line-height: 18px;
	margin: 0 0 10px 0;
	float: left;
	max-width: 800px;
	width: 100%;
}
.menu_footer ul {
	list-style: none;
	display: block;
}
.menu_footer li {
	display: inline;
	float: left;
	padding: 0 7px 0 7px;
	border-right: 1px solid #c3c4c4;
}
.menu_footer li:first-child {
	padding: 0 7px 0 0px;
}
.menu_footer li:last-child {
	border-right: none;
}
.menu_footer li a {
	color: #8a8381;
	font-size: 1.1em;
	font-weight: bold;
}
.menu_footer li a:hover, .menu_footer li#selected a {
	color: #d8a515;
}
#footer .signature {
	float: left;
	max-width: 800px;
	width: 100%;
	line-height: 18px;
	font-size: 0.9em;
	padding-bottom: 10px;
}
.signature a {
	color: #565656;
}
.signature a:hover {
	color: #cf4327;
	cursor: alias;
}
.logo_caa {
	float: right;
	padding: 20px 0px 0 0px;
}



#tips {
	display: none;
	position: fixed;
	bottom: 45;
	background: #2C97DE;
    border: 1px solid #257bb7;
    bottom: 33px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    padding: 10px 0 0 10px;
    right: 13px;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
    width: 106px;
    z-index: 1800;
    -moz-border-radius: 4px 4px 4px 4px;
}
#tips a {
    color: white;
    font-size: 11px;
    font-weight: bold;
}
.hidden {
	display: none!important;
}
.clear {
    clear: both;
}
#header #menu .mobile-keep {
	display: none;
}
.slicknav_menu {
	display: none;
}


/*-------------------RESPONSIVE--------------------*/
@media screen and (max-width: 975px) {
	.slicknav_menu {
		display: block;
	}
	.slicknav_nav li {
		text-align: center;
	}
	.slicknav_nav li.current-page a {
		color:#fcd97c;
	}
	#content_header #top_header {
		height: auto;
	}
	.slicknav_menu {
		background: transparent !important;
	}
	#content_pub .box_pub, #content_pub .box_infolettre {
		width: 100%;
		margin:5px 0;
		text-align: center;
		padding:0;
		box-shadow: none;
		-webkit-box-shadow:none;
	}
	.box_pub a {
		display: block;
		width: 100%;
	}
	.box_pub img {
		margin:0 auto;
		display: block;
	}
	#integration {
		padding:20px 0;
	}
	#integration #content_pub {
		margin-bottom: 5px;
	}
	#content_pub .box_infolettre p {
		max-width: 270px;
		margin:0 auto;
		margin-top: 8px;
	}
	#content_header {
		height: auto;
	}
	#header #menu .mobile-keep {
		display: block;
	}
	#top_header .top_menu {
		display: none;
	}
	#content_header #header {
		width: 95%;
		padding-left: 0;
		overflow: initial;
	}
	#header {
		text-align: center;
	}
	#header #menu {
		display: none;
	}
	#header .logo {
		display: none;
	}
	#header #slogan {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		font-size: 0.8em;
	}
	#header #blf_name {
		width: 100%;
		height: 48px;
	}
	#header #blf_name h1 {
		margin-top: 0;
	}
	#content_integration #content_title {
		max-width: 960px;
		width: 92%;
		margin:0;
		padding:4%;
	}
	#content_stage {
		height: 200px;
	}
	#content_stage div {
		height: 200px !important;
	}
	#content .content_left .pic_left {
		margin:0 auto;
	}
	.content_2colonnes .colonne_left {
		width: 98%;
	}
	.content_2colonnes .colonne_right {
		width: 100%;
	}
	#content .content_left {
		float:none;
		margin:0 auto;
		max-width: 310px;
		width: 80%;
	}
	#content .content_right {
		width: 85%;
		float:none;
		margin:0 auto;
		padding: 10px 0px;
	}
	.content_projets .bloc_projet {
		float:none;
		margin:0 auto !important;
		min-height: 200px;
	}
	.content_right .inputArea {
		width: 90%;
	}
	.content_right .inputArea textarea.info_contact, .content_right .inputArea input.info_contact {
		width: 100%;
	}
	.menu_footer li {
		width: 100%;
		text-align: center;
		margin:10px 0;
		padding:0;
		border:0;
	}
	.menu_footer li:first-child {
		padding:0;
	}
	.logo_caa {
		position: absolute;
		left: 50%;
  		padding-top: 44px;
 		 margin-left: -40px;
	}
	#footer .menu_footer{
		display: none;
	}
	#footer .signature {
		text-align: center;
	}
} 
@media screen and (max-width: 750px) {
	#content_header {
		height: auto;
	}
	#header #menu li {
		width: 100%;
		text-align: center;
		display: block;
	}
	#header #menu li a {
		background: none;
		display: block;
		padding:10px 0;
	}
	#header #menu li:last-child a {
		padding:10px 0;
	}
}

@media (min-width: 100px) and (max-width: 400px) {
	#wrapper {
		overflow: hidden;
	}
	#content_stage {
		width: 100%;
	}
	#content_stage > div {
		/*background-position: 50%;*/
	}
	#header #slogan {
		margin-bottom: 47px;
	}
	.content_right .pic_right {
		float:none;
	}
}