/* éléments principaux */

body
{
	background: url(images_cv/fond-site-blanc.jpg) fixed ;
	font-family: 'Trebuchet MS', Arial, san-serif; 
	color: black;
	
}

#bloc_page
{
	width: 900px;

}

/* FONCTION TOMTOM ET EVENTEAM ET ATELIER NORDIC */

.fonction
{
	text-align: center;
	color: #375E97;
	font-size: 2.1em;
	margin-bottom: -20px;
	line-height: 1.5em;
	font-weight: bold;
}

.date
{	
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	color: #FFBB00;
}

.intro
{
	text-align: center;
	font-size: 1.1em;
	font-style: italic;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: -10px;
	line-height: 1.7em;
}

.mission
{
	font-size: 1.2em;
	color: #7AA802; /* ou #FF0038 couleur VERT ou #7AA802 MAGENTA */
	text-align: justify;
	margin-left: 35px;

}

.texte
{
	text-align: justify;
	font-size: 0.95em;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -10px;
	line-height: 1.5em;

}


/* PHOTO ET TEXTE ATELIER NORDIC*/

#ANP1
{
	display: flex;
	flex-direction: row;
	margin-bottom: 6px;
}

#missions_an_part1
{
	flex: 1;
}

#missions_ateliernordic
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#missions_ateliernordic img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}


/* ATELIER NORDIC PARTIE 2 - commerce */

#ANP2
{
	display: flex;
	flex-direction: row-reverse;
}

#missions_an_part2
{
	flex: 1;
}

#missions_ateliernordic2
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#missions_ateliernordic2 img
{
	width: 100%;
	height: auto;
	margin-top: -10px;
}

#clients
{
	font-weight: bold;
}




/* PHOTO ET TEXTE EVENTEAM */

#EVTP1
{
	display: flex;
	flex-direction: row;
	margin-bottom: 6px;
}

#missions_evt_part1
{
	flex: 1;
}

#photo_missions
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo_missions img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}


/* PHOTO 2 - FIN EVT */

#EVTP2
{
	display: flex;
	flex-direction: row-reverse;
}

#missions_evt_part2
{
	flex: 1;
}

#photo2
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo2 img
{
	width: 100%;
	height: auto;
	margin-top: -10px;
}

#clients
{
	font-weight: bold;
}


/* TOMTOM */

/* PHOTO ET TEXTE 1*/

#TTP1
{
	display: flex;
	flex-direction: row;
	margin-bottom: 6px;
}

#missions_tomtom_part1
{
	flex: 1;
}

#photo_tomtom
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo_tomtom img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}


/* PHOTO 2 - FIN EVT */

#TTP2
{
	display: flex;
	flex-direction: row-reverse;
}

#missions_tomtom_part2
{
	flex: 1;
}

#photo_tomtom2
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo_tomtom2 img
{
	width: 100%;
	height: auto;
	margin-top: -10px;
}


/* COUPE DAVIS */

#DAVIS
{
	display: flex;
	flex-direction: row;
}

#missions_daviscup
{
	flex: 1;
}

#photo_federer
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;

}

#photo_federer img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

/* JEUX EQUESTRES MONDIAUX */

#WEG
{
	display: flex;
	flex-direction: row-reverse;
}

#missions_jem
{
	flex: 1;
}


#photo_poney
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo_poney img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}


/* AUTRES */

#autres_exp
{
	display: flex;
	flex-direction: row;
}

#missions_diverses
{
	flex: 1;
}


#photo_SF
{
	text-align: right;
	align-self: flex-start;
	object-fit: contain;
	flex: 1;
}

#photo_SF img
{
	width: 100%;
	height: auto;
	margin-top: 20px;
}


/* LES QUERIES RELATIVES TAILLES ECRANS */
@media all and (max-width: 1280px)
{

	#bloc_page
	{
		width: auto;
	}


	#ANP1
	{
		flex-direction: column;
		margin-bottom: 6px;
		margin-right: 50px;
	}

	

	#ANP2
	{
		flex-direction: column;
		margin-right: 50px;
	}


	#EVTP1
	{
		flex-direction: column;
		margin-bottom: 6px;
	}

	#EVTP2
	{
		flex-direction: column;

	}

	#TTP1
	{
		flex-direction: column;
		margin-bottom: 6px;
	}

	#TTP2
	{
		flex-direction: column;
	}

	#DAVIS
	{
		flex-direction: column;
	}

	#WEG
	{
		flex-direction: column;
	}

	#autres_exp
	{
		flex-direction: column;
	}

	img
	{
		margin-left: 10%;
		margin-top: 2%;
	}