body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #626060;
	background: #FFFFFF;
}

/* STRUCTURE */

#conteneur {
	width: 1000px;
	margin: 0 auto;
}
#header {
	height: 148px;
	position: relative;
}
	#top {
		position: absolute;
		top: 5px;
		right: 0px;
	}
	#research {
		position: absolute;
		top: 74px;
		left: 777px;
		width: 213px;
		height: 26px;
		padding: 0 5px;
		background: url(/img/fond-search.png) no-repeat;
	}
		#research input.text {
			padding: 4px 0 0 0;
			width: 185px;
			background-color: #E7E9E1;
			border: solid 1px #E7E9E1;
		}
		#research input.ok {
			position: absolute;
		}
	#navigation {
		position: absolute;
		top: 113px;
		left: 202px;
		z-index: 100;
	}
	
#fildariane {
	padding: 0 0 0 205px;
}

#secondaire {
	width: 223px;
	float: right;
}
	#moncompte {
		height: 139px;
		background: url(/img/fond-mon-compte.png) no-repeat;
		padding: 0 10px;
	}
	
	#newsletter {
		height: 134px;
		background: url(/img/fond-newsletter.png) no-repeat;
		padding: 0 10px;
	}
	
		#text-newsletter {
			margin: 0;
			padding: 5px 0;
		}
	
	#rappel {
		height: 134px;
		background-color:#7c7469;
		padding: 0 10px;
	}
	
		#text-rappel {
			margin: 0;
			padding: 5px 0;
			color:#FFFFFF;
		}
	
	
	#lettreclub {
		height: 139px;
		background: url(/img/fond-lettre-du-club.png) no-repeat;
		padding: 0 10px;
	}

#principal {
	margin-right: 227px;
	padding: 0 0 10px 0;
}
#centre>#principal {
	margin-right: 230px;	
}
	#titrearticle {
		position: relative;
		height: 35px;
	}
	#toolsbox {
		position: absolute;
		top: 0;
		right: 0;
		width: 170px;
		padding: 0 4px;
	}

#pied {
	margin: 0;
	padding: 10px 0;
}

#secondaire h3 {
	margin: 0;
	padding: 12px 0 5px 0;
}

#secondaire form {
	/*position: relative;*/
	margin: 0;
	padding: 0;
}

#secondaire input.text {
	margin: 0 0 7px 0;
	width: 190px;
	border: solid 1px #FFF;
	background-color: #FFFFFF;
}

#secondaire input.textcourt {
	margin: 0 0 7px 0;
	width: 171px;
	border: solid 1px #FFF;
	background-color: #FFFFFF;
}

#secondaire input.ok {
	position: absolute;
}

.bloc {
	width:236px;
	float:left;
	margin:10px 16px 0 0;
}

.bloc p {
	padding:0;
	margin:5px 0;
	line-height:14px;
}

.bloclien {
	width:236px;
	float:left;
	margin:0 16px 40px 0;
}

a.puce {
	font-weight: bold;
	line-height: 16px;
	color: #F38640;
	display: block;
	margin: 5px 0;
	padding: 0 0 0 19px;
	text-decoration: none;
	background: url(/img/puce-lien.png) top left no-repeat;
}
a.pucerappel {
	font-weight: bold;
	line-height: 16px;
	color: #F38640;
	display: block;
	margin: 5px 0;
	padding: 0 0 0 19px;
	text-decoration: none;
	background: url(/img/puce-campagne-rappel.png) top left no-repeat;
}
a.puceblanche {
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	display: block;
	margin: 5px 0;
	padding: 0 0 0 19px;
	text-decoration: none;
	background: url(/img/puceblanche-lien.png) top left no-repeat;
}
a.petitlien {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	margin-left: 90px;
}
a:hover.puce {
	text-decoration: underline;
}
a:hover.petitlien {
	text-decoration: none;
}
#secondaire p {
	margin: 0 0 5px 0;
	padding: 0;
}

#couvlettreclub {
	float: right;
	width: 56px;
	height: 80px;
	margin: 12px 0 0 0;
}

#txtlettreclub {
	 float: left;
	 margin: 5px 15px 0 0;
	 width: 130px;
}

#nuagemots a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
#nuagemots a:hover {
	text-decoration: underline;
}


#nav a {
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #f38a42;
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:hover {
	background-color: #ECECEC;
	color: #f38a42;
}

#fildariane {
	font: bold 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #777879;
	height: 14px;
}
#fildariane a {
	font: normal 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #777879;
	text-decoration: none;	
}
#fildariane a:hover {
	text-decoration: underline;	
}

#toolsbox {
	background: url(/img/fond-tools.png) no-repeat;
}

#toolsbox a {
	margin: 0 1px 0 0;
}

#blocliens {
	width: 325px;
	padding: 10px 0 0 0;
	background: #dadcd4 url(/img/fond-ensavoirplus-h.png) no-repeat 0% 0%;
}

#blocliens span {
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #f38a42;
}

#blocliens a {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #000000;
	padding: 0 10px;
}

#blocliens a:hover {
	text-decoration: none;
}


/* NAV */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 165px;
	left: -999px;
	z-index: 51;
	overflow:visible;
}

#nav li ul a {
	display: block;
	width: 135px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #525151;
	line-height: 15px;
	padding: 3px 12px 3px 18px;
	background: #f0f1ec url(/img/nav/fond.png) no-repeat 0% 0%;
	z-index: 51;
	overflow:visible;
}
#nav li ul a:hover {
	color: #FFFFFF;
	background: #f39547 url(/img/nav/fond-on.png) no-repeat 0% 0%;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* fin NAV */


#pied, #top {
	font-size: 11px;
}
#pied a, #top a {
	text-decoration: none;
	color: #626060;
}
#pied a:hover, #top a:hover {
	text-decoration: underline;
}

/* MISE EN FORME */

img {
	border: none;
}

p {
	margin:0 0 10px 0;
}

h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #f38c42;
	text-transform:uppercase;
	padding: 10px 0 0 0;
	margin: 0;
}

h2 {
	font:bold 15px Arial, Helvetica, sans-serif;	
	line-height: 19px;
	color:#676c6d;
	padding:0;
	margin:0 0 5px 0;
}

.chapobloc {
	font-weight: bold;
}
.visuelgauche { float:left; margin-right:25px;
}
.visueldroite { float:right; margin-left:25px; margin-right:5px;
}
.visuel { border: 1px solid #FFFFFF; padding:5px;
}

a {
	color: #f38c42;
}

a:hover {
	text-decoration: none;
}

#galerie {
	width:735px; height:348px; margin:10px 0; padding: 14px 10px 0 10px;
	background: #666 url(/img/fond-gal.png) no-repeat 0% 0%;
}
#galeriegrande {
	float:right; padding:0; margin:0; border:2px solid #CCC;
}
.galerievignette {
	float:left; padding:0; margin:0 5px 5px 0; border:2px solid #CCC;
}

.spacer { clear:both; height:1px;
}

hr { height: 1px; margin: 10px 0; padding: 0; color: #AAAAAA; background-color: #AAAAAA; border: 0; }


#articlesLies, #archives {
	width:325px; background:#d9dbd3 url(/img/bloc-fond-h.png) no-repeat; padding:5px 0 0 0; float:left;
}
#archives {
	margin-left:25px;
}
#articlesLies div, #archives div {
	padding:5px 10px; height:107px;
}
html>body #articlesLies div, html>body #archives div {
	padding:5px 10px; height:auto; min-height:107px;
}
#articlesLies a, #archives a {
	text-decoration: none;
}
#articlesLies a:hover, #archives a:hover {
	text-decoration: underline;
}

.formlabel { clear: left; float: left; width: 175px; padding: 4px 15px; text-align: right; color:#666666;
}
.formlabel2 { padding: 5px; color:#666666;
}
.formchamp { padding:3px;
}
.forminput { border:1px solid #f38c42; margin: 1px; padding:1px; font-size:11px; width:156px;
}


/*** ESPACE MAG ***/

#pagemag {
	background:url(/img/mag/fond-page-mag.png); position:relative; height:644px; width:756px;
}
#pagemag2 {
	background:url(/img/mag/fond-page-mag2.png) no-repeat; position:relative; height:300px; width:434px;
	padding: 366px 0 0 322px;
}
html>#pagemag2 {
	min-height:300px;
}

#bienvenueMag {
	position:absolute; top:83px; left:379px; width:272px;
}
#bienvenueMag a {
	font: bold 15px Arial, Helvetica, sans-serif; line-height:15px; color:#ee7f00; text-decoration:none;
}
#bienvenueMag a:hover {
	text-decoration:underline;
}
#bienvenueMag a.titremag {
	font: 16px Arial, Helvetica, sans-serif; line-height:18px; color:#54575a; text-decoration:none;
}
#bienvenueMag a:hover.titremag {
	text-decoration:underline;
}

#lienMagInteractif {
	position:absolute; top:125px; left:0px; width: 286px; height: 48px;
}
#lienMagInteractif a {
	font:bold 16px Arial, Helvetica, sans-serif; line-height:18px; color:#FFFFFF; text-decoration:none; display:block; padding:2px 60px 2px 40px; background:url(/img/mag/puce-mag.png) no-repeat 5% 25%;
}
#lienMagInteractif a span {
	font:bold 20px Arial, Helvetica, sans-serif;
}
#lienMagInteractif a:hover {
	text-decoration:underline;
}

#blocarchives {
	position:absolute; top:600px; left:50px;
}
#blocarchives a {
	font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
}
#blocarchives a:hover {
	text-decoration:underline;
}

#couvmag {
	position:absolute; top:178px; left:0;
}

#blocproposer {
	position:absolute; left: 405px; top: 70px; width: 295px; height: 65px;
}
#blocproposer a {
	display:block; padding:10px; font:bold 18px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;
}
#blocproposer a:hover {
	text-decoration: underline;
}
#blocproposer a span {
	font-size: 26px;
}

#bloctemoignages {
	position:absolute; left: 315px; top: 150px; width:440px;
}
#bloctemoignages h2 {
	font: bold 18px Arial, Helvetica, sans-serif; color: #ee7f00; text-decoration:none; margin:0;
}
#bloctemoignages h2 span {
	font-size: 26px;
}
.avis {
	float: left; width:200px; margin:0 20px 0 0; font: 13px Arial, Helvetica, sans-serif;
}
.avis a {
	text-decoration:none; color:#333; display:block;
}
.avis a:hover {
	text-decoration: underline;
}
.avis span {
	color:#009ee0; font-weight:bold;
}
#votez {
/*	position: absolute;
	left: 322px;
	top: 366px;*/
	width: 260px;
}
#listearticles {
	padding:0 15px;
	background:url(/img/mag/fond-liste-articles.png) repeat-y 0% 100%;
}
#voteztitre {
	font: bold 26px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #54575a;
	margin: 0 0 10px 0;
}
#votez a.mieuxnotes {
	font: 14px Arial, Helvetica, sans-serif;
	color: #009ee0;
	display: block;
	width:150px;
	margin: 5px 0 10px 0;
	text-decoration: none;
	float:left;
}
#votez a.voirtous {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #54575a;
	text-decoration: none;
	margin: 5px 0;
}
#votez a:hover {
	text-decoration: underline;
}
.voteznote {
	float:left; margin:15px 0 0 0;
}

/*  ELEMENTS PAGES  */

.question{
color:#333333;
background-color:#eaeaea;
line-height:22px;
padding:3px;
width:764px;
}
.question a{
text-decoration:none;
color:#333333;
}