body {
   text-align: center;
   background-color: #B0B0B0;
   margin: 0;
   padding: 0;
   font-family: 'verdana', 'arial' ;
   width: 100%;
   border: 0;
}

#nav {
  font-size:13px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 auto;
  padding-top: 90px;
  background: url(random/rotate.php);
  background-position: top center;
  background-repeat:  no-repeat; 
  text-align: left;
  padding-left: 10px;
  width: auto;
  height: 28px;
  background-color: #8CBB77; 
  position: relative;
  top : -70px;
  z-index: 1;
  border-bottom: 10px solid white;
  margin-bottom: 5px;

}

img {
  border: 0
}

p {
line-height: 150%;
} 

#blur {
width: 999px;
height: auto;
margin: 0 auto;
padding: 0;
background-color: transparent;
background: url(imgs/blur3.png);
background-position: top center;
background-repeat: repeat-y;
border: 0;
}

#container {
  margin: 0 auto;
  padding: 0;
  width: 979px;
  text-align: left;
  background-color: #FFFFFF;
  height: auto;
  border: 0;
}

#lang {
 position: relative;
 top: 10px;
 left: 10px;
 text-align: right;
 font-size:13px;
 font-weight: 600;
 letter-spacing: 1px;
 z-index: 15;
 width:930px;
 height: 70px;
 background-color: transparent;
background: url(imgs/titre.png);
background-position: top left;
background-repeat: no-repeat;
}

#main {
  margin: 0px 20px 20px 220px;
  padding: 0px 20px 0px 0px; 
  font-size: 12px;
  text-align: left;
  width: auto;  
  line-height: 150%;
  text-align: justify;
  min-height: 550px;
  position : relative;
  top : -50px;

 }
 
#footer {
  margin: 0 auto;
  padding: 15px 0px 0px 220px;
  width: auto;
  text-align: left;
  height: 98px;
  background: url(imgs/logo.png);
  background-repeat: no-repeat;
  background-position: 75px 15px;
  background-color: #8CBB77; 
  clear: both;
  font-size: 13px;
}



#nav ul {
  margin: 0px;
  padding: 7px;
  list-style: none;

}

#nav li {
  display: inline;
  margin: 0px;
  padding: 0px;

}

#cote {
float: left;
width: 200px;
margin-top: 0px;
height: auto;
position : relative;
top : -48px;
border-right: 5px solid #2586d7;
}

#cote ul {
list-style: none;
margin: 0;
padding: 0px 0px 0px 10px;
border: none;
}
		
#cote li {
border-bottom: 1px solid #90bade;
margin: 0;
font-size: 9pt;
}

#cote li a {
display: block;
padding: 2px 5px 2px 10px;
text-decoration: none;
width: 100%;
}

html>body #cote li a {
width: auto;
		}

	#cote li a:hover {
		background-color: #2586d7;
		color: #fff;
		}

.listetexte ul {
list-style-type: square;

}

.listetexte li {
padding: 5px;

}



#credits {
  float:right; 
  margin-right: 75px;
}

#nav a:link {text-decoration: none; color: #FFFFFF; background: #940018; padding: 5px; border: solid 1px white}
#nav a:visited {text-decoration: none; color: #FFFFFF; background: #940018; padding: 5px; border: solid 1px white}
#nav a:active {text-decoration: none; color: #FFFFFF; background: #940018; padding: 5px; border: solid 1px white}
#nav a:hover {text-decoration: none; color: #000000; background: #FFFFFF; padding: 5px; border: solid 1px white}

#cote a:link {text-decoration: none; color: #000000}
#cote a:visited {text-decoration: none; color: #000000}
#cote a:active {text-decoration: none; color: #000000}
#cote a:hover {text-decoration: none; color: #B70000;}

#lang a:link {text-decoration: none; color: #FFFFFF}
#lang a:visited {text-decoration: none; color: #FFFFFF}
#lang a:active {text-decoration: none; color: #FFFFFF}
#lang a:hover {text-decoration: none; color: #B70000;}

#footer a:link {text-decoration: none; color: #000000}
#footer a:visited {text-decoration: none; color: #000000}
#footer a:active {text-decoration: none; color: #000000}
#footer a:hover {text-decoration: none; color: #B70000;}

#main a:link {text-decoration: underline; color: #B70000}
#main a:visited {text-decoration: underline; color: #B70000}
#main a:active {text-decoration: underline; color: #B70000}
#main a:hover {text-decoration: none; color: #000000;}

#actif a:link {text-decoration: none; background: #FFFFFF; color: #000000; padding: 5px;}
#actif a:visited {text-decoration: none; background: #FFFFFF; color: #000000; padding: 5px;}
#actif a:active {text-decoration: none; background: #FFFFFF; color: #000000; padding: 5px;}
#actif a:hover {text-decoration: none; background: #FFFFFF; color: #000000; padding: 5px;}


#actifcote a:visited {text-decoration: none; color: #FFFFFF; background-color: #2586d7}
#actifcote a:active {text-decoration: none; color: #FFFFFF; background-color: #2586d7}
#actifcote a:hover {text-decoration: none; color: #FFFFFF; background-color: #2586d7}
#actifcote a:link {text-decoration: none; color: #FFFFFF; background-color: #2586d7}

#tel a:link {text-decoration: none; color: #B70000}
#tel a:visited {text-decoration: none; color: #B70000}
#tel a:active {text-decoration: none; color: #B70000}
#tel a:hover {text-decoration: none; color: #000000;}
  
.photor {
  float: right;
  margin-top: 20px;
  margin-left: 15px;
  border: thin solid #B0B0B0; 
  clear: right;
}  

.photor2 {
  float: right;
  margin-top: 20px;
  margin-left: 15px;
  clear: right;
}

.photol {
  float: left;
  margin-top: 20px;
  margin-right: 15px;
  border: thin solid #B0B0B0; 
  clear: left;
}  

.photol2 {
  float: left;
  margin-top: 20px;
  margin-right: 15px;
  clear: left;
}

.prochain {
  float: right;
  border: 0; 
  font-size: 9pt; 
  font-variant: small-caps; 
  letter-spacing: 2px;
  clear: right;
  margin-top: 20px;
  margin-left: 15px;
  margin-bottom: 20px;
}  

.phototexte {
 text-align: left;
 font-size: 8pt;
 width: 250px;
 
}
 
.titre {
  color: #000000; 
  font-size: 16px; 
  font-variant: small-caps; 
  font-style: italic; 
  font-weight: 600; 
  text-align: left;
  letter-spacing: 2px;
  margin-top: 0;
  padding: 0;
}

.soustitre {
  color: #000000; 
  font-size: 13px; 
  font-style: italic; 
  font-weight: 700;
  text-align: left; 
  margin-top: 15px;
}
   
.rendant {
  color: #000000; 
  font-size: 16px; 
  font-variant: small-caps; 
  font-style: italic; 
  font-weight: 600; 
  text-align: left;
  letter-spacing: 2px;
  margin-top: 20px;
  padding: 0;
}
  
#tel {
  float:right;
  color: #B70000; 
  font-size: 11px; 
  text-align: right; 
  text-decoration: none;
}

.cadreg {
height:108px; width: 715px; background-color: transparent; margin-top: 20px;
}


.cadrev {
height:108px; width: 715px; background-color: #8CBB77; margin-top: 20px
}

.cadtext  {
color:black; margin: 10px; overflow:hidden; height:72px
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color: transparent;
    color:#000;
    text-decoration:none;
	}

a.info:hover{z-index:25; background-color:transparent;}


a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-95px; left:-205px; width:190px;
    border: none;
    background:none; color: black;
    text-align: justify; font-size:13px;

	}