body{
	font-family:  Tahoma,Arial,Trebuchet MS,  Helvetica, sans-serif;
	font-size: 0.8em;text-align:center;line-height:1.5em; color:navy;
	background-color:silver;
}

#wrapper{
width:1050px;
margin-right:auto;
margin-left:auto;
background-color : #ffffff;
text-align:left;
}

p{
padding-top:0.1em;
padding-right:0.4em;
padding-bottom:0.5em;
padding-left:0.7em;
text-align:justify;line-height:1.2em;}


#boites{
width:1000px;
height:570px;}
 
.G{
float:left;
margin-left:1.2em;
padding-right:0.8em;
}
.D{
float:right;
padding:1em;
}

#bpt{
position:absolute;
top:-10000px;
}


h1{font-size:190%;text-align:center;padding:0.2em;}
h2{font-size:130%;text-align:left;padding:1em;}
h3{font-size:105%;text-align:left;padding:0.5em;}
h4{font-size:110%;text-align:center;padding:0.2em;}
h5 {font-size:105%;text-align:center;padding:0.2em;}


#video{
margin-left:2.2em;}

/* Boîte d'actu */
fieldset div{
padding-right:1em;
background-color:#ffffff;
height:7em;
overflow: auto;/* Si le texte est plus long que la boîte */
text-align:justify;color:black;
border: 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-color :black;
}
/* Texte en haut de la boîte */
legend
{
font-size:2em;
font-weight: bold;
color:red;
}
fieldset{
margin:6px;
padding:6px;	
}

table {
padding:0.3em;
}
th {
width: 100%;
padding: 0.3em;
text-align:center
}
td {
padding: 0.3em;
text-align: left;
}


@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
}