@charset "utf-8";
/* CSS Document */
body {
background: #FFFFFF;
margin: 0px auto;
}

/*Conteneur --- On applique un overflow:auto pour éviter que le menu qui est en float 
sorte du cadre*/
#moncadre {
width:900px;
height:790px;
margin: 0px auto;
background-color:#FFFFFF;
overflow:none;
top:auto;
}
/*Header*/
.cadrehaut {
width:900px;
height:150px;
background:#ffffff;
border-bottom:1px #c4c4c4 solid; 
top:auto;
text-align:center;
}
#conteneur {
width:900px;
float:left;
overflow:auto;
}
.cadreTitre {
width:900px;
height:18px;
background:#ffffff;
top:auto;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif, Times, serif; font-size:12px; font-weight:bold; margin-top:3px;
}
#left {
width:112px;
height:700px;
float:left;
overflow:auto;
}

/*Menu*/
#menu{
float:left;
width:112px;
height:280px;
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;
font-size:14px;
list-style:none;
margin:30px 0 0 0 ; 
padding:0;
}
#menu li { 
    background: #ffffff ; 
    color: #797979 ; 
    border:0; 
}
#menu a { 
    display: block ; 
    background: #ffffff ; 
    color: #797979 ; 
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;
font-size:14px; 
    line-height: 1.2em ; 
    text-align: right ; 
    text-decoration: none ; 
    padding:0;
	margin-top:10px;
    }
#menu a:hover, #menu a:focus, #menu a:active { 
    background: #c10076;  
    text-decoration: none ;
font-family:Georgia, "Times New Roman", Times, serif, Times, serif; color:#FFFFFF;
font-size:14px; 
     text-align: right ; 
    text-decoration: none ; 
    padding: 0;
    }
a { 
        background: #ffffff ; 
    color: #797979 ; 
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;
font-size:14px; 
       text-align: right ; 
    text-decoration: none ; 
    padding:0;
	margin-top:10px;
    }
a:hover, a:focus, a:active { 
    background: #c10076;  
    text-decoration: none ;
font-family:Georgia, "Times New Roman", Times, serif, Times, serif; color:#FFFFFF;
font-size:14px; 
     text-align: right ; 
    text-decoration: none ; 
    padding: 0;
    }
#menu #en-cours a {
    background: #c10076;  
    text-decoration: none ;
font-family:Georgia, "Times New Roman", Times, serif, Times, serif; color:#FFFFFF;
font-size:14px; 
     text-align: right ; 
    text-decoration: none ; 
    padding: 0;
}
/* cadre du conteneur */
.contenu {
width:700px;
height:550px;
background-color:#ffffff;
margin:20px 0 0 30px;
padding-top:30px;
padding-left:30px;
float:left;
border:0px;
    color: #797979 ; 
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;

}
#texte{
color: #797979 ; 
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;
font-size:11px;
line-height:1.5em;
overflow:auto;
height: 530px;
}

.contenu2 {
width:700px;
height:550px;
background-color:#ffffff;
margin:20px 0 0 30px;
padding-top:30px;
padding-left:30px;
float:left;
overflow:auto;
border:0px;
    color: #797979 ; 
font-family:Georgia, "Times New Roman", Times, serif, Times, serif;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 30px;
	width: 650px;
}
ul.thumb li {
	margin-right: 50px; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 150px;
	height: 150px;
}
ul.thumb li img {
	width: 200px;
	height: 150px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: -6px;
	top: 0px;
}
ul.thumb li img.hover {
	background:#c10076;   /*Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}
ul.thumb2 {
	float: left;
	list-style: none;
	margin: 0; padding: 30px;
	width: 650px;
}
ul.thumb2 li {
	margin-right: 22px; padding: 2px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 112px;
}
ul.thumb2 li img {
	width: 130px;
	height: 97px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0px;
	top: 0px;
}
ul.thumb2 li img.hover {
	background:#c10076;   /*Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

.infos {
width:750px;
height:400px;
background-color:#ffffff;
margin:0px 0 0 0px;
float:left;
overflow:auto;
border:0px;
}
.infos h1{
font-family: "Times New Roman", Times, serif;
margin:0px;
padding:0px;
color:#6b6b6b;
font-size: 14px;
font-weight:normal;
}
div#photoflot p{
  margin:0;
  padding:0;
  text-align:justify;
}
div#photoflot img{
  float:left;
  background-color:#ffffff;
  border:none;
  margin:0 10px 90px 0px;
  padding:5px;
}
hr{
  clear:left;
}

.bottom{
background:url(images/borderbas.jpg) no-repeat top;
float:right;
width:618px;
height:22px;
}
.borderright{
background:url(images/borderdroit.jpg) no-repeat top;
float:right;
width:14px;
height:462px;
}
/*Pied de page*/
#footer {
width:900px;
margin:0px auto;
bottom:auto;
}
#footer h1{
margin:2px;
padding:0px;
color:#6c6c6c;
font-family: "Times New Roman", Times, serif;
font-size: 11px;
border:none;
font-weight:normal;
text-align:center;
}



.mentions{
margin:2px;
padding:0px;
color:#9c9c9d;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
}
.mentions a {color : #9c9c9d; text-decoration:none;}
.mentions a:hover {color : #bc0031; text-decoration:underline;}

.contact {
width:604px;
height:462px;
background-color:#FFFFFF;
margin-left:0px;
float:right;
background:url(images/contact.jpg) top no-repeat;
}
.contact h1{
font-family:Arial, Helvetica, sans-serif;
margin-left:30px;
padding-top:80px;
margin-right:30px;
color:#6b6b6b;
font-size: 11px;
font-weight:normal;
}

.hidden
{
display: none;
}

#prevNext
{
text-align:right;
padding-right:100px;
}

#prevNext img
{
height:20px;
width:20px;
cursor: pointer;
z-index:2;
}
#wrap{
padding-top:20px;
}

/*slider*/
p
{
margin: 0;
padding: 5px 0 0px 0px;
position: relative;
height: 50px;
color:#6c6c6c;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight:normal;
}
infos
{
margin: 0;
padding: 98px 0 0px 0px;
float:left;
height: 50px;
color:#6c6c6c;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight:normal;
height:50px;
position:relative;
z-index:2;
}

.contact {
width:604px;
height:320px;
background-color:#FFFFFF;
margin-left:0px;
float:left;
}
.contact h1{
font-family: Georgia, "Times New Roman", Times, serif;
margin-left:0px;
padding-top:20px;
margin-right:30px;
color:#6b6b6b;
font-size: 12px;
font-weight:normal;
}