/*
http://www.moulinande.com
Author: Philippe G
*/
* {
margin:0;
padding:0;
}

/*
Definition des polices
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background: #fff /*url(../images/img01.jpg) repeat-x top left*/;
}

/*
Definition des div
*/
div {
   font-size: 1em;
}

/*
Suppression des bords en cas d'image dans une balise a
*/
img {
   border: 0;
}

/*
Definition des marges image
*/
p img {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
float: left;
/*////////////////////////////PROBLEME ICI rapport aux images////////////////////////////*/
}

/*
Definition des liens
*/
a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #84A30C;
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
  /* background-color: #7B0135;*/
   color: #D63813;
}

p.lien a {
   padding-bottom:1px;
   border-bottom: 1px dashed #5E8402;
}




/*****************
Squelette
*****************/

body {
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 0;
margin: 0;
background-color:#D2D2D2;*/

   color: #444444;
   margin:0em 0em;    /* Un peu d'air pour le conteneur */
   background: #D3CCBA url(../images/header.gif)  repeat-x top left;
}
#conteneur {
/*margin-top: 15px;
margin-left: 25px;
margin-right: 10px;
margin-bottom: 5px;
position: absolute;
width: 90%;
background-color:#CFCFAE;*/

 margin: 0 auto;       /* centre le conteneur */
 /* max-width: 80em;   /* IE ne comprend pas donc il faut recourir a javascript */
  /*min-width: 70em;*/
   color: #70765B;
/*margin-top: 25px;*/
background: #FAFAF4; /*url(../images/header_photobis.jpg) no-repeat top left;*/
margin-top: 26px;
margin-bottom: 4em;
border: 5px solid #FAFAF4;
width: 960px;
}

#header.b1 {background: #FAFAF4 url(../images/header_photo.jpg) no-repeat top left;}
#header.b2 {background: #FAFAF4 url(../images/header_photo2.jpg) no-repeat top left;}
#header.b3 {background: #FAFAF4 url(../images/header_photo3.jpg) no-repeat top left;}
#header.b4 {background: #FAFAF4 url(../images/header_photo4.jpg) no-repeat top left;}


#header {
/*height: 70px;
background-color:#D2D2D2;
padding:1px;
font-size:13px;*/

height: 199px;    /* en fonction de la taille du logo */
   margin: 0;
}

div#header h1 a {
  /* background:  url(../images/logo.png) no-repeat 0px 0px;*/
   margin-left: 18px; 
margin-top: 100px;   
   display: block;
   height: 88px;         /* en fonction de la taille du logo */
   text-indent: -999em;  /* c'est ce qui cache le texte */
   text-decoration:none; /* pour les vieux Firefox */
   width: 270px;
   float: left;
}

#easy-access {
font-size: 10px;
float:left;
background: #fff;
margin-left:0px;
}
#easy-access a{
color:#000;
}
#language {
float:right;
background: #fff;
padding: 5px;
margin: 0px;
}/*
#language a {
float:right;
}*/
#language a {
color: #AC5570;
text-decoration: none;
}
#language a:hover {
color: #923A55;
text-decoration: underline;
}
#slogan {
margin: 0;
padding: 0;
float: left;
margin-top: 170px;
margin-left: 40px;
color:#fff;
/*position: absolute;
top: 50px;
left: 156px;*/
}
#logo {
float:left;
}
#navigation {
/*height: 30px;
background-color:#C2CFBB;
font-size:13px;*/

float: right;
margin-top: 167px;
   margin-bottom: 0px;
   margin-right: 20px;
   height: 30px;
   //////////////////////*probleme*///////////////////////////
}

#navigation a {
/*float: right;
margin-right: 5px;
color: #5F6C57;
text-decoration: none;
margin-left: 5px;*/

  color: #9CC10D;
  /* padding: 0.5em 0.5em 10px 0.5em;
   /*background-color: #inherit;*/
   text-decoration: none;
   height: 20px;
   margin-top: 0px;
   /*font-weight: bold;*/
   font-family: Arial, Helvetica, sans-serif;
   padding: 0px 20px 0 20px;
   font-size: 1.2em;
   /*text-transform: uppercase;*/
   display: block;
   float: left;
}
#navigation a:hover {
/*color: #A9311F;*/

 text-decoration: none;
   color: #fff;
   /*background: url(../images/rond.jpg) no-repeat center bottom;*/
   height: 20px;
}

div#contenu {
   margin-top:10px;
   /*float: left;*/
}

div#barre_lateral {
   float: left;    
   width: 27%;   
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0.5em;
   border-top: 1px solid #CFC5B1;
   border-right: 1px solid #CFC5B1;
   border-left: 1px solid #CFC5B1;
   margin-bottom: 2em;
   margin-top:1em;
}

div#centre {
   margin-left: 29%; /* logement pour la barre laterale*/
   margin-right: 2%; /*un peu d'air à droite */
}

div#centre p a{
   text-decoration: underline;
   /*padding-bottom:1px;
   border-bottom: 1px dashed #84A30C;*/
}

/*
.rubriques {
list-style-type: none;
font-size: 0.8em;
margin: 0;
margin-bottom: 15px;
margin-left: 75px;
}
.rubriques a {
color: #979696;
}
.rubriques a:hover {
color: #2E2E2E;
}
#vignette {
float: left;
margin: 5px;
}
#droite {
position: absolute;
right: 0px;
top:300px;
width: 262px;
background-color: #CFCFAE;
color: #CFCFAE;
}
#deco {
float: left;
margin-left: 80px;
}
.menudroit {
margin: 0;
padding: 0;
list-style-type: none;
}
.menudroit li{
margin-top: 4px;
margin-left: 10px;
}
.menudroit a {
color:#534640;
text-decoration: none;
}
.menudroit a:hover {
text-decoration: underline;
}
#pied {
height: 20px;
text-align: right;
color: #fff;
background-color:#796C66;
float: right;
width: 263px;
}*/

div#pied {
   clear: both;       /*garde le pied de page en dessous du centre et de la barre laterale */
   color: #fff;
   height: 32px;
   background: #70AC10 url(../images/footer2.gif) repeat-x bottom left;
  /* border-top: 1px solid #6C6048;*/
   margin-left: -1px;
   margin-bottom: -1px;
}

div#pied p {
   font-size: 0.8em;
   text-align: center;  /* texte centre */
   margin-top: 1em;
}

div#pied p a {
   color: #F0E0E7;
}

div#pied p a:hover{
   color: #fff;
}
/*
p {
margin: 1;
margin-left: 5px;
}
p a {
color: #464646;
text-decoration: none;
}
p a:hover {
color: #D47F23;
}
div#galerie {
width: 410px ;
background: #eed ;
border: 1px solid #dcb ;
padding: 15px ;
margin: 15px 30px ;
text-align: center ;
font: 0.9em Georgia, serif ;
}
ul#galerie_mini {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#galerie_mini li {
float: left ;
}
ul#galerie_mini li a img {
margin: 2px 1px ;
border: 1px solid #dcb ;
}
dl#photo {
clear: both ;
margin: 0 auto ;
}
dl#photo dt {
font: italic 2.5em/1.5em Georgia, serif ;
color: #dcb ;
}
dl#photo dd {
margin: 0 ;
}
dl#photo img {
border: 1px solid #dcb ;
}
	
h1 {
font-size: 1.5em;
font-weight : 400; 
color: #2E2E2E;
margin-left: 15px;
margin: 0;
}
h2 {
font-size: 1.3em;
background-image: url('papillon.png');
background-repeat: no-repeat;
background-position: left;
border-bottom: 1px solid;
border-bottom-color: #E79E4F;
color: #909A4E;
margin-left: 0px;
margin-top: 5px;
padding-left: 35px;
}
h3 {
color: #7D3F35;
font-size: 1em;
margin: 0;
margin-top: 20px;
margin-left: 5px;
border-top: 1px solid;
border-top-color: #ACAC82;
width: 190px;
}
h4 {
margin: 0;
margin-bottom: 15px;
margin-left: 55px;
}
h4 a{
font-size: 0.7em;
color: #C6A4AA;
font-weight : 100; 
margin-top: 2px;
text-decoration: none;
}
h4 a:hover {
text-decoration: underline;
color: #5E1D29;
}
h5 {
color: #6E6E6E;
font-size: 0.9em;
margin: 0;
margin-bottom: 6px;
margin-left: 55px;
}
h5 a {
color: #6E6E6E;
text-decoration: none;
}
h5 a:hover{
color: #6E6E6E;
text-decoration: underline;
}
h6 {
color: #863D32;
font-size: 0.9em;
margin: 0;
}*/

/********************
CONTENT STYLING
*********************/

/* HEADINGS */
/*div#contenu h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}*/
div#contenu h1 {
   color: #030303; 
	font-size: 2em; 
	text-align: left; 
/* un peu d'air autour du texte */
	padding-left: 0.5em;
	padding-bottom: 1px;
	border-bottom: 1px solid #E79C0B; 
   background-image: url(../images/papillon.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 35px;
   line-height: 1.5em;
/* un peu d'air autour du border */
   margin: 1em 0 0.5em 0;
   font-family: "Times New Roman", Times, serif;
}

div#contenu h2 {
  color: #555;
  font-family: "Times New Roman", Times, serif;
  margin: 1em 0 0.5em 0;
  line-height: 1.5em;
  font-size: 2em;
}

h3 {
color: #7D3F35;
font-size: 1em;
margin: 0;
margin-top: 20px;
margin-left: 5px;
border-top: 1px solid;
border-top-color: #ACAC82;
width: 190px;
}

div#contenu h4 {
margin: 0;
margin-bottom: 15px;
margin-left: 55px;
}
div#contenu h4 a{
font-size: 12px;
color: #C6A4AA;
font-weight : 100; 
margin-top: 2px;
text-decoration: none;
}
div#contenu h4 a:hover {
text-decoration: underline;
color: #5E1D29;
}

h5 {
color: #6E6E6E;
font-size: 1em;
margin: 0;
margin-bottom: 20px;
margin-left: 55px;
}
h5 a {
color: #6E6E6E;
text-decoration: none;
}
h5 a:hover{
color: #6E6E6E;
text-decoration: underline;
}

h6 {
color: #863D32;
font-size: 1em;
margin: 0;
}

.rubriques {
list-style-type: none;
font-size: 0.9em;
}
.rubriques a {
color: #979696;
margin-left: 4em;
}
.rubriques a:hover {
color: #2E2E2E;
}

/* END HEADINGS */

#vignette {
float: left;
margin: 5px;
}


#liensconnexes {
 padding: 1em;
 margin: 0;
 color: #444444;
}

#liensconnexes a {
text-decoration: underline;
}
#liensconnexes p {
font-weight: bold;
}

/* TEXT */
div#centre p {
   font-size: 1em;
   margin: 0 0 1.5em 0.8em; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

div#centre  ul {
	margin: 1em;
	line-height: 1.5em;
}

div#centre ol {
	margin: 1em;
}

div#centre li {
	margin: 1em;
}

/* END TEXT */



/* BASE DE DONNEES */
tr.impaire {
background-color : #DDDDDD;
}
.impaire a {
color: #75374B;
text-decoration: none;
font-weight: bold;
}
.impaire  a:hover {
color: #D47F23;
text-decoration: underline;
}
tr.paire {
background-color : #FFFFFF;
}
.paire a {
color: #75374B;
text-decoration: none;
font-weight: bold;
}
.paire a:hover {
color: #D47F23;
text-decoration: underline;
}

/*-----------------------------*/
/*Fiche auteur*/
/*-----------------------------*/


.titre {
height: 130px;
padding: 1em;
}
.actualise {
float: right;
color: #4D4D4D;
}
.date {
font-size: 1em;
color: #4D4D4D;
font-weight: bold;
}
.nom {
font-size: 1.5em;
margin-top: 30px;
}
.film {
color: #916566;
}
.sections {
color: #65554E;
font-size: 1em;
margin: 5px;
}
.listebio {
list-style-type: none;
}
.decale{
margin-left: 5em;
}
.grostitre {
font-size: 1.3em;
color: #434242;
 }
.retour {
color: #A51313;
font-size: 0.9em;
margin: 0;
margin-bottom: 6px;
margin-left: 55px;
}

