/*-------------------------------------------------------------- global */
.ligne1 {width: 100%; float: left;}
.ligne2{width: 100%; float: left;}
.ligne3 {width: 49%; float: left;}
.ligne4 {width: 100%; float: left;}
.ligne5 {width: 33.33%; float: left;}
.ligne6 {width: 32%; float: left;}

/*-------------------------------------------------------------- Bloc Mission Droite */
.ligneBlocMission1 {width: 100%; float: left;}
.ligneBlocMission2 {width: 100%; float: left; margin-top: 20px;}

/*-------------------------------------------------------------- Bloc Mission page particulier et entreprise */
.ligneMissionImage {width: 30%; float: left;}
.ligneMissionTexte {float: left; position:relative; position:relative; width: 70%;}
.heightMission1 {height: 223px;}
.heightMission2 {height: 185px;}

.blocMissionDetail {width: 33.33%; float: left;}
.blocMissionDetail:hover {background: #dcdcdc;}

/*-------------------------------------------------------------- Bloc verifier-calculer-optimiser */
.heightMissionVco {min-height: 430px;}
.ligneMissionVco {width: 32%; float: left;}

/*-------------------------------------------------------------- Bloc assistance à la liquidation */
.heightMissionAss {min-height: 160px;}
.ligneMissionAss {width: 32%; float: left;}

/*-------------------------------------------------------------- Bloc logo */
.logo {width: 220px; text-align: center; padding-bottom: 18px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; background-image: url('../image/background_logo.png');}
#diapo { background-image: url('../image/image_diaporama.jpg'); background-size: cover; -webkit-background-size: cover;}
.sizeLogo {font-size: 24px;}

/*-------------------------------------------------------------- Bloc Accroche */
.espaceAccroche {padding: 10px;}

/*-------------------------------------------------------------- Bloc presse partenaire  */
.bloc1Presse{width: 24%; padding-left: 2%; float: left;}
	.sizePresse1 {font-size: 1.25vw;}
	.sizePresse2 {font-size: 2vw;}
	.espaceTextPresse {line-height: 22px;}
.bloc2Presse{width: 19%; float: left; border-right: 1px solid #e8e8e8;}

/*-------------------------------------------------------------- Bloc raccourci */
.bloc1Raccourci{width: 50%; float: left;}
.separateurRaccourci {width: 80%; height: 2px; float: left; margin-left: 10%; box-shadow: 5px 5px 12px #000;}
.Espace1Raccourci {margin-left: 30px;}
.Espace2Raccourci {margin-left: 25%;}

/*-------------------------------------------------------------- Bloc footer */
.blocMenuFoooter {width: 25%; float: left; border-right: 1px solid #8e8e8e; min-height: 320px;}
.blocMissionFoooter {width: 30%; padding-left: 3%; float: left; min-height: 320px;}
.blocFormFoooter {width: 38%; padding-left: 3%; float: left; border-left: 1px solid #8e8e8e; min-height: 320px;}

/* formulaire */
.ligne1FormFooter {width: 90%; float: left;}
.ligne2FormFooter {width: 60%; float: left;}
.marginTopFormFooter {margin-top: 2px;}
.marginLeftFormFooter {margin-left: 30px;}

/*-------------------------------------------------------------- Accueil */
.boutonAccueil {width: 90px; padding: 3px; float: right; background: #fff;}

/*-------------------------------------------------------------- presse.php */
.blocRecherchePresse1{width: 25%; float: left;}
.lignePresse {width: 100%; float: left;}
.lignePresseConteneur {position:relative; width: 69%; float: right;}
.lignePresseImage {width: 30%; float: left;}
.cadrePresse {width: 47%; float: left; margin-top: 10px; margin-left: 2%;}
.heightPresse {height: 160px;}

/*-------------------------------------------------------------- actualite.php / et sous rubriques */
.ligneActualite {width: 100%; float: left;}
.blocActualite {width: 33.33%; float: left;}
.blocActualite:hover {background: #dcdcdc;}
.imgActualite {vertical-align: text-top; padding-right: 5px;}

/*-------------------------------------------------------------- outil.php / et sous rubriques  */
.ligneOutil {width: 100%; float: left;}
.blocOutil {width: 20%; float: left;}
.blocOutil:hover {background: #dcdcdc;}

/*-------------------------------------------------------------- contact.php / et sous rubriques  */
.ligneFormContact1 {width: 70%; float: left;}
.ligneFormContact2 {width: 100%; float: left;}
.iconeEspaceContact {width: 100%; float: left;}
.sizeContact {font-size: 1.25vw;}

/*-------------------------------------------------------------- fonction/scroll/scroll.php */
#btn_up 	{width: 90px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none;}

/*-------------------------------------------------------------- Traitement-email.php */
.msg_traitement {margin: auto; text-align: center; font-size: 20px; margin-top: 50px;}

/*##################################################### MEDIA QUERIES ####################################################################*/
@media (max-width: 1200px) 
	{
	/*-------------------------------------------------------------- Bloc Mission Droite */
	.ligneBlocMission1 {width: 49%;}
	.ligneBlocMission2{width: 49%; margin-left: 2%; margin-top: 0px;}
	
	/*-------------------------------------------------------------- Bloc verifier-calculer-optimiser */
	.heightMissionVco {min-height: 350px;}
	
	/*-------------------------------------------------------------- Bloc assistance à la liquidation */
	.heightMissionAss {min-height: 130px;}
	}	

@media (max-width: 1124px) 
	{
	/*-------------------------------------------------------------- Bloc logo */
	.logo {width: 135px; padding-bottom: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}
	.sizeLogo {font-size: 18px;}

	/*-------------------------------------------------------------- Bloc presse */
	.sizePresse1 {font-size: 1.25vw;}
	.sizePresse2 {font-size: 2vw;}
	.espaceTextPresse {line-height: 16px;}

	/*---------------------------------------------------- Bloc raccourci */
	.bloc1Raccourci{width: 50%; float: left;}

	/*-------------------------------------------------------------- Bloc footer */
	.blocMenuFoooter {display: none;}
	.blocMissionFoooter {width: 40%; padding-right: 4%; border-right: 1px solid #8e8e8e;}
	.blocFormFoooter {width: 60%; padding-left: 4%; border: 0px;}
	
	/*-------------------------------------------------------------- contact.php / et sous rubriques  */
	.sizeContact {font-size: 2vw;}
	
	/*-------------------------------------------------------------- fonction/scroll/scroll.php */
	#btn_up 	{width: 30px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none;}
	
	/*-------------------------------------------------------------- Bloc Mission page */
	.heightMission1 {min-height: 205px;}
	.heightMission2 {min-height: 205px;}
	
	/*-------------------------------------------------------------- Bloc verifier-calculer-optimiser */
	.heightMissionVco {min-height: 50px;}
	.ligneMissionVco {width: 100%; margin-left: 0px; margin-bottom: 20px;}
	
	/*-------------------------------------------------------------- Bloc assistance à la liquidation */
	.heightMissionAss {min-height: 10px;}
	.ligneMissionAss {width: 100%; margin-left: 0px; margin-bottom: 20px;}
	
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace1Raccourci {margin-left: 10px;}
	}


@media (max-width: 920px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 22%;}
	}	
	
@media (max-width: 850px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 18%;}
	}
	
@media (max-width: 780px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 15%;}
	}
	
@media (max-width: 720px) 
	{
	/*-------------------------------------------------------------- presse.php */
	.blocRecherchePresse1{width: 50%;}
	
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 12%;}
	}
	
@media (max-width: 680px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 10%;}
	}

@media (max-width: 640px) 
	{
	/*-------------------------------------------------------------- Bloc presse */
	.bloc1Presse {display: none;}
	.bloc2Presse{width: 25%;}

	/*---------------------------------------------------- Bloc raccourci */
	.bloc1Raccourci{width: 100%; float: left;}

	/*-------------------------------------------------------------- Bloc footer */
	.blocMenuFoooter {display: none;}
	.blocMissionFoooter {width: 100%; padding-left: 0; min-height: 10px; padding-bottom: 10px; border: 0px;}
	.blocFormFoooter {width: 100%; padding-left: 0; padding-top : 20px; border-left: 0px; border-top: 1px solid #8e8e8e;}

	.ligne3 {width: 100%; float: left; margin-left: 0px;}
	.marginTopGlobale {margin-top: 30px;}
		
	/*-------------------------------------------------------------- Bloc Mission Droite */
	.ligneBlocMission1 {width: 100%;}
	.ligneBlocMission2{width: 100%; margin-top: 20px; margin-left: 0px;}
	
	/*-------------------------------------------------------------- Bloc Mission page */
	.ligneMissionImage {display: none;}
	.ligneMissionTexte {width: 100%;}
	.heightMission1 {height: auto;}
	.heightMission2 {height: auto;}
	
	/*-------------------------------------------------------------- contact.php / et sous rubriques  */
	.ligneFormContact1 {width: 100%;}
	.sizeContact {font-size: 3vw;}
	
	/*-------------------------------------------------------------- outil.php / et sous rubriques  */
	.blocOutil {width: 33.33%; border: 1px solid #f7f7f7;}
	
	/*-------------------------------------------------------------- actualite.php / et sous rubriques */
	.blocActualite {width: 33.33%; border: 1px solid #f7f7f7;}
	
	/*-------------------------------------------------------------- presse.php */
	.cadrePresse {width: 98%; float: left; margin-top: 10px; margin-left: 2%;}
	.heightPresse {height: 160px;}
	
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 30%;}	
	}

	
@media (max-width: 540px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 25%;}
	}
	
@media (max-width: 480px) 
	{
	/*-------------------------------------------------------------- Bloc presse */
	.bloc1Presse {display: none;}
	.bloc2Presse{width: 50%; border: 0px;}
	.hauteurBloc2Presse {margin-top: 20px;}
	
	/*-------------------------------------------------------------- Bloc Mission page */
	.heightMission1 {min-height: 250px;}
	
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 20%;}

	}
	
@media (max-width: 420px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 15%;}
	}
	
@media (max-width: 370px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 12%;}
	}
	
@media (max-width: 340px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 8%;}
	}
	
@media (max-width: 320px) 
	{
	/*-------------------------------------------------------------- Bloc raccourci */
	.Espace2Raccourci {margin-left: 4%;}
	}