/***************************************************************************************
	Reset [Eric Meyer's Reset - Light]
***************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/***************************************************************************************
	Global
***************************************************************************************/

body {
	color:#4a4a4a;
	line-height:1.5;
	font-size:62.5%; /* Reset 1em à 10px */
	font-family: arial,Helvetica,sans-serif;
	background:#ffffff url(images/fond.png) repeat left top;
	}

sup {font-size:80%;line-height:1.5em!important;position:relative;top:-.8em;}
em { font-style:italic;}
strong { font-weight:bold;}
p, ul, ol, dl { margin-bottom:1em;}
a { color: #660720;text-decoration:underline;}
a:hover { text-decoration:none;}
abbr, acronym {border-bottom: .1em dotted; cursor: help;}


/***************************************************************************************
	Page
***************************************************************************************/


#fond-tete {
	background: transparent url(images/fond-tete.png) repeat-x left top;
}

#page {
	background: transparent url(images/entete.png) no-repeat center top;
	font-size:1.15em;
}


#wrap {
	position:relative;
	width:913px;
	margin:0 auto;
	padding-top:215px;
}

/***************************************************************************************
	Menu
***************************************************************************************/

#logo-entete {
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent:-9999px;
	height:216px;
	width:185px;
}

#menu {
	background:#000;
	width:177px;
	float:left;
	line-height:1;
	border-bottom:3px solid #000;
}

#menu ul {
	background:#134d9f url(images/menu-fond.jpg) repeat-y right top;
	margin:0;
	padding:0 0 0 1px;;
}

#menu ul li a {
	background: url(images/fleche.gif) no-repeat 11px center;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px 24px;
	border-bottom:1px solid #000;
	font-weight:bold;
	height:1%;
}

#menu ul li a:hover {
	background:#740823 url(images/fleche.gif) no-repeat 11px center;
}

#menu ul li span.tournees {
	background: url(images/fleche.gif) no-repeat 11px center;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px 24px;
	font-weight:bold;
	height:1%;
}

#menu ul li.sous-menu a {
	border:none;
}

#menu ul li ul {
	background:url(images/bordure-pale.gif) no-repeat right top;
	padding:5px 0 5px 15px ;
}

#menu ul li.sous-menu ul li a {
	background: url(images/fleche-p.gif) no-repeat 10px center;
	border-bottom:none;
	padding:5px 24px;
}

#menu ul li ul li a span {

}

#menu ul li.sous-menu ul li a:hover {
	background:#740823 url(images/fleche-p.gif) no-repeat 10px center;
}



/***************************************************************************************
	Contenu
***************************************************************************************/

#contenu {
	background:url(images/fond-contenu.gif) repeat-y center top;
	width:656px;
	float:right;
	position:relative;
	padding:0 40px 0 40px;
	margin-top:25px;
	min-height:300px;
}

#contenu h1 {
	color:#fff;
	font-weight:bold;
	display:block;
	position:absolute;
	top:-37px;
	left:45px;
	font-size:1.15em;
}


/*= Billets
 * --------------------------------*/



div.billet {
	border-bottom:1px solid #b37786;
	background: url(images/billet-separateur.gif) no-repeat bottom center;
	padding-bottom:15px;
	margin-bottom:40px;
}

div.billet.no-border {
	border:none;
	background:none;
}

h2 {
	margin-bottom:.4em;
	font-size:2.1em;
	font-weight:bold;
	color:#000;
}

div.billet h2 {
	margin-bottom:.4em;
	font-size:2.1em;
	font-weight:bold;
	color:#000;
}

div.billet h2 a {
	color:#134d9f;
	text-decoration:none;
}

div.billet h2 a:hover {
	color:#660720;
}

div.billet ul {
	font-size:1.4em;
}

div.billet p {
	font-size:1.4em;
	line-height:1.2;
	margin-bottom:1.5em;
}

div.billet p.auteur {
	font-size:1em;
	margin-bottom:1.8em;
}

div.billet p.auteur a {
	color:#b1834f;
	text-decoration:none;
}

div.billet p.auteur a:hover {
	color:#660720;
}

div.billet img {
	border:1px solid #3f0413;
	display:block;
}

div.billet a {
	color:#660720;
}

div.billet p.pousse {
	margin-left:245px;
}

div.billet span.bouton-continuer {
	text-align:center;
	background:url(images/bouton-continuer.gif) no-repeat center top;
	display:block;
	width:139px;
	height:20px;
	padding-bottom:20px;
	float:right;
}

div.billet span.bouton-continuer.hover {
	background:url(images/bouton-continuer.gif) no-repeat center bottom;
}

div.billet span.bouton-continuer a {
	font-weight:bold;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	width:139px;
	height:20px;
	display:block;
}


div.billet p.postmetadata {
	font-size:1em;
	color:#777;
	line-height:1.5;
}

.alt {
	background:#F8F8F8;
	padding:10px;
}

h3 {
	font-size:1.5em;
	font-weight:bold;
}

/*= Commentaires
 * --------------------------------*/

ol.commentlist {
	padding:0;
}

ol.liste-commentaires li {
	padding: 5px 10px 3px;
	margin: 15px 0 3px;
}

ol.liste-commentaires li img.avatar {
	background:#fff;
	border:1px solid #eee;
	float:right;
	padding:2px;
}

ol.liste-commentaires li cite {
	font-size:1.1em;
}

ol.liste-commentaires li cite a {
	text-decoration:none;
	color:#B1834F;
}

ol.liste-commentaires li cite a:hover {
	color:#660720;
}

span.info-commentaires {
	font-size:.9em;
}


/***************************************************************************************
	Pied
***************************************************************************************/

#pied {
	font-size:0.9em;
	color:#fff;
	width:656px;
	float:right;
	background:#000;
	padding:25px 40px 10px 40px;
}

#pied p.partenaire {
	float:left;
	width:105px;

}

#pied p.partenaire a {
	text-indent:-9999px;
	background: url(images/logo-commission.gif) no-repeat center center;
	display:block;
	width:101px;
	height:47px;
	margin-top:8px;
}


#pied p.realisation {
	float:right;
	width:100px;
}

#pied p.realisation a {
	text-indent:-9999px;
	background: url(images/logo-ixmedia.gif) no-repeat center center;
	display:block;
	width:90px;
	height:20px;
	margin-top:25px;
}

#pied #info-parents {
	clear:both;
	text-align:center;
	display:block;
	margin-bottom:5px;
}

#pied #bas-page {
	clear:both;
	padding-top:10px;
	width:640px;
	background: url(images/pied-separateur.gif) no-repeat center top;
}

#pied #bas-page p {
	float:left;
	width:400px;
	margin:0;
}

#pied #bas-page a {
	text-decoration:none;
	float:right;
	text-align:right;
	padding-right:15px;
	width:200px;
	color:#b1834f;
	background: url(images/fleche-pied.gif) no-repeat right center;
	margin-right:10px;
}

#pied #bas-page a:hover {
	color:#660720;
	background: url(images/fleche-pied-h.gif) no-repeat right center;
}

/***************************************************************************************
	Formulaires
***************************************************************************************/

form.formulaire ul li {
	width:100%;
	margin-bottom:5px;
}

form.formulaire ul li label {
	text-align:right;
	width:300px;
	float:left;
	margin-right:10px;
}

form.formulaire ul li input {
	width:160px;
}

/*= Formulaire de commentaires
 * --------------------------------*/

#form-commentaires {
	margin-bottom:1em;
}

#form-commentaires texarea {
	width:100%;
	padding:2px;
}

#form-commentaires input {
	width:170px;
	padding:2px;
}

#form-commentaires input#soumettre {
	float:right;
}

/* =Grandeur des champs
   ----------------------------------------------------*/

.small { width:120px!important;}
.xsmall { width:80px!important;}
.xxsmall { width:40px!important;}


/* =Gestion des erreurs
   ----------------------------------------------------*/

input.erreur {border:1px solid #FF9900;}

label.erreur {
	padding:0 5px!important;
	border:1px solid #FF9900!important;
	color:#FF9900!important;
	background:#FFFF99!important;
	float:none!important;
	margin:0 0 0 10px!important;
	width:100%!important;
	text-align:left!important;
}

ul.erreur li {margin-left:10px;color:#8a1f11;}
ul.erreur li.erreur_titre {margin-left:0;font-weight:bold;}

/***************************************************************************************
	Class
***************************************************************************************/

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

.mosaique li.gauche {float:left;}
.mosaique li.centre {float:left;margin:0 50px;}
.mosaique li.droite {float:right;}
/* End Images */

div.encadre {
	background:#efefef;
	padding:10px;
	margin-bottom:1em;
}

div.encadre p {
	color:#777;
	margin:0;
	font-size:1.1em;
}

div.info {
	width:50%;
	padding-top:10px;
	border-top:1px solid #000;
}

div.info.gauche {float:left;}
div.info.droite {float:right;}

#info-inner img {
	border:none;
}

#info-inner li.new a {
	padding-right:30px;
	background: url(/vieux-site/rnew.gif) no-repeat right center;
}

ul.anciennes-tournnees {
	padding-top:0px!important;
	margin-top:-5px!important;
	background:none!important;
}

.floatright{float:right;}

/* =CLEAR
   -------------------------*/
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clear {display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
/* -------------------------*/