/* Accueil */
.accueil	{ display:block; width:100%; height:auto }
#anim		{ display:block; position:absolute; left:39%; top:25px; width:28%; height:auto }



/* Ateliers RH */
.ateliers		{ float:left; width:30%; height:auto; padding:0 40px 15px 0 }
.table.tabico	{ margin-right:10% }
.ico-ateliers	{ width:32%; text-align:center; vertical-align:middle }
.ico-ateliers.l1	{ padding:20px 10px 10px 10px }
.ico-ateliers.l2	{ padding:6px 10px 6px 10px; color:#fff; background-color:#c7af61 }
.ico-ateliers.gap	{ width:2% }
.content .atco p	{ width:80% }


/* nos interventions */
.interventions			{ width:96%; padding:20px 2%; background-color:#f6f6f6 }
.intervention			{ float:left; width:18%; padding-left:2%; text-align:center }
.intervention img		{ width:60%; max-width:96px; height:auto }
.intervention .titre	{ padding:10px 0 0 0; font-family:Gotham-bold, Arial, Sans-Serif }
.intervention .desc		{ padding:20px 0 0 0; font-size:95% }
.intervention.n2, .intervention.n4		{ padding-top:220px }


/* Notre équipe */
.equipe-photos	{ width:40%; float:left; padding:0 30px 20px 0 }
.equipe-photos.eqph2	{ width:80%; margin:50px auto 0 auto }
.equipe-photos img	{ display:inline-block; margin-top:12px; height:auto; border:5px solid #C7AF61 }
.equipe-photos img.full	{ width:calc(100% - 10px) }
.equipe-photos img.half1	{ width:calc(48% - 10px) }
.equipe-photos img.half2	{ width:calc(48% - 10px); margin-left:4% }
.eqph1		{ display:block }
.eqph2		{ display:none }


/* Ils témoignent */
.temoignage			{ float:left; width:32%; margin-right:2%; border-top:5px solid #C7AF61 }
.temoignage.te3		{ margin-right:0 }
.temoignage .logo		{ width:100%; height:90px; padding:10px 0 0 0; margin:0 }
.temoignage .logo img	{ width:100%; max-width:200px; height:auto }

.temoignage-ti	{ color:#C7AF61; font-weight:bold }
.temoignage-ti, .temoignage-te	{ padding:10px 25px 7px 10px; background-color:#f6f6f6 }


/* Contact : plan d'accès */
.gmap			{ width:80%; margin:50px 0 }
.gmap iframe	{ width:100%; height:400px }



@media screen and (max-width:1400px) {
.ateliers			{ padding-right:20px }
.content .atco p	{ width:90% }
.gmap				{ width:90% }
}


@media screen and (max-width:1025px) {
#anim		{ left:33%; top:15px; width:30% }
.table.tabico		{ margin-right:0 }
.content .atco p	{ width:100% }
}




/* switch to the hamburger menu */
@media screen and (max-width:835px) {
#anim		{ left:33% }
.temoignage-ti, .temoignage-te	{ padding-right:10px }
.gmap				{ width:100% }
}


@media screen and (max-width:610px) {
.equipe-photos	{ width:100%; float:none; padding:0 0 20px 0 }
.eqph1		{ display:none }
.eqph2		{ display:block }
.intervention		{ padding-left:6%; width:25% }
.intervention.n4	{ clear:left; padding-top:40px }
.intervention.n2	{ padding-top:140px }
.intervention.n5	{ padding-top:180px }
.temoignage, .temoignage.te3	{ float:none; width:95%; margin:40px auto 0 auto }
#anim							{ left:32%; width:31% }
}


@media screen and (max-width:500px) {
.ateliers			{ display:none }
}