@charset "utf-8";
/* CSS Document */

html, body, div, h3, h1, h2, ul, li, p, span, img{
margin:0;
padding:0;
}

body {
background-color:#999;
width:100%;
text-align:center;
color:#FFF;
font-family:arial;
font-size:14px;
}


#container {
background-color:#000;
margin:0 auto;
text-align:left;
width:1000px;
border:1px #000 solid;
}

#header h1 {
background: url(../img/banniere.jpg) no-repeat;
width:1000px;
height:150px;
}

#header span {
display:none;
}

#content {
  background-image: url(../img/backgroundGradient.jpg);
  height:603px;
}

#LeftMenu {
  margin-top:10px;
  float:left;
}

#LeftMenu li {
  list-style-type: none;
  background: url(../img/portee.png) no-repeat;
  width:207px;
  height:56px;
  padding-top:10px;
}

#LeftMenu li span {
  display: none;
}

#LeftMenu a {
  display: block;
  margin-left:40px;
}

#LeftMenu #sommaire {
  height:40px;
  width:150px;
  background: url(../img/sommaire.png) no-repeat;
}

#LeftMenu #sommaire:hover {
  height:40px;
  width:150px;
  background: url(../img/sommaireHover.png) no-repeat;
}

#LeftMenu #partitions {
  height:40px;
  width:134px;
  background: url(../img/partitions.png) no-repeat;
}

#LeftMenu #partitions:hover {
  height:40px;
  width:134px;
  background: url(../img/partitionsHover.png) no-repeat;
}

#LeftMenu #rencontres {
  height:40px;
  width:154px;
  background: url(../img/rencontres.png) no-repeat;
}

#LeftMenu #rencontres:hover {
  height:40px;
  width:154px;
  background: url(../img/rencontresHover.png) no-repeat;
}

#LeftMenu #forum {
  height:45px;
  width:112px;
  background: url(../img/forum.png) no-repeat;
}

#LeftMenu #forum:hover {
  height:45px;
  width:112px;
  background: url(../img/forumHover.png) no-repeat;
}

#LeftMenu #liens {
  height:40px;
  width:84px;
  background: url(../img/liens.png) no-repeat;
}

#LeftMenu #liens:hover {
  height:40px;
  width:84px;
  background: url(../img/liensHover.png) no-repeat;
}

#LeftMenu #livreor {
  height:40px;
  width:136px;
  background: url(../img/livreOr.png) no-repeat;
}

#LeftMenu #livreor:hover {
  height:40px;
  width:136px;
  background: url(../img/livreOrHover.png) no-repeat;
}

#rightFrame {
  float:left;
  width:740px;;
  height:500px;
  margin-left:30px;
  background: url(../img/rosace.jpg) no-repeat 130px 0px;
  padding: 20px 10px 0 10px;
  text-align: justify;
}

#rightFrame p {
  margin:10px 0 20px 0;
  padding: 0 60px 0 0;
}

#rightFrame a {
  color:#FFF;
}

#rightFrame a:hover {
  color:#C0C0C0;
}

#rightFrame h1 {
  font-size:150%;
  margin-top:5px;
}

#rightFrame h3 {
  text-align: center;
  margin-top: 200px;
}

#rightFrame h2 {
  font-weight: normal;
  font-size:20px;
  width:700px;
}

#nav {
  position:relative;
  top:0;
  left:0;
}

#nav ul {
  width:730px;
  height:30px;
  position:relative;
  top:3px;
  left:0px;
  margin-bottom: 15px;
}

#nav li {
  list-style-type: none;
  display: inline;
}

#nav a {
  color:#FFF;
}

#compo {
  overflow: auto;
  height:485px;
  width:753px;
}

.categorielien {
  display:block;
  font-size: 22px;
  margin-bottom:25px;
  color:#D2D2D2;
}

.titrelien a{
  font-size:16px;
}

#rightFrame .compoListe {
  width:205px;
  margin-top:30px;
  float:left;
  line-height:30px;
  font-size:120%;
}

#rightFrame .compoListe a {
   text-decoration:none;
}

.bio {
    border: 2px dotted #FFF;
    width:600px;
    padding:0 0 10px 25px;
    margin:15px 0 15px 0;
}

.bio p {
  width:575px;
}

.wiki {
  display:block;
  text-align:right;
  width:570px;
  font-size: 75%;
}

#partitionListe {
  width:425px;
  height:auto;
  margin-top: 15px;
  float:left;
}

.clePart {
  background: url(../img/cle.png) no-repeat left 1px;
  width:390px;
  height:22px;
  padding-left: 10px;
}

#backTop a {
  color:#FFFFFF;
  font-size: 14px;
  width:600px;
}

#backTop a:hover {
  color:#FFFFFF;
  font-size: 14px;
}

.image {
  float:left;
  width:200px;
}

.image img {
  border: 1px #FFF solid;
}

#backTop {
  clear: left;
  width:400px;
}

#lienSolo {
  background: url(../img/solo.png) no-repeat;
  width:150px;
  height:170px;
  float: left;
  margin:120px 0 0 130px;
}

#lienSolo a {
  display: block;
  width:110px;
  height:200px;
  text-decoration: none;
  font-size: 130%;
  margin: -30px 0 0 -25px;
}

#lienDuo {
  background: url(../img/duo.png) no-repeat;
  width:150px;
  height:170px;
  float: left;
  margin: 120px 0 0 100px;
}

#lienDuo a {
  display: block;
  width:145px;
  height:200px;
  text-decoration: none;
  font-size: 130%;
  text-align: center;
  margin: -30px 0 0 0;
}

/*-------------RENCONTRES---------------------*/

#rencontreCadre {
  width:752px;
  height:450px;
  overflow: auto;
  margin-top: -25px;
}

#rencontreCadre h1{
  width:690px;
  text-align: center;
  font-size: 130%;
}

#rencontreCadre img {
  border: none;
}

#rencontreCadre a {
  text-decoration: none;
}

#rencontreCadre .left {
  float:left;
  width:130px;
  font-weight: bold;
}

#rencontreCadre .right {
  float:left;
  width:540px;
  height:auto;
}

#rencontreCadre .right p {
  margin: 0px 0 0px 0;
}

#rencontreCadre .right span {
  font-size:90%;   cursor:pointer;
  width:130px;
  height:17px;
  display:block;
  margin-top:-15px;
  margin-bottom:15px;

  /*
  position: relative;
  top:-15px;       */
}

.inscrit {
  border-top: 1px dashed #981F0E;
  clear: left;
  padding-top:10px;
  height:auto;
}

#bottomLink {
  height:auto;
  text-align: center;
  width:600px;
}

#bottomLink a{text-decoration: none;}
#bottomLink a:hover{text-decoration: none;}

#rencontreInscr {
  padding:25px 0 25px 25px;
  width:370px;
  text-align: left;
}

#rencontreInscr .text {
  width:275px;
}

#rencontreInscr textarea {
  width:450px;
  height:120px;
}

#nav strong {
float:right;
font-size: 16px;
position: absolute;
left:560px;
top:48px;
cursor: pointer;
}

/*---------------LIVRE OR-----------------------------*/

#livreorCadre {
  overflow: auto;
  height:450px;
  width:752px;
}

#livreorCadre .right {
  float:left;
  width:470px;
  height:auto;
  padding-bottom: 15px;
}

#livreorCadre .left {
  float:left;
  width:170px;
}

#livreorCadre textarea {
  width:350px;
  height:70px;
}

#livreorCadre hr {
  clear: left;
}

.date {
  font-size: 10px;
  font-style: italic;
}
  #yo {  font-size:50px;}
/*-----------------FOOTER--------------------*/
#footer {
  font-family: Arial;
  font-size: 10px;
  color:#000;
  height:0px;
  width:700px;
  position: relative;
  top:55px;
  left:238px;
}

#footer a {
  color:#661509;
}

#footer a:hover {
  color:#FFF;
}

a:active, a:focus {
outline:none;
}

/*--------------------------------------*/

#titleContact h1{
display:inline;
}
#titleContact a{
margin: -20px 57px 0 0px;
float: right;
text-decoration: none;
font-size:120%;
font-weight: bold;
}

#indexCadre {
  overflow:auto;
  height:385px;
  width:753px;
  margin-top: 10px;
}

#presentation h1 {
  text-align: left;
}

#presentation {
  width:683px;
  margin-right:20px;
  padding-right: 25px;
}

#presentation p{
margin-right: 0px;
padding: 0;
}

#youtube {
  width:730px;
  height:110px;
  padding-top:10px;
  margin-left: -12px;
}

 #youtube object {
   width:125px;
   height:100px;
 }

  #youtube embed {
   width:125px;
   height:100px;
   margin: 0 25px 0 25px;
   border:1px #fff solid;
 }