/*
Design crenel
*/

body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 20px;
   width: 770px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;   
   background-repeat:repeat;
   background-image: url("../images/motif1.jpg");
}

.en_tete img {
border: none;
width: 20px;
}

.en_tete table {
margin-left: 707px;
margin-top: 80px;
}


.photo 
{
width:227px;
float: left;
margin-right: 15px;
margin-bottom: 20px;   
} 

/*
.monter img {
width:27px;
margin-right: 10px;
margin-bottom:10px;
} */

/* L'en-tête */

.en_tete
{
   width: 770px;
   height: 111px;
   background-image: url("../images/header.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}






/* Le menu */

#menu
{

   float: left;
width:165px;
   margin-bottom: 20px;
    /*background-color: red; */


}

.hti {
font-size: 15px;
color: red;
background-color: black;
padding-left:10px;
}

.element_menu
{
   background-color: #626262;
   background-image: url("../images/motif.gif");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   padding:0px;
   margin-bottom: 10px;
   /* margin-right: 10px; */
}

.date
{ 
line-height: normal;
text-align: center;
}

/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #87c6ff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("../images/puce.png");
   padding:5px;
   padding-left: 17px;
   margin: 0px;
   /* margin-bottom: 15px; */
}



#evenement {

   /* width: 165px; */
   /* height: 220px;*/
   background-color: #353436;
   padding-top: 10px;
   padding-left:10px;
   padding-right:5px;
   padding-bottom:5px;
   border: 2px solid black;
   margin-bottom: 10px;

}

#evenement h4 {
margin-top:10px;
}

#evenement p{
color: #CCCCCC;
}

.gris_clair {
color: #707071;
}


#pub{
background-color: #000000; 
color: #4e8b00;

padding:5px;
border:1px solid black; /* #ffde00; */
margin-bottom:30px;

background-repeat:no-repeat;
background-position:bottom;

}




#tablo {
border: medium solid #6495ed;
border-collapse: collapse;
/* width:147px; */
height:300px;

margin:5px;
color: #4e8b00;
margin-bottom:70px;
text-align:center;
}


.th_pub {
padding:7px;
font-family: monospace;
border: thin solid #6495ed;
height:40px;
color:black;

background-color: #D0E3FA;

}
.td_pub {
padding:7px;
font-family: sans-serif;
border: thin solid #6495ed;
height:270px;
/* text-align: center; */
background-color: #eaf1c5;
}

.td_pub1 {
/* background-image:url("../images/casino.png"); */
background: url("../images/casino.gif") no-repeat bottom;
background-color:white;
height:57px;
}

/* code qui marche sur firefox et chrome seulement pour mettre de l'ombre  */
.imgtest { 
-moz-box-shadow: 7px 7px 12px #aaa; 
        -webkit-box-shadow: 8px 8px 12px #aaa; 
        box-shadow: 8px 8px 12px #555;
		}

/* code qui marche sur firefox et chrome seulement pour mettre arrondi sur les angles */
#corps { 
 -moz-border-radius: 20px;
        -webkit-border-radius: 10px;
        border-radius: 10px; 
}


#tablo a {
color:#d96915;

}



.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{


   width: 577px;
   margin-left: auto;
   min-height: 820px;
   padding-left: 7px;

   color: #B3B3B3;
   background-color: #023945; 
   border: 2px solid black;
   
}
hr {
border:1px inset black;

}

.tablo_text {
text-align:left;

border-collapse:separate;
}

.bloc_espace {
height: 500px;
}
/*
.tablo_text th{
text-align:center;
background-color: #036479;
border-collapse:separate;
} */


.tablo_text td {
text-align:left;
padding-left:20px;
padding-bottom:20px;
vertical-align:top;
background-color:#034655;
border: 1px dotted #6495ed;
padding-right:12px;
}


.tablo_dim {
padding-left:12px;
width:100px;
background-color: #036479;
}
.tablo_dim1 {
padding-left:12px;
width:320px;
background-color: #036479;

}

.bleu_clair{
color:#06a3c5;
}

h3 {
margin-top:15px;
}

table img {

width:170px;
}




.tablo_dim2 {
background-color: #036479;
padding-left:12px;
width:50px;
}

.sous-menu a
{
   color: #39c2fb;

}

.blanc{
color:white;
}

.sous-menu a:hover
{
   background-color: #666666;
   color: black;
}


.text_corps {
width:520px;
text-align:left;
/* background-color:red; */
padding:20px;
min-height:400px;

}

.centrer {
text-align: center ;

}

/*  controle sur les images ( il s'agit d'icone pour se diriger vers le haut)  */
.monter{
width:27px;
border:0px;
padding-right: 7px;

}

#corps h1
{
   font-size: 25px;
   color: #B3B3B3;
   text-align: center;
   font-family: Verdana, Arial, "Arial Black", serif;
}

#corps h2
{
   height: 10px;
   font-size:17px;
   padding-top:14px;
   padding-bottom: 7px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 20px;
   color: #39c2fb;
   text-align: left;
}

#corps h3
{
   text-decoration: underline;
   font-size: 25px;
   color: #faa603;
   text-align: center;
   font-family: Garamond,"Times New Roman", Times, Arial, "Arial Black", serif;
}

h4 {
margin-top:20px;
margin-bottom:7px;
}

#corps a
{
color:#39c2fb;

}

#corps img {
border:none;
}


.naviguer{
text-align: center;

}

.present {
background-image:url("../images/present.jpg");
background-repeat: no-repeat;
background-position: top right;
height:170px;

}


.equipe {

background-image:url("../images/equipe.jpg");

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

}

.presse {
background-image:url("../images/presse.jpg");
background-repeat: no-repeat;
background-position: top right;
height:200px;
}

.contact {
padding-left:20px;
background-image:url("../images/contact.jpg");
background-repeat: no-repeat;
background-position: top right;
height:200px;
}




.hti_lien {
color: yellow;
background-color: black;
padding: 5px;
display:block;
text-align:center;
width:150px;
margin:auto;

}

.hti_lien a:hover {
background-color:#383838;

}


.style
{
color:#CC9900;
}

.style_pub {
color:#39c2fb;

}

.imageflottante, imageflottante2
{
   float: left;
   margin-right: 10px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   width: 760px;
   height: 77px;
   text-align: center;
    margin-top: 15px;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("../images/motif1.gif");
   background-repeat: repeat-x;
border: 2px solid black;
clear: both;

}

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: #d8b46f;
   text-decoration: none;
}

.texte_petit {
font-size:10px;
line-height:12px;
}