body, html {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
 

  background-image: url(img/back.jpg); 


background-color:#110403;
 background-repeat: repeat-x;
  
font-family:"Comic Sans MS","Trebuchet MS",Georgia,serif;
}
#page {

min-height: 900px;
  margin: auto;
  
   width: 900px; 

margin-top: 50px;




}


.clair {
clear: both;

}
#entete {
  height: 200px;
  width: 100%;
 /*  background-color: #000000; */
  background-image: url(img/entete2.png);

}


img {
margin: 0;
  padding: 0;
  border : none;

}

#entete img { float:right; }



#corps {
float: left;
width: 100%;
 text-align: left;

 background-color: #000000;


  background-position: left bottom;
/*
  background-repeat: repeat-x;
  background-image: url(img/fondpagevert.png);

*/

background-repeat: repeat-y;
  background-image: url(img/fondpage2.png);

padding-bottom: 20px;
/* width: 100%; */
}



#gauche {
  width: 250px;
   float: left;  
margin: 0;
padding: 0;
margin-left: 5px;
}
#centre {

   float: left; 
}

#menu {  width:100%;
   margin: auto;
/* margin-bottom: 15px; */
height: 50px;

/* border: 0.5px solid #000; */
}
#liens {
margin: 0;
 padding: 0;

float:left;
width:100%;

 list-style-type: none;
background:#ddd;
background-image: url(img/fondmenu.png);
background-repeat: repeat-x;
/* border:1px solid #42432d; */
/* border-width:1px 0; */
}

#liens li {
  display: inline;
 margin: 0;
 padding: 0;
}

#liens a:link, #liens a:visited {
color:#ccc;

padding: 10px 10px 10px 10px;
float:left;
width:auto; 

/* border-right:1px solid #42432d; */

text-decoration:none;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
/* text-shadow: 2px 2px 2px #555; */
}

#liens li:first-child a {
/* border-left:1px solid #42432d;*/


}


#liens a:hover {


color:#fff;


background-image: url(img/fondmenu5.png);
background-repeat: repeat-x;
/* background:#727454;*/
}


div #contacts .liens-contacts  {


color:#fff;


background-image: url(img/fondmenu2.png);
background-repeat: repeat-x;


}


#pub  {
margin-top: 20px;

}


#pub a {

float:left;
margin-top: 10px;
margin-left: 5px;
clear: both;

}



div.hr {


width : 95%;
  height: 2px;
 /*  background: #fff url(img/hr.png) no-repeat scroll center; */
background-image: url(img/hr.png);
background-repeat: repeat-x;


}
div.hr hr {
  display: none;
}











.encadregrand{ 
 
color: #fff;

width: 604px;

margin: 0;
padding: 0;
margin-left: 20px;
width: 604px;
clear: both;
margin-top : 30px;

}




.hautcadre {

background-image: url(img/hautcentre.png) ;



 background-repeat: no-repeat;
  background-position: left top;
  height: 50px;
  text-transform:uppercase;
  margin: 0;
padding: 0;

font-size: 110%;
text-align: center;

    font-family: "Arial Black", Arial, Verdana, serif;

}


h2 { font-size: 110%;
text-align: center;}







.centrecadre { 

background-repeat: repeat-y;
  background-position: left top;
  width: 604px;
  /*min-height: 600px;  */
  background-image: url(img/fondcentre.png);
 /* text-align: left;  Pour aligner � droite ma signature */
font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
font-size: 110%;
/*padding-right: 15px; */
 text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   


 }




.centrecadre  p {

padding: 10px;


}

.encadregrand  h6{

font-size: 50%;
text-align: right;

}










.encadregrand  h4{

font-size: 90%;
font-weight: bold;
text-decoration:underline;
text-align: center;

}



.bascadre {

background-image: url(img/bascentre.png)  ;

height: 28px;

background-repeat: no-repeat;
background-position: left top;

margin: 0;
padding: 0;
 /* padding-bottom: 28px; */

}











#droite {    float: right;

}

#pied {


background:  url(img/fondpied.png) repeat-x scroll 0% 50% ;






margin: 0;
 padding: 0;
height: 50px;
clear: both;
  
  width: 100%;
  color: #ffffff;
  text-align: center;
 
}



#pied  p {

margin: 0;
 padding: 0;
 padding-top: 20px;
 
}






.cadre {
  border: 1px solid #ffccff;
}
.vignette {

float: left;
 margin: 0;
 padding: 0;
background-image: url(img/vignette.png) ;


 margin-top: 30px;
 color: #fff;
  background-repeat: no-repeat;
  width: 175px;
  
  height: 200px;
 padding-left: 3px;

}


.vignette a {

position:relative;

}


.vignette2 {

 color: #fff;

 margin-top: 50px;
margin-bottom: 30px;


}



.vignette h3 {
margin-top : 5px;
margin-bottom: 10px;
text-transform:uppercase;
font-size: 30px;
text-align: center;
}
.vignettebas {
  background-color: #eb8f01;
  background-repeat: no-repeat;
  width: 390px;
  height: 13px;
  background-image: url(img/vignettebas.png);
}


.photos {
float: left;
padding: 5px;
border: 1px solid #ccc;
margin: 5px;


}


.media {

background-image: url(img/media2.png) ;



display : block;

 width: 64px;
  height: 64px;

background-repeat: no-repeat;





}




.sonneries {
/*
background-image: url(img/media2.png)  !important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,  src='img/media2.png');


 display : block; 
padding-left: 25px;

 width: 128px;
  height: 64px;

background-repeat: no-repeat;

*/



}















h2,h3,h6,p,h4 {
  margin: 0;
  padding: 0;
  

}





.centrecadre  h2 {

padding-top: 20px;
padding-bottom: 20px;

}