@charset 'iso-8859-1';
/* ---------------------------------------------------
* CSS pour madydelagiraudiere.com
* version 1.0 - mai 2006
* Auteur : Erwann Ser <mailto:eser@novalsys.com>
------------------------------------------------------ */
body {
	background: #C4DCE2 url(../images/fnd_page.png) repeat-x;
	color:#00485B;
	font: 75% "Trebuchet MS", Verdana, Lucida, Tahoma, sans-serif;
	text-align:center;
	padding-top: 35px;
}

#conteneur {
	position: absolute;
	left:50%;
	margin-left: -400px;
	width: 800px;
	min-height: 500px;
	padding-bottom: 20px;
	text-align:left;
	background: #FDFEF5 url(../images/fnd_conteneur.png) repeat-x;
}
/* SELECTEURS D'ELEMENTS COMMUNS
--------------------- */
* {margin:0; padding:0; border:0}
a {color:#00485B;}
a:hover {text-decoration:none}
dt, dd, li {list-style: none}
p {font-size: 1.1em; margin-bottom: 1em}
.champs {border: 1px solid #871370}
.float {float:left; margin-right: 20px; margin-bottom: 12px}
.floatright {float: right; margin-left: 15px; margin-bottom:12px}
.liste {margin-bottom: 20px}
.liste li {
	padding-left: 1.8em;
	line-height: 25px;
	background: url(../images/puce.gif) no-repeat 5px;
	font-size: 1.2em;
	}
.esp_cadratin {margin-left: 1px}

/*--------------------------------------------- H E A D E R --------------------------------------------------*/
#mady {
	position:absolute;
	top: -36px;
	left: -56px;
	height: 339px;
	}
#fleurs1 {position:absolute; right: -20px; top: -20px}
#fleurs2 {position:absolute; bottom: -3px; left: -12px}

/* MENU
--------------------- */
	#menu {
		position:absolute;
		top: 95px;
		left: 33px;
		width: 623px;
		border-top: 1px dashed #606347;
		border-bottom: 1px dashed #606347;
		padding: 2px 0;
		font-size: 1.2em;
		background:#F1F7FA;
		}
	#menu li {
		float:left; 
		border-right: 1px solid #C7DCE2;
			}
	#menu li a {
		display:block;
		text-decoration:none; 
		padding: 2px 11px;
		color:#006077;
		}
	#menu li a:hover {background:#fff; color:#007C9B;}

/*--------------------------------------------- C O N T E N U --------------------------------------------------*/

#col1 {
	float:left;
	display:inline;
	width:288px;
	margin-left:70px;
	margin-top:150px
	}
#col1 img, #col2 img {margin-bottom:15px; position:relative}
#anatole {position:relative; top:20px; left: 140px  }
#col2 {
	float:left; 
	display:inline;
	width:324px;
	margin-left:30px;
	margin-top:150px;
	}
#publi {padding-top: 150px; padding-left: 80px;}
#publi h2 {font: 1.6em Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; color:#6C9A01;}
#publi p {width: 40em}
#chemin {margin-right: 50px}
#viechat {}
#contes {float:left}
.pointilles { 
	border-bottom: 1px dashed; 
	border-top: 1px dashed; 
	margin-top: 25px; 
	width: 680px;
	padding: 5px 6px 5px;
	margin-bottom: 20px !important;
	background:#FDFEF5;
	}
#even {padding-top: 150px; padding-left: 80px;}
#even h2 {font: 1.8em Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; color:#6C9A01;}
#even h2 {font-size: 1.6em; margin-bottom: 5px}
#even p {width: 40em}
#even strong {font-size: 1.3em; font-weight:normal; color: #00ACD7; display:block; margin-bottom: 5px}
.vignettes {width: 700px; position:relative} 
.vignettes a {position:relative;} 
.vignettes img {
	margin-right: 15px; 
	margin-bottom:15px; 
	border: 1px solid #FFF;
	} 
.vignettes a span {
	display:none;
	position:absolute;
	top: -90px;
	left: 5px;
	white-space:nowrap;
	z-index:1;
	font-weight: bold;
	padding: 2px 4px;
	background: #FFF;
	border: 1px solid;
	} 
.vignettes a:hover span {display: block;} 
.vignettes a:hover img {border: 1px solid #00485B;} 

/*--------------------------------------------- F O O T E R --------------------------------------------------*/

#footer {position:absolute; bottom: -33px; left: 250px; padding-bottom: 12px}
#footer ul {}
#footer li {display:inline; }
#footer a {text-decoration:none; padding: 0 4px;} 
#footer a:hover {}
#copyright {font-size: 0.9em}