@font-face {
	font-family:"isocpeur";
	src: url("../font/isocpeur/isocpeur.woff2")format("woff2"),
		url("../font/isocpeur/isocpeur.woff")format("woff"),
		url("../font/isocpeur/isocpeur.ttf")format("truetype");
}
@font-face {
	font-family:"isocpeur";
	font-style:italic;
	src: url("../font/isocpeur/isocpeui.woff2")format("woff2"),
		url("../font/isocpeur/isocpeui.woff")format("woff"),
		url("../font/isocpeur/isocpeui.ttf")format("truetype");
}
html, body, header, footer, nav, label, ul, li, a, section, h1, h2, h3, h4, h5, h6, p, img, figure, div, span, input, textarea {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:Arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:white;
	vertical-align: baseline;
	line-height: 1;
}
/*****************************************************************************************************/
/* Positions */
#texte 					{position:absolute;}
/* Display */
form,
footer,
#liste_lien 			{display:flex;}
.coucou 				{display:none;}
/* Background */
#envoi:hover 			{background-color:chocolate; color:white;}
#envoi 					{background-color:#ffedab; color: #3e190a; border:3px solid chocolate;}
#liste_lien img:hover 	{filter: brightness(1.5);}
.nok 					{background-color:rgba(255,114,117,1.00);}
/* Alignements */
figcaption,
h2,
h1,
.col_centre 			{text-align:center;}
.col_droite 			{text-align:right;}
.col_gauche 			{text-align:left;}
#texte 					{flex-direction:column;}
form,
#liste_lien 			{flex-wrap:wrap;}
#liste_lien				{justify-content:space-around;}
/* Polices */
h2 						{font-family:isocpeur; transform: scale(1,2);}
address 				{font-style:normal;}
.remarque,
#gps 					{font-style:italic;}
#envoi 					{font-weight:bold;}
.page_6 p,
a:hover,
.remarque,
th 						{color:chocolate;}
input,
textarea,
select 					{color:black;}
address,
h2 						{text-shadow:3px 2px 1px black;}
.page_5 figcaption 		{text-shadow:1px 1px 1px black;}
footer a 				{letter-spacing: 4px;}
address 				{word-spacing:1.5px;}
a 						{text-decoration:none;}
ul 						{list-style: none;}
h2 						{text-decoration-line: underline;}
#question,
.nowrap,
footer a 				{white-space:nowrap;}
/* Largeurs */
	form {max-width:790px;}
/* Hauteurs */
iframe 					{height:60vh;}
img 					{height:auto;}
/* Bordures */
* 						{box-sizing: border-box;}
td 						{border:1px solid rgba(255,255,255,0.2);}
label,
.page_6 p,
select,
textarea,
input 					{border:none;}
#envoi 					{border-radius: 10px; border:3px solid #3e190a;;}
table 					{border-collapse:collapse;}
/* Padding */
th, td,
label,
.page_6 p,
select,
textarea,
input 					{padding:1vmin;}
.page_3 .remarque 		{padding-top:1vh;}
figcaption 				{padding:1vh;}
/* Margin */
iframe 					{margin-left:1vw;}
.page_3 p 				{margin:1vh 3vw;}
.page_6 label,
.page_6 p,
.page_6 select,
.page_6 textarea,
.page_6 input 			{margin:1vw;}
#envoi 					{margin-top:2vh;}
/* Divers */
#envoi:hover 			{cursor:pointer;}
textarea 				{resize:vertical;}
/*********************************************************************************/
/*********************************************************************************/
@media screen and (max-width: 310px) {	
	/* Tout petit en largeur */
	select,
	textarea,
	input 					{width:96vw;}
	#ville 					{width:79vw;}
	label 					{width:45vw; margin-right:0;}
	#rep 					{width:45vw; margin-left:0;}
	#cp 					{width:15vw;}
	.contact 				{display:none;}
}
@media screen and (min-width: 311px) {
	/* Formulaires de contact */
	label 			{display:inline-block;}	
	#cp 			{width:18%;}
	label 			{width:38%;}
	#prenom,
	#nom 			{width:48%;}
	#rep 			{width:61.4%;}
	#ville 			{width:78%;}
	form p,
	.antispam,
	#envoi,
	textarea,
	#adresse,
	#tel,
	#mail 			{width:98%;}
	form 			{margin:0 0 0 1vw;}
	textarea,
	#adresse,
	#tel,
	#mail,
	select,
	#prenom,
	#nom,
	#cp,
	#ville,
	form p,
	.antispam,
	#envoi 		{margin:0.5vh 1% !important;}
	label,
	#rep 		{margin:0 !important;}
	select 		{width:30%; margin-right:69% !important;}
}
/*********************************************************************************/
/* Petits écrans                                                                 */
/*********************************************************************************/
@media screen and (max-width: 624px), (max-height: 699px){
/* Position */
	form,
	#liste_lien,
	iframe,
	h2,
	h1,
	#menu 					{position:absolute;}
	#gps 					{position:fixed;}
	footer,
	.page_1 h1,
	.page_1 h2 				{position:relative;top:0;}
	#menu 					{top:5vh;}
	h1 						{top:18vh;}
	h2 						{top:30vh;}
	#texte 					{top:32vh;}
	.page_1 #texte 			{top:auto;}
	/*address 				{top:45vh;}*/
	/*footer 				{top:60vh;}*/
	.page_5 footer 			{top:70vh;}
	#gps 					{top:90vh;}
	address {bottom:10vh;}
/* Display */
	.page_6 #texte,
	.page_3 #texte,
	#gps,
	/*address,*/
	.page_1 h2,
	h1,
	#menu  					{display:flex;}
	#menu_4 				{display:none;}
	.page_6 label 			{display:inline-block;}
	h2,
	.page_2 h3,
	.page_2 footer,
	.page_3 footer,
	.page_6 footer,
	.page_6 img,
	.none 					{display:none;}
/* Alignements */
	#menu					{justify-content:space-around;}
	form,
	h2,
	h1,
	#gps,
	footer 					{justify-content:center;}
	#liste_lien,
	.page_3 #texte,
	#gps,
	h2,
	h1,
	#menu,
	footer  				{align-items:center;}
	address 				{white-space:nowrap;}
	form 					{align-self:center;}
/* Polices */
	h1 						{font-family:isocpeur; transform: scale(1,2);}
	h1 						{font-size:calc(2vh + 2vw + 10px);}
	h2 						{font-size:calc(1.9vh + 1.9vw + 10px);}
	address 				{font-size:calc(1.1vw + 16px);}
	#gps 					{font-size:calc(0.8vh + 11px);}
	footer a 				{font-size:calc(1vh + 1vw + 12px);}
	.orange 				{font-weight:bold;}
	.page_6 p 				{font-style:italic;}
	.orange 				{color:orange;}
	h1 						{text-shadow:2px 2px 2px black !important;}
	h1,h2 					{letter-spacing:5px;}
	h1,h2 					{word-spacing:10px;}
	a 						{color:chocolate;}
	h1 						{white-space: nowrap;}
	a 						{font-weight:bold;}
	#menu li a 				{font-size:calc(1vmin + 12px);}
/* Background */
	#menu 					{background-color:rgba(255,255,255,0.7);}
	.page_1 #content		{background:rgba(059,073,079,1) url("../img/bg/TeamTaom-Assistance_Informatique.png") no-repeat center bottom;background-size:contain;min-height:70vh;}
	.page_1 h1 				{background:none;}
	h1 						{background:url("../img/bg/chalet.jpg") no-repeat center; background-size:cover;}
	body 					{background-color:rgba(059,073,079,1);}
/* Largeur */
	#texte,
	#menu,
	#gps,
	h1,
	h2,
	address,
	footer,
	#liste_lien 			{width:100vw;}
	iframe 					{width:96vw;}
	.page_6 p 				{width:96vw;}
	.page_5 img 			{width:30vw;min-width:110px;}
	img 					{min-width:100px;max-width:150px;}	
/* Hauteur */
	/*body 					{min-height:95vh;}*/
	#menu 					{height:10vh;}
	h2 						{height:15vh;}
	#gps 					{height:10vh;}
	#liste_lien 			{height:45vh;}
/* Padding */
/* Bordures */
	footer a 				{border:2px solid chocolate;}
	footer a 				{border-radius:10px;}
/* Margin */
.page_1 h1 					{margin-top:20vh;}
.page_1 h2 					{margin-top:5vh;}
footer 						{margin-top:7vh;}
/* Divers */
	body 					{overflow-x:hidden;}
/* Padding */
	#texte 					{padding:0 1vw;}
	footer a 				{padding:2vmax;}
address 				{background-color:rgba(0,0,0,0.25);text-align:center;padding:5vh 0 5vh;}
.page_1 #texte 			{position:absolute;bottom:0;;padding:0;}
footer a 				{background-color:rgba(0,0,0,0.6);}
footer a:hover 			{background-color:rgba(0,0,0,0.8);}
h1 						{text-shadow:3px 2px 1px black;}
.contact 				{display:none;}
}
/*********************************************************************************/
/* Grands écrans                                                                 */
/*********************************************************************************/
@media screen and (min-width: 625px) and (min-height: 700px){
/* Position */
	footer,
	#h1,
	#menu_1,
	#menu_2,
	#menu_3,
	#menu_4,
	#menu_5,
	#menu_6,
	#centre 			{position:absolute;}
	address 			{position:relative;}
	#menu_1,
	#menu_2 			{top:2vh;}
	#menu_3,
	#menu_4 			{top:calc(50% - 110px);}
	footer,
	#menu_5,
	#menu_6 			{bottom:2vh;}	
	#menu_1,
	#menu_3,
	#menu_5 			{left:2vw;}
	#menu_2,
	#menu_4,
	#menu_6				{right:2vw;}
	#h1 				{top:2vh;left: calc(50vw - 180px);}
	footer 				{left:calc(50% - 180px);}
	#centre 			{top:calc(2vh + 43px);left:calc(2vw + 113px);}
/* Display */
	label,
	#menu li,
	#gps 				{display:inline-block;}
	#texte,
	#centre,
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a,
	#menu_2 a,
	#menu_1 a,
	#content 			{display:flex;}
	form img,
	.page_2 h2 			{display:none;}
/* Alignements */
	h3,
	address 				{text-align:center;}
	footer,
	#centre,
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,	
	#menu_3 a,
	#menu_2 a,
	#menu_1 a,
	#texte 					{align-items:center;}
	footer,
	#centre,	
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,	
	#menu_3 a,
	#menu_2 a,
	#menu_1 a 				{justify-content:center;}
	h2 						{align-self:flex-start;}
/* Polices */
	.contact a,
	h1,
	h3,
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a,
	#menu_2 a,
	#menu_1 a		{font-family:isocpeur;}
	h1 				{font-size:23px;}
	h2 				{font-size:calc(1.1vw + 1.0vh + 16px);letter-spacing:10px; word-spacing:20px;}
	address 		{font-size:calc(0.9vw + 0.9vh + 14px);}
	.contact a 		{font-size:calc(0.9vw + 0.9vh + 12px);}
	#gps 			{font-size:calc(0.7vw + 0.7vh + 14px);}
	footer a 		{font-size:20px;}
	h3 				{font-size:calc(1.2vw + 1.2vh + 20px);}
	.page_2 h3 		{font-size:calc(0.6vh + 0.6vw + 12px);}
	.remarque 		{font-size:calc(0.2vh + 0.2vw + 12px);}
	th,td 			{font-size:calc(0.5vw + 11px);}
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a,
	#menu_2 a,
	#menu_1 a 		{font-size:20px;}
	#gps 			{font-weight:100;}
	figcaption,
	footer a,
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a,
	#menu_2 a,
	#menu_1 a,
	td:first-child 	{font-weight:bold;}
	.m1_a a,
	.m2_a a,
	.m3_a a,
	.m4_a a,
	.m5_a a,
	.m6_a a 			{color:chocolate;}
	h1,
	a 					{color:#3e190a;}
	figcaption a		{color:white;}
	h3 					{text-shadow:2px 2px 2px black;}
	h1 					{letter-spacing:10px;}
	h1 					{word-spacing:20px;}
	h3 					{letter-spacing:8px; word-spacing:0.5vw;}
/* Background */
	body {background-position:center;}
	/*Janvier*/
	#bg_01 {background:url("../img/bg/back_01.jpg");}
	#bg_13 {background:url("../img/bg/back_13.jpg"); background-size:cover;}
	#bg_25 {background:url("../img/bg/back_25.jpg"); background-size:cover;}
	/*Février*/
	#bg_02 {background:url("../img/bg/back_02.jpg");}
	#bg_14 {background:url("../img/bg/back_14.jpg"); background-size:cover;}
	#bg_26 {background:url("../img/bg/back_26.jpg"); background-size:cover;}
	/*Mars*/
	#bg_03 {background:url("../img/bg/back_03.jpg");}
	#bg_15 {background:url("../img/bg/back_15.jpg"); background-size:cover;}
	#bg_27 {background:url("../img/bg/back_27.jpg"); background-size:cover;}
	/*Avril*/
	#bg_04 {background:url("../img/bg/back_04.jpg"); background-size:cover;}
	#bg_16 {background:url("../img/bg/back_16.jpg"); background-size:cover;}
	#bg_28 {background:url("../img/bg/back_28.jpg"); background-size:cover;}
	/*Mai*/
	#bg_05 {background:url("../img/bg/back_05.jpg"); background-size:cover;}
	#bg_17 {background:url("../img/bg/back_17.jpg"); background-size:cover;}
	#bg_29 {background:url("../img/bg/back_29.jpg"); background-size:cover;}
	/*Juin*/
	#bg_06 {background:url("../img/bg/back_06.jpg"); background-size:cover;}
	#bg_18 {background:url("../img/bg/back_18.jpg"); background-size:cover;}
	#bg_30 {background:url("../img/bg/back_30.jpg"); background-size:cover;}
	/*Juillet*/
	#bg_07 {background:url("../img/bg/back_07.jpg"); background-size:cover;}
	#bg_19 {background:url("../img/bg/back_19.jpg"); background-size:cover;}
	#bg_31 {background:url("../img/bg/back_31.jpg"); background-size:cover;}
	/*Août*/
	#bg_08 {background:url("../img/bg/back_08.jpg"); background-size:cover;}
	#bg_20 {background:url("../img/bg/back_20.jpg"); background-size:cover;}
	#bg_32 {background:url("../img/bg/back_32.jpg"); background-size:cover;}
	/*Septembre*/
	#bg_09 {background:url("../img/bg/back_09.jpg"); background-size:cover;}
	#bg_21 {background:url("../img/bg/back_21.jpg"); background-size:cover;}
	#bg_33 {background:url("../img/bg/back_33.jpg"); background-size:cover;}
	/*Octobre*/
	#bg_10 {background:url("../img/bg/back_10.jpg"); background-size:cover;}
	#bg_22 {background:url("../img/bg/back_22.jpg"); background-size:cover;}
	#bg_34 {background:url("../img/bg/back_34.jpg"); background-size:cover;}
	/*Novembre*/
	#bg_11 {background:url("../img/bg/back_11.jpg"); background-size:cover;}
	#bg_23 {background:url("../img/bg/back_23.jpg"); background-size:cover;}
	#bg_35 {background:url("../img/bg/back_35.jpg"); background-size:cover;}
	/*Décembre*/
	#bg_12 {background:url("../img/bg/back_12.jpg"); background-size:cover;}
	#bg_24 {background:url("../img/bg/back_24.jpg"); background-size:cover;}
	#bg_36 {background:url("../img/bg/back_36.jpg"); background-size:cover;}	
	
	/************/
	#h1 			{background:url("../img/cadre/header.png");}
	#cadre 			{background-image: url("../img/cadre/top.png"), url("../img/cadre/right.png"), url("../img/cadre/bottom.png"), url("../img/cadre/left.png");
						background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
						background-position: top, right, bottom, left;	
						background-color:rgba(059,073,079,0.95);}
	.m1 {background:url("../img/cadre/menu_1.png");}
	.m1_a {background:url("../img/cadre/menu_1a.png");}
	.m2 {background:url("../img/cadre/menu_2.png");}
	.m2_a {background:url("../img/cadre/menu_2a.png");}
	.m3 {background:url("../img/cadre/menu_3.png");}
	.m3_a {background:url("../img/cadre/menu_3a.png");}
	.m4 {background:url("../img/cadre/menu_4.png");}
	.m4_a {background:url("../img/cadre/menu_4a.png");}
	.m5 {background:url("../img/cadre/menu_5.png");}
	.m5_a {background:url("../img/cadre/menu_5a.png");}
	.m6 {background:url("../img/cadre/menu_6.png");}
	.m6_a {background:url("../img/cadre/menu_6a.png");}
	footer {background:url("../img/cadre/footer.png");}
	.bouee {background:url("../img/bg/TeamTaom-Assistance_Informatique.png") no-repeat center 20%; background-size:calc(25vh + 25vw);}
	.bouee_2 {background:url("../img/bg/TeamTaom-Assistance_Informatique2.png") no-repeat center center; background-size:calc(28vh + 28vw);}
	.chalet {background:url("../img/bg/chalet.jpg") no-repeat center center;background-size:cover;}
	th,
	td {background-color:rgba(059,073,079,0.95);}
	.contact a {background-color:beige;}
/* Largeur */
	#h1 			{width:360px;}
	#cadre 			{width:calc(96vw - 200px);}
	#cadre 			{min-width:400px;}
	#menu_1,
	#menu_2,
	#menu_3,
	#menu_4,
	#menu_5,
	#menu_6 		{width:113px;}
	#content 		{width:96vw;}
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,	
	#menu_3 a,
	#menu_2 a,
	#menu_1 a 		{width:75px;}
	footer 			{width:360px;}
	form 			{width: calc(94vw - 226px);}
	#centre 		{width:calc(95vw - 226px);}
	iframe 			{width: calc(94vw - 226px);}
	#liste_lien 	{width:70vw;}
	#liste_lien,
	#texte 			{max-width: calc(96vw - 226px);}
/* Hauteur */
	#h1 				{height:43px;}	
	#cadre 				{height:calc(96vh - 60px);}
	#menu_1,
	#menu_2,
	#menu_5,
	#menu_6 			{height:160px;}
	#menu_3,
	#menu_4 			{height:220px;}
	#content 			{height:96vh;}
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a,
	#menu_2 a,
	#menu_1 a 			{height:75px;}
	footer 				{height:43px;}
	#centre 			{height:calc(96vh - 60px - 26px);}
	iframe 				{height:70vh;}
/* Bordures */
	#gps 					{border-top:2vh;}
	.contact a 				{border:2px solid brown; border-radius:20px;}
/* Padding */
	.contact a 				{padding:10px;}
	.antispam 				{padding:0;}
	th,td 					{padding:0.5vmin;}
	.remarque 				{padding:1vh;}
	#envoi 					{padding:2vh;}
	h3:first-child 			{padding-top:0;}
	footer 					{padding-top:4px;}
	h1 						{padding-top:9px;}
	#gps,
	h2,
	#texte h3:second-child 	{padding-top:5vh;}
	h3 						{padding-top:10vh;}
	h3 						{padding-bottom:5vh;}
/* Margin */
	.contact 				{margin-top:3vh;}
	#cadre 					{margin-left:100px;}
	#cadre 					{margin-top:30px;}
	h2 						{margin-top:20vh;}
	.page_6 h2,
	.page_5 h2,
	.page_6 h2,
	.page_3 h2 				{margin-top:5vh;}
	#menu_2 a,
	#menu_1 a 				{margin-top:11px;}
	#menu_6 a,
	#menu_5 a,
	#menu_4 a,
	#menu_3 a 				{margin-top:72px;}
	#content 				{margin:2vh 2vw;}
	#menu_1 a,
	#menu_3 a,
	#menu_5 a 				{margin-left:13px;}
	#menu_2 a,
	#menu_4 a,
	#menu_6 a 				{margin-left:25px;}
	address 				{margin-top:53vh;}
	form img,
	table 					{margin:0.5vh 0.5vw;}	
	iframe 					{margin:0 0 0 1vw;}
	form {margin-top:5vh;}
	
	.bouee h2 {width:100%;margin-top:25vh;	}
	.bouee {flex-direction:column;justify-content: flex-end;}
	
}