*{margin:0;padding:0;}
body{
	text-align: center;
	height: 100%;
}
#background {position:fixed; top:0; left:0; width:100%; height:100%;}
#container{
	margin: 0 auto;
	width:900px;
	height:auto;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}
.logo{position:absolute;
	top:10px;
	width:900px;
	height:80px;
	background-image: url(../images/vie-jeune-fille-logo.png);
	background-repeat:no-repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;
	-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;
	-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;
	box-shadow:rgba(0,0,0,.50)0 2px 2px;
	behavior: url(./PIE.htc);
}
.favoris {position:relative;left: 740px;top: 5px;width: 136px;height: 19px;text-align: right;z-index: 100;}
.favoris a {color: #888888;text-decoration: none;}
.recherche_google {position:relative;left: 730px;top:5px;width: 171px;height: 50px;text-align: center;z-index: 100;}

#content-container{position:absolute;top:97px;width:900px;}

.maintopic {position:relative;width: 900px;height: 30px;border-top: 1px solid #cdcdcd;background-color:#FFF;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.maintopic a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	font-size: 10px;
	letter-spacing : 2px;
}
.maintopic a:hover {color: #333333;}
.maintopic a.active {color: #333333;font-weight: bold !important;font-size: 11px;}

.topic{position:relative;float:left;padding: 0px 0px 0px 0px;top:10px;width:199px;text-align:left;background-color: #F99;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.topic a {display: block;color: #ffffff;text-decoration: none;border-bottom: 1px solid #DCE2A3;padding: 0px;margin: 3px 10px 3px 10px;text-transform: uppercase;font-size: 10px;}
.topic p {text-align: center;}
.topic p a {border-bottom: none !important;}
.topic a:hover, .topic a.active {color: #C03;}
.topic h1 {padding: 9px 20px 9px 20px;background-color: #C06;font-size: 100%;font-weight: bold;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;margin: 0px;text-align: center;text-shadow: 1px 1px 1px #000;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.topic h2 {padding: 9px 20px 9px 20px;background-color: #C06;font-size: 80%;font-weight: bold;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;margin: 0px;text-align: center;text-shadow: 1px 1px 1px #000;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.eyecatcher {position:absolute;margin-left:200px; top: 40px;width: 700px;height: 150px;background: url(../images/vie-de-jeune-fille.png) no-repeat;}

.content {position:relative;margin-left:200px; top:160px;margin-right:200px;width: 499px;background-color:#FFF;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.content h1 {font-size: 220%;font-weight:normal;margin: 0px;padding: 5px 0px 2px 0px;text-transform: uppercase;color: #FFF;text-shadow: 1px 1px 1px #000;background-color: #C06;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.content h2 {font-size: 120%;font-weight : bold;margin: 0px;color: #C00;padding: 10px 0px 2px 0px;}
.content h3 {text-align:left;font-size: 100%;font-weight: bold;margin: 0px;padding: 2px 0px 2px 0px;color: #C00;}
.content p, .sidebar p {margin: 2px;padding: 2px 0px 4px 0px;line-height: 160%;text-align: justify;}
.content a {text-decoration: none;font-weight : bold;color: #C03;}
.content a:hover, .sidebar a:hover {text-decoration: underline;}
.content .sidepicture {float: right;padding: 0px 0px 0px 10px;margin: 5px 0px 10px 10px;width: 160px;}
.content .clearer {clear: both;}
.content td.cell {background-color: #eeeeee;}
.content td.headercell {background-color: #606921;color: #ffffff;font-weight: bold;}
.content ul, .sidebar ul {list-style: none;padding: 0px;margin: 6px 0px 6px 10px;}
.content li, .sidebar li {padding: 2px 0px 2px 16px;background: url(../images/pbull.gif) no-repeat top left;}

.sidebar {position:relative;float:right;padding: 0px 0px 0px 0px;width:200px; top:160px;background-color: #F99;color:#ffffff;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.sidebar a {font-weight : bold;color: #FFF;text-decoration: underline;text-transform: uppercase;}
.sidebar h1 {padding: 9px 20px 9px 20px;background-color: #C06;font-size: 100%;font-weight : bold;margin: 0px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;text-align: center;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.sidebar h2 {padding: 9px 20px 9px 20px;background-color: #C06;font-size: 80%;font-weight : bold;margin: 0px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;text-align: center;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(0,0,0,.50)0 2px 2px;-moz-box-shadow:rgba(0,0,0,.50)0 2px 2px;-o-box-shadow:rgba(0,0,0,.50)0 2px 2px;box-shadow:rgba(0,0,0,.50)0 2px 2px;behavior: url(./PIE.htc);}
.sidebar p {color: #ffffff !important;}
.sb {padding: 9px 20px 9px 20px;color: #F0F0F0 !important;}

#more {margin: 0px;padding: 20px 0px 0px 0px;text-align: left;}

#more a {text-decoration : none;background : url(../images/pbull.gif) no-repeat;padding: 2px 0px 4px 15px;}
