/* Gestion de l'habillage du site › 'Layout'		*/
/* ------------------------------------------------ */

body {
	font-size:62.5%;font-family:Helvetica,Arial,sans-serif;
	background:#fff;
	color:#333;
	margin-left:5px;
}

.ds { /* drop shadow */
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
}

.ds:hover {
	-webkit-box-shadow: 0 0 10px #900;
	-moz-box-shadow: 0 0 10px #900;
}

.ts { /* Text shadow */
	text-shadow:1px 1px 0 #333;
}

.ar { /* arrondis */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
    border-radius:3px;
}

h1.top {
	position:absolute;
	left:50%;top:5px;
	margin-left:-411px;
}

#metabloc {
	margin:0 auto;
	position:relative;
	width:1020px;
}

#date {
	position:absolute;
	top:5px;left:50%;
	margin-left:-506px;
	height:85px;
	width:86px;
}

#outils {
	position:absolute;
	width:360px;top:5px;
	height:90px;left:50%;
	margin-left:-6px;
}

#abonnement {
	position:absolute;
	left:50%;top:5px;
	height:90px;width:152px;
	margin-left:360px;
}

#navigation {
	position:relative;
	width:850px;height:60px;
	padding:3px 167px 0 3px;
	margin:100px auto 10px;
}

#colonne {
	width:160px;
	margin-right:10px;
	float:left;
}

#cimier {
	height:92px;width:790px;
	padding-left:60px;
	margin:0 0 10px;
	float:right;
}

#contenu {
	width:700px;
	float:left;
	margin-bottom:50px;
}

#hors-situ {
	float:right;
	padding:5px 10px 10px;
	margin-left:10px;
	margin-bottom:10px;
}

.up {
	text-transform:uppercase;
}

#navigation li.type_1 a { width:165px; }
#navigation li.type_2 a { width:150px; }
#navigation li.type_3 a { width:160px; }
#navigation li.type_4 a { width:100px; }
#navigation li.type_5 a { width:100px; }
#navigation li.type_6 a { width:160px; }

#navigation li.type_7 a { width:100px; }
#navigation li.type_8 a { width:100px; }
#navigation li.type_9 a { width:100px; }
#navigation li.type_10 a { width:150px; }
#navigation li.type_11 a { width:180px; }
#navigation li.type_12 a { width:100px; }
#navigation li.type_13 a { width:102px; }

#dual-colonne {
	margin-top:10px;
}

#principale {
	width:410px;
	float:left;
	padding:10px;
}

#annexe {
	width:270px;
	float:left;
}