/*//////////////////////GENERAL/////////////////////////*/

body{
	font-family: /*Myriad Pro, */Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	line-height:18px;
	margin:0;
	padding:0;
	background-color: #fff;
	background-image:url(_images/fondBody.gif);
	background-repeat:repeat-x;
}


h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1{
	display:none;
}

h2{
	font-weight:normal;
	font-size: 26px;
	margin:20px 0;
}

h3 {
	font-size: 18px;
	margin-top:1em
}
.chapoArticle h3 {margin-top:0}
h3.titreArticle {
	font-size: 24px;
}

h4{
	font-weight:normal;
	color:#ababad;
	font-size: 13px;
	margin:0 0 5px 0;
}
h4.dansCetteRubrique {
	margin:1em 0; font-size:15px
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a, a:visited {
	color:#c2077f;
	text-decoration:none;
}

a.lireLaSuite, a.lireLaSuite:visited {
	background-image:url(_images/puceLienLireLaSuite.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 10px;
}


a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

.bold {
	font-weight:bold;
}

.liste-contenus {
	margin-left:15px; margin-top:1em
}
.liste-contenus li {list-style-type:disc}

#wrapper {
	width:1000px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding:0;
}

#subwrapper {
	width:1000px;
	overflow: hidden;
	position: relative;
	padding: 0 0 10px 0;
	margin:0;
	border:none;
}

/*//////////////////////ENTETE/////////////////////////*/


#top {
	width:1000px;
	float:left;
	height: 109px;
	margin:0;
	background-image:url(_images/fondEntete.gif);
	background-repeat:no-repeat;
}

#top #retourAccueil {
	position:absolute;
	top:15px;
	left:0;
	height:94px;
	width:1000px;
}

#top #retourAccueil a {
	text-indent:-9989px;
	display:block;
	height:94px;
	width:1000px;
	margin:0;
	cursor:pointer;
}

/*////////////////////// COLONNE DE GAUCHE /////////////////////////*/

#colonneDeGauche {
	float:left;
	width:188px;
	margin: 0 20px 0 0;
	padding: 0;
}

#colonneDeGauche .photoMireille, #colonneDeGauche .coordonnees {
	float:left;
	width:188px;
	margin: 0;
	padding: 0;
}

/*////////////////////// COLONNE DU CENTRE /////////////////////////*/

#colonneDuCentre {
	float:left;
	width:584px;
	padding:0;
	margin:0;
}

#colonneDuCentre p.chapo {
	font-weight:bold;
}

#colonneDuCentre .focus {
	width:564px;
	float:left;
	margin: 10px 0 0 0;
	padding:10px;
	background-color:#f7d3e6;
}

#colonneDuCentre .focus img.imageFocus {
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #d0cbcf;
}

#colonneDuCentre .focus .presentation {
	float:left;
	margin: 0;
	padding:0;
	width:300px;
}

#colonneDuCentre .chapoArticle {
	width:584px;
	float:left;
	margin: 10px 0 0 0;
	padding:0;
	background-color:#fff;
	border-bottom:solid 1px #c8c9ca;
}

#colonneDuCentre img.illustration {
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #d0cbcf;
}

#colonneDuCentre .commentaire {
	width:564px;
	float:left;
	margin: 10px 0 0 0;
	padding:10px;
	background-color:#f7d3e6;
}

#colonneDuCentre .commentaire form {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	width:564px;
}

#colonneDuCentre .commentaire form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	clear:both;
	float:left;
	width:100%;
}

#colonneDuCentre .commentaire form p.derniereLigne {
	/*float:right;*/
	text-align:right;
	border:none;
}

#colonneDuCentre .commentaire  form p label {
	float: left;
	width: 150px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}


#colonneDuCentre .commentaire input, #colonneDuCentre .commentaire textarea {
	margin: 0;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	width:350px;
	border:solid 2px #c2077f;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#c2077f;
	float:right;
}
#colonneDuCentre .commentaire form input[type='submit'] {
	font-size:13px;
	font-weight:bold;background-color:#c2077f;border:solid 2px #c2077f;height:27px;color:#FFF; padding:0 4px; line-height:27px; width:auto;
}

#colonneDuCentre .commentaire form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:13px;
	font-weight:bold;
	border:none;
}

#colonneDuCentre .commentaire form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 4px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#c2077f;
	border:solid 2px #c2077f;
}

#colonneDuCentre .commentaire form button.bouton span span {
	padding:0 4px 0 0;
	border:none;
	color:#FFF;
	height:27px;
	line-height:27px; /* Alignement vertical du texte et largeur du côté droit*/
}


/*////////////////////// COLONNE DE DROITE /////////////////////////*/

#colonneDeDroite {
	float:right;
	width:188px;
	margin:50px 0 20px 0;
	padding: 0;
}

#colonneDeDroite .lettre {
	float:left;
	position:relative;
	font-size:14px;
	color:#FFFFFF;
	width:132px;
	height:164px;
	margin:0;
	padding: 100px 0 0 56px;
	background-image:url(_images/pictoLettre.gif);
	background-repeat:no-repeat;
}

#colonneDeDroite .lettre a, #colonneDeDroite .lettre a:visited {
	color:#FFFFFF;
}

#colonneDeDroite .lettre a#link-lettres {left:5px;position:absolute;text-align:center;top:192px;width:90px;}

#colonneDeDroite .menu {
	float:left;
	margin:20px 0 0 0;
	padding:0;
}

dl#menuGenral {
	float:left;
	padding:0;
	margin:5px 0 0 0;
	width:188px;
}

dl#menuGenral dt {
	cursor: pointer;
}

dl#menuGenral dt a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 2px 0 0 0;
	padding: 8px 0 8px 10px;
	overflow: hidden;
	zoom: 1;
	background-color:#c2077f;
}

dl#menuGenral dt a:hover {
	background-color: #8f0065;
}

dl#menuGenral dd {
	margin:0;
}

dl#menuGenral li {}

dl#menuGenral li a {
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 1px 0 0 0;
	padding: 5px 0 5px 22px;
	overflow: hidden;
	zoom: 1;
	background-color:#e289bb;
	background-image:url(_images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position:10px center;

}

dl#menuGenral li a:hover, dl#menuGenral li .selected {
	background-color: #8f0065;
	color:#FFF;
}

.recherche {
	float: left;
	padding: 0;
	margin: 20px 0 0 0;
	width:188px;
}

.recherche form {
	float: left;
	padding: 0;
	margin: 5px 0 0 0;
	width:188px;
}

.recherche form p { 
    padding:0;
	margin:0;
	float:left;
}

.recherche form input {
	margin: 0;
	padding:5px 2px 0 27px;
	font-weight:bold;
	font-size:14px;
	width:115px;
	height:23px;
	border:solid 2px #c2077f;
	/*border-right:none;*/
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#c2077f;
	background-image:url(_images/fondInputRecherche.gif);
	float:left;
}

.recherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:13px;
	font-weight:bold;
	border:none;
}

.recherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 4px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#c2077f;
	border:solid 2px #c2077f;
}

.recherche form button.bouton span span {
	padding:0 4px 0 0;
	border:none;
	color:#FFF;
	height:27px;
	line-height:27px; /* Alignement vertical du texte et largeur du côté droit*/
}

.nuageDeTags {
	float: left;
	line-height:24px;
	padding: 0;
	margin: 20px 0 0 0;
	width:188px;
	overflow:hidden
}

.nuageDeTags .tailleNormal {
	font-size:13px;
}

.nuageDeTags .tailleMoyen {
	font-size:16px;
}

.nuageDeTags .tailleGrand {
	font-size:19px;
}



/*//////////////////////PIED DE PAGE/////////////////////////*/

#footer {
	width:584px;
	color:#909ba2;
	margin:20px 208px 0 208px;
	padding:0;
	float:left;
	_float:none;
	font-size:12px;
	line-height:16px;
}

#footer a, #footer a:visited {
	color:#909ba2;
	text-decoration:none;
}

#footer a:hover {
	color:#c2077f;
	text-decoration:underline;
}

/*//////// ARIANE /////*/
p.ariane {	font-weight:normal;
	color:#ababad;
	font-size: 13px;
	margin:0 0 5px 0;}

/* FORMULAIRE DE CONTACT */
/* FORMULAIRE DE CONTACT */
form#contact fieldset {border:0;}
form#contact ol {margin-left:0}
form#contact li {clear:both; margin-bottom:0.5em; list-style-type:none}
form#contact label{display:block; width:150px; float:left;}
form#contact input [type="text"] {border:1px solid #ccc;}

.rss {margin-top:10px}
.rss li a span {font-weight:bold}