body{
font-family: Verdana, sans-serif;
line-height:2em;
}

img{
max-width:100%;
margin:10px 0;
}

h1, h2, h3{
font-size:1.5em;
margin:0;
padding:0;
text-align:center;
}

.principal{
width:90%;
margin-left:5%;
}

.entete{
width:70%;margin-left:15%;
}

.cadre{
	font-size:20px;position:relative;width: calc(100% - 24px);border:2px #045DAF solid; padding:10px;margin-top:-3px;z-index:1;
}

.cgauche{
float:left;width:50%;text-align:center;
}
.cdroite{
float:left;width:50%;
}

a{
	font-weight:bold;
	color:#045DAF;
}

h1{
}

h2{
text-align:center;
padding: 10px 0;
margin:0;
color:#045DAF;
background:#D1E1FA;
border-radius:5px;
margin-top:20px;
}

h3{
margin:10px 0;
padding:0;
font-weight:bold;
color:#0B0B3B;
}

.imglogo{
margin-top:30px;
height:250px;
}

.contenu{
clear:both;
text-align:center;
padding-top:30px;
}
.clear{
clear:both;
}

.listing{
	text-align:left;
}

.invisible{
border:0;
margin:0;
padding:0;
height:10px;
}

.imgdemie{
	width:46%;
	padding:1%;
	display:inline-block;
}

.divtiers{
	width:30%;
	padding:1%;
	display:inline-block;
	vertical-align:top;
}

.shadimg{
box-shadow: 0px 0px 10px 1px #000;
-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
}


@media only screen and (max-width: 979px) {
	body{
	line-height:1.5em;
	}
	.principal{
	width:96%;
	margin-left:2%;
	}
	h1, h2, h3{font-size:1.2em;}
	.entete{
	width:100%;margin-left:0;
	}
	.cadre{
	font-size:1em;
	}
	.cgauche{
	float:none;width:100%;
	}
	.cdroite{
	float:none;width:100%;
	}
	.imgdemie{
	width:100%;
	padding:0;
	}
	.divtiers{
	width:100%;
	padding:0;
	}
}