@charset "utf-8";
/* CSS Document */

/* telechargements polices de caracteres */


@import url('//fonts.googleapis.com/css2?family=Offside&display=swap');
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(//fonts.googleapis.com/css?family=Comfortaa:300,400,700);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Recursive:wght@300..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Glory:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel');
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@200;400;600');
@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');


/* Icones des puces */


li.text {
 display : list-item;
 list-style-image : url(/img/puce1.png);
} 

li.plus {
 display : list-item;
} 

li.url {
 display : list-item;
} 

/* Style polices de caracteres */
	
.h1 {
	 font-family: 'Cormorant Garamond', serif;
	color: #0f6490;
	font-size: 1.8em;
	}	
	
.h2 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#394957;
	font-size:1.8em;
	}

.h3 { 
	 font-family: 'Whisper', sans-serif;
	color:#FFF;
	font-size:1.8em;
	}
	
.h4 { 
	 font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	color:#0f6490;
	font-size:2em;
	}
	
.h5 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#C1A530;
	font-size:2em;
	}
	
.h6 { 
	 font-family: 'Abel', sans-serif;
	color:#FFF;
	font-size:1.6em
	}
	
.h7 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#C1A530;
	font-size:1.4em;
	}
	
.h8 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#394957;
	font-size:1.4em;
	}
	
.h9 { 
	 font-family: 'Abel', sans-serif;
	color:#FFF;
	font-size:1.4em;
	}

.h10 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#C1A530;;
	font-size:1em;
	}

.h11 { 
	 font-family: 'Cormorant Garamond', serif;
	color:#394957;
	font-size:1.2em;
	}

.h12 { 
	 font-family: 'Cormorant Garamond', sans-serif;
	color:#FFF;
	font-size:1.2em;
	}


.i1 { 
	font-family: 'Cormorant Garamond', serif;
	font-weight:700;
	color:#e2e2e2;
	font-size:30px;
	Line-Height: 20pt;
	text-shadow: 0px 0px 0.05em black;
	}	
	
.i2 { 
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	color:#e2e2e2;
	font-size:50px;
	Line-Height: 10pt;
	}

.i3 { 
	font-family: 'Cormorant Garamond', serif;
	color:#e2e2e2;
	font-size:55px;
	Line-Height: 30pt;
	}
	
.i4 { 
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	color:#e2e2e2;
	font-size:40px;
	}
	
.i5 { 
	font-family: 'Quicksand';
	font-weight: 400;
	color:#e2e2e2;
	font-size:30px;
	}
	
.i6 { 
	font-family: 'Quicksand';
	color:#e2e2e2;
	font-size:22px;
	}
	
.i7 { 
	font-family: 'Quicksand';
	color:#e2e2e2;
	font-size:20px;
	}
	
.i8 { 
	font-family: 'Quicksand';
	color:#e2e2e2;
	font-size:18px;
	}
	
.i9 { 
	font-family: 'Quicksand';
	color:#e2e2e2;
	font-size:16px;
	}
	
.i10 { 
	font-family: 'Quicksand';
	color:#e2e2e2;
	font-size:14px;
	}
	
	
		
	
	
.b1 { 
	font-family: 'Ubuntu';
	font-weight: 700;
	color:#000;
	font-size:16px;
	}

.b2 { 
	font-family: 'Ubuntu';
	font-weight: 400;
	color:#000;
	font-size:14px;
	}
	
.b3 { 
	font-family: 'Ubuntu';
	font-weight: 300;
	color:#000;
	font-size:12px;
	}
	
	
	
	
	

.lien1:link {
	color: #E52421;
	text-decoration: none;
	
}
.lien1:visited {
	color: #470004;
	text-decoration: none;
}
.lien1:hover {
	color: #FF6600;
	text-decoration: none;
	
}
.lien1:active {
	color: #A9A9A9;
	text-decoration: none;
	
}

.lien2:link {
	color: #A9A9A9;
	text-decoration: none;
}
.lien2:visited {
	color: #C0CF15;
	text-decoration: none;
}
.lien2:hover {
	color: #5d5d5d;
	text-decoration: none;
}
.lien2:active {
	color: #C0CF15;
	text-decoration: none;
}

.lien3:link {
	color: #cfcfcf;
	text-decoration: none;
}
.lien3:visited {
	text-decoration: none;
	color: #580000;
}
.lien3:hover {
	text-decoration: none;
	color: #ffffff;
}
.lien3:active {
	text-decoration: none;
	color: #7c0002;
}



@media screen and (max-width: 800px) {
	
.h3 { 
	}
	
	
	}