/* CSS Document */

/* MILIEU */
#middle { /* c'est le bloc conteneur*/
list-style: none;
text-align:left;
color:white;
width:988px; /* largeur de l'interface du milieu*/
height:370px; /* hauteur*/
background-image: url(../images/fond-milieu.jpg);
background-repeat:no-repeat;
background-color: #F7DC99;
padding:0px;
margin:0 auto 0 auto; /* pour que les textes soient bien placés d'une résolution à l'autre de l'écran dans le cas où l'on centre l'interface*/
}
B{ 
color:#753C05;
}
strong{ 
color:#753C05;
}
/* EDITO*/
#edito{ 
list-style: none;
color:#000000;
width:280px; /* largeur du bloc*/
position: absolute;
margin-left: 43px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-top: 50px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-bottom:0px;
padding:0px;
}
#edito h1 { 
text-align:left;
padding:0px;
margin-top:25px;
margin-bottom:20px;
margin-left :10px;
font-size: 15px;
font-weight:bold;
color: #CC6A0B;
}
#edito p{ 
text-align:left;
padding:0px;
margin-top:10px;
margin-bottom:10px;
margin-left :10px;
color:#000000;
}
#edito .img-riccardo {
float:left;
padding-right:5px;
padding-bottom:0px;
border:0px;
}
#edito a.lien{ 
text-align:center;
font-size: 10px;
color:#FFFFFF;
background-color: #918A18;
text-decoration:none;
margin-top:15px;
width:200px;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
}
#edito a:hover.lien{ 
background-color: #BBAF03;
text-decoration:none;
color:#FFFFFF;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
}
/* INFOCLUB*/
#infoclub{ 
list-style: none;
color:#000000;
width:270px; /* largeur du bloc*/
height:335px;
position: absolute;
margin-left: 626px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-top: 33px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-bottom:0px;
padding:0px;
}
#infoclub h1 { 
text-align:left;
padding:0px;
margin:0px;
margin-left :10px;
}
#infoclub h2 { 
text-align:left;
padding:0px;
margin-left :10px;
margin-top:10px;
margin-bottom:0px;
font-size: 12px;
margin-top:0px;
color: #BD6005;
}
#infoclub p{ 
text-align:left;
padding:0px;
margin-top:5px;
margin-bottom:15px;
margin-left :10px;
color:#000000;
}
#infoclub p.texte{ 
text-align:left;
padding:0px;
margin-top:2px;
margin-bottom:2px;
margin-left :10px;
color:#000000;
}
#infoclub a{ 
font-size: 10px;
text-align:center;
color:#FFFFFF;
background-color: #918A18;
text-decoration:none;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
margin-left:0px;
margin-top:2px;
margin-bottom:10px;
}
#infoclub a:hover{ 
font-size: 10px;
background-color: #BBAF03;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
}
/*BLOC ESPACE PRO*/
#middle2 { /* c'est le bloc conteneur*/
list-style: none;
text-align:left;
color:white;
width:988px; /* largeur de l'interface du milieu*/
height:93px; /* hauteur*/
padding:0px;
margin:0 auto 0 auto; /* pour que les textes soient bien placés d'une résolution à l'autre de l'écran dans le cas où l'on centre l'interface*/
background-image: url(../images/fond-bas02.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #F7DC99;
}
#navmiddle, #navmiddle ul{
width:988px;
height:90px;
position: absolute;
margin-left: 0px;
margin-top: 5px;
margin-bottom:0px;
padding:0px;
font-size: 12px;
list-style-type: none;
background-color: transparent;
color:#4E290B;
font-weight:bold;
}
#navmiddle li{
width:247px;
margin:0px;
padding:0px;
display: inline; 
float: left;
height:90px;
}
#navmiddle a{
margin-top: 5px;
margin-left: 0px;
padding-bottom:15px;
padding-left: 10px;
padding-right: 30px;
padding-top: 8px;
display: block; 
border-left:1px solid #753C05;
color:#4E290B;
text-decoration: none;
height:48px;
}
#navmiddle a.noborder{
border-left: none;
}
/* Journaliste */
.titre{
font-size:13px;
letter-spacing:-1px;
}
.texte-journaliste {
position:absolute;
z-index:3;
font-size:12px;
top: 40px; 
left:10px;
border:0px;
margin-bottom:0px;
width:150px;
font-weight:normal;
letter-spacing:0px;
}
.fleche-journaliste {
position:absolute;
z-index:1;
top: 23px; 
left:140px;
border:0px;
margin-bottom:0px;
}
.trait-journaliste {
position:absolute;
z-index:0;
top: 31px; 
left:10px;
border:0px;
margin-bottom:0px;
}
.img-journaliste {
position:absolute;
z-index:2;
top: 9px; 
left:165px;
border:0px;
margin-bottom:0px;
}

/* Enseignant */
.texte-enseignant {
position:absolute;
z-index:3;
top: 40px; 
left:256px;
border:0px;
margin-bottom:0px;
font-size:12px;
width:155px;
font-weight:normal;
letter-spacing:0px;
}
.fleche-enseignant {
position:absolute;
z-index:1;
top: 23px; 
left:390px;
border:0px;
margin-bottom:0px;
}
.trait-enseignant {
position:absolute;
z-index:0;
top: 31px; 
left:256px;
border:0px;
margin-bottom:0px;
}
.img-enseignant {
position:absolute;
z-index:2;
top: 9px; 
left:415px;
border:0px;
margin-bottom:0px;
}
/* Consultant */
.texte-consultant {
position:absolute;
z-index:3;
top: 40px; 
left:506px;
border:0px;
margin-bottom:0px;
font-size:12px;
width:155px;
font-weight:normal;
letter-spacing:0px;
}
.fleche-consultant {
position:absolute;
z-index:1;
top: 23px; 
left:630px;
border:0px;
margin-bottom:0px;
}
.trait-consultant {
position:absolute;
z-index:0;
top: 31px; 
left:506px;
border:0px;
margin-bottom:0px;
}
.img-consultant {
position:absolute;
z-index:2;
top: 9px; 
left:660px;
border:0px;
margin-bottom:0px;
}
/* Entreprise */
.texte-entreprise {
position:absolute;
z-index:3;
top: 40px; 
left:751px;
border:0px;
margin-bottom:0px;
font-size:12px;
width:155px;
font-weight:normal;
letter-spacing:0px;
}
.fleche-entreprise {
position:absolute;
z-index:1;
top: 23px; 
left:880px;
border:0px;
margin-bottom:0px;
}
.trait-entreprise {
position:absolute;
z-index:0;
top: 31px; 
left:751px;
border:0px;
margin-bottom:0px;
}
.img-entreprise {
position:absolute;
z-index:2;
top: 9px; 
left:905px;
border:0px;
margin-bottom:0px;
}