/* ------- element de base ------------ */
* { padding: 0; margin: 0; border:0}

body {
    background: #fff;
    background:#fff url('/img/hbg.png') top left repeat;
	font: .8em "Trebuchet MS" Verdana, Arial, sans-serif;
	line-height: 1.5em; 
	text-align:center;
}

/* ---------- mise en page globale ----------------*/
#wrapper {
	text-align:left;
	margin:0 auto 20px auto;
	width: 704px;
	background: #fff url('/img/midbg.png') top center repeat-y;
}
#content, #header, #footer {}


/* ----------- blocs principaux ------------- */
#top {
	margin:0 25px 0 15px;
	height:130px;
	background:#fff url('/img/logo.png') 10px 5px no-repeat;
}
#content {
	padding:0 25px;
}

#footer {
	padding:0 25px;
	background: #fff url('/img/botbg.png') bottom center no-repeat;
	height: 27px;
	text-align:right;
}

/* ----------- ----------------- */
#top #header {
	padding:80px 0 0 10px;
	margin:0 0 0 90px;
	color:#3566e3;
	border-bottom:1px dotted #3566e3;
	font-variant:small-caps;
	text-transform:capitalize;
}
#top #header h1 {
	display:inline;
	font-weight:normal;
	word-spacing:-0.3em;
	font-size:2em;
}



#content #content-left {
	width:520px;
	float:left;
}
#content #content-left h2{
	background:#fff url('/img/hbg.png') top left repeat;
	color:#3566e3;
	margin:10px 15px;
	padding:2px 5px;
	font-variant:small-caps;
	text-transform:capitalize;
	letter-spacing:0.2em;
}

#content #content-left p {margin:10px 10px 10px 5px;text-align:justify;font-size:1.2em;}
#content #content-left p strong {color:#3566e3;font-weight:normal;}

#content #content-left a {color:#3566e3;text-decoration:none;}
#content #content-left a:hover {color:#fff;background-color:#3566e3;text-decoration:none;}

#content #content-left ul {
	list-style:inside square;
	color:#3566e3;
	margin:5px 15px;
}


#content #content-right {margin-left:530px;}
#content #content-right ul {
	list-style:inside square;
	border-top:1px solid #3566e3;
	background-color:#b2daff;
	color:#3566e3;
	padding:0 0 5px 10px;}
#content #content-right ul li {margin:5px 0;font-variant:small-caps;text-transform:capitalize;font-size:1.1em;}
#content #content-right ul li a {color:#3566e3;text-decoration:none;}
#content #content-right ul li a:hover {background-color:#3566e3; color:#fff;text-decoration:none;}

#content #content-right #adsense-v1 {margin:15px 0;}



#content #content-bottom {width:660px; border-top:1px dotted #3566e3;padding:10px 0 0 0;}
#content #content-bottom div {float:left;width:220px;}
	#content #content-bottom div#lastlinks {float:none;}
#content #content-bottom div h2 {color:#3566e3; font-size:1.2em;}
#content #content-bottom div ul {list-style:square inside;color:#b2daff;}
#content #content-bottom div ul  li a {color:#000;text-decoration:none;}
#content #content-bottom div ul  li a:hover {color:#3566e3;text-decoration:none;}
#content #content-bottom p {clear:both;padding:20px 0 0 0;font-size:0.9em; color:#3566e3;}

#footer {color:#3566e3;margin-top:25px;}
#footer a {color:#3566e3;text-decoration:none;}
#footer a:hover {background-color:#3566e3; color:#fff;text-decoration:none;}





/* ----------- formulaire de contact ----------------- */
#contact form {margin-top:15px;}
#contact form p span {float:left;width:90px;text-align:right;color:#3566e3;}
#contact input, #contact textarea {border:1px solid #3566e3;margin-left:5px;}
#contact input {width:300px;}
#contact textarea {width:300px;height:100px;}
#contact input.submit {margin-left:95px;width:100px;color:#3566e3;background-color:#b2daff;}



/* ----------- positionement absolu ----------------- */
#adsense-h1 {
	position:absolute;
	top:5px;
	margin-left:230px;
}


/* ----------- bordel ---------------- */
.clearer {clear:both}
.orange {color:#fa3d0a;}
.stretch {word-spacing:-0.4em;}