body {
/*pour firefox couleur fond en bas doit êre la même que sous conteneur*/
text-align:center;
background-color: #112233;

}
#conteneur{
			margin-left:auto;
		margin-right:auto;
margin-top:-60px;
	width:90%;/*700px*/
	/*height: 800px;*/
	background-color: #112233;
	position:relative;
}
#logo{
	background-color: #112233;
			margin-left:auto;
		margin-right:auto;
		width:80%;/*680px*/
text-align:center;

	margin-top:85px;
}
.photoAccueil{margin-top:5%}
/*pour documentaire.php en plus */

/*fin documentaire en plus*/
.text1{

		color: #F85900;
		font-size: 15px ;
		letter-spacing:8px;
		font-weight: bold;
		line-height: 1.4em;
		margin-top:10%;/*85px;*/
		margin-bottom: 1.071em;
		text-transform: uppercase;
		margin-left:auto;
		margin-right:auto;

		font-family: Arial, Helvetica, sans-serif;
	}
	.text2{

		color: #BFBFBF;
		font-size: 12px ;
		font-weight: bold;
		line-height: 1.071em;
		margin-top:32px;
		margin-bottom: 1.071em;
		text-transform: uppercase;
		margin-left:auto;
		margin-right:auto;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing:4px;
		padding-bottom: 45px;
	}
	.text3{
		color: #BFBFBF;
		width:520px;
		font-size: 11px ;
		
		font-weight: bold;
		line-height: 15px;
		margin-top:32px;
		margin-bottom: 1.071em;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing:1px;
	}
.text3 p{

	/*padding-left:35px;*/
	}
	
	
#footer {
	position: relative;
	/*left:50%;*/
	/*width:98%;*//*200px;*/
	/*margin-left:-100px;*//*moitié de la largeur du div*/
	text-align:center;
	background-color: #112233;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	letter-spacing: 1px;
/*	margin-top: 10%;*/
      }
#nav, #nav ul {
font: 11px Arial, Helvetica, Verdana, sans-serif;
	width: 27em;/*27em*/
	list-style: none;
	line-height: 1px;
	background: #000000;
	font-weight: bold;
	padding: 0;
	border: solid #D6C89F ;
	border-width: 1px 0 0 0;
	margin: 0 0 0.5em 0;
	background: #2d2dff;
	border: solid #2d2d2f;
 width:auto;
 float:left;/*right*/
	border-width: 0px 0;
	text-align:left;/*ajjouté par rapport à cours*/;
	margin-left:110px;
	
}

#nav a {
font: 1.2em Arial, Helvetica, Verdana, sans-serif;/*11px*/
	display: block;
	width: 6em;
	w\idth: 4em;
	
color: #BFBFBF;/*couleur text menu*/
	text-decoration: none;
	padding: 0.25em 2em;


}


#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width:8em;
	background:#112233;/*couleur fond menu*/
width:120px;

}
#nav  a:hover
{
	color: #999999;

}
#nav li ul a:hover
{
	color: #ffffff;


}
#nav li li ul a:hover {
	background: #588258;

border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
width:107px;/*107*/

}



#nav li ul {
background:#323232;

	position: absolute;
	left: -999em;
	height:auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
border-width: 0.12em  ;
	margin: 0 ;
	margin-top:-1px;

	
}

#nav li li {
	padding-right: 1em;
	width: 13em

}

#nav li ul a {
	width: 13em;
	w\idth: 9em;

}

#nav li ul ul {
margin: -1.6em 0 0 13.9em;/*-1.4em 0 0 13.9em*/
background:#999900;
filter:alpha(opacity=90);
-moz-opacity:.90;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
	left: -300em;/*-999em*/
	margin-left:13.8em;


}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
border-width: 0 0 0 0;


}

#nav li:hover, #nav li.sfhover {

background: #523258;/*couleur audessus du menu*/
padding-right:0.8em;
width:111px;/*mettre la meme valeur que ? pour pas que menu bouge*/
}
#position {
	height:20px;
}
	
.filmographie{
	width:100%;
    border: 0px solid black;
	text-align:left;
	border-collapse:collapse;
	}
/*------------------smartphone---------------------------*/

@media only screen and (max-device-width:768px) {/*768*/
#conteneur{width:98%}
#logo {width:95%}
#nav{margin-left:0px;background: #123;}
#nav li:hover, #nav li.sfhover {background: #523258;}
#footer {/*margin-top: 40%;*/}
.text1{font-size:12px;margin-top: 20%;}
.plus{display:none}
.text2{padding-bottom:0px}
.text3{width:99%;margin-left: 15px;}
.filmographie {margin-left:1px;margin-left:-15px}
}
	
	/*------------------smartphone landscape---------------------------*/

@media only screen and (max-device-width:768px) and (orientation:landscape) {
.text1 {margin-top: 10%;}
#footer {margin-top: 10%;}
#logo {margin-top: 85px;}

}
		 	/*----------------------ipad vertical-----------------------*/
@media only screen and (min-device-width:705px) and (max-device-width:838px)  {
	#nav{margin-left: 110px;}
.photoAccueil {margin-top: 10%;}
.text1 {margin-top:20%}
#footer {margin-top: 10%;}
}
 	/*----------------------ipad lanscape-----------------------*/

@media only screen and (min-device-width:768px) and (orientation:landscape) {


}
/*----------------------galaxy tab 10.1 portrait-----------------------*/
@media only screen and (min-device-width:800px) and (orientation:portrait){


}
/*----------------------galaxy tab 10.1 lanscape-----------------------*/
@media only screen and (max-device-width:1280px) and (orientation:landscape){


}
/*----------------ecran plein ordi-----------------------------*/

@media only screen and (min-device-width:1025px){


}