/*
Le site de référence pour mon site perso :
http://www.siteduzero.com
*/

body
{
   margin: 0 auto;
   width:1000px;
   text-decoration: none;
   border: transparent;
   text-align: left;

   
 }

a:link { color: blue;} /* lien non-visité */
a:visited { color: blue;} /* lien visité */
 
div#frame 
{
border:none;
margin-left:0 auto;
margin-right:0 auto;
text-align: center;
width:1000px;
   background-image:url("images_site/fond.jpg");
   background-color:blue;
}

a img
{
   border:none; 
}

/* L'en-tête */

#en_tete
{
   width: 1000px;
   margin: 0 auto;
   height: 150px;
   margin-bottom: 50px;
   background-image: url("images_site/en_tete.jpg");
   background-repeat: repeat-x;
   background-color: transparent ;
   text-align:left;
   text-decoration: none;
 }

/* Le corps de la page */

#corps

{
width: 800px;
margin: 0 auto;
padding: 8px;
   background-color: white ;
   background-image: url("");
   background-repeat: repeat-x;
   text-decoration: none;
   border:none; 
}



#corps h1
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
   font-size:1em;
   background-color: ;
}

#corps h2
{
   color: blue;
   text-align: left;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
   font-size:0.8em;
}

#corps h3

{
   color: black;
   text-align: left;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
   font-size:0.7em;
   font-weight: bold;
   background-color: orange;
   padding:5 px;
}

#corps p
{
text-align: justify;
}

.ascenseur_produits
{
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-top: 50px;
}

.diaporama
{
   margin-left: 0px;
   margin-bottom: 10px;
   margin-right: 0px;
   margin-top: 0px;
   text-align:right;
   color:white;
}

.loadclip
{
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-top: 60px;


}

.diaporama_flash
{
text-align:center;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-top: 0px;
}

.entreprise
{
   margin-left: 0 auto;
   margin-bottom: 0px;
   margin-right: 0 auto;
   margin-top: 20px;
   width: 700px;
   padding : 5px;
}

.entreprise ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("images_site/puce.jpg");
   margin-left: 30px;
   margin-bottom: 0px;
   margin-right: 0 auto;
   margin-top: 20px;
}


.produits
{
   margin-left: 0 auto;
   margin-bottom: 0px;
   margin-right: 0 auto;
   margin-top: 0px;
   width : 500px;
   text-align:left;
} 
  
.produits ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("images_site/puce.jpg");
     text-align:left;
}

.produits thead /* Les cellules normales */
{
   border: 2px solid black;
   font-family: Times, arial, serif;
   text-align: left; 
   
}

.produits table /* Les cellules normales */
{
margin-bottom: 20px;
margin-top: 30px;
margin-left:0 auto;
margin-right:0 auto;
text-align:center;
position:relative;
}

.produits td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Times, arial, serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   background-color: white;
   width:100%;
}


.liste_produits
{
    margin-left: 30px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	text-align: left;
}
  
.liste_produits ul /* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("images_site/puce.jpg");
}


.liste_produits img
{
    margin-left: 0px;
	margin-bottom:20px;
	margin-top:20px;
	margin-right:10px;
}

.contact
{
    margin-left:30px;
	margin-bottom:10px;
	margin-top:20px;
	margin-right:20px;
	width:800px
}

.contact ul/* Ma liste aura des puces en forme de dossiers */
{
   list-style-image: url("images_site/puce.jpg");
   margin-left:30px;
}




.contact1
{
   font-family: Times, arial, serif;
   text-align: center;
   font-weight: bold;
   font-size:1.2em;
   text-align:left;

}

.contact img
{
    margin-left: 150px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
}

/*news*/
#nouvelle
	{
	margin-left: 0px;
	margin-bottom:60px;
	margin-top:0px;
	margin-right:0px;
	text-align:center;
	}
	
	h5
	{
	
	background-image: url("images_site/.jpg");
	background-color:darkturquoise;
	color: white;
	margin-left: 0px;
	margin-bottom:0px;
	margin-top: 20px;
	margin-right:0px;
	width: 155px;
    font-weight: bold;
    font-size: 1.2em;
	text-align:left;
    
    
	
	}
	
        h4
        {
            background-image: url("images_site/.jpg");
	        background-color:darkturquoise;
            color:white;
            font-size:0.8em;
            margin-bottom:0px;
	        margin-top:0px;
			margin-right:0px;
			margin-left:0px;
			text-decoration: none;
			text-align:left;
				
        }
		
		.news
        {
            width:400px;
			margin-left:0px;
			margin-top:0px;
			margin-bottom:0px;
			margin-right:0px;
			border: 1px solid darkturquoise;
			text-align:left;
			
    }

	   .news p
        {
            background-color:white;
            margin-top:0px;
			margin-bottom:0px;
			margin-right:0px;
			margin-left:0px;
			font-family: georgia, arial, serif;
			font-size:0.7em;
			color: black;
			text-align:center;		
        }
        
		.titre
		{
		
		margin-bottom:0px;
		margin-bottom:0px;
		margin-right:0px;
		margin-left:0px;
		text-align:left;
		}
	



/* Le menu */


 
#menu dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
text-decoration:none;
font: arial, arial, sans-serif;
text-align:left;
}

#menu {
   width: 800px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-top: 0px;
   text-decoration:none;
   height: 20px;
}
#menu dl {
float: left;
width: 10em;
text-decoration:none;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-top: 0px;
   background-color: white;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: blue;
color: white;
border: 1px solid grey;
margin: 1px;
text-decoration:none;
}

#menu dd {
display: none;
border: 1px solid gray;
text-decoration:none;
margin: 0px;
position: absolute;
width: 10em;
text-align:left;
}
#menu li {
text-align: center;
background-color: 	azure;
color: white;
text-decoration:none;
margin: 0px;
float: left;
width:10em;
font-weight: bold;
}

#menu li a
{
text-decoration:none;
margin: 0px;
color:white
width: 10em;

}

#menu ul {
float: left;
text-align:left;
width:10em;
}


 #menu dt a {
color:white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
margin: 0px;
}
#menu li a:hover{
background-color: blue;
color:white;
text-decoration:none;
margin: 0px;
width: 10em;
float:left;
text-align:center;
 }
#menu a:visited { text-decoration:none;} /* lien visité */ 
  
#menu li a:focus{
   background-color: blue;
   text-decoration:none;
   margin: 0px;
}
#menu dt a:hover{

   text-decoration:none;
   color: blue;
   margin: 0px;
   background:white;
}
#menu dt a:focus {
   background-color: blue;
   text-decoration:none;
   color: blue;
   margin: 0px;
}


-->
</style>





/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
   text-align: center;
   color: white;
   
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border-top: 2px solid black;
   margin-top: 100px;
   margin-left:0px;
   margin-bottom: 0px;
   margin-right: 20px;
   position: absolute;
}

.element_pieds a
{
   color: blue;
   text-decoration: none;
   font-weight: bold;
   
}

.element_pieds a:hover
{
   color: red;
   text-decoration: none;
   font-weight: bold;
}


#pied_de_page p
{
text-align: center;
}




.yellowgreen
{

   float: left;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
   background-color : yellowgreen;
   color: white;
   float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
		
}


.forestgreen
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : 	forestgreen;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}

.dodgerblue
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : 	dodgerblue;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}

.blue
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : blue;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}

.mediumvioletred
{
color: black;
text-align: center;
font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : mediumvioletred;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}

.yellow
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : 	gold;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}

.coral
{
   color: black;
   text-align: center;
   font-family: arial, "arial Black", "Times New Roman", Times, serif;
background-color : coral;
color: white;
float: left;
   width: 650px;
   margin-left: 70px;
   margin-bottom: 0px;
   margin-right: 40px;
   margin-top: 0px;
}