/*===============================================================================
IMPORTS
================================================================================*/



@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic); 












/*=================================================================================
GENERAL 
==================================================================================*/

body {
	font-family: 'Noto Serif', 'Georgia', serif;
	/* background-image:url('images/hachureo.png'); background-attachment: fixed; */
}


a {text-decoration: none; color: black; border-bottom:1px #006FCE dotted; }
a:hover {text-decoration: none; color: #006FCE; border-bottom:1px #006FCE solid;}



::selection {
	background-color: black; 
	color: white; 
}




















.page {
	max-width: 1000px; 
	margin: auto; 
	background-color: white; 
	border-radius:15px; 
}

nav {
	width: 100%;
	margin: 5em 0;
}
nav ul {
	text-align: center;  
	padding:0; 
}
nav ul li {
	text-align: center; 
	display: inline-block; 
	width: 200px; 
	text-transform: uppercase; 
	border:solid 1px black; 
	border-radius: 10px; 
	padding: 10px 0px;
	margin: 10px 0; 
	vertical-align: top;
}
nav ul li a {
	border: none; 
}

.lien-pdf {
	display:inline-block; 
	max-width: 500px; 
	width: 90%; 
	text-align: center; 
	border: solid 1px #006FCE;
	color: #006FCE;
	padding: 15px;
	border-radius: 15px;  
}
.lien-pdf a {
	color: #006FCE;
}




section {
	margin-left: 4%; margin-right: 4%; 
}


h1, h2 {
	font-family: 'Verdana', sans-serif; 
	margin-bottom: 1em; 
}

h1 {
	font-size: 2.6em; 
}

h2 {
	font-size: 2.4em; 
	margin-top: 2.6em;
	text-align: center; 
}

section ul {
	margin-left: 2.0205%; 
}


.periode {
	font-weight: 400;
	font-family: 'Segoe UI', sans-serif; 
	color: #006FCE; 
}



#exp li {
	list-style: none; 
	list-style-image: url('images/bullet-arrow.png'); 
}

#exp ul>ul>li {
	list-style-type: square; 
	list-style-image: none; 
}



#competences h2 {
	z-index: 10; 
	background-color: white; 
	margin-bottom:0;  
	padding-right: 20px; 
	display:block;
	width: 300px;
	position: relative; 
	bottom:-20px;  
}
#competences .fond {
	background-color:white; 
}

#competences .cadre {
	z-index:1; 
	border-radius: 15px;
	border: solid 1px black; 
	padding: 3%; 
}


#competences li {
	list-style:none;
	list-style-image: url('images/bullet-losange.png');
	margin-bottom:0.8em; 
}





#realisations h3 {
	font-family: "Verdana", sans-serif; 
	font-size: 1.6em; 
	margin-top: 3em; 
	margin-bottom: 0; 
}


#realisations .illu {
	width: 100%; 
	height: 600px; 
	border-radius: 15px; 
}

#realisations li {
	margin:10px 0; 
}
#realisations .bouton {
	font-size: 1.4em; 
	color: #004682;
	text-decoration: underline; 
}
#realisations .bouton li {
	list-style: none; 
	margin-bottom: 2em; 
}








.divers-encadre {
	background-color: white; 
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2); 
	padding: 5px; 
	margin: 25px;
	border-radius: 10px; 
}
.divers-encadre h3 {
	text-align: center; 
}

.divers-encadre .center {
	text-align: center; 
}