* {margin: 0; padding: 0;}



/*TEXTE*/

body {	font: 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; }

html {	font-size: 100%; }

h1 {	font: 30px Tahoma, Arial, Verdana, Helvetica sans-	serif; 
	margin: 20px 0;}

h2 {	font: 25px Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	margin: 30px 0 15px; color: #000; }

h3 {	font: 24px/35px Georgia, "Bitstream Vera Serif", Norasi, serif; 
	margin: 25px 0 15px;  }

h4 {	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px; 
	margin-bottom:  10px;}

p {	margin: 15px 0 10px; 
	text-align:  justify; 
	text-indent: 30px;}



ul.bleu {
	list-style: url(puceEcm.jpg)  outside;
	margin-left: 20px;
	}
ul.sans {
	list-style-type: none;}

li.bleu2 { 
	list-style: url(puceEcm.jpg)  inside; 
	text-indent: 30px;}

p, h4, li {
	color: #000;}

h1 {color: #04d /* 04e #16f 68e*/;}

.centre {
	text-align: center;}




/* IMAGES */
img.gauche100 {
	clear: both;
	float: left; 
	margin: 7px 35px 7px 7px;}
img.gauche {
	float: left; margin: 5px 30px 5px 0; }
img.droite {
	float: right;  margin: 5px 0 5px 15px; }
img.cadre {
	padding: 5px; border: 1px solid #000;}
img.bleu {
	border-top: 5px solid #04e; border-bottom: 5px solid #04e; border-right: 	10px solid #04e; border-left: 10px solid #04e;}

img.left {clear: both; float: left; border: 5px solid #78f;}

.photo1 {margin-right: 15px; padding: 5px; height: auto; width: auto; float: left;}
.photo2 {margin-left: 5px; padding: 5px; height: auto; width: auto; float: right;}
p.legende {text-align: center; font: 12px Garamond, "Times New Roman", Georgia, serif; margin: 2px 2px 10px 2px; text-indent: 0;}
.ul {margin-right: 30px;}

.cadrelogo { float: left; text-align: center; width: 150px; height: 150px;}
.logo { margin: 30px 20px; border: 0;}

/* LA MISE EN PAGE */

/*Couleurs: bleu logo 79e/89e/68e, bleu royal 448, bleu marine 036*/

body {background: #bcf url(photo/gradient4d75e2bcf.png) /* 78fbcf */top left repeat-x;}
	/* #79e 036 #79e*/


/* GLOBAL */

#global {background: transparent; width: 1000px; margin: 35px;}


/* L'EN-TĘTE */

#entete {background-color: #fff; width: 700px; height: 200px;}
#logo {border: 0; margin-top: 35px; margin-left: 245px;} 
/* #nom {float:left; width: 300px; height: 155px; margin: 30px auto auto 30px;} */

/* CONTENEUR */

#conteneur {background: #fff; width: 700px; border: 2px solid #68e;}
/*border 642, 853, 489 69c*/


/* LE CONTENU */

#contenu {width: 600px; margin: 45px; }


/* LA COLONNE 1 */

#colonne {float: left; width: 110px; margin: 50px 30px; }


/* LA COLONNE 2 */

#colonne2 {
	margin: 50px 30px 30px 70px; 
	padding-left: 100px;}


/* LE MENU */

#menu {position: absolute; left: 800px; top: 150px;  list-style-type: none; overflow: hidden;}
#menu li {width: 140px; border: 2px solid #036;  margin-bottom: 10px;list-style: none;}
#menu li a {color: #bcf; background: #036; width: 136px;  
border: 2px solid #036; display: block; font: 900 17px/30px arial, 
sans-serif; text-decoration:none; text-align: center;}
#menu li a:hover, #menu li a:hover, #menu li a:hover {color: #036; background: transparent; border: 2px solid #036; font: 900 20px/30px arial, sans-serif;}
/**/


/* LE PIED DE PAGE */


p#pied {clear: both; float: left; width: 700px; color: #036; font: 16px/20px Garamond, "Times New Roman", Georgia, serif; text-align: center;}