/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

#container {
width: 782px;
margin: 0 auto;
font-weight:bold;
font-family: Trebuchet MS; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 12px;
line-height: 1.6em;
background-color: #666666;
}

/* GENERAL MOJO AND MULA */

h1 {
font-family: Trebuchet MS;
font-style:italic;
font-size: 20px;
letter-spacing:4px;
color: #cc3333;


}

h2 {
color: #666666;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
background-color: white;
}

a {
color:black;
text-decoration: none;
}

a:hover {
color:black;
background-color: #F5F5F5;
}




input {
background-color: #FFF;
color: #999999;
border: 1px solid #CCC;
font-size: 11px;
padding: 3px;
}

.button {
padding: 2px;
}

/* HEADER ELEMENTS */
#header {
background-color: #ffffff;
border-bottom: 4px solid #cc3333;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
clear: both;
margin-bottom: 10px;
}


#logo {
padding-left:320px;
padding-top:15px;
background:#FFF;
background:transparent url(../images/srvapeurLogo.jpg) no-repeat 0 0;}

#lang{
padding-right:13px;
padding-top:60px;
float:right;

background:white;
background:transparent url(../images/camions.gif) no-repeat 0 0;}
}



/* NAVIGATION ELEMENTS */

#navigation ul {
padding-right:8px;
margin-left: 0;
padding-left: 0;
list-style-type: none;			
float: left;
width: 140px;
}

#navigation a {
display: block;
padding: 5px;
width: 140px;
border-bottom: 1px solid #CCC;
}

#navigation a:link, #navlist a:visited {
color:#cccccc;
text-decoration: none;
}

#navigation a:hover {
background: #000000 url(arrow.gif) 96% 50% no-repeat;
background-color: white;
color:#cccccc;
}

/* THE SMALL BOX BELOW NAV */

#navigation p {
margin-top: 40px;
padding: 5px;
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
}

/* CONTENT ELEMENTS */


#content {
margin-left:30px;
background-color: #AAAAAA;
width: 470px;


}

#content p {
margin-left:10px;
margin-right:10px;
padding-left:10px;
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
text-indent: 20px
}

/* SIDEBAR ELEMENTS */

#sidebar {
background-color: #666666;
float: right;
width: 140px;
}

#sidebar p {

padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
}

/* FOOTER ELEMENTS */

#footer {
margin-top: 20px;
clear: both;
background-color:#979391;
padding: 0px 5px 0px 5px;
}

#footer p {
color:white;
padding: 5px;
}

#footer p a {
color: white;
border-bottom: 1px dotted #89817f;
}

#footer p a:hover {
color: #FFFFFF;
background-color:#575352;
}
#imageleft {
  float:left;
  margin-left:5px;

  }
  #imageright{
  float:right;


  }
  
/*La gallerie*/  
  
  
.gallerycontainer{

position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
margin-top:4px;
margin-left:4px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
  /*La gallerie2*/  
.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid red;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed red;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}  
  
.flash {
	z-index: auto;
}