/* IMAGE D'HABILLAGE */
.image_habillage									{background:url('/i-accueil.jpg') fixed no-repeat center center #FFFFFF;}
.image_habillage h1									{width:520px; margin:auto; text-transform:uppercase; font-size:60px; line-height:60px; font-weight:normal; color:#FFFFFF;}
.image_habillage h1 span							{font-size:85px;}
.image_habillage .fleche_bas						{text-align:center;}
.image_habillage .fleche_bas img					{cursor:pointer;}

/* NOS POINTS FORTS */
.points_forts										{padding:60px 220px; position:relative;}
.points_forts h3									{float:left; width:33%; color:#E00000; font-size:22px; line-height:30px; text-align:center; text-transform:uppercase; padding:0px 0px 60px;}
.points_forts p										{text-align:justify; font-size:18px; line-height:28px; color:#353839;}

/* L'ENTREPRISE */
.entreprise											{padding:60px 220px; background:url('/i-building.jpg') fixed no-repeat center center #FFFFFF; position:relative;}
.entreprise p										{float:right; width:61%; text-align:justify; font-size:18px; line-height:28px; color:#FFFFFF;}

/* COLLABORATEUR */
.collaborateur										{}
.collaborateur .salarie								{position:relative; float:left; width:25%;}
.collaborateur .salarie img							{width:100%;}
.collaborateur .salarie .cartouche					{display:none; position:absolute; bottom:5px; left:0px; width:calc(100% - 40px); background:rgba(53,56,57,0.77); padding:15px 20px; color:#FFFFFF; font-size:30px; line-height:28px;}
.collaborateur .salarie .cartouche span				{font-weight:bold; color:#E00000; font-size:28px;}
.collaborateur .salarie .cartouche a				{color:#E00000;}
.collaborateur .salarie:hover .cartouche			{display:block;}

/* DESCRIPTIF */
.descriptif											{padding:60px 220px; background:url('/i-cafe.jpg') no-repeat center center #FFFFFF;}
.descriptif ul										{float:left; width:41%; list-style:none;}
.descriptif ul li									{text-align:right; color:#E00000; font-size:30px; line-height:30px; padding:0px 0px 20px;}
.descriptif p										{float:right; width:41%; text-align:justify; font-size:18px; line-height:28px; color:#353839;}

/* MAPS */
.maps												{height:345px; padding:0px; margin:0px; border-top:2px solid #353839;}

/* JETEZ L'ANCRE ET LE CAPITAINE */
.fausse_ancre										{position:absolute; top:-87px;}

/* RESPONSIVE */
@media all and (max-width: 1550px) {
	.points_forts									{padding:60px 120px;}
	.entreprise										{padding:60px 120px;}
	.descriptif										{padding:60px 120px;}
}
@media all and (max-width: 1350px) {
	.points_forts									{padding:60px 60px;}
	.entreprise										{padding:60px 60px;}
	.descriptif										{padding:60px 60px;}
}
@media all and (max-width: 1250px) {
	.points_forts									{padding:60px 20px;}
	.points_forts h3								{font-size:20px; line-height:28px;}
	.points_forts h3 img							{width:40%;}
	.entreprise										{padding:60px 20px;}
	.entreprise p									{width:71%;}
	.descriptif										{padding:60px 20px;}
}
@media all and (max-width: 1050px) {
	.image_habillage								{background:url('/i-accueil.jpg') no-repeat center center;}
	.image_habillage .fleche_bas					{display:none;}
	.entreprise										{background:url('/i-building.jpg') no-repeat center center #FFFFFF;}
	.points_forts h3								{width:50%;}
	.clear_mobile									{clear:both;}
}
@media all and (max-width: 890px) {
	.points_forts p									{line-height:24px;}
	.entreprise										{padding:20px 20px;}
	.entreprise p									{width:100%; line-height:21px;}
	.collaborateur .salarie							{width:50%; margin-top:-5px;}
	.descriptif										{background:url('/i-cafe.jpg') no-repeat 60px 60px #FFFFFF;}
	.descriptif ul									{width:100%;}
	.descriptif ul li								{font-size:24px; line-height:24px; font-weight:bold;}
	.descriptif p									{width:100%; padding:20px 0px 0px; line-height:24px;}
}
@media all and (max-width: 870px) {
	.image_habillage								{-webkit-background-size:cover; background-size: cover;}
	.fausse_ancre									{top:-67px;}
}
@media all and (max-width: 730px) {
	.image_habillage h1								{width:320px; font-size:40px; line-height:40px;}
	.image_habillage h1 span						{font-size:50px;}
	.descriptif										{background:url('/i-cafe.jpg') no-repeat 0px 0px #FFFFFF;}
	.points_forts h3								{font-size:18px; line-height:26px;}
}
@media all and (max-width: 540px) {
	.points_forts h3								{font-size:18px; line-height:22px;}
	.points_forts h3 img							{width:60%;}
	.descriptif										{background:url('/i-cafe.jpg') no-repeat -60px 0px #FFFFFF;}
}
@media all and (max-width: 480px) {
	.descriptif										{background:url('/i-cafe.jpg') no-repeat -100px 30px #FFFFFF;}
}
@media all and (max-width: 430px) {
	.descriptif										{background:url('/i-cafe.jpg') no-repeat -140px 40px #FFFFFF;}
}