body {
	background-color:#FFDE88;
	color:#000000;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
}

div#contenu {
	width:768px; /*Largeur du design*/
	margin:0 auto 0 -384px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
	position:absolute;
	top:20px; /*20px entre le coin supérieur de l’écran et le design*/
	left:50%;/*50% de marge ( cela centrera le design )*/
	background-image:url('http://www.notre-nounou.com/images/Background.gif') ;
	background-repeat:repeat; /*Duplication du motif sur les axes x et y*/
	border:0px solid #000000; /* Bordure encadrant le design */
}

div.gauche {
	width:152px;
	float:left;
}

div.menu_gauche {
	background-image:url('http://www.notre-nounou.com/images/Menu_Milieu.gif') ;
	background-repeat:repeat-y ;
	width:152px;
	float:left;
	margin-top:16px;
	margin-left:4px;
}

div.menu_gauche_pub {
	background-image:url('http://www.notre-nounou.com/images/Menu_Milieu.gif') ;
	background-repeat:repeat-y ;
	width:152px;
	float:left;
	margin-top:16px;
	margin-left:4px;
}

div.menu_gauche_connexion {
	background-image:url('http://www.notre-nounou.com/images/Menu_Milieu.gif') ;
	background-repeat:repeat-y ;
	width:152px;
	float:left;
	margin-top:16px;
	margin-left:4px;
}

div.menu_gauche_dessin {
	background-image:url('http://www.notre-nounou.com/images/Dessins.gif') ;
	width:152px;
	height:144px;
	float:left;
	margin-top:16px;
	margin-left:4px;
}

div.separateur {
	height :15px ;
	background-color:#79B4DD;
}

div.news {
	width:414px;
	height:30px;
	background-color:#61A3D1;
	float:left;
}

div.menu_haut {
	width:350px;
	height:30px;
	background-color:#61A3D1;
	float:right;
	margin-right:4px;
}

div#texte {
	background-image:url('http://www.notre-nounou.com/images/Accueil_Milieu.gif') ;
	background-repeat:repeat-y ;
	width :593px ;
	float :right ;
	text-align:left;
	margin-top :10px ;
	margin-bottom :10px ;
	margin-left:0px;
	margin-right:10px;
}

div#footer {
	background-image:url('http://www.notre-nounou.com/images/Footer.gif');
	background-repeat:repeat-x; /* ici répétition horizontale mais c’est a changer ou enlever selon l’image que vous avez enregistrée */
	width:768px;
	height:50px;
}

div#texte p {
	font-family:Helvetica;
	padding :2px ;
	margin:5px;
}

/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; text-align:center; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#2375BF; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin-top:15px; margin-bottom:18px; margin-left:0px; margin-right:0px; font-size:18px;font-family:Helvetica; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
h2 { text-align:center; margin:0; font-size:12px;font-family:Helvetica; }/*Le texte des balises h2 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
#charte h2 { text-align:left; margin-left:15px; font-size:14px; color:#3366CC; }

p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

fieldset {
  width:50em;
  padding-top:1em;
  padding-bottom:1em;
}

legend {
	font-weight: bold;
	color: black;
	background: transparent;
	font-size:15px;
}

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/

.planning	 		{font-size: 9px; color: #3e5667;}
.gras-rouge	 		{color: #FF0000; font-weight: bold;}
.erreur   	 		{color: #CC0000; font-weight: bold;}
.valid   	 		{color: #009900; font-weight: bold;}
.neutre   	 		{color: #3e5667; font-weight: bold;}
.expediteur	        {color: #3e5667; background-color:#A0C4DD;}
.destinataire       {color: #3e5667; background-color:#BAD8EC;}
.suppression        {color: #3e5667; background-color:#FFD79D;}
.nouveaux	        {color: #3e5667; background-color:#99CCCC;}
.aboutie        	{color: #3e5667; background-color:#8EAEC4;}
.invisible			{display: none }
.flottant 	        {color: #3e5667;background-color:#91B3CA; position: absolute; opacity: .85; filter: alpha(opacity=85); border-left: 3px solid #3e5667; } 
.cb					{background-color:#FFC65B; } /* pour les checkbox */

input 				{color:#3e5667; background-color:#ADCDE3; font-size:10px; font-family:Helvetica, sans-serif; font-weight: bold;  }

textarea 			{color:#3e5667; background-color:#a0c4dd; font-size:10px; font-family:Helvetica, sans-serif; font-weight: bold; border-left: 7px solid #3E5667;}
select, option 		{color:#3e5667; background-color:#ADCDE3; font-size:10px; font-family:Helvetica, sans-serif; font-weight: bold; }
input:disabled 		{border:1px solid #3e5667; border-left:1px solid #3e5667; border-top:1px solid #3e5667; border:1px solid #3e5667; background-color: #a0c4dd; color:#3e5667;}
input:focus 		{background-color: #ffe4b5; color:#3e5667; }

a.menu:link 		{color: #3e5667; text-decoration: underline;}
a.menu:visited 		{color: #3e5667; text-decoration: underline;}
a.menu:hover 		{color: #36729a; text-decoration: none;	background-color: #ffe4b5;}
a.menu:active 		{color: #36729a; text-decoration: none;	background-color: #ffe4b5;}

a.lienflottant:link 		{font-size: 10px;	color: #3e5667;	text-decoration: underline;}
a.lienflottant:visited 		{font-size: 10px;	color: #3e5667;	text-decoration: underline;}
a.lienflottant:hover 		{font-size: 10px;	color: #36729a;	text-decoration: none;	background-color: #ffe4b5;}
a.lienflottant:active 		{font-size: 10px;	color: #36729a;	text-decoration: none;	background-color: #ffe4b5;}