html
{	min-height:100%;}

*
{	font-family: Lato, sans-serif;
	color: rgba(0,0,0,1);}

		/* HEADER et HEADER Réduit */

header
{	margin-bottom:0;
	color:white;
	position:fixed;
	width:100%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out ;
	z-index: 9999;
	top: 0	;
	border-bottom:2px solid white;}

.photo
{	float:left;
	height:6.2em;}

.photo img
{	height:5.4em;
	padding-left:0.4em;
	padding-right:0.8em;
	padding-top:0.4em;
	padding-bottom:0.4em;}

.contact
{	width:40%;
	display:inline-block;
	padding-bottom:0.1em;
	font-size:0.9em;
	color:white;}

.titre
{	height:0;
	font-size:0em;}

.compact .photo
{	width:auto;
	height:4.3em;}

.compact .photo img
{	height:3.5em;}

.compact .contact
{	height:0;
	font-size:0em;}

.compact h1
{	height:0;
	font-size:0em;}

.compact .titre
{	font-size:1.5em;
	text-align:left;
	color:white;
	height:1em;
	vertical-align:top;}
	
.traduction img
{	max-height:4em;}

.traduction
{	display:inline-block;
	float:right;
	vertical-align:middle;
	margin-right:1em;
	margin-top:-1.5em}

.compact .traduction img
{	max-height:2em;}

.compact .traduction
{	margin-top:1em}

		/*CORPS DE PAGE*/

body
{	margin:0px;
	width:100%;	}
	
.corps_page
{	width:90%;
	padding-left: 2%;
	padding-right: 2%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:8em;
	padding-bottom:2%;
	z-index:0;
	margin-bottom:80px;}
	
article
{	height:auto;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;}

section
{	width: 100%;
    margin:auto;
	height:auto;
	margin-bottom:2em;}

.cadre
{	margin-top:1.5em;
	width:100%;
	padding-bottom:0.01em;}

h1, h2, h3, h4, h5, h6
{ 	font-weight: normal;
	width:100%;			}

h1
{	color:white;
	text-align:left;
	font-size: 2.1 em;
	padding-top: 0x;
	margin-bottom:0px;
	margin-top:0.1em;}
	
h2
{	color:white;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	font-size:1.3em;	}

h3, h4
{	text-align:left;
	padding-top:8px;	
	font-size:1.1em;
	margin-bottom:0px;}	
	
h5
{	text-align:left;
	font-size:1em;
	margin-top:	0px;
	margin-bottom:	0px;}	
	
h6{	font-size : 1.1em;
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
	/*color:#2A3132;*/
	font-weight:bold;
	letter-spacing:1px;}

strong
{	font-variant: small-caps;	
	font-weight:inherit;
	font-size:inherit;
	color:inherit;}

p, li
{	text-align: left;
	font-size:0.85em;
	margin-bottom:0px;}

ul
{	padding-left:1em;}

li li
{	font-size:1em;	}

ul
{	margin-bottom:0px;
	margin-top:0px;}

.logo
{	float:left;
	width:5%;
	max-height:5em;
	max-width:100px;
	padding-left: 1%;
	padding-right:1%;
	padding-bottom:2px;	}

.image_logo
{	width:100%;			}	

.description
{	display:inline-block;
	min-height:5em;
	width:88%;			}

.description p, .description h3, .description h4
{	margin-top : 0px;
	padding-top: 0px;	}

.demie_largeur
{	width:48%;
	margin-right:0px;
	display:inline-block;	
	vertical-align:top}
	
.demie_largeur .logo
{	max-width:80px;}

.tiers_largeur
{	width:32%;
	margin-right:0px;
	display:inline-block;	
	vertical-align:top}

a
{	text-decoration:none;
	font-style:normal; }

@media only screen and (max-width: 500px)
{	header 
	{	font-size:0.7em;	}
	
	body
	{	font-size:0.7em;	}
	
	.corps_page
	{padding-top:6em;	}

	.logo
	{	width:15%;	}
	
	.description
	{	width:80%;	}
	
}