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


.conteneur { 
position: relative;
width: 1024px;
margin: 0 auto;
background-color:none;

}

/* flèche de retour */

.navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;

}

.navigation a {
	font:Arial, Helvetica, sans-serif;
    font-size:15px;
	text-decoration: none;
	font-style:italic;
    font-weight:bold;
	color: #ffffff;
	
	}
	
	.navigation a:hover {
	font:Helvetica, sans-serif;
    font-size:15px;
font-style:italic;
font-weight:bold;
	text-decoration: none;
	color:#CC0000;
	
	
	}
	
	/* barre de menu en haut */

.haut {
margin-top:0px;
margin-left:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;

}

.haut a {
	font:Arial, Helvetica, sans-serif;
    font-size:15px;
	text-decoration: none;
	font-style:italic;
    font-weight:bold;
	color: #ffffff;
	
	}
	
	.haut a:hover {
	font:Helvetica, sans-serif;
    font-size:15px;
    font-style:italic;
    font-weight:bold;
	text-decoration: none;
	color: #993300;
	background-color:#FFFFFF;
	
	}
	
	

.cadre {
font:Arial, Helvetica, sans-serif;
font-size:80px;
font-weight:bold;
text-align:center;
color:#993300;
margin-top:390px;
marin-left:0px;
height:auto;
width: auto;
padding:5px;
border:0PX;

   }
   
   
.cadremenu {
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
color:#993300;
margin-top:445px;
marin-left:0px;
height:auto;
width: auto;
padding:0px;
border:0px;
 filter:alpha(opacity=90);
   -moz-opacity:0.9;
   opacity: 0.9;

}
.cadremenu a {
	font:Arial, Helvetica, sans-serif;
    font-size:30px;
    font-weight:bold;
	text-decoration: none;
	color: #993300;
	
}
.cadremenu a:hover {
	color:#993300;
	text-decoration: none;
	background-color:#FFFFFF
	
}



/*works*/

.titrerubrique {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#000000;
background-color:#FFFFFF;
}

/*espacement des images*/

.picto {
padding-right:29px;
padding-bottom:10px;

}
.picto2 {
padding:0px;
padding-bottom:10px;

}
.picto3 {
padding-right:150px;
padding-bottom:10px;

}

/*placement des images du menu video*/

.video1 {
margin-top:75px;
margin-left:0px;
width: 1024px;
height:auto;
border:0px;

}

.video1 a:hover {

color:#ff0000;
 filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}




/*video*/

.frame {
margin-top:150px;
margin-left:140px;
height:auto;
width: 500px;
border:1px solid;
padding:0px;
background-color:none;


}

.photoframe {
margin-left:0px;
margin-top:50px;
height:auto;
width: auto;
padding:0px;
background-color:none;
text-align:center;

}


 .photoframe2  {
margin-left:0px;
margin-top:75px;
height:auto;
width: auto;
padding:0px;
background-color:none;
text-align:left;



padding:10px;
font-size:12px;
font-weight:bold;

}
 .photoframe2 a {
font-size:12px;
font-weight:bold;
text-decoration:none;

}
 .photoframe2 a:hover, photoframe2 a:visited {
font-size:12px;
font-weight:bold;
text-decoration:underline;

}
.texteframe {
margin-top:20px;
margin-left:140px;
height:auto;
width: 500px;
border:1px solid;
padding:0px;
background-color:#000000;
padding:30px;

}

.videoinfo {
margin-top:0px;
margin-left:140px;
height: auto;
width: 400px;
}

/*typo*/

.legende {
position:absolute;
height:auto;
width:500px;
margin-top:20px;
margin-left:150px;
text-align:left;
}


.titre {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:bold;
color:#CC0000;
letter-spacing:0.1em;

}

.texte {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0.1em;
color:#ffffff;

}

.texte a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;

color:#ffffff;

}

.texte a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#ffffff;
text-decoration:none;
color:#000000;

}
.textelinks {
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
color:#CC0000;

}

.textelinks a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;text-decoration:none;

color:#CC0000;

}

.textelinks a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#ffffff;
text-decoration:none;
color:#000000;

}


.info {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#ffffff;
letter-spacing:0.1em;
}

.frame3 {
padding:10px;
margin-top:75px;
margin-left:0px;
height:auto;
width: auto;
background-color:#666666;
filter:alpha(opacity=90);
   -moz-opacity:0.9;
   opacity: 0.9;


}
/*liens*/

.l1 {
position:absolute;
margin-left:100px;
margin-top:-48px;
width:auto;
height:30px;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
line-height:25px;
}

.l2 {
position:absolute;
margin-left:70px;
margin-top:150px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l3 {
position:absolute;
margin-left:270px;
margin-top:150px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l4 {
position:absolute;
margin-left:470px;
margin-top:120px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l5 {
position:absolute;
margin-left:370px;
margin-top:200px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l6 {
position:absolute;
margin-left:70px;
margin-top:150px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l7 {
position:absolute;
margin-left:90px;
margin-top:250px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l8 {
position:absolute;
margin-left:200px;
margin-top:200px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l9 {
position:absolute;
margin-left:600px;
margin-top:300px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l10 {
position:absolute;
margin-left:700px;
margin-top:100px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l11 {
position:absolute;
margin-left:400px;
margin-top:450px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l12 {
position:absolute;
margin-left:420px;
margin-top:500px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l13 {
position:absolute;
margin-left:520px;
margin-top:460px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l14 {
position:absolute;
margin-left:330px;
margin-top:290px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l15 {
position:absolute;
margin-left:570px;
margin-top:150px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l16 {
position:absolute;
margin-left:720px;
margin-top:200px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l17 {
position:absolute;
margin-left:520px;
margin-top:247px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l18 {
position:absolute;
margin-left:200px;
margin-top:420px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l19 {
position:absolute;
margin-left:70px;
margin-top:450px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l20 {
position:absolute;
margin-left:110px;
margin-top:300px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l21 {
position:absolute;
margin-left:460px;
margin-top:330px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l22 {
position:absolute;
margin-left:680px;
margin-top:300px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l23 {
position:absolute;
margin-left:160px;
margin-top:520px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l24 {
position:absolute;
margin-left:220px;
margin-top:350px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l25 {
position:absolute;
margin-left:320px;
margin-top:350px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l26 {
position:absolute;
margin-left:640px;
margin-top:410px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l27 {
position:absolute;
margin-left:270px;
margin-top:250px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}



.l28 {
position:absolute;
margin-left:600px;
margin-top:350px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l29 {
position:absolute;
margin-left:650px;
margin-top:500px;
width:auto;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}

.l30 {
position:absolute;
margin-left:730px;
margin-top:550px;
width:150px;
height:auto;
padding:5px;
text-align:center;
background-color:#FFFFFF;
font-weight:bold;
}