body
{
width:760px;
margin:auto;
margin-top: 20px;
margin-bottom: 20px; 
/*background-image:url("images/fond/image2.jpg");*/

background-color:black;
}

img
{
border:3px solid #d46f01;  
}
#en_tete
{
border:5px solid #d46f01;                           
width:760px;
height:80px;
background-image:url("images/en_tete/image1.jpg");
}

#menu
{
float:left;
width:190px;
border-right:6px solid #d46f01;
margin-top:100px; 

}
#corps
{
margin-left:250px;
}
.tel/*inscription contact  couleur du numero*/
{
color:#d46f01;  
}
.entrer/*inscription galerie */
{
font-size:35px;
text-align:center;
color:#f39272;
text-decoration:blink;
}
.centre_m /*inscription dimention tableau  agrandi */
{
display:block;
width:680px;
margin:auto;
}
.centre_p/*inscription dimention tableau  agrandi */
{
display:block;
width:600px;
margin:auto;
}
.centre_v/*inscription dimention tableau  agrandi */
{
display:block;
width:350px;
margin:auto;
}
.centre_c/*inscription dimention tableau  agrandi */
{
display:block;
width:500px;
margin:auto;
}
.centre /*inscription dimention actualite */
{
display:block;
width:100px;
margin:auto;
}
.venise /*inscription position tableau accueil */
{
margin-left:150px;
}
.honfleur/*inscription position tableau accueil */
{
margin-left:150px;
}
 .position_menu
{ 
width:150px;
margin:auto;
}
a.image1 { /* définition de la classe "image" de la balise <a> */
     
  display: block; /* la balise a doit être en bloc */   
     width: 150px; /* largeur de l'image réactive */
     height: 50px; /* hauteur de l'image réactive */
     background-image: url(images/biographie/image.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01; 
     }
a.image1:hover { /* définition de la classe "image" de la balise <a> au survol */    
     background-image:url("images/biographie/1.jpg"); /* source de l'image d'arrivée */
} 
a.image2{ /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */ 
     width:150px; /* largeur de l'image réactive */
     height:50px; /* hauteur de l'image réactive */
     background-image: url(images/galerie/image.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01; 	  /*3px solid #d46f01*/
     }	 
a.image2:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/galerie/1.jpg); /* source de l'image d'arrivée */
     } 	 
a.image3{ /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */ 
     width:150px; /* largeur de l'image réactive */
     height:50px; /* hauteur de l'image réactive */
     background-image: url(images/actualit/image.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01; 	  
     }	 
a.image3:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/actualit/1.jpg); /* source de l'image d'arrivée */
     } 	 
a.image4 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:150px; /* largeur de l'image réactive */
     height:50px; /* hauteur de l'image réactive */
     background-image: url(images/contact/image.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;
     }	 
a.image4:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/contact/1.jpg); /* source de l'image d'arrivée */
     } 

a.image5 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:150px; /* largeur de l'image réactive */
     height:50px; /* hauteur de l'image réactive */
     background-image: url(images/liens/image.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;
     }	 
a.image5:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/liens/1.jpg); /* source de l'image d'arrivée */
     } 
a.image6 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:150px; /* largeur de l'image réactive */
     height:50px; /* hauteur de l'image réactive */
     background-image: url(images/presse/presse.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;
     }	 
a.image6:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/presse/presse1.jpg); /* source de l'image d'arrivée */
     } 	 
	 
a.septentrion{ /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */ 
     width:280px; /* largeur de l'image réactive */
     height:95px; /* hauteur de l'image réactive */
     background-image: url(images/actualit/dia.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	  margin: auto;
      border: none;
	 
     }	 
a.septentrion:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/actualit/dia1.jpg); /* source de l'image d'arrivée */
     } 	 	 
a.fineart{ /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */ 
     width:280px; /* largeur de l'image réactive */
     height:95px; /* hauteur de l'image réactive */
     background-image: url(images/actualit/logo.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;	 
      left :550px ;/*position par rapport à la gauche de la page.*/
      right: ;/*position par rapport à la droite de la page.*/
      top: ;/*position par rapport au haut de la page.*/
      bottom: ;/*position par rapport au bas de la page.*/
      border: none;
	  margin-top :10px;/* marge exterieur en haut.*/
     margin-bottom : ;/*marge exterieur en bas.*/
     margin-left :250px ;/*marge exterieur à gauche.*/
     margin-right :100px ;/*marge exterieur à droite.*/
        border: none; 
     }	 
a.fineart:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/actualit/logo1.jpg); /* source de l'image d'arrivée */
     } 
a.FIFA{ /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */ 
     width:85px; /* largeur de l'image réactive */
     height:99px; /* hauteur de l'image réactive */
     background-image: url(images/actualit/wc2010logo.png); /* source de l'image de départ */
     background-repeat: no-repeat;
	  margin-top :10px;/* marge exterieur en haut.*/
     margin-bottom : ;/*marge exterieur en bas.*/
     margin-left :350px ;/*marge exterieur à gauche.*/
     margin-right :200px ;/*marge exterieur à droite.*/
        border: none;  
      left :200px ;/*position par rapport à la gauche de la page.*/
      border: none;
	 
     }	 
a.FIFA:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/actualit/wc2010logo1.png); /* source de l'image d'arrivée */
     } 	
.drapeau/*POSITION DU DRAPEAU AFRIQUE DU SUD*/
{
     margin-top :10px;/* marge exterieur en haut.*/
     margin-bottom : ;/*marge exterieur en bas.*/
     margin-left :225px ;/*marge exterieur à gauche.*/
     margin-right :200px ;/*marge exterieur à droite.*/
        border: none; 

} 	 	 
#pied_de_page
{
margin:auto;
width:500px;
height:40px;
text-align:center;
font-size:10px;
color:#ffffff;
font-family:arial,"Times New Roman",serif;

}
h1
{
font-size:35px;
text-align:center;
color:#50a2f6;
}
h2
{
font-size:20px;
color:#50a2f6;

}

.rien
{
 border: none;
}

.lisbourg
{
color:#ffebcd;  

}
.expo
{
text-align:center;
}
.art
{
color:#d46f01;  
}
.css
{
width:88px;



}

.galerie/*inscription contact*/
{
color:#0066f5;
text-align:center;
font-family:arial,"Times New Roman",geogia,serif;
font-weight:bold;
font-size:20px;
}
.act7
{
border:10px outset #ff8744;
width: 450px; /* Tous les paragraphes font 300px */
text-align: justify; /* Tous les paragraphes sont justifiés */
color:#ffffff;
text-align:center;
font-size:20px;
 margin: auto;
}
.act6 /*actualitee page d'acueil*/
{
border:20px outset #820100;
width: 250px; /* Tous les paragraphes font 300px */
 height:178px;
text-align: justify; /* Tous les paragraphes sont justifiés */
text-align:center;
font-size:20px;
 margin: auto;
color:#ffffff;

}
.act5
{
border:20px outset #820100;
width: 300px; /* Tous les paragraphes font 300px */
 height:160px;
text-align: justify; /* Tous les paragraphes sont justifiés */
text-align:center;
font-size:20px;
 margin: auto;
color:#ffffff;

}
.act4
{
border:20px outset #820100;
width: 500px; /* Tous les paragraphes font 300px */
 height:357px;
text-align: justify; /* Tous les paragraphes sont justifiés */
text-align:center;
font-size:20px;
 margin: auto;
color:#ffffff;
}
.act3
{
border:20px outset #820100;
width: 300px; /* Tous les paragraphes font 300px */
 height:212px;
text-align: justify; /* Tous les paragraphes sont justifiés */
text-align:center;
font-size:20px;
 margin: auto;
color:#ffffff;
}
.act
{
border:15px outset #343eae;
width: 750px; /* Tous les paragraphes font 300px */
text-align: justify; /* Tous les paragraphes sont justifiés */
color:#99b3b3;
text-align:center;
font-size:50px;
 margin: auto;
}
.act1
{
border:15px outset #35b364;
width: 750px; /* Tous les paragraphes font 300px */
text-align: justify; /* Tous les paragraphes sont justifiés */
color:#ffffff;
text-align:center;
font-size:50px;
 margin: auto;
}

.regis/*inscription actualité*/
{

border:10px outset #ffffff;
width: 300px; /* Tous les paragraphes font 300px */
text-align: justify; /* Tous les paragraphes sont justifiés */
color:#ffffff;
text-align:center;
font-size:20px;
 margin: auto;

}
.regis1/*inscription contact couleur */
{
color:#0066f5;
border: none;

}
.rouge /*lien hypertexte presse     */
{
color:#ffffff;
text-decoration:none;
font-size:22px;
}


a:hover
{
 color:#d46f01; 
}
a.coupe{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/COUPE.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.coupe:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/COUPE1.jpg); /* source de l'image d'arrivée */	 
	 
	}






a.BORDEAUX{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/BORDEAUX.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.BORDEAUX:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/BORDEAUX1.jpg); /* source de l'image d'arrivée */	 
	 
	}





a.Lille{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/LILLE.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.Lille:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/LILLE1.jpg); /* source de l'image d'arrivée */	 
	 
	}
a.actualite{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/actualit/retour/1.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.actualite:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/actualit/retour/2.jpg); /* source de l'image d'arrivée */	 
	}
a.hommage{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/hommage.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.hommage:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/hommage1.jpg); /* source de l'image d'arrivée */	 
	}

a.venise1{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/venise.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.venise1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/venise1.jpg); /* source de l'image d'arrivée */	 
	}
a.carnaval{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/carnaval.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.carnaval:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/carnaval1.jpg); /* source de l'image d'arrivée */	 
	}
a.nouveautes{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/nouveautes/nouveautes.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.nouveautes:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/nouveautes/nouveautes2.jpg); /* source de l'image d'arrivée */
	 }
	 
a.accueil{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/accueil.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.accueil:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/accueil1.jpg); /* source de l'image d'arrivée */
	 }
a.retourgal{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/galerie.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.retourgal:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/galerie10.jpg); /* source de l'image d'arrivée */	 
	 }
a.urbain{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/urbain.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.urbain:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/urbain1.jpg); /* source de l'image d'arrivée */	 
	 }
a.marine{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/marine.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.marine:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/marine1.jpg); /* source de l'image d'arrivée */	 
	 }
a.portrait{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/portrait.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.portrait:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/portrait1.jpg); /* source de l'image d'arrivée */	 
	 }
a.portevenise3d{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:200px; /* largeur de l'image réactive */
     height:200px; /* hauteur de l'image réactive */
     background-image: url(images/tableaux/portevenise.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.portevenise3d:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/tableaux/portevenise3d.jpg); /* source de l'image d'arrivée */	 
	 }	 

a.honfleur3d{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:300px; /* largeur de l'image réactive */
     height:149px; /* hauteur de l'image réactive */
     background-image: url(images/tableaux/honfleur.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.honfleur3d:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/tableaux/honfleur3d.jpg); /* source de l'image d'arrivée */	 
	 }
a.lille3d{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:234px; /* largeur de l'image réactive */
     height:118px; /* hauteur de l'image réactive */
     background-image: url(images/tableaux/lille.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.lille3d:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/tableaux/lille3d.jpg); /* source de l'image d'arrivée */	 
	 }

a.carnavale3d{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:150px; /* largeur de l'image réactive */
     height:191px; /* hauteur de l'image réactive */
     background-image: url(images/tableaux/carnavale.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;}
a.carnavale3d:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/tableaux/carnavale3d.jpg); /* source de l'image d'arrivée */	 
	 }
a.presse3d{ /* image de retour presse */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/presse.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.presse3d:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/presse1.jpg); /* source de l'image d'arrivée */
	 }	 
a.presse{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:90px; /* largeur de l'image réactive */
     height:30px; /* hauteur de l'image réactive */
     background-image: url(images/retour/biographie.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.presse:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image:url(images/retour/biographie1.jpg); /* source de l'image d'arrivée */
	 }	
/*affichage agrandissement presse*/	 
a.pres1{ /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width:150px; /* largeur de l'image réactive */
     height:207px; /* hauteur de l'image réactive */
     background-image: url(images/presse/Lomme1.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:3px solid #d46f01;  
     }	 
a.pres1:hover  { /* définition de la classe "image" de la balise <a> au survol */
 /* la balise a doit être en bloc */
     width:500px; /* largeur de l'image réactive */
     height:689px; /* hauteur de l'image réactive */
     background-image: url(images/presse/Lomme2.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
	 border:none;  

 /* background-image:url(images/presse/Lomme2.jpg); /* source de l'image d'arrivée */
	 }	 

.bio/*inscription textx biographie */
{
padding-top:20px;
font-family:arial,"Times New Roman",verdana,serif;color:#ffff00;
color:#d46f01;   
 text-indent: 30px;
  text-align: justify;
   font-size: large;
}
.lynda/*inscription textx biographie signature lynda*/
{
font-style:italic;
text-align:right;
color:#d46f01;
}
.prix /*inscription texte de la page actualite coupe du mode*/
{
font-family: "Arial Black", Arial, Verdana, serif;
text-align: center; /* Pour centrer le titre */
color: green;
}	
/*inscription textx formulaire*/ 
input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}
 
label
{
   color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #FFFFCC;
}