/*===============================================================================
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; 
	padding: 5%; 
	border-radius:15px; 
}



nav {
	margin: 3em -9.0205%;
}
nav ul {
	text-align: center;  
	padding:0; 
}
nav ul li {
	text-align: center; 
	display: inline-block; 
	width: 300px; 
	height: 100px;
	text-transform: uppercase; 
	border-left:solid 1px black; 
	border-right:solid 1px black; 
	padding: 10px 0px;
	margin: 10px 0; 
	vertical-align: top;
}
nav ul li a {
	border: none; 
	display:inline-block;
	vertical-align: top; 
}



.bloc-info {
	display: inline-block;
	width: 560px; 
	vertical-align: top; 
	height: 160px; 
}

.lien-pdf {
	display: inline-block;
	vertical-align: top; 
	width: 200px; 
	margin-bottom: 6px; 
}

.lien-pdf a {
	display:inline-block; 
	width: 200px; 
	text-align: center; 
	color: #006FCE;
	padding: 15px;
	border-radius: 15px;  
	vertical-align: top; 
}
.lien-pdf a {
	text-decoration:  none;
}

.lien-pdf a:hover {
	border-bottom: 6px solid #366176;
	margin-bottom: 0;   
}


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


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

h1 {
	font-size: 3.2em; 
}

h2 {
	font-size: 2.635em; 
	margin-top: 2.6em;
}

/*
section ul {
	margin-left: 9.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; 
}

#exp .tagexp {
	display: inline; 
	list-style: none; 
	border: solid 1px #006FCE; 
	border-radius: 5px; 
	margin: 4px; padding: 2px 10px; 
	color: #006FCE;
	font-style: italic; 
	font-size: 0.85em;
	line-height: 4em;
}




#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: 200px; 
	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; 
}






small {
	font-family: 'gill sans mt', 'helvetica', sans-serif;
	font-size: 0.7em; 
}