/* feuille de Jean- Louis Demersseman */
body {
	background-color:#FFFFFF;
	color:#606060;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:70%;/* taille de la page */
	padding:0;
	margin:0;
	
	}
	
div#contenu {
	background:url('./photo/bande.png') repeat-y;
	width:686px;
	height:auto;
	margin:auto;
	padding-left:41px;
	padding-right:41px;
	}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#606060; text-decoration:none; font-weight:bold; }
a:hover { color:#FF0000; }/* couleur survol liens  dans la page  */
a img { border:0; }
h1, h2, h3, h4 { margin:0; }
h2 { font-size:90%; }
h3 { border-bottom:2px solid #CC3333; width:676px; padding-top:5px; margin-left:5px; }
h4 { font-size:80%; font-weight:normal; color:#000000; }
p { margin:0; padding:5px; }
div.clear { clear:both; }
.hid { display:; }
.sign { text-align:right; font-size:80%; color:#D8D8D8; }/* div sign = pour faire un lien invisible dans la page*/

div#top {
	background:url('./images/essai_photo/top.png') repeat-x;
	width:686px;
	height:7px;
	}
div#header {
	background:url('./photo/bandeau_nav.png') repeat-x bottom;
	width:686px;
	height:221px;
	border-bottom:1px solid #B7B7B7;
	padding-top:0px;
	padding-left:0px;
	}
	
div#menu {
	background-color:#616161;
	width:681px;
	height:auto;
	text-align:center;
	padding:3px 0 3px 5px;
	color:#FFFFFF;
	}
	
div#menu li { display:inline; }
div#menu a { color:#FFFFFF; }
div#menu a:hover { color:#FF0000; }/*couleur liens BARRE MENU CC3366   */
	
div#texte {width:681px;	
	height:auto;	
	}
	div#defil {/* texte defillant dans page agenda */
	background-color:#FFFFFF;
	font-family:Georgia, Times New Roman, Times, serif;
	text-size:h4;
	text-align:center;
   
	
	
	}
div#article {/* (INACTIF) pour centrer l'article */
	background-color:#CC3366;
	width:181px;	
	height:auto;
	text-align:center;
	padding:3px 0 3px 5px;
	color:#FFFFFF;
	float:right;	
	}
	div#page_article {/* pour la 1/2 page article avec scroll  */
	background-color:#FFFFFF;
	width:660px;	
	height:780;
	text-align:;
	padding:3px 0 3px 5px;
	color:;
	/*overflow:auto /* scroll  overflow*/	
	}
	div#gauche {/* pour ESSAI DE POSITIONNER A GAUCHE UN TEXTE */
	width:120px;
	height:auto;
	float:left;
	margin-top:190px;
	margin:10px;

	}
		div#droite {/* pour ESSAI DE POSITIONNER A GAUCHE UN TEXTE */
	width:180px;
	height:auto;
	float:right;
	margin-top:150px;
    margin:10px;

		}
			div#centre {/* pour ESSAI DE POSITIONNER A GAUCHE UN TEXTE */
	width:250px;
	height:auto;
    float:center;
	margin-top:0px;
	margin:0px;
		background-color:#FFFFCC;
	}
		div#contact {/* pour ESSAI DE POSITIONNER A GAUCHE UN TEXTE */
	width:230px;
	height:auto;
	align:center;
	margin-top:190px;
	margin:10px;
	background-color:;
	}
		div#jld {/* TEXTE PAGE CABINET Presentation maitre demersseman, position gauche */
	width:686px;
	height:auto;
	float:left;
	margin-top:10px;
	margin:;
background-color:#FFFFFF;
	}
			div#ce {/* TEXTE PAGE CABINET Presentation maitre Evezard, position gauche */
	width:686px;
	height:auto;
	float:left;
	margin-top:10px;
	margin:;
background-color:#FFFFFF;
	}
			div#sarah {/* TEXTE PAGE CABINET Presentation Sarah */
	width:686px;
	height:auto;
	float:left;
	margin-top:10px;
	margin:;

background-color:#FFFFFF;
	}	
	
div#bottom {
	background:url('./images/essai_photo/bottom.png') repeat-x bottom;
	width:686px;
	height:auto;
	text-align:center;
	padding-bottom:11px;
	margin-top:10px;
	}
	
div#bottom a { color:#606060; text-decoration:none; font-weight:normal; }
div#bottom a:hover { color:#D8D8D8; }