Bonjour à tous,
"p'ti nouvo" sur le forum, je commence fort par deux questions :

je souhaite insérer une vidéo youtube sur mon site. Le soucis c'est qu'elle se lit sur mon pc, mais pas du tout sur ma tablette et mon mobile. Il apparait une petite clé en haut à gauche à la place de la vidéo.
voici le lien pour que vous constatiez
http://www.mediapole-production.com/


L'autre question, comment pourrais-je optimiser l'affichage de mon site sur les mobiles ?


/* CSS Document */
body { background:#000000; }
.Style1 {color: #ECE9D8 ; font-size: 11pt;}
.Style2 {color: #ECE9D8 ; font-size: 9pt;}
ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
float:left; 
 border-left:1.4px solid black;
 }
ul li a {
 display:block;
 width:130.60px;
 line-height:30px;
 background:black url(***.jpg) repeat-x;
 color:#ECE9D8;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 background:black repeat-x;
 color:white;
 }  


div#bandeau {
width:1010px;
height:35px;
margin-left: auto;   
margin-right: auto;
position:relative;
}

div#titre {
	top:2px;
	height:14px;
	margin:0px;
	position:absolute;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	left: 912px;
	width: 100px;
}
			 
div#flash {
	width:951px;
	height:200px;
	margin-left: auto;   
	margin-right: auto; 
	}
div#menu {
	width:1010px;
	height:32px;
	background: url(barreindex3.jpg);
	margin-left: auto;
	margin-right: auto;
	left: 119px;
	top: 52px;
	}			
div#piedpage {
	width:1010px;
	height:672px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top: -202px;
	}
	
	
	
div#appel {
    top:856px;
	height:298px;
	position:absolute;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	left: 320px;
	width: 424px;
}
div#presentation {
    top:672px;
	height:39px;
	position:absolute;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	left: 1px;
	width: 1014px;
}
div#coordonnees {
    top:47px;
	height:101px;
	position:absolute;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	left: 789px;
	width: 202px;
}

div#plan {
	top:760px;
	height:22px;
	position:absolute;
	z-index:2;
	margin-left: auto;
	margin-right: auto;
	left: 49px;
	width: 951px;
}


Merci