html, body {
 margin: 0;
 padding: 0;
 }
body
{ 
   width: 95%;
   margin: auto;
   background-color: #f3f3ff;
   
}
/* l'entête*/

#en_tete h1
{
   color: #002fa7;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 2em;
   margin-top:0.2em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

/* le scrolling */
#scroll
/* Texte défilant */

.defileParent {
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
	height: 150px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 90s infinite ;
	-moz-animation:linear marqueelike 90s infinite ;
	-o-animation:linear marqueelike 90s infinite ;
	-ms-animation:linear marqueelike 90s infinite ;
	animation:linear marqueelike 90s infinite ;
	margin-left:-100%;
	padding:0px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:89%;}
	100% {margin-left:-525%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:89%;}
	100% {margin-left:-525%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:89%;}
	100% {margin-left:-525%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:89%;}
	100% {margin-left:-525%;}
 }
@keyframes marqueelike {
	0%{margin-left:89%;}
	100% {margin-left:-525%;}
 }


/*  Arrêt du défilement au survol */
.defile:hover {
    -webkit-animation-play-state: paused;
}


/* Le menu */

#menu
{
   float: left;
   width: 20%;
}

.element_menu
{
   background-color: #524263; 
   border: 2px solid black;
   margin-top:0.1em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}


/* Quelques effets sur les menus */
.element_menu h2
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-align: center;
   margin-top:0.1em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0.3em;
}

.element_menu h3
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   text-align: center;
   margin-top:0.1em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0.2em;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
}
a /* Liens par défaut (non survolés) */
{
   text-decoration: none;
   color: red;
   font-style: italic;
}

a:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   color: green;
}
.element_menu a
{
   color: #ffffff;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.0em;
   font-weight: bold;
   margin-top:0.3em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0.3em;
}

/* Le corps de la page */

#corps
{
   margin-left: 0px;
   margin-bottom: 20px;
   padding: 20px;  
   /*background-color: #f3f3e0;*/
   background-image: url("JPG/LogosCCM230.jpg");
   border: 2px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: center;
   font-family: Arial, Times New Roman;
   font-size: 1.8em;
   padding-left: 20%;
   margin-top:0.3em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font-family: Arial, Times New Roman;
   font-size: 1.5em;
   color: #000000;
   text-align: center;
   padding-left: 20%;
   margin-top:0.3em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

#corps h3 /* Tous les titres h3 du corps */
{
   font-size: 1.3em;
   color: #000000;
   text-align: center;
   font-family: Arial, Times New Roman;
   padding-left: 20%;
   margin-top:0.3em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

#corps h4 /* Tous les titres h4 du corps */
{
   font-size: 1.3em;
   color: #000000;
   text-align: left;
   font-family: Arial, Times New Roman;
   padding-left: 20%;
   margin-top:1em;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}
#corps p
{
   color: #000000;
   font-style: normal;
   font-size: 1.1em;
   font-family: Arial,Times New Roman;
   font-weight: bold;
   text-align: left;
   padding-left: 20%;
   margin-top:0;
   margin-left:0;
   margin-right:0;
   margin-bottom:0;
}

#commentaires
h3
{
   color: #000000;
   font-style: normal;
   font-size: 1.0em;
   font-family: Arial, Times New Roman;
   font-weight: bold;
   text-align: center;
}

#pied_de_page
h5
{
   color: #00705d;
   font-style: normal;
   font-size: 1.0em;
   font-family: Arial, Times New Roman;
   font-weight: bold;
   text-align: center;
}