body, html {height : 100%}

body {
     margin : 0 ;
     padding  : 0 ;
     background : black;
}


#content  {
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     height: 100%;
     background : transparent;
     }

/* BANDEAU */

#tete {
     width: 800px;
     height: 278px;
     background : transparent;
     }

/* BLOC MILIEU */

#mid {
     margin-left: auto;
     margin-right: auto;
     background : black;
     float: left;
     }

#mid2 {
     margin-top: 30px;
     margin-left: 100px;
     margin-right: 100px;
     width: 600px;
     background : transparent;
     float: left;
     }
	 
#mid3 {
     margin-top: 30px;
     width: 800px;
     background : transparent;
     float: left;
     }

	 #mid4 {
     margin-top: 30px;
     margin-left: 250px;
	 margin-right: 250px;
     width: 300px;
     background : transparent;
     float: left;
     }
	 
/* BLOC GAUCHE */


#gauche { float: left; width: 400px; background : black; }

       #gc_haut {

       width: 400px;
       height: 27px ;
       background : transparent url(images/gc_haut.jpg) no-repeat;
       float: left; }

       #gc_mid {

       width: 400px;
       background : transparent url(images/gc_mid.jpg) no-repeat;
       float: left; }

       #gc_bas{

       width: 400px;
       height: 48px ;
       background : transparent url(images/gc_bas.jpg) no-repeat;
       float: left; }


/* BLOC DROIT */


#droite { float: right; width: 400px; background : black; }

#dt_haut {

       width: 400px;
       height: 27px ;
       background : transparent url(images/gc_haut.jpg) no-repeat;
       float: right; }

       #dt_mid {

       width: 400px;
       background : transparent url(images/gc_mid.jpg) no-repeat;
       float: right; }

       #dt_bas{

       width: 400px;
       height: 48px ;
       background : transparent url(images/gc_bas.jpg) no-repeat;
       float: right; }


/* BLOC BAS */


#bas {
     width: 800px;
     height: 15px;
     background : black;
     float: left;
     }

#bas2 {
     width: 800px;
     height: 31px;
     background : black;
     float: left;
     margin-top:5px;
     margin-left:166px;
     }


/* BLOCS INTERNEs */


#bloctexte  {
     width: 370px;
     background : transparent;
     float: left;
     padding:0px;
     margin:5px 15px 0px 15px;
}

#bloctexte2 {
     width: 400px;
     background : transparent;
     float: left;
	 margin-left:25px;
    
    
}

#mid_h {
     margin-left: 75px;
     width: 450px;
     background : transparent url(images/mid_haut.jpg) no-repeat;
     height: 37px;
     float: left;
    
}

#mid_m {
     margin-left: 75px;
     width: 450px;
     background : transparent url(images/mid_mid.jpg) no-repeat;
     float: left;
	 
   
}

#mid_b {
     margin-left: 75px;
     width: 450px;
	 height: 48px;
     background : transparent url(images/mid_bas.jpg) no-repeat;
     float: left;
	 
    
}

#image {
width: 800px;
height: 200px;
background : #789879;
}

#image2 {
width: 400px;
float:left;
background : transparent;
}

#image3 {
float:left;
width: 400px;
height: 200px;
background : #FFFFFF;
}

#image4 {
width: 400px;
height: 160px;
float:left;
background : transparent url(images/peche.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image5 {
width: 400px;
height: 160px;
float:left;
background : transparent url(images/peche2.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image6 {
width: 400px;
height:27px;
float:left;
background : transparent url(images/sepa.jpg) no-repeat;
margin-left:0px;
}

#image7 {
width: 400px;
height:160px;
float:left;
background : transparent url(images/peche3.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image8 {
width: 400px;
height:160px;
float:left;
background : transparent url(images/peche4.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image9 {
width: 400px;
height:160px;
float:left;
background : transparent url(images/peche5.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image10 {
width: 400px;
height:160px;
float:left;
background : transparent url(images/peche6.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

#image11 {
width: 400px;
height:160px;
float:left;
background : transparent url(images/peche7.jpg) no-repeat;
margin:0px 0px 0px 25px;
}

/* CSS TEXTES */

a:link {
font-family:"Microsoft Sans Serif", sans-serif;
color:#ed8a09;
text-decoration:none;
}
a:visited {
font-family:"Microsoft Sans Serif", sans-serif;
color:#ed8a09;
text-decoration:none;

}
a:hover {
font-family:"Microsoft Sans Serif", sans-serif;
color:#ffffff;
text-decoration:none;
}


p {
font-family:"Microsoft Sans Serif", sans-serif;
color:#a8a39c;
font-size : 0.7em ;
text-align : justify;
}

p.spe1 {
font-family:"Microsoft Sans Serif", sans-serif;
color: #FFFFFF;
font-size : 0.58em ;
text-align : justify;
}

p.spe2 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.6em ;
color:#a8a39c;
text-align : center;
font-weight:normal;
}

p.spe3 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.6em ;
text-align : center;
}

p.spe4 {
font-family:"Microsoft Sans Serif", sans-serif;
color: #FFFFFF;
font-size : 0.7em ;
text-align : justify;
}


h1, h3
        {
            text-align:left;
        }


h1 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.7em ;
color:#ed8a09;
text-transform :uppercase;
}

h2 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.6em ;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}

h3 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.6em ;
color:#FFFFFF;
font-weight:bold;
}

h4 {
font-family:"Microsoft Sans Serif", sans-serif;
font-size : 0.9em ;
text-align:center;
color:#ed8a09;
font-weight:bold;
text-transform :uppercase;
}


/*Flags*/

#image_url {
     width: 600px;
     height: 31px;
     background : transparent;
     }

#lienA {
width:97px;
height: 21px;
float: left;
}

#lienA a {
display:block;
width:97px;
height: 21px;
text-decoration:none;
background:url(images/liens_off.jpg) no-repeat;
float: left;
}

#lienA a:hover {
display:block;
width:97px;
height: 21px;
background:url(images/liens_on.jpg) no-repeat;
float: left;
}

#lienB {
width:113px;
height: 21px;
float: left;

}

#lienB a {
display:block;
width:113px;
height: 21px;
text-decoration:none;
background:url(images/mention_off.jpg) no-repeat;
float: left;
}

#lienB a:hover {
display:block;
width:113px;
height: 21px;
background:url(images/mention_on.jpg) no-repeat;
float: left;
}

#lienC {
width:100px;
height: 21px;
float: left;

}

#lienC a {
display:block;
width:100px;
height: 21px;
text-decoration:none;
background:url(images/acces_off.jpg) no-repeat;
float: left;
}

#lienC a:hover {
display:block;
width:100px;
height: 21px;
background:url(images/acces_on.jpg) no-repeat;
float: left;
}


#lienD {
width:76px;
height: 21px;
float: left;

}

#lienD a {
display:block;
width:76px;
height: 21px;
text-decoration:none;
background:url(images/contact1_off.jpg) no-repeat;
float: left;
}

#lienD a:hover {
display:block;
width:76px;
height: 21px;
background:url(images/contact1_on.jpg) no-repeat;
float: left;
}


#lienE {
width:76px;
height: 21px;
float: left;
}

#lienE a {
display:block;
width:76px;
height: 21px;
text-decoration:none;
background:url(images/rss_off.jpg) no-repeat;
float: left;
}

#lienE a:hover {
display:block;
width:76px;
height: 21px;
background:url(images/rss_on.jpg) no-repeat;
float: left;
}

/*End-Flags*/


/*
      BLOC  photos
*/
a img{
   border:none;
}
a{
   text-decoration: none;
}
.min{
   background:#FFFFFF url(images/fondbloc.jpg) top left no-repeat;
   float:left;
   margin:0px 0px 0px 80px;
   padding:10px 10px 13px 10px;
   position:relative;
   height:112px;
   width:215px;
}
.min a{
   display:block;
   height:100%;
   position:relative;
   width:100%;
   overflow:hidden;
}
.min img{
   position:relative;
   width:100%;
}
.min:hover h5{
   background:#000 none repeat scroll 0 0;
   bottom:0;
   color:#FFF;
   font-family:Arial;
   font-size:9px;
   font-weight:normal;
   left:0;
   margin:0;
   width:205px;
   display:block;
   padding:5px;
   position:absolute;
   text-transform:uppercase;
}
.min:hover{
   background-position:bottom left;
}
.min h5{
   display:none;
}

/*
      BLOC  photos produits
*/
a img{
   border:none;
}
a{
   text-decoration: none;
}
.minp{
   background:#FFFFFF url(images/fondblocp.jpg) top left no-repeat;
   float:left;
   margin:30px 0px 30px 80px;
   
   position:relative;
   height:200px;
   width:150px;
}
.minp a{
   display:block;
   height:100%;
   position:relative;
   width:100%;
   overflow:hidden;
}
.minp img{
   position:relative;
   width:100%;
}
.minp:hover h5{
   background:#000 none repeat scroll 0 0;
   bottom:0;
   color:#FFF;
   font-family:Arial;
   font-size:9px;
   font-weight:normal;
   left:0;
   margin:0;
   width:150px;
   display:block;
   padding:5px;
   position:absolute;
   text-transform:uppercase;
}
.minp:hover{
   background-position:bottom left;
}
.minp h5{
   display:none;
}

/*
      BLOC  photos produits
*/
a img{
   border:none;
}
a{
   text-decoration: none;
}
.minc{
   background:#FFFFFF url(images/fondblocc.jpg) top left no-repeat;
   float:left;
   margin:30px 0px 30px 80px;
   
   position:relative;
   height:160px;
   width:400px;
}
.minc a{
   display:block;
   height:100%;
   position:relative;
   width:100%;
   overflow:hidden;
}
.minc img{
   position:relative;
   width:100%;
}
.minc:hover h5{
   background:#000 none repeat scroll 0 0;
   bottom:0;
   color:#FFF;
   font-family:Arial;
   font-size:9px;
   font-weight:normal;
   left:0;
   margin:0;
   width:400px;
   display:block;
   padding:5px;
   position:absolute;
   text-transform:uppercase;
}
.minc:hover{
   background-position:bottom left;
}
.minc h5{
   display:none;
}

 /* TABLEAU */

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family:arial, sans-serif;
   list-style-type:square;
   font-variant:small-caps;
   font-size : 1em ;
   color:#ed8a09;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{

   color:#ffffff;
   font-size: 0.8em;
   font-family:arial, sans-serif;
   padding: 2px 15px 2px 15px;
}

td /* Les cellules normales */
{
   border: 1px solid #a8a39c;
   color:#a8a39c;
   font-size: 1em;
   font-family:arial, sans-serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px 15px 5px 15px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}