/* Normalise les styles */
* {
  padding: 0;
  margin: 0;

}
ul, ol {
	list-style-type: none;
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
body {
		background: transparent url(fond-body.png) repeat;
		font-size: 12px;
		line-height: normal;
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
}
p {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 17px */
  margin: 0 0 1.5em 0;
  text-align: justify;
}

p:first-letter {
	text-indent: 3em;
}
p span {
	text-indent: 1em;
}
h3 {
  font-size: 1.3333333333333332em;
  line-height: 1.125em;
  margin-top: 0.7083em;
  margin-bottom: 1.125em; }
}
h4 { margin: 0; font-size: 1.1666666666666667em;
line-height: 1.2857142857142858em; margin-bottom: 1.2857142857142858em; }
/* ------------------------------------------------------------------ */
.d {
	float: right;
}
.g {
	float: left;
}
/* ------------------------------------------------------------------ */
#page {
	width: 960px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin: 0 auto;
}
/* -------------------- Div header---------------------------------------------- */
#header{
}
#nav-haut {
	background: #141414;
	height: 18px;
	padding: 0 15px;
	color: white;
}
#nav-haut p.dte {
	font-weigh: bold;
	font-size: 11px;
	line-height: 18px;
	float: left;
}
#nav-haut ul.general {
	float: right;
}
#nav-haut ul.general li {
	float: left;
	margin: 0 9px;
}
#nav-haut ul.general li a {
	color: white;
	text-decoration: underline;
}
#zone-logo {
	height: 75px;
	background: transparent url(barre-logo.gif) repeat-x;
	position: relative;
}
#logo {
	position: absolute;
	top: 3px;
	left: 20px;
}
#zone-logo h1 {
	position: absolute;
	color: white;
	font-style: italic;
	left: 450px;
	top: 35px;
	font-size: 30px;
}
#pub-ban {
	height: 100px;
	background: #414040 none;
	border-bottom: 1px solid black;
	border-top: 2px solid black;
}
.big-ban {
	width: 728px;
	height: 90px;
	margin: 5px auto;
}
.pub_ban728X90 {
	height: 90px;
	width: 728px;
}

/* --------------------navigation---------------------------------------------- */
.main-nav {
	height: 27px;
	background: transparent url(main-nav.gif) repeat;
	border-top: 1px solid black;
	/*border-bottom: 1px solid black;*/
	padding-left: 20px;
}
.main-nav ul {
	border-left: 1px solid #020202;
	border-right: 1px solid #3E464C;
	float: left;
	margin: 0;
}
.main-nav ul li {
	border-left: 1px solid #3E464C;
	border-right: 1px solid #020202;
	float: left;
	line-height: 27px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.main-nav ul li a {
	color: #ccc;
	float: left;
	font-weight: bold;
	height: 27px;
	padding: 0 12px;
}
.main-nav ul li.on a, .main-nav ul li a:hover {
	color: #fff;
	background: transparent url(main-nav-over.gif) repeat;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer .main-nav {
	height: 27px;
	background: transparent;
	border: 0;
	margin-bottom: 9px;
}
#footer .main-nav ul {
	border-left: 1px solid #020202;
	border-right: 1px solid #3E464C;
	float: none;
	overflow: hidden;
	text-align: center;
}
#footer .main-nav ul li {
	border-left: 1px solid #3E464C;
	border-right: 1px solid #020202;
	float: left;
	line-height: 27px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#footer .main-nav ul li a {
	color: #ccc;
	float: left;
	font-weight: bold;
	height: 27px;
	padding: 0 12px;
}
#footer .main-nav ul li a {
	color: #FFCC00;
}
#footer .main-nav ul li.on a, #footer .main-nav ul li a:hover {
	color: #fff;
	background: transparent;
}
#footer p {
	text-align: center;
	color: white;
	font-size: 0.8em;
}
#footer p a {
	color: #A30F16;
}
#footer p a:hover {
	text-decoration: underline;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sous-nav {
	background: transparent url(subnav-bg2.gif) repeat;
	height: 30px;
}
#sous-nav ul {
}
#sous-nav ul li {
	float: left;
	line-height: 27px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
}
#sous-nav ul li.uniq {
	float: none;
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
#sous-nav ul li.uniq span {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}
#sous-nav ul li a {
	color: #ccc;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
}
#sous-nav ul li a:hover, #sous-nav ul li.on a, #sous-nav ul li.uniq span {
	color: #FFCC00;
}
#fil {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid black;
	background: transparent url(fond-fil.png) repeat-x;
}
/* -------------------- fond des boites---------------------------------------------- */
#sous-content div.xxl, #sous-content div.x2 div.col1, #sous-content div.x2 div.col2, #main-content div.xxl, #main-content div.x2 div.col2, #main-content div.x2 div.col4, #main-content div.x2 div.col3 {
	background:transparent;
}

/* -------------------- Div content---------------------------------------------- */
#content {
	overflow: hidden;
	background: #fff url(fond-content.png) repeat-y;
	padding-top: 9px;
}

/* -------------------- Div sous-content---------------------------------------------- */


#sous-content {
	float: right;
	padding-right: 9px;
	background: transparent none;
}
#sous-content div.xxl { /* toute la largeur du cadre */
	width: 298px;
	border: none;
	padding: 4px;
	margin-bottom: 9px;
}
#sous-content div.x2 { /* contient 2 boite */
	width: 306px;
	margin-bottom: 9px;
	background: transparent none;
	overflow: hidden;
	clear: both;
}
#sous-content div.x2 div.col1 { /* 1 colonne */
	width: 88px;
	border: none;
	padding: 4px;
}
#sous-content div.x2 div.col2 { /* 1 colonne */
	width: 193px;
	border: none;
	padding: 4px;
}
#sous-content div.x2 div.g {
	margin-right: 9px;
}
#sous-content div.xxl img.spip_logos {
	display: block;
	margin: 0 auto 10px auto;
}
#sous-content div.x2 div.pub300 {
	width: 300px;
	margin: 0 auto;
	height: 250px;
}
.pub_pub300X250 {
	height: 250px;
	width: 300px;
}

#content h4.lien {
	/*display: inline;*/
	background: transparent url(chevron.gif) no-repeat 2px;
	padding-left: 15px;
	margin:0;
}
#content h4.lien a {
	color: #134479;
	text-decoration: none;
}
#content h4.lien a:hover {
	text-decoration: underline;
}
/* -------------------- Div main-content---------------------------------------------- */
#main-content {
	float: left;
	padding-left: 9px;
	width: 621px;
	background: transparent none;
}
#main-content div.xxl { /* toute la largeur du cadre */
	margin-bottom: 9px;
	width: 613px;
	border: none;
	padding: 4px;
	overflow: hidden;
}
#main-content div.x2 { /* contient 2 boite */
	width: 621px;
	margin-bottom: 9px;
	background: transparent none;
	overflow: hidden;
	clear: both;
}
#main-content div.fond {
	background: #E7EFF2 none;
}
#main-content div.x2 div.col1 {
	width: 96px;
}
#main-content div.x2 div.col2 {
	width: 193px;
	border: none;
	padding: 4px;
}
#main-content div.x2 div.col4 {
	width: 403px;
	border: none;
	padding: 4px;
}
#main-content div.x2 div.col5 {
	width: 508px;
	border: none;
	padding: 4px;
}
#main-content div.x2 div.col3 {
	width: 298px;
	border: none;
	padding: 4px;
}

#main-content div.x2 div.g {
	margin-right: 9px;
}
#main-content div.pub-miniban {
	background: #A20F16 none;
	border: 2px solid black;
	width: 619px;
	margin-bottom: 9px;
	padding: 5px 0;
}
#main-content div.pub-miniban div.ban {
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
#main-content div.pub-miniban div.pub_ban468X60 {
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
/* -------------------- Div footer---------------------------------------------- */
#footer {
	background: #111;
	color: #999 none;
	padding: 10px 0;
}
/* -------------------- afichage des Pub---------------------------------------------- */
#pub-ban div.big-ban p, #sous-content div.pub300 p, #content div.pub-miniban p {
	margin: 0;
	width: auto;
}
#pub-ban div.big-ban p span, #sous-content div.pub300 p span, #content div.pub-miniban p span {
	margin: 0;
	text-indent: 0;
}
#pub-ban div.big-ban p span a, #sous-content div.pub300 p span a {
	border: 0;
}

/* -------------------- afichage des articles SPIP---------------------------------------------- */
#content h2.main-h2 {
	background: #414040 url(ti-d.png) no-repeat right;
	color: #FFC600;
	padding-right: 10px;
	margin-bottom: 9px;
}

#content h2.main-h2 span {
	background: #414040 url(ti-g.png) no-repeat left;
	display: block;
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
#main-content h2.main-h2 {
	width: 611px;
}
#content p.def-art {
	font-size: 0.8em;
	font-style: italic;
}
#sous-content p.def-art {
	margin:0;
}
#content p.def-art span {
	font-weight: bold;
	color: #A30F16;
}
#content p.def-art a {
	font-weight: bold;
	color: #A30F16;
	text-decoration: underline;
}
#sous-content h2.main-h2 {
	width: 294px;
}
img.spip_logos {
	margin-right: 9px;
	display: table-cell;
}
#main-content div.video {
	background: black none;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
#main-content div.full-art div.bid {
}
#main-content div.full-art img.spip_logos {
}
#main-content div.full-art {
}
#main-content div.full-art div.chapo {
	display: table-cell;
}
#main-content div.full-art div.normal {
	display: block;
}
#main-content div.chapo p {
 font-size: 1.3333em; /* 16px */
  line-height: 1.125em; /* 18px */
  margin-bottom: 1.125em;
	padding-left: 4px;
	border-left: 12px solid red;
	float: left;
	background: #D1D1D1 none;
}
#main-content div.corps {
	clear: both;
}
#main-content h1.titre-art {
	color: #3F4175;
 font-size: 1.5em; /* 18px */
  line-height: 1em;
  margin-bottom: 1em;
}
#main-content div.une h1.titre-art {
	margin: 0;
}
#main-content div.xxl p.extrait {
	text-indent: 2em;
}
#content p.extrait {
	margin: 0;
}
#main-content div.une p.extrait {
	clear: both;
	margin: 0;
}

#content p.suite {
	margin: 0;
	text-align: left;
}
#content p.suite a {
	color: #134479;
	font-weight: bold;
	text-decoration: underline;
}
/* -------------------- Forum---------------------------------------------- */
#liste_messages {
	margin-bottom: 9px;
}
#liste_messages li {
	border-bottom: 1px dotted #134479;
}
#liste_messages li h4 {
	background: transparent url(chevron.gif) no-repeat 2px;
	padding-left: 15px;
	color:#134479;
	margin:0;
}
#liste_messages li h4 span.auteur {
	color: #A30F16;
}

#titre-form {
	text-align: center;
	color:#134479;
	font-size: 18px;
	line-height: 30px;
}
#formulaire_forum fieldset {
	padding: 0 9px;
	margin-bottom: 9px;
}
#formulaire_forum fieldset ul {
	margin: 9px 0;
}
#formulaire_forum fieldset ul li {
	margin-bottom: 9px;
}#formulaire_forum fieldset p {
	margin: 0;
}
#formulaire_forum legend {
	color:#134479;
	padding: 0 10px;
	font-weight: bold;
}
#formulaire_forum p.boutons {
	text-align: center;
}
#formulaire_forum p.boutons input.submit {
	color:#134479;
	font-weight: bold;
}
/* -------------------- Formulaire de contact---------------------------------------------- */
#contact {
	margin-bottom: 9px;
}
#contact h2 {
	text-align: center;
	color:#134479;
	font-size: 18px;
	margin-bottom: 9px;
}
p#avert {
	font-weight: bold;
}
#contact span.required {
	font-weight: bold;
	color: #A30F16;
}
#contact fieldset {
	padding: 0 9px;
	margin-bottom: 9px;
}
#contact fieldset legend {
	color:#134479;
	padding: 10px;
	font-weight: bold;

}
#contact textarea {
	margin-bottom: 9px;
}
#contact label {
	color:#134479;
}
#contact div.envoyer {
	text-align: center;
}
#contact div.envoyer input {
	color:#134479;
	font-weight: bold;
}
/* -------------------- Formulaire de recherche ---------------------------------------------- */
#fil p.helpForm {
	float: left;
	margin:0 15px 0 250px;
	line-height: 30px;
	color: #A20F16;
	font-weight: bold;
}
#fil form input.ok {
	background-color: #A20F16;
	color: #FFCC00;
	font-weight: bold;
}