body{
background:#262626;
margin:auto;
text-align:center;
}

strong{font-weight:normal;}

#container{
width:900px;
margin:auto;
margin-top:55px;
text-align: left;
}

/* Menu langue */
#menu_langue {
	float: right;
	margin: -275px 100px 0 0;
}
	
#menu .links{
float:left;
padding:0 0 0 63px;
margin:0 0 10px 0;
}

#menu .links ul{
width:150px;
margin:0;
float:left;
padding:0;
list-style:none;
}

#menu .links li{
margin:0;
}

#menu .links li a{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#7C7C7C;
text-decoration:none;
background:url(../images/plus.jpg) no-repeat 2px;
padding:0 0 0 25px;
}

#menu .links li a:hover{
color:#DA7D03;
background:url(../images/fleche.jpg) no-repeat 2px;
padding:0 0 0 25px;
font-weight:bold;
}

#menu .links li a.active{
color:#DA7D03;
background:url(../images/fleche.jpg) no-repeat 2px;
padding:0 0 0 25px;
font-weight:bold;
}

#menu #raccourci{
float:right;
margin:40px 80px 0 0;
}

* html #menu #raccourci{
float:right;
margin:40px 70px 0 0;
}

#header{
height:163px;
width:834px;
background:url(../images/background-header.jpg) no-repeat left;
}

#header .logo{
float:left;
width:402px;
height:163px;
}

#header .logo img{
margin:14px 0 0 112px;
}

#content{
float:left;
width:440px;
height:163px;
margin:0px 0 0 403px;
position:absolute;

}

* html #content{
width:440px;
height:163px;
margin:0 0 0 -7px;
}

#content ul {
	padding:0;
	list-style:none;
	right:0;
	margin:0;
}

* html #content li{

}

*:first-child+html #content li{
padding:0;
}

* html #content li a{
padding:0;
margin:0;
}

*:first-child+html  #content li a{
padding:0;
margin:0;
}

#content #m1 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 8px;
	padding:0;
}

#content #m2 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 6px;
	padding:0;
}

#content #m3 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 9px;
	padding:0;
}

#content #m4 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 5px;
	padding:0;
}

/*---- Hacks ----*/

* html #content #m1 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 8px;
	padding:0;
}

*:first-child+html #content #m1 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 8px;
	padding:0;
}

#content #m2 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 6px;
	padding:0;
}

* html #content #m3 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 8px;
	padding:0;
}

*:first-child+html #content #m3 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 8px;
	padding:0;
}

* html  #content #m4 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 6px;
	padding:0;
	text-align:left;
}

*:first-child+html #content #m4 {
	float:left;
	width:209px;
	height:79px;
	text-align:center;
	margin:0 0 5px 6px;
	padding:0;
}

/*--- fin hack ---*/

#content li a {
	position:relative;
	text-decoration:none;
}

#content li a img{
border:0;
}

#content li span {
	display:block;
	width:209px;
	height:79px;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0 0 0 0;
	padding:0;
}

* html #content li span {
	display:block;
	width:209px;
	height:79px;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:-79px 0 0 0;
	padding:0;
}

/**:first-child+html #content li span {
	width:209px;
	height:79px;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:-79px 0 0 0;
	padding:0;
}*/

#m1 { background-image:url(../images/photo1noir.jpg) no-repeat; }
#m2 { background-image:url(../images/photo3noir.jpg) no-repeat; }
#m3 { background-image:url(../images/photo2noir.jpg) no-repeat; }
#m4 { background-image:url(../images/photo4noir.jpg) no-repeat; }

#contenu{
margin:3px 0 0 55px;
background:#7C7C7C;
width:729px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
padding:10px 25px 15px 25px;
}



* html #contenu{
margin:3px 0 0 55px;
background:#7C7C7C;
width:779px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
padding:10px 25px 15px 25px;
}

#copyright{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#7C7C7C;
padding:10px 0 20px 0;
}

#copyright h2{
font-size:9px;
color:#7C7C7C;
margin:0;padding:0;display:inline;font-weight:normal;
}

#copyright h2 a{
text-decoration:none;color:#7C7C7C;
}

#copyright h2 a:visited{
text-decoration:none;color:#7C7C7C;
}

/*--- page ---*/

#contenu h1{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#FFF;
background:url(../images/book.jpg) no-repeat 2px;
padding:0 0 0 25px;
}

* html #contenu h1{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#FFF;
background:url(../images/book.jpg) no-repeat 2px;
padding:0 0 0 25px;
margin:10px 0 8px 0;
}

#contenu h2{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
color:#333;
}

#contenu h3{
font-family:verdana;
font-size:11px;
color:#DA7D03;
}

#contenu b,u{
color:#000;
}

#contenu ul{
list-style:none;
}

#contenu li{
background:url(../images/fleche2.jpg) no-repeat 2px;
padding:0 0 0 15px;
}

#contenu ul li a{
color:#000;
}

#contenu .real{
border:1px solid #AFAFAF;
margin:10px 0 0 0;
background:#DFDFDF;
padding:5px 0 5px 10px;
}

#contenu .real h2{
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
}

* html #contenu .real h2{
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
margin: 0 0 10px 0;
}

#contenu .real table img{
padding:1px;
border:1px solid #666;
background:#FFF;
}

#contenu .real table p{
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
}

* html #contenu .real table p{
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
margin:0 0 10px 0;
padding:0;
}

#contenu .real table p font{
color:#DA7D03;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
}

#contenu .real a.savoir{
text-decoration:none;
color:#DA7D03;
font-weight:bold;
font-size:10px;
}

#contenu .real a.savoir:hover{
text-decoration:underline;
}

#contenu .fiche{
background:#FFF;
padding:10px 15px 10px 15px;
border:1px solid #666;
}

#contenu .fiche p{
color:#333;
}

#contenu .fiche font.date{
color:#DA7D03;
}

#contenu .fiche p.entete{
color: #999;
}

#contenu .fiche .photo{
border:1px solid #999;
padding:2px;
margin-right:5px;
margin-bottom:5px;
}

#contenu .fiche .photo:hover{
border:1px solid #DA7D03;
}

#contenu .fiche h1{
font-family:verdana, arial, helvetica, sans-serif;
font-size:14px;
color:#666;
background:none;
padding:0;
}

#contenu .fiche .retour{
color:DA7D03;
}

#contenu .fiche .listereal{

}

#contenu .fiche a.savoir{
text-decoration:underline;
color:#DA7D03;
font-weight:bold;
font-size:10px;
}

#contenu p{
text-align:justify;
color:#FFF;
}

#contenu p.links{
text-align:right;
}

#contenu .citation{
border:1px solid #333;
background:#AFAFAF;
padding:3px 6px 3px 6px;
margin:10px 0 0 0;
}

#contenu cite{
font-family:verdana;
font-size:11px;
}

#contenu .partenaire{
padding:10px 0 10px 0;
}

#contenu .partenaire img{
border:1px solid #999;
}

#contenu .partenaire h2 img{
border:0;
}

#contenu .partenaire p{
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
}

/*--- CONTACT ----*/

#contenu .contact{
margin:0 0 0 23px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
width:600px;
}

#contenu .contact font{
color:#333;
font-size:11px;
}

#contenu .contact .text{
font-size:10px;
border:1px solid #000;
width:200px;
background:#CCC;
}

#contenu .contact .textarea{
font-size:10px;
border:1px solid #000;
font-size:12px;
background:#CCC;
}

#contenu .contact .submit{
color:#7C7C7C;
border:1px solid #7C7C7C;
background:#FFF;
text-transform:uppercase;
font-size:11px;
}

/*----- CV ------*/

#contenu .cv font{
color:#DA7D03;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}

#contenu .cv .qualif{
height:300px;
overflow:auto;
}

#contenu .cv .qualif h3{
margin-top:20px;
color:#666;
}


a.linkvideo{
	font-weight:bold;
	color:#DA7D03;
	text-decoration:none;
}

a.linkvideo:hover{
	text-decoration:underline;
}

#contenu2{
margin:3px 0 0 55px;
background:#7C7C7C;
width:729px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
padding:10px 25px 15px 25px;color:#fff;
}



* html #contenu2{
margin:3px 0 0 55px;
background:#7C7C7C;
width:779px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
padding:10px 25px 15px 25px;color:#fff;
}

#contenu2 a{
text-decoration:none;color:#fff;
}

#contenu2 a:visited{
text-decoration:none;color:#fff;
}

#contenu2 h1{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#FFF;
background:url(../images/book.jpg) no-repeat 2px;
padding:0 0 0 25px;
}

* html #contenu2 h1{
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
color:#FFF;
background:url(../images/book.jpg) no-repeat 2px;
padding:0 0 0 25px;
margin:10px 0 8px 0;
}

#contenu2 h2{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
color:#333;
}


/**
 * La vidéo
 */
div#header div.logo {
	cursor: pointer;
} 
 
div.play {
	float: left;
	display: inline;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	width: 100px;
	margin: -17px 0px 0px 340px;
	background: url("../images/play.jpg") no-repeat 35px 0px;
}
/*
div.play img {
	display: inline;
	border: none;
}
*/
div#conteneur_video {
	position: absolute;
	/*background-image: url("../images/overlay.png");*/
	width: 100%;
	height: 100%;
	float: right;
	left: 0px;
	top: 0px;
	display: block;
	background-color: transparent;
}

div#conteneur_video div#video {
	border: 2px solid white;
	background-color: black;
	width: 600px; 
	height: 480px; 
	margin: 50px auto 0px auto;
}

div#conteneur_video div#video span#fermer_video {
	cursor: pointer;
	float: right;
	margin-right: 30px; 
	margin-bottom: -50px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
}