/* ------------------------------------ *
Réseau Européen des Sites Casadéens 17 mars 2009
 * ------------------------------------ */

/* Général */
  {
margin : 0;
padding : 0;
}

html {
font-size : 100%; /* Pour corriger un bug de IE */
}

body {
text-align : center; /* Pour corriger un bug de IE */
background-color : #e8dccd;
}

#date{
 width:790px;
 height:20px;
 text-align: left;
 padding-left : 10px;
 clear : both;
 font-size : 0.9em;
 color : #933a28;
 }

 /*------ Titres */
h1 {
text-align : center;
font-family : Garamond, Arial, Helvetica, Verdana;
color : #933a28;
font-style : italic;
padding-top : 15px;
}

h2{
text-align : center;
font-family : Garamond, Arial, Helvetica, Verdana;
color : #be4b34;
font-style : italic;
font-weight : bold;
font-size : 1.5em;
}

h3 {
text-align : center;
font-family : Garamond, Arial, Helvetica, sans-serif;
font-style : italic;
font-weight : bold;
font-size : 2em;
color : #060202;
}

h4 {
font-family : Verdana, Georgia, Helvetica, Garamond, Arial, Helvetica, sans-serif;
font-style : italic;
font-size : 1em;
color : #4c4cc1;
}

h5 {
text-align : center;
font-family : Verdana, Georgia, Helvetica, Garamond, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 1em;
color : #933a28;
}

h6 {
text-align : center;
font-family : Verdana, Georgia, Helvetica, Garamond, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 1em;
color : #060202;
}


 /*liens*/

 a.menuhorizontal {
 font-size : 0.8em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #933a28;
 text-decoration : none;
 }

a.menuhorizontal:hover {
 text-decoration:underline;
 }

a.menuvertical {
 font-size : 0.7em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #933a28;
 text-decoration : none;
 }

a.menuvertical:hover {
 text-decoration:underline;
 }

a.menuvertical2 {
 font-size : 0.9em;
 color : #933a28;
 text-decoration : none;
 list-style-type : none;
 margin: 0 auto 0 auto;
 font-family : "Times New Roman", Verdana, Georgia, Helvetica, Arial;
  }

 a.menuvertical2:hover {
 text-decoration:underline;
 }

a.NousRejoindre {
 font-size : 1em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #933a28;
 text-decoration :underline;
 }

a.RetourCarte {
 font-size : 1em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #060202;
 text-decoration :underline;
 }


a.Defilement {
 font-size : 0.9em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #933a28;
 font-weight : bold;
 text-decoration :underline;
 }

a.Carte1 {
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #000000;
 font-style : bold;
 text-decoration : none;
 }
a.Carte1:hover {
 text-decoration:underline;
 }

a.Carte2 {
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #ffffff;
 font-style : bold;
 text-decoration : none;
 }
a.Carte2:hover {
 text-decoration:underline;
 }

a.Carte3 {
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #5f1c02;
 font-style : bold;
 border : 3px dotted #5f1c02;
 }

a.Carte4 {
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #ff8730;
 font-style : bold;
 border : 3px dotted #ff8730;
 }

hr {
  clear : both;
  visibility : hidden;
  }

 .indent {
 text-indent: 40px;
 }

a.PiedPage {
 font-size : 0.8em;
 font-family : Verdana, Georgia, Helvetica, Arial;
 color : #933a28;
 text-decoration : none;
 }

a.PiedPage:hover {
 text-decoration:underline;
 }

/* Structure du site */
#conteneur_principal {
 position : relative;
 width : 787px;
 text-align : left;
 margin : 0 auto 0 auto;
 background-color : #fdfdfd;
 background-image : url(../Images/EnTete2.jpg);
 background-repeat : no-repeat;
 }

#entete {
 height : 180px;
}

/*---- Menus de navigation */

#menuhorizontal {
 list-style-type : none;
 position : absolute;
 top : 160px;
 left: 150px;
 width : 650px;
}
#menuhorizontal li {
 display : inline;
 padding-left : 50px;
 }
 
.menuvertical {
 list-style-type : none;
 margin: 80px 0 0 50px;
 font-size : 1em;
 font-family : "Times New Roman", Georgia, Helvetica, Arial;
}

#PiedPage {
 float : left;
 list-style-type : none;
 width: 787px;
 background-color: #d7c7af;
 margin : 0 auto 0 auto;
 overflow : hidden;
 }

#PiedPage li {
 display : inline;
 padding-right: 60px;
}

/* Côté Gauche de la Structure */
#annexe {
 float : left;
 width : 240px;
 height : 200px;
}

#direction {
 width : 150px;
 border-style:double;
 border-color:#B0C4DE;
 margin : 70px 30px 10px 30px;
 padding : 0;
 display : block;
 }

#LogoFeader {
 float : left;
 margin : auto;
 height : auto;
}

#LogoFacebook {
 float : right;
 margin : auto;
 height : auto;
}

.LogoFeader {
 float : left;
 margin-top: -70px;
 margin-left: 680px;
}

.LogoHteLoire {
 float : left;
 margin-top: auto;
 margin-left: auto;
}

.LogoPNR {
 float : left;
 margin-top: -50px;
 margin-left: 680px;
}

.LogoPDD {
 float : left;
margin-top: auto;
 margin-left: auto;
}

.LogoAuv {
 float : left;
margin-top: auto;
 margin-left: auto;
}

.LogoLeader {
 float : left;
 margin-top: auto;
 margin-left: 5px;
}

 .LogoFacebook {
 float : right;
 margin-top: auto;
 margin-right: 3px;
}

/* Partie Central */

#contenu {
 min-height : 260px;
 text-align : justify;
 font-family : Verdana, Georgia, Helvetica, Arial;
 font-size : 0.7em;
 margin-left : 230px;
 padding : 10px 20px 10px 10px;
}

/* Photos et Images */
 
 a.positioncarteminiature {
 position: relative;
 margin-top: 80 px;
 margin-left: 230 px;
 }

/*PageGarde*/
 #PageGarde {
 position : relative;
 width:500px;
 height:516px;
 margin-top : -10px;
 margin-left : 170px;
 margin-right : 50px;
 background-image : url(../Images/PageGarde3.jpg);
 background-repeat : no-repeat;
 }

 #positionPageGarde1 {
  position : absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top : 45px;
  left : 30px;
  }

 #positionPageGarde2 {
  position : absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 40px;
  left : 420px;
  }

  #positionPageGarde3 {
  position : absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 440px;
  left: 40px;
  }

  #positionPageGarde4 {
  position : absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 440px;
  left: 380px;
  }

 .title {
 float : left;
 margin-left : 240px;
 }

 .title2 {
 float : left;
 margin-left : 240px;
 margin-top :-40px}

 /*PositionPresse*/
 a.imagehypertexte {
 float : left;
 margin-top: -40px;
 margin-left: 370px;
 }
 a.imagehypertexte1 {
 float : left;
 margin-top: -45px;
 margin-left: 370px;
 }
a.imagehypertexte2 {
 float : left;
 margin-top: -80px;
 margin-left: 370px;
 }

a.imagehypertexte3 {
  float : left;
 margin-top: -65px;
 margin-left: 370px;
 }

a.imagehypertexte4 {
  float : left;
 margin-top: -50px;
 margin-left: 370px;
 }

 a.imagehypertexte5 {
  float : left;
 margin-top: -90px;
 margin-left: 370px;
 }

 a.imagehypertexte6 {
  float : left;
 margin-top: -95px;
 margin-left: 370px;
 }

 .portraitbio {
 float : left;
 margin-right : 10px;
 margin-top : 20px;
 }

 .portraitbio2 {
 float : right;
 margin-left : 10px;
 margin-top : 20px;
 }

 .portraitbio3 {
 float : left;
 margin-top: 20px;
 margin-left: 50px;
}

 .portraitbio4 {
 float : left;
 margin-top: 18px;
 margin-left: 60px;
}
.portraitbio5 {
 float : left;
 margin-top: 8px;
 margin-left: 70px;
 }

 .portraitbio6 {
 float : left;
 margin-top: 40px;
 margin-left: 50px;
 }

 .portraitbio7 {
 float : left;
 margin-top: 28px;
 margin-left: 55px;
 }

.portraitbio8 {
 float : left;
 margin-top: 15px;
 margin-left: 16px;
 }

 .portraitbio9 {
 float : left;
 margin-top: 20px;
 margin-left: 60px;
 }

 .portraitbio10 {
 float : left;
 margin-top: 22px;
 margin-left: 72px;
 }
 .portraitbio11 {
 float : left;
 margin-top: -10px;
 margin-left: 72px;
 }
.portraitbio12 {
 float : left;
 margin-top: 20px;
 margin-left: 72px;
 }

 .portraitbio13 {
 float : right;
 margin-right : 30px;
 margin-top : 20px;
 }

 .portraitbio14 {
 float : left;
 margin-left : 50px;
 margin-top : 20px;
 }
 .portraitbio15 {
 float : left;
 margin-left : 70px;
 margin-top : 20px;
 }

 .portraitbio16 {
 float : right;
 margin-right : 20px;
 margin-bottom : 15x;
}

.portraitbio17 {
 float : left;
 margin-right : 20px;
 margin-bottom : 15x;
}

.PanneauExpoBilly {
 float : right;
 margin-right : 150px;
 margin-top : -10px;
 }

#LogoCasaDei {
 float : left;
 height : 94px;
 width : 81px;
 }

#carte1 {
  position : relative;
  width:480px;
  height:530px;
  top: 30px;
  background-image : url(../Images/carte_departements.jpg);
  background-repeat : no-repeat;
  }

#position00{
  position:absolute;
  width : 20px;
  height : 40px;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 230px;
  left: 450px;
}

#position01{
  position:absolute;
  width : 20px;
  height : 40px;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 10px;
  left: 320px;
}

#position02{
  position:absolute;
  width : 20px;
  height : 40px;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 340px;
  left: 480px;
}
#position03{
  position:absolute;
  width : 20px;
  height : 40px;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 480px;
  left: 110px;
}

#position1 {
  position:absolute;
  width : 20px;
  height : 40px;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  top: 267px;
  left: 370px;
  }

#position2 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 70px;
  left: 300px;
  }

#position3 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 250px;
  left: 285px;
  }

#position4 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 345px;
  left: 330px;
  }

#position5 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 70px;
  left: 335px;
  }

#position6 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 430px;
  left: 250px;
  }

#position7 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 365px;
  left: 263px;
  }

#position8 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 322px;
  left: 262px;
  }

#position9 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 290px;
  left: 165px;
  }

#position10 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 279px;
  left: 133px;
  }

#position11 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 215px;
  left: 258px;
  }

#position12 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 309px;
  left: 230px;
  }

#position13 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 267px;
  left: 243px;
  }

#position14 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 320px;
  left: 190px;
  }

#position15 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 205px;
  left: 400px;
  }

#position16 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 345px;
  left: 363px;
  }

#position17 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 382px;
  left: 325px;
  }

#position18 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 410px;
  left: 215px;
  }

#position19 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 405px;
  left: 293px;
  }

#position20 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 314px;
  left: 383px;
  }

#position21 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 230px;
  left: 382px;
  }

#position22 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 282px;
  left: 318px;
  }

#position23 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 320px;
  left: 308px;
  }

#position24 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 167px;
  left: 252px;
  }

#position25 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 350px;
  left: 220px;
  }

#position26 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 362px;
  left: 176px;
  }

#position27 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 355px;
  left: 296px;
  }

#position28 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 107px;
  left: 324px;
  }

#position29 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 152px;
  left: 359px;
  }

#position30 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 210px;
  left: 297px;
  }

#position31 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 30px;
  left: 291px;
  }

#position32 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 83px;
  left: 260px;
  }

#position33 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 23px;
  left: 254px;
  }

#position34 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 290px;
  left: 283px;}

#position35 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 158px;
  left: 436px;
  }

#position36 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 280px;
  left: 343px;
  }

#position37 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 177px;
  left: 395px;
  }

#position38 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 300px;
  left: 413px;
  }

#position39 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 114px;
  left: 252px;
  }

#position40 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 125px;
  left: 278px;
  }

#position41 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 240px;
  left: 155px;
  }

#position42 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 392px;
  left: 243px;
  }

#position43 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 380px;
  left: 206px;
  }

#position44 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 383px;
  left: 364px;
  }

#position45 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 237px;
  left: 183px;
  }

#position46 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 275px;
  left: 210px;
  }

#position47 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 150px;
  left: 404px;
  }

#position48 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 168px;
  left: 298px;
  }

#position49 {
  position:absolute;
  font-size : 1.2em;
  font-weight : bold;
  text-align : center;
  width : 20px;
  height : 40px;
  top: 176px;
  left: 424px;
  }