body {
color : #000000;
text-align : center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.9em;
line-height : 1.4;
margin : 0;
padding : 0;
}
#master {
background-color : #FFFFFD;
margin : auto;
width :  98%;
text-align : left;
}
#contenu {
background-color : #FFFFFD;
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;
}
h1 {
color : #FFFFFF;
background-image : linear-gradient(to right, #616161, #EEEEEE);
height : auto;
width : 98%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 250%;
font-weight : bold;
text-align : center;
text-shadow: 1px 1px 4px #262626;
line-height : 130%;
padding : 8px;
border-radius : 6px;
box-shadow : 5px 12px 29px 1px #808080;
}
h2 {
color : #19B8B1;
font-family: Times new Roman,cursive;
line-height: 22px;
text-align : center;
font-size : 2.8em;
font-weight : normal;
height : auto;
padding : 12px;
}
h3 {
color : #000066;
font-size : 1em;
text-align : left;
font-weight : normal;
margin-bottom : 2px;
}
#blocgroupe {
position : fixed;
right : 30px;
top : 300px;
}
a {
color : #3333FF;
text-decoration : none;
}
a:visited {
color : #65637A;
}
a:hover {
color : #FFFFFF;
background-color : #404040;
}
a:active {
color : #ff33ff;
}
h4 {
font-family : Verdana;
color : #005580;
text-align : justify;
font-weight : normal;
font-size : 1em;
margin : 0;
}
h5 {
font-family : Verdana;
color : #000099;
font-size : 1.2em;
text-align : center;
font-weight : bold;
}
h6 {
font-family : Arial;
color : #CC3300;
font-size : 0.9em;
text-align : center;
font-weight : bold;
margin-bottom : 0;
}
#bloc {
float : left;
margin-right : 10px;
margin-bottom : 0;
}
#bloc1 {
float : left;
padding : 10px;
}
.bloc2 {
float : right;
padding-left : 15px;
padding-right : 10px;
padding-top : 10px;
padding-bottom : 0;
color : #855f05;
font-size : 11px;
}
#bloc3 {
padding : 10px;
margin : 5px;
}
table {
background-color : #F5F5F5;
width : 98%;
text-align : justify;
border : 1px solid #D9D9D9;
margin : 15px;
padding : 8px;
border-radius: 10px;
box-shadow: 4px 9px 21px #808080;
}
tr,td {
color : #000000;
text-align : justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 22px;
font-size : 1em;
padding : 6px;
}
.imagegauche {
float : left;
width : auto;
margin-right : 20px;
margin-bottom : 5px;
margin-top : 5px;
color : #5E5E5E;
text-align : center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11pt;
border-radius : 12px;
}
img  {
 border-radius : 10px;
}
.signature-intea img {
  border-radius: 8px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  margin-bottom: 0.5em;
}

@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}

	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}

	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
    tr,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
    img {
  max-width: 100%;
  height: auto;
  display: block; /* évite les petits blancs bizarres */
}



	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}

	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;
		text-align: center;
		font-style: italic;
		color: #777;
	}
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}