@charset "UTF-8";

body {
	width: auto;
	justify-content: center;
	background-color: white;
}
.totale {
	display: flex;
	flex-direction: column;
	width: auto;
	justify-content: center;
	background-color: white;
}

/*typo generic*/
.titre {
	font-family: helvetica neue;
	color: black;
}


/*mobile device///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px){
	#haut {
			background-color: transparent;
			font-size: 2px;
		}
		#ban {
			display: none;
		}
		#ban2 {
			width: auto;
		}
		.main {
			display: flex;
			flex-direction: column;
			background-color: white;
			align-items: center;
			justify-content: center;
		}
		#main_nav {
			display: none;
		}
/*///////////header//////////////*/
		.header {
			width: auto;
			min-width: 450px;
			height:35px;
			background-color: white;
			display: flex;
			align-items: right;
			justify-content: right;
		}
		.deroule {
			position: relative;
			height: 35px;
			width: 100px; 
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.deroule:hover .lg_content{
			display: block;
			display: flex;
			flex-direction: column;
			position: absolute;
			background-color: white;
			border: 2px solid black;
			border-radius: 0.5em;
			width: 80px;
			height: 80px;
			top: 35px;
			padding-top: 10px;
			padding-bottom: 10px;
			justify-content: space-between;
		}
		button {
			background-color: transparent;
			border: none;
			outline: none;
			cursor: pointer;
		}
		.lg_content a {
			font-family: helvetica neue;
			color: black;
			font-size: 16px;
			text-decoration: none;
		}
		.lg_content {
			display: none;
		}
		.nav {
			display: flex;
			flex-direction: column;
			min-width: 450px;
		}
		.nav_graphtop {
			background-image: url(menu1_tab.png);
			background-repeat: no-repeat;
			width: auto;
			height: 13px;
		}
		.nav_graphbas {
			background-image: url(menu2_tab.png);
			background-repeat: no-repeat;
			height: 8px;
		}
		.nav_txt {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			width: auto;
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			font-weight: 500;
			padding-top: 7px;
			padding-left: 0px;
			padding-right: 5px;
			word-spacing: 10px;
		}
		.nav_txt a {
			font-family: helvetica neue;
			font-size: 20px;
			color: black;
			text-decoration: none;
		}
		.intro {
			background-image: url(fond1_mob.png);
			background-repeat: no-repeat;
			width: 450px;
			height: 440px;
			margin-top: 20px;
		}
		.intro_txt {
			text-align:  center;
			line-height: 1.25em;
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			width: 400px;
			padding-left: 30px;
			padding-top: 20px;
		}
/*/////////////titres//////////////*/
		.titre {
		font-size: 30px;
		letter-spacing: 0rem;
		}
		.nav_titre {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 450px;
			height: 35px;
			margin-top: 25px;
		}
		.icon_menu {
			display: flex;
			flex-direction: row;
			width: 100px;
			height: 28px;
			margin-right: 0px;
			border: 2px solid black;
			border-radius: 0.5em;
			justify-content: center;
			align-items: center;
		}
		.icon_buger {
			font-family: helvetica neue;
			font-size: 25px;
			color: black;
			width:80px;
			text-align: center;
			justify-content: center;
		}
		.icon_buger a {
			font-family: helvetica neue;
			font-size: 22px;
			color: black;
			text-decoration: none;
		}
		.icon_haut {
			font-family: helvetica neue;
			font-size: 26px;
			color: black;
			text-align: center;
			width:40px;
			text-align: center;
		}
		.icon_haut a {
		text-decoration: none;
		color: black;
		}
	
/*/////////pdf/////////*/
	.pdf_menu {
		display: flex;
		flex-direction: row;
		width: 240px;
		height: 35px;
		margin: 190px 0px 0px 185px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.pdf_buger {
		font-family: helvetica neue;
		font-size: 27px;
		color: black;
		width: 230px;
		text-align: center;
		justify-content: center;
	}
	.pdf_buger a {
		font-family: helvetica neue;
		font-size: 27px;
		color: black;
		text-decoration: none;
	}
/*/////////link/////////*/
	.link_buger {
		font-family: helvetica neue;
		font-size: 27px;
		color: black;
		text-align: center;
		justify-content: center;
	}
	.link_buger a {
		font-family: helvetica neue;
		font-size: 27px;
		color: black;
		text-decoration: none;
	}
	
/*///////context//////*/
		#context_t {
			padding-left: 0px;
		}
		.context_contain {
			display: flex;
			width: 450px;
			height: 1805px;
			background-image: url(fond2_mob.jpg);
			background-repeat: no-repeat;
			margin-top: 20px;
		}
		.context_text {
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			margin: 375px 10px 0px 15px;
			width: 430px;
			text-align: justify;
			line-height: 1.03em;
		}
/*///////projet////////*/
		#projet_t {
			padding-left: 0px;
		}
		.projet_contain {
			display: flex;
			flex-direction: column;
			width: 450px;
			height: 3320px;
			background-image: url(fond3_mob.jpg);
			background-repeat: no-repeat;
			margin-top: 25px;
		}
		.projet_stitre1{
			font-family: helvetica neue;
			font-size: 30px;
			color: black;
			letter-spacing: 0.05rem;
			margin: 25px 10px 10px 145px;
		}
			.projet_stitre2 {
			font-family: helvetica neue;
			font-size: 30px;
			color: black;
			letter-spacing: 0.05rem;
			margin: 328px 10px 10px 145px;
		}
		.projet_text1 {
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			margin: 10px 10px 10px 15px;
			width: 420px;
			text-align: justify;
			line-height: 1.03em;
		}
		.projet_text2 {
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			margin: 410px 10px 10px 15px;
			width: 420px;
			text-align: justify;
			line-height: 1.03em;
		}
		.projet_text3 {
			font-family: helvetica neue;
			font-size: 24px;
			color: black;
			margin: 410px 10px 10px 15px;
			width: 420px;
			text-align: justify;
			line-height: 1.03em;
		}
/*/////////qui/////////*/
	#qui_t {
		padding-left: 60px;
	}
	.qui_contain {
		display: flex;
		flex-direction: column;
		width: 450px;
		height: 3456px;
		background-image: url(fond4_mob.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.qui_sscontain1 {
		display: flex;
		flex-direction: row;
		width: 450px;
	}
	.qui_sscontain2 {
		display: flex;
		flex-direction: column;
		width: 450px;
	}
	.qui_stitre1{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 25px 10px 10px 40px;
	}
	.qui_stitre2{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 545px 10px 10px 40px;
	}
	.nom_qui1 {
		font-size: 28px;
		font-weight: 500;
		width: 420px;
		text-align: center;
		margin: 22px 0px 0px 14px;
	}
	.qui_txt1{
		font-family: helvetica neue;
		font-size: 24px;
		color: black;
		margin: 25px 0px 0px 25px;
		width: 400px;
		text-align: justify;
		line-height: 1.03em;
	}
	.link_menu1 {
		display: flex;
		flex-direction: row;
		width: 200px;
		height: 35px;
		margin: 10px 0px 0px 210px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui2 {
		font-size: 28px;
		font-weight: 500;
		width: 420px;
		text-align: center;
		margin: 35px 0px 0px 14px;
	}
	.qui_txt2{
		font-family: helvetica neue;
		font-size: 24px;
		color: black;
		margin: 30px 0px 0px 25px;
		width: 400px;
		text-align: justify;
		line-height: 1.03em;
	}
	.link_menu2 {
		display: flex;
		flex-direction: row;
		width: 200px;
		height: 35px;
		margin: 10px 0px 0px 210px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui3 {
		font-size: 28px;
		font-weight: 500;
		width: 420px;
		text-align: center;
		margin: 35px 0px 0px 14px;
	}
	.qui_txt3{
		font-family: helvetica neue;
		font-size: 24px;
		color: black;
		margin: 15px 10px 0px 25px;
		width: 400px;
		text-align: justify;
		line-height: 1.03em;
	}
	.link_menu3 {
		display: flex;
		flex-direction: row;
		width: 200px;
		height: 35px;
		margin: 10px 0px 0px 210px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui4 {
		font-size: 28px;
		font-weight: 500;
		width: 190px;
		text-align: center;
		margin: 30px 0px 0px 26px;
	}
	.qui_txt4{
		font-family: helvetica neue;
		font-size: 21px;
		color: black;
		margin: 52px 0px 0px 30px;
		width: 180px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui5 {
		font-size: 28px;
		font-weight: 500;
		width: 190px;
		text-align: center;
		margin: 20px 0px 0px 22px;
	}
		.qui_txt5{
		font-family: helvetica neue;
		font-size: 21px;
		color: black;
		margin: 32px 10px 0px 22px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui6 {
		font-size: 28px;
		font-weight: 500;
		width: 150px;
		text-align: center;
		margin: 70px 0px 0px 46px;
	}
	.qui_txt6 {
		font-family: helvetica neue;
		font-size: 21px;
		color: black;
		margin: 20px 10px 0px 15px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}
		.nom_qui7 {
		font-size: 28px;
		font-weight: 500;
		width: 160px;
		text-align: center;
		margin: 70px 0px 0px 60px;
	}
	.qui_txt7 {
		font-family: helvetica neue;
		font-size: 21px;
		color: black;
		margin: 20px 0px 0px 8px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui8 {
		font-size: 28px;
		font-weight: 500;
		width: 120px;
		text-align: center;
		margin: 10px 0px 0px 22px;
	}
	.qui_txt8 {
		font-family: helvetica neue;
		font-size: 21px;
		color: black;
		margin: 44px 0px 0px 20px;
		width: 120px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui9 {
		font-size: 28px;
		font-weight: 500;
		width: 130px;
		text-align: center;
		margin: 22px 0px 0px 16px;
	}
		.qui_txt9 {
			font-family: helvetica neue;
			font-size: 21px;
			color: black;
			margin: 14px 0px 0px 14px;
			width: 150px;
			text-align: center;
			line-height: 1.4em;
		}
		.nom_qui10 {
			font-size: 28px;
			font-weight: 500;
			width: 120px;
			text-align: center;
			margin: 10px 0px 0px 30px;
		}
		.qui_txt10 {
			font-family: helvetica neue;
			font-size: 21px;
			color: black;
			margin: 30px 0px 0px 12px;
			width: 110px;
			text-align: center;
			line-height: 1.4em;
		}
/*////////parrainages//////////*/
		#parr_t {
			padding-left: 60px;
		}
		.parr_contain {
			display: flex;
			flex-direction: column;
			width: 450px;
			height: 1501px;
			background-image: url(fond5_mob.jpg);
			background-repeat: no-repeat;
			margin-top: 25px;
			padding-bottom: 10px;
		}
		.nom_parr {
			font-family: helvetica neue;
			font-size: 28px;
			font-weight: 500;
			width: 390px;
			text-align: center;
			margin: 220px 0px 0px 30px;
		}
		.parr_txt1 {
			font-family: helvetica neue;
			font-size: 21px;
			color: black;
			margin: 18px 0px 0px 30px;
			width: 390px;
			text-align: center;
			line-height: 1.4em;
		}
		.parr_txt2 {
			font-family: helvetica neue;
			font-size: 21px;
			color: black;
			margin: 18px 0px 0px 30px;
			width: 390px;
			text-align: center;
			line-height: 1.4em;
		}
/*////////////////soutiens/////////////////*/
		#sout_t {
			padding-left: 60px;
		}
		.sout_contain {
			display: flex;
			flex-direction: column;
			width: 450px;
			height: 2616px;
			background-image: url(fond6_mob.jpg);
			background-repeat: no-repeat;
			margin-top: 25px;
		}
		.sout_stitre1{
			font-family: helvetica neue;
			font-size: 30px;
			color: black;
			letter-spacing: 0.1rem;
			margin: 20px 10px 15px 55px;
		}
		.link_sout{
			display: flex;
			flex-direction: row;
		}
		.sout_contain_inst {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 130px;
			margin: 0px 0px 10px 12px;
		}
		.nom_sout1 {
			font-family: helvetica neue;
			font-size: 28px;
			font-weight: 500;
			width: 410px;
			height: 50px;
			text-align: center;
			margin: 6px 0px 0px 9px;
		}
		.link_menusout1 {
			display: flex;
			flex-direction: row;
			width: 172px;
			height: 30px;
			margin: 30px 0px 0px 0px;
			background-color: white;
			border: 2px solid black;
			border-radius: 0.5em;
			justify-content: center;
			align-items: center;
		}
		.lettre_menusout1 {
			display: flex;
			flex-direction: row;
			width: 242px;
			height: 30px;
			margin: 30px 0px 0px 2px;
			background-color: white;
			border: 2px solid black;
			border-radius: 0.5em;
			justify-content: center;
			align-items: center;
		}
		.sout_stitre2{
			font-family: helvetica neue;
			font-size: 30px;
			color: black;
			letter-spacing: 0.1rem;
			margin: 28px 10px 18px 55px;
		}
		.sout_contain_perso1 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 100px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso2 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 150px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso3 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 150px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso4 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 100px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso5 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 125px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso6 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 175px;
			margin: 0px 0px 10px 12px;
		}
		.sout_contain_perso7 {
			display: flex;
			flex-direction: column;
			width: 426px;
			height: 175px;
			margin: 0px 0px 10px 12px;
		}
		.nom_sout2 {
			font-family: helvetica neue;
			font-size: 28px;
			font-weight: 500;
			width: 422px;
			height: 30px;
			text-align: center;
			margin: 6px 0px 0px 0px;
		}
		.sout_txt1 {
			font-family: helvetica neue;
			font-size: 21px;
			color: black;
			margin: 10px 0px 0px 0px;
			width: 422px;
			text-align: center;
			line-height: 1.2em;
		}




}





/*tab device////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 1023px){
	
	#haut {
		background-color: transparent;
		font-size: 2px;
	}
	#ban {
		display: none;
	}
	#ban2 {
		width: auto;
	}
	.main {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#main_nav {
		display: none;
	}
/*///////////header//////////////*/
	.header {
		width: auto;
		min-width: 768px;
		height:35px;
		background-color: white;
		display: flex;
		align-items: right;
		justify-content: right;
	}
	.deroule {
		position: relative;
		height: 35px;
		width: 100px; 
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.deroule:hover .lg_content{
		display: block;
		display: flex;
		flex-direction: column;
		position: absolute;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		width: 80px;
		height: 80px;
		top: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		justify-content: space-between;
	}
	button {
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
	}
	.lg_content a {
		font-family: helvetica neue;
		color: black;
		font-size: 16px;
		text-decoration: none;
	}
	.lg_content {
		display: none;
	}
	.nav {
		display: flex;
		flex-direction: column;
		min-width: 768px;
	}
	.nav_graphtop {
		background-image: url(menu1_tab.png);
		background-repeat: no-repeat;
		width: auto;
		height: 13px;
	}
	.nav_graphbas {
		background-image: url(menu2_tab.png);
		background-repeat: no-repeat;
		height: 8px;
	}
	.nav_txt {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		width: auto;
		font-family: helvetica neue;
		font-weight: 500;
		font-size: 24px;
		color: black;
		padding-top: 7px;
		padding-left: 0px;
		padding-right: 5px;
		word-spacing: 10px;
	}
	.nav_txt a {
		font-family: helvetica neue;
		color: black;
		text-decoration: none;
	}
	.intro {
		background-image: url(fond1_tab.png);
		background-repeat: no-repeat;
		width: 768px;
		height: 285px;
		margin-top: 20px;
	}
	.intro_txt {
		text-align:  center;
		line-height: 1.3em;
		font-family: helvetica neue;
		font-size: 24px;
		color: black;
		width: 700px;
		padding-left: 34px;
		padding-top: 28px;
	}
/*/////////////titres//////////////*/
	.titre {
	font-size: 30px;
	letter-spacing: 0.2rem;
	}
	.nav_titre {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 768px;
		height: 35px;
		margin-top: 25px;
	}
	.icon_menu {
		display: flex;
		flex-direction: row;
		width: 120px;
		height: 32px;
		margin-right: 50px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.icon_buger {
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		width:80px;
		text-align: center;
		justify-content: center;
	}
	.icon_buger a {
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		text-decoration: none;
	}
	.icon_haut {
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		text-align: center;
		width:40px;
		text-align: center;
	}
	.icon_haut a {
	text-decoration: none;
	color: black;
	}
	
/*/////////pdf/////////*/
	.pdf_menu {
		display: flex;
		flex-direction: row;
		width: 230px;
		height: 30px;
		margin: 285px 0px 0px 500px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.pdf_buger {
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		width: 230px;
		text-align: center;
		justify-content: center;
	}
	.pdf_buger a {
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		text-decoration: none;
	}
	/*/////////link/////////*/
	.link_buger {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		text-align: center;
		justify-content: center;
	}
	.link_buger a {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		text-decoration: none;
	}
/*///////context//////*/
	#context_t {
		padding-left: 60px;
	}
	.context_contain {
		display: flex;
		width: 768px;
		height: 1438px;
		background-image: url(fond2_tab.jpg);
		background-repeat: no-repeat;
		margin-top: 20px;
	}
	.context_text {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 400px 10px 0px 25px;
		width: 715px;
		text-align: justify;
		line-height: 1.4em;
	}
/*///////projet////////*/
	#projet_t {
		padding-left: 60px;
	}
	.projet_contain {
		display: flex;
		flex-direction: column;
		width: 768px;
		height: 2156px;
		background-image: url(fond3_tab.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.projet_stitre1{
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 28px 10px 10px 322px;
	}
		.projet_stitre2 {
		font-family: helvetica neue;
		font-size: 25px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 32px 10px 10px 322px;
	}
	.projet_text1 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 20px 10px 10px 322px;
		width: 422px;
		text-align: justify;
		line-height: 1.4em;
	}
	.projet_text2 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 270px 10px 10px 25px;
		width: 715px;
		text-align: justify;
		line-height: 1.4em;
	}
	.projet_text3 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 270px 10px 10px 25px;
		width: 715px;
		text-align: justify;
		line-height: 1.4em;
	}
/*/////////qui/////////*/
	#qui_t {
		padding-left: 60px;
	}
	.qui_contain {
		display: flex;
		flex-direction: column;
		width: 768px;
		height: 2546px;
		background-image: url(fond4_tab.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.qui_sscontain1 {
		display: flex;
		flex-direction: row;
		width: 1024px;
	}
	.qui_sscontain2 {
		display: flex;
		flex-direction: column;
		width: 1024px;
	}
	.qui_stitre1{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 25px 10px 10px 55px;
	}
	.qui_stitre2{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 65px 10px 10px 55px;
	}
	.nom_qui1 {
		font-size: 28px;
		font-weight: 500;
		width: 722px;
		text-align: center;
		margin: 25px 0px 0px 20px;
	}
	.qui_txt1{
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 35px 10px 0px 32px;
		width: 701px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu1 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 20px 0px 0px 550px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui2 {
		font-size: 28px;
		font-weight: 500;
		width: 337px;
		text-align: center;
		margin: 105px 0px 0px 406px;
	}
	.qui_txt2{
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 45px 10px 0px 419px;
		width: 310px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu2 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 20px 0px 0px 550px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui3 {
		font-size: 28px;
		font-weight: 500;
		width: 718px;
		text-align: center;
		margin: 120px 0px 0px 22px;
	}
	.qui_txt3{
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 30px 10px 0px 32px;
		width: 700px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu3 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 20px 0px 0px 550px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui4 {
		font-size: 28px;
		font-weight: 500;
		width: 338px;
		text-align: center;
		margin: 30px 0px 0px 22px;
	}
	.qui_txt4{
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 20px 0px 0px 32px;
		width: 318px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui5 {
		font-size: 28px;
		font-weight: 500;
		width: 340px;
		text-align: center;
		margin: 15px 0px 0px 25px;
	}
	.qui_txt5{
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 10px 10px 0px 30px;
		width: 360px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui6 {
		font-size: 28px;
		font-weight: 500;
		width: 380px;
		text-align: center;
		margin: 45px 0px 0px 22px;
	}
	.qui_txt6 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 16px 10px 0px 45px;
		width: 360px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui7 {
		font-size: 28px;
		font-weight: 500;
		width: 328px;
		text-align: center;
		margin: 45px 0px 0px 10px;
	}
	.qui_txt7 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 16px 0px 0px 0px;
		width: 330px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui8 {
		font-size: 28px;
		font-weight: 500;
		width: 202px;
		text-align: center;
		margin: 54px 0px 0px 22px;
	}
	.qui_txt8 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 26px 0px 0px 22px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui9 {
		font-size: 28px;
		font-weight: 500;
		width: 293px;
		text-align: center;
		margin: 54px 0px 0px 10px;
	}
	.qui_txt9 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 26px 0px 0px 16px;
		width: 290px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui10 {
		font-size: 28px;
		font-weight: 500;
		width: 203px;
		text-align: center;
		margin: 54px 0px 0px 16px;
	}
	.qui_txt10 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 26px 0px 0px 16px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}
/*////////parrainages//////////*/
	#parr_t {
		padding-left: 60px;
	}
	.parr_contain {
		display: flex;
		flex-direction: column;
		width: 768px;
		height: 831px;
		background-image: url(fond5_tab.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
		padding-bottom: 10px;
	}
	.nom_parr {
		font-family: helvetica neue;
		font-size: 28px;
		font-weight: 500;
		width: 519px;
		text-align: left;
		margin: 40px 0px 0px 350px;
	}
	.parr_txt1 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 22px 0px 20px 350px;
		width: 400px;
		text-align: left;
		line-height: 1.4em;
	}
	.parr_txt2 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 22px 0px 0px 350px;
		width: 400px;
		text-align: left;
		line-height: 1.4em;
	}
	/*////////////////soutiens/////////////////*/
	#sout_t {
		padding-left: 60px;
	}
	.sout_contain {
		display: flex;
		flex-direction: column;
		width: 768px;
		height: 1716px;
		background-image: url(fond6_tab.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.sout_stitre1{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 20px 10px 15px 55px;
	}
	.sout_contain_inst {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 70px;
		margin: 0px 0px 10px 21px;
	}
	.nom_sout1 {
		font-family: helvetica neue;
		font-size: 28px;
		font-weight: 500;
		width: 320px;
		text-align: left;
		margin: 6px 0px 0px 9px;
	}
	.link_sout{
		display: flex;
		flex-direction: row;
	}
	.link_menusout1 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 25px 0px 0px 0px;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.lettre_menusout1 {
		display: flex;
		flex-direction: row;
		width: 210px;
		height: 30px;
		margin: 25px 0px 0px 15px;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.sout_stitre2{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 28px 10px 18px 55px;
	}
	.sout_contain_perso1 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 65px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso2 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 90px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso3 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 112px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso4 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 42px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso5 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 65px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso6 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 140px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso7 {
		display: flex;
		flex-direction: row;
		width: 729px;
		height: 112px;
		margin: 0px 0px 10px 21px;
	}
	.nom_sout2 {
		font-family: helvetica neue;
		font-size: 28px;
		font-weight: 500;
		width: 250px;
		text-align: left;
		margin: 10px 0px 0px 9px;
	}
	.sout_txt1 {
		font-family: helvetica neue;
		font-size: 20px;
		color: black;
		margin: 10px 0px 0px 20px;
		width: 460px;
		text-align: left;
		line-height: 1.4em;
	}
	

}




/*deskop device//////////////////////////////////////////////////////////////////*/
@media (min-width: 1024px){
	#haut {
		background-color: transparent;
		font-size: 2px;
	}
	#ban {
		width: auto;
	}
	#ban2 {
		display: none;
	}
	.main {
		display: flex;
		flex-direction: column;
		  align-items: center;
		  justify-content: center;
	}
	#main_nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
/*///////////header//////////////*/
	.header {
		width: 1024px;
		height:35px;
		background-color: white;
		display: flex;
		align-items: right;
		justify-content: right;
	}
	.deroule {
		position: relative;
		height: 35px;
		width: 100px; 
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.deroule:hover .lg_content{
		display: block;
		display: flex;
		flex-direction: column;
		position: absolute;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		width: 100px;
		top: 35px;
		padding: 8px 10px;	
	}
	button {
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
	}
	.lg_content a {
		font-family: helvetica neue;
		color: black;
		font-size: 24px;
		text-decoration: none;
	}
	.lg_content {
		display: none;
	}
	.nav {
		display: none;
	}
	.nav2 {
		display: flex;
		flex-direction: column;
		width: 1024px;
		height: auto;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.nav_graphtop {
		background-image: url(menu1_ordi.png);
		background-repeat: no-repeat;
		background-size: 1024px 13px;
		width: 1024px;
		height: 13px;
		font-size: 7px;
	}
	.nav_graphbas {
		background-image: url(menu2_ordi.png);
		background-repeat: no-repeat;
		background-size: 1024px 4px;
		width: 1024px;
		height: 4px;
	}
	.nav_txt {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
		width: 1024px;
		height: auto;
		font-weight: 500;
		font-family: helvetica neue;
		font-size: 26px;
		color: black;
		padding-top: 10px;
	}
	.nav_txt a {
		font-family: helvetica neue;
		color: black;
		text-decoration: none;
	}
	.intro {
		background-image: url(fond1_ordi.png);
		background-repeat: no-repeat;
		width: 1024px;
		height: 200px;
		margin-top: 20px;
	}
	.intro_txt {
		text-align:  center;
		line-height: 1.5em;
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		width: 860px;
		padding-left: 85px;
		padding-top: 15px;
	}
/*/////////////titres//////////////*/
	.titre {
		font-size: 35px;
		letter-spacing: 0.2rem;
		}
	.nav_titre {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 1024px;
		height: 35px;
		margin-top: 25px;
	}
	.icon_menu {
		display: flex;
		flex-direction: row;
		width: 140px;
		height: 32px;
		margin-right: 100px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.icon_buger {
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		width:80px;
		text-align: center;
		justify-content: center;
	}
	.icon_buger a {
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		text-decoration: none;
	}
	.icon_haut {
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		text-align: center;
		width:40px;
		text-align: center;
	}
	.icon_haut a {
	text-decoration: none;
	color: black;
	}

/*/////////pdf/////////*/
	.pdf_menu {
		display: flex;
		flex-direction: row;
		width: 200px;
		height: 30px;
		margin: 270px 0px 0px 740px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.pdf_buger {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		width: 200px;
		text-align: center;
		justify-content: center;
	}
	.pdf_buger a {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		text-decoration: none;
	}
/*/////////link/////////*/
	.link_buger {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		text-align: center;
		justify-content: center;
	}
	.link_buger a {
		font-family: helvetica neue;
		font-size: 22px;
		color: black;
		text-decoration: none;
	}
	
/*///////context//////*/
	#context_t {
		padding-left: 60px;
	}
	.context_contain {
		display: flex;
		width: 1024px;
		height: 773px;
		background-image: url(fond2_ordi.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.context_text {
		font-family: helvetica neue;
		font-size: 18px;
		color: black;
		margin: 20px 10px 10px 490px;
		width: 500px;
		text-align: justify;
		line-height: 1.01em;
	}
/*///////projet////////*/
	#projet_t {
		padding-left: 60px;
	}
	.projet_contain {
		display: flex;
		flex-direction: column;
		width: 1024px;
		height: 1231px;
		background-image: url(fond3_ordi.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.projet_stitre1{
		font-family: helvetica neue;
		font-size: 24px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 28px 10px 10px 660px;
	}
	.projet_stitre2 {
	font-family: helvetica neue;
	font-size: 24px;
	color: black;
	letter-spacing: 0.1rem;
	margin: 50px 10px 10px 660px;
	}
	.projet_text1 {
		font-family: helvetica neue;
		font-size: 18px;
		color: black;
		margin: 10px 10px 10px 490px;
		width: 500px;
		text-align: justify;
		line-height: 1.01em;
	}
	.projet_text2 {
		font-family: helvetica neue;
		font-size: 18px;
		color: black;
		margin: 20px 10px 10px 490px;
		width: 500px;
		text-align: justify;
		line-height: 1.01em;
	}
	.projet_text3 {
		font-family: helvetica neue;
		font-size: 18px;
		color: black;
		margin: 0px 10px 10px 490px;
		width: 500px;
		text-align: justify;
		line-height: 1.01em;
	}

/*/////////qui/////////*/
	#qui_t {
		padding-left: 60px;
	}
	.qui_contain {
		display: flex;
		flex-direction: column;
		width: 1024px;
		height: 2068px;
		background-image: url(fond4_ordi.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
	}
	.qui_sscontain1 {
		display: flex;
		flex-direction: row;
		width: 1024px;
	}
	.qui_sscontain2 {
		display: flex;
		flex-direction: column;
		width: 1024px;
	}
	.qui_stitre1{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 25px 10px 10px 55px;
	}
	.qui_stitre2{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 60px 10px 10px 55px;
	}
	.nom_qui1 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 520px;
		text-align: center;
		margin: 20px 0px 0px 480px;
	}
	.qui_txt1{
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 40px 10px 0px 520px;
		width: 450px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu1 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 10px 0px 0px 820px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui2 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 520px;
		text-align: center;
		margin: 53px 0px 0px 480px;
	}
	.qui_txt2{
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 40px 10px 0px 520px;
		width: 450px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu2 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 10px 0px 0px 820px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui3 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 520px;
		text-align: center;
		margin: 53px 0px 0px 480px;
	}
	.qui_txt3{
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 50px 10px 0px 520px;
		width: 450px;
		text-align: justify;
		line-height: 1.4em;
	}
	.link_menu3 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 10px 0px 0px 820px;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.nom_qui4 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 380px;
		text-align: center;
		margin: 20px 0px 0px 22px;
	}
	.qui_txt4{
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 30px 10px 0px 42px;
		width: 340px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui5 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 440px;
		text-align: center;
		margin: 20px 0px 0px 105px;
	}
	.qui_txt5{
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 10px 0px 170px;
		width: 340px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui6 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 380px;
		text-align: center;
		margin: 28px 0px 0px 25px;
	}
	.qui_txt6 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 10px 0px 45px;
		width: 340px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui7 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 380px;
		text-align: center;
		margin: 28px 0px 0px 220px;
	}
	.qui_txt7 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 0px 0px 250px;
		width: 340px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui8 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 170px;
		text-align: center;
		margin: 28px 0px 0px 58px;
	}
	.qui_txt8 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 28px 0px 0px 70px;
		width: 150px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui9 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 180px;
		text-align: center;
		margin: 28px 0px 0px 200px;
	}
	.qui_txt9 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 0px 0px 168px;
		width: 250px;
		text-align: center;
		line-height: 1.4em;
	}
	.nom_qui10 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 180px;
		text-align: center;
		margin: 28px 0px 0px 190px;
	}
	.qui_txt10 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 28px 0px 0px 144px;
		width: 200px;
		text-align: center;
		line-height: 1.4em;
	}

/*////////parrainages//////////*/
	#parr_t {
		padding-left: 60px;
	}
	.parr_contain {
		display: flex;
		flex-direction: column;
		width: 1024px;
		height: 832px;
		background-image: url(fond5_ordi.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
		padding-bottom: 10px;
	}
	.nom_parr {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 519px;
		text-align: left;
		margin: 30px 0px 0px 418px;
	}
	.parr_txt1 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 0px 80px 418px;
		width: 480px;
		text-align: left;
		line-height: 1.4em;
	}
	.parr_txt2 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 20px 0px 60px 418px;
		width: 480px;
		text-align: left;
		line-height: 1.4em;
	}
	
/*////////////////soutiens/////////////////*/
	#sout_t {
		padding-left: 60px;
	}
	.sout_contain {
		display: flex;
		flex-direction: column;
		width: 1024px;
		height: 1393px;
		background-image: url(fond6_ordi.jpg);
		background-repeat: no-repeat;
		margin-top: 25px;
		padding-bottom: 10px;
	}
	.sout_stitre1{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 25px 10px 20px 55px;
	}
	.sout_contain_inst {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.nom_sout1 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 575px;
		text-align: left;
		margin: 14px 0px 0px 9px;
	}
	.link_sout{
		display: flex;
		flex-direction: row;
	}
	.link_menusout1 {
		display: flex;
		flex-direction: row;
		width: 150px;
		height: 30px;
		margin: 15px 0px 0px 0px;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.lettre_menusout1 {
		display: flex;
		flex-direction: row;
		width: 210px;
		height: 30px;
		margin: 15px 0px 0px 15px;
		background-color: white;
		border: 2px solid black;
		border-radius: 0.5em;
		justify-content: center;
		align-items: center;
	}
	.sout_stitre2{
		font-family: helvetica neue;
		font-size: 30px;
		color: black;
		letter-spacing: 0.1rem;
		margin: 22px 10px 23px 55px;
	}
	.sout_contain_perso1 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso2 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso3 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso4 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso5 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso6 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.sout_contain_perso7 {
		display: flex;
		flex-direction: row;
		width: 980px;
		height: 60px;
		margin: 0px 0px 10px 21px;
	}
	.nom_sout2 {
		font-family: helvetica neue;
		font-size: 26px;
		font-weight: 500;
		width: 250px;
		text-align: left;
		margin: 5px 0px 0px 9px;
	}
	.sout_txt1 {
		font-family: helvetica neue;
		font-size: 14px;
		color: black;
		margin: 15px 0px 0px 20px;
		width: 700px;
		text-align: left;
		line-height: 1.4em;
	}

/*////////////////contact/////////////////*/

/*////////////Pages contenu///////////////*/


	

	/*////////////////PHOTO PFORMAT//////////////////////*/

	
	
/*////////////////ACTUALITE//////////////////////*/





/*///////////////////*/
}