/*LydéricBocquet*//*Mise en page*/
	#bloc_page
	{
		
		max-width: 1300px;
		margin: auto;
	}
	@font-face
	{
		font-family: "Ubuntu-R";
		src: url('Ubuntu-R.ttf');
	}
	@font-face
	{
		font-family: "Chivo-R";
		src: url('chivo-regular.ttf');
	}
	body
	{
		font-family: "Chivo-R", "Ubuntu-R", "Comfortaa", "Trebuchet MS", "comic sans MS";
		background-color: #fffff;	
	}
	h2
	{
		border-left: 4px solid rgb(180, 46, 49);
		padding: 7px;
	}
	h1
	{
		color: rgb(180, 46, 49);
		font-size: 1.7em;
	}
	img
	{
		margin: 5px;
	}

	#rien/*espace*/
	{
		height: 150px;
	}
	/*lien vers extérieur*/
	a
	{
		text-decoration: none;
		color: black;
	}
	a:hover
	{
		text-decoration: none;
		color: rgb(180, 46, 49);
	}
	.nolist /*chaque contenu sauf liste*/
	{
		margin-left: 5%;
	}
	section
	{
		padding: 12px;
		width: 70%;
		text-align: justify;
		margin-right: auto;
		margin-left: 5%;
	}
	nav li /*puce des listes*/
	{
		list-style-type: circle;
	}
	#publicv /*publis selectionnées pour cv*/
	{
		font-size: 0.8em;
		margin-left: 50px;
	}
	/*menu*/
			#menu
			{
				font-family: "Chivo-R", "Ubuntu-R", "Comfortaa", "Trebuchet MS", "comic sans MS";
			}
			
			header h1
			{
					color: white;
			}
			header
			{
				display: flex;
				justify-content: space-around;
				flex-direction: column;
				margin-bottom: 20px;
				margin-right: auto;
				width: 100%;
				position: fixed;
				top: 0;
				z-index: 1000;
				background-color: white;
			}
			header nav li
			{
				list-style-type: none;
			}
			nav > ul > li
			{
				float: left;
				position: relative;
			}
			nav > ul::after
			{
				content: "";
				display: table;
				clear: both;
			}
			nav a
			{
				display: inline-block;
				text-decoration: none;
			}
			nav > ul > li > a {
				padding: 20px 30px;
				color: rgb(180, 46, 49);
			}
			nav li
			{
				list-style-type: circle;
			}
			nav li:hover .submenu
			{
				display: inline-block;
				position: absolute;
				top: 100%;
				left: 0px;
				padding: 0px;
				z-index: 100000;
			}
			nav
			{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 20%;
				margin-left: 20%;
			}
			
			nav > ul
			{
				margin: 0px;
				padding: 0px;
			}
			
			nav > ul > li
			{
				float: left;
			}
			
			nav input[type=checkbox]
			{
				display: none;
			}
			.menu-mobile
			{
				display: none;
			}
			.submenu 
			{
				display: none;
			}
			.submenu li
			{
				border-bottom: 1px solid #CCC;
			}
			.submenu li a
			{
				padding: 15px 30px;
				font-size: 13px;
				color: #222538;
				width: 270px;
			}
			/*Au survol souris*/
			.menu-home:hover
			{
				border-top: 5px solid rgb(180, 46, 49);
				background-color: rgba(180, 46, 49,0.15);
			}
			.menu-research:hover
			{
				border-top: 5px solid rgb(180, 46, 49);
				background-color: rgba(180, 46, 49,0.15);
			}
			.menu-publi:hover
			{
				border-top: 5px solid rgb(180, 46, 49);
				background-color: rgba(180, 46, 49,0.15);
			}
			.menu-cours:hover
			{
				border-top: 5px solid rgb(180, 46, 49);
				background-color: rgba(180, 46, 49,0.15);
			}
			.menu-cv:hover
			{
				border-top: 5px solid rgb(180, 46, 49);
				background-color: rgba(180, 46, 49,0.15);
			}
			/*les sous-menus*/
			.menu-home .submenu
			{
				background-color: rgba(255, 252, 249, 0.60);
			}
			.menu-research .submenu
			{
				background-color: rgba(255, 252, 249, 0.60);
			}
			.menu-publi .submenu
			{
				background-color: rgba(255, 252, 249, 0.60);
			}
			.menu-cours .submenu
			{
				background-color: rgba(255, 252, 249, 0.60);
			}
			.menu-cv .submenu
			{
				background-color: rgba(255, 252, 249, 0.60);
			}
			nav > ul > li:hover a
			{
				padding: 15px 30px 20px 30px;
			}
			.menu-mobile
			{
				display: none;
			}
			nav input [type=checkbox]
			{
				display: none;
			}
			nav input [type=checkbox]:checked ~ ul
			{
				display: block;
			}
@media all and (max-width: 1024px)
	{
	/*menu pour telephone*/
		header
		{
			position: absolute;
		}
		nav
	    {
	        width: 50%;
	        text-align: left;
	        margin-left: 45%;
	    }
		nav ul
	    {
	        flex-direction: column;
	        	    }
	    nav li
	    {
	        padding-left: 4px;
	        border-top: 3px solid rgb(180, 46, 49);
	        width: 100%;

	    }
	    .submenu
	    {
	    	visibility: hidden;
	    }
	    nav a
	    {
	        font-size: 1.1em;
	    }
	    nav a:hover
	    {
	        border-bottom: 0;
	    }
	    #rien
	    {
	    	height: 350px;
	    }
	    
	}
#moi /*signature*/
	{
		border-right: 3px solid rgb(180, 46, 49);
		height: 40px;
		text-align: right;
		padding: 7px;
		font-size: 0.5em;
	}