/* CSS Document */
     
    body  {
	background: #efefef;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #D1D1D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	height:auto;
	width: auto;
    }
    
   #container {
	width: 800px;   /* cette largeur crée un conteneur qui s'adaptera dans une fenêtre de navigateur de 800 pixels avec les tailles de police par défaut */
	/*height: 750px;*/
	background:#ffffff;
	/*border: 1px solid #000000; */
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	
	margin-top: 20px;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    } 
   
#container   #header {
		height: 100px;
    } 

	#nomphotographe {
	width:300px;
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	position: relative; 
	float:left;
	margin-left : 10px;
	
}


	#nomphotographe h2 {
		font: 2.2em "Myriad Pro", "Trebuchet MS", Trebuchet, sans-serif;
		color: #8c8c8c;
    }
	
	#nomphotographe a{
		text-decoration: none;
	}
	
#container    #mainContent {
		width: 800px;
		/*height: 610px;*/
    }
	
	
#container    #footer { 
		font-size: 0.8em;
    	background:#ffffff;
		height: 20px;
	} 
     
	#footer a{
		text-decoration: none;
	}

	#ssp {
		margin-left:20px;
		
		text-align:center;
		background : #ff000;
		width:760px;
		height:620px;
		margin-bottom:20px;
	}

	#copyright{
		margin-left : 10px;
		color:#8c8c8c;
		font-family:Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 0.6em;
		margin-top : 30px;
	}
	
	#contact {
		margin-left : 10px;
		color:#8c8c8c;
		font-family:Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 0.8em;
		margin-top : 50px;
	}
	
#contact a {
color:#8c8c8c;
font-weight:bold;
text-decoration: none;
}

#contact  a:hover {
color: #000 ;
}
	
h2.page-title {
border-bottom: 1px solid #cececd;
font: 0.9em Verdana, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
letter-spacing: 1px;
line-height:1em;
margin-left : 40px;
margin-right : 40px;
padding-top : 20px;
font-weight:bold;
}

h2.page-title2 {
border-bottom: 1px solid #cececd;
font: 0.9em Verdana, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
letter-spacing: 1px;
line-height:1em;
margin-left : 40px;
margin-right : 40px;
}


.sequences{
	text-align: center;
	margin-top : 30px;
}
a img {
	border: 0;
}

/*Slideshow */

.pics img {    
    background-color: #23E45;  
    top:  0; 
    left: 0 ;

	}

 .slideshow{
	padding-top : 30px;
	margin-left : 100px;
	width:600px;
	height:400px;
	
}

/* Menu */

#menu {
width:395px;
letter-spacing: 0.12em;	
display:block; 
margin-top: 40px;
height:20px;
font-size:0.8em;
z-index:1000;
position: relative; 
float:left;
background-color:transparent;
}

#menu div {
float:left;
padding:0 0 0 25px;
}

#menu div a {
color:#8c8c8c;
font-weight:bold;
text-decoration: none;
}

#menu div  a:hover {
color: #000 ;
}

#menu div ul {
position: absolute;
*margin:27px 0 0 0px;
background-color:#ffffff;
line-height:30px;
 border-left:2px solid #efefef;
/* border-right:2px solid #efefef; */
border-bottom:2px solid #efefef;

*white-space: nowrap;

}

#menu ul, #menu li {
margin: 0;
padding-left: 3px;
list-style-type: none;
list-style-position:outside;
}

#menu ul li {
}
	
#menu ul li a {
color:#8c8c8c;
text-decoration: none;
}

#menu ul li a:hover {
color: #000 ;
}



.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

form{
	width:500px;
}

form p{
	margin: 1em 0;
}

form p.double label{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

form p.double input{
	width: 250px;
}

#video{
		margin-left : 0px;
		width :512;
		height :384;
		margin-bottom : 20px;
}

/* ------------ Liste --------------- */

.bandeau{
		margin-left : 100px;
		margin-right : 100px;
		background: #efefef;
		margin-top : 20px;
		height:85px;
		cursor : pointer;
}

.bandeau .thumb{
	float: left;
	position: relative; 
	width: 120px;
	margin-top :5px;
	height:75px;
	margin-left: 10px;

}

.bandeau .thumb53{
	float: left;
	position: relative; 
	width: 100px;
	margin-top :16px;
	height:53px;
	margin-left: 10px;

}

.bandeau .info{
	width: 455px;
	margin-top:5px;	
	margin-left:10px;
	color: black;
	height:61px;
	text-align: left;
	float:left;
}

.bandeau .info p.titre{	
	font-weight: bold;
	height:30px;
	margin-top:3px;	
}

.bandeau .info  a{
	color:#8c8c8c;
	font-weight:bold;
}

.bandeau .info p.description{
	margin-top:4px;	
	font-size:0.6em;
}

.bandeau:hover{
		background: #E8E7E9;
}

#liste{
	height:535px;
}

#paging{
	margin-top : 10px;
	text-align : center;
	color:#8c8c8c;
	font-weight:bold;
}

#paging  .lien {
text-decoration: none;
cursor :pointer;
}
/* ---------------------------------- */

#footer{

	margin-top : 10px;	
}
#footer p{
	margin-left : 4px;
}

#footer a {
color:#8c8c8c;
font-weight:bold;
text-decoration: none;
}

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

#footer a {
color:#8c8c8c;
font-weight:bold;
text-decoration: none;
}

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

#about{
	text-align:left;
	margin-top:50px;
	margin-left:40px
}

#about a {
	color:#8c8c8c;
	font-weight:bold;
	text-decoration: none;
}

#about  a:hover {
	color: #000 ;
}

#affiche{
	text-align : center;
}

#affiche .retour{
	text-align:center;
	color:#FFFFF;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 710px;
	width: 55px;
	height: 25px;
	cursor :pointer;
	background:#8c8c8c;
	font-size:0.8em;
}

#affiche .titre{
		font: Verdana, "Trebuchet MS", Trebuchet, sans-serif;
		background: #FFFFFF;
		color:#8c8c8c;
		margin-bottom : 20px;
		margin-top : 2px;
		float:left;
		width:700px;
		text-align:center;
		font-weight:bold;
}

#affiche .description{
		background: #FFFFFF;
		margin-bottom : 20px;
}

#affiche .image{
		margin-left : 0px;
		margin-right : 0px;
		background: #FFFFFF;
		margin-bottom : 20px;
}

#affiche .video{
		margin-left : 0px;
		margin-right : 0px;
		height:400px;
		background: #FFFFFF;
		margin-bottom : 20px;
}

#paging {
	height : 32px;
	width:650px;
	text-align:center;
	margin-left:258px;
	margin-bottom : 20px
}

#paging img {

	height :16px;
	width: 16px;	
}
#paging #currentPage{
	
	margin-left:26px;
	width:200px;
	float:left;
	margin-right:26px;
	font-weight:normal;
	font-size:0.8em;
}
#paging #previous{
	width:32px;
	float:left;
	display: inline;
}

#paging #next{
	width:32px;
	float:left;
	
}