/*
design.css
---------

Par F. Pierron Fichier créé le 02/08/2007 */  


body
{
   font-family: "Times New Roman", Arial, Verdana, serif;
    /*         background-color: rgb(255, 255, 192); /* Fond jaune clair - couleur 1 */
   background-color: rgb(240,240,255);
   margin: 0;
   padding: 0;
   
} 

/* En_tête */
#en_tete
{
   height: 60px; /* Moins que 100px, largeur du bandeau  */
/* background-image: url("templates/images/design/1/bandeau/bandeau_v1.jpg");  /* Bandeau: 1075 x 110  */*/
   background-repeat: no-repeat;  /* Indispensable, sinon, repeat par defaut  */
   font-family:"Times New Roman", Arial, Verdana, serif;
   background-color: rgb(220,220,255);
   font-size:3em; /*police de l'entete*/
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
   
} 


/* Speedbarre */

#speedbarre
{
    height:25px;
    background-color: rgb(255, 255, 120);
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}
.menu_haut
{
list-style-type: none;
margin: 0;
padding-left: 10px;
}

.menu_haut li
{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -4px;
    line-height: 30px;  
    list-style-type: none; /* Pas de puce sur les ul du menu  */
    height: 25px;
    font-family:"Times New Roman", Arial, Verdana, serif;
    font-size:1.2em; /*police de la barre horizontale de menu*/
}

.speeddroite
{
    float: right;
}
.speedgauche
{
    float: left;
}

#speedbarre a
{
    color: rgb(44, 72, 92);
    font-style: normal;
    text-decoration: none;
    font-weight:bold;
    width: auto;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    height: 25px;  
}

#speedbarre a:hover
{
    color: rgb(22,36,46);
    text-decoration: underline; 
}   



/* Menu */
#menu
{
    position:absolute;
    left:0;
    width: 200px;
    background-color: rgb(240, 240, 255); 
    font-size: 1.2em; /*police de la barre verticale de menu*/ 
}

#menu .element_menu
{
   font-size: 1em; /*police de la barre verticale de menu*/
   background-color: rgb(220, 220, 255);
   border-right: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: 1px solid gray;
   border-top: 1px solid gray;
   padding-left: 10px;
}  

#menu .top_menu
{
   font-size: 0.8em; /*police de la barre verticale de menu*/  
   border-right: 1px solid gray;
   text-indent: 10px;
   background-color: rgb(255,255,120);
   padding-left: 10px;
}  

#menu  .menu_lum:hover
{
    background: url(templates/css/1/puce_jaune.png) no-repeat left;
    background-color: rgb(255,255,180);
    color: rgb(22,36,46); 
    padding-left:0px;
}   

#menu .element_menu .menu_lum a:hover
{
text-decoration: none;
}


#menu .menu_lum
{
/*    background-color: rgb(244,249,253); */
/*    background: url(templates/css/1/puce_grise.png) no-repeat left;*/
   background-color: rgb(220, 220, 255);
   text-indent: 15px;
   padding-top: 2px;
   height: auto;
}


/* Corps du text */

#corps
{
   margin-bottom: 10px;
   margin-left: 200px;
   font-size: 0.9em;
   padding: 10px;
   color: black;
   min-height:400px;
   /*    background: url(templates/css/1/fond_corps1.png) no-repeat right top;*/
   background-color: rgb(240,240,255);
 /*      background-color: white;   */
}

#corps a
{  
   text-decoration: none;
   /*color: rgb(44,72,92);*/
   color: blue;
   border: none;
} 

#corps a .images
{  
   text-decoration: none;
   /*color: rgb(44,72,92);*/
   	border-color: rgb(240,240,255);
} 

#corps a .images:hover
{  
   text-decoration: none;
   /*color: rgb(44,72,92);*/
   border-color: blue;
} 

#corps a:hover
{   
    text-decoration: underline;
    /*color: rgb(22,36,46); */
	border-style: none;
} 

#corps .interview dt
{   
    color: rgb(44,72,92);
    font-weight: bold;
    text-align: justify;
}

#corps .interview dl
{   
    text-align: justify;
}

/*html>body #corps
{
    width:84%;
}*/

/* Pied de page */  

#pied_de_page
{
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 15px;
   padding-left: 10px;
   text-align: center;
   color: black;
   background-color: rgb(255, 255, 180);
   border: 1px solid gray; 
   font-style: italic;
   font-size: 0.9em;
}

#pied_de_page a
{
   text-decoration: none; 
   color: green;
   font-weight: bold;
}

#pied_de_page a:hover
{
    text-decoration: underline;
    color: rgb(10,70,10);
}

/* Général */


h1 
{
    color: rgb(44,72,92);
    font-size: 1.8em;
    font-family: "Times New Roman", Arial, Verdana, serif;
    text-align: center;
    border-bottom: 2px solid black;
    
}

h2
 {
    color: rgb(44,72,92);
    font-size: 1.4em;
    font-family: "Times New Roman", Arial, Verdana, serif;
}

h3
 {
    color: rgb(44,72,92);
    font-size: 1.2em;
    font-family: "Times New Roman", Arial, Verdana, serif;
    text-align: left;
}

h4
 {
    color: rgb(44,72,92);
    font-size: 1em;
    font-family: "Times New Roman", Arial, Verdana, serif;
    text-align: left;
    padding: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}

li
 {
    font-family: "Times New Roman", Arial, Verdana, serif;
    text-align: left;
    padding: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.image_texte
{
    text-align: center;
}

/* Tables */
 
.table1 
{    
   font-size: 1em;
   border-left: none; 
   border-right: none; 
   text-align: center;     
}     

.table1 .colonne1
{    
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: none; 
   border-right: none; 
   text-align: center;  
   width: 200px;  
}

.table1 .colonne2
{    
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: none; 
   border-right: none; 
   text-align: left; 
   width: 600px;
    
}
 
.table1 .colonne3
{    
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   border-left: 1px solid gray; 
   border-right: 1px solid gray; 
   text-align: left;  
   width: 215px;
   vertical-align: top;
    
}

.table2
{    
   border-top: none;
   border-bottom: none;
   border-left: none; 
   border-right: none; 
   text-align: left;       
   font-size: 1em;
   width: 800px;
    
}  
    
.deuxcolonnes
{    
   border-top: none;
   border-bottom: none;
   border-left: none; 
   border-right: none; 
   text-align: left;    
    
}



a
{  
   text-decoration: none;
   color: rgb(44,72,92);
} 

a:hover
{   
    text-decoration: underline;
    color: rgb(22,36,46);
}  
.image_tableau  
{ 
text-align: center; 
}

.image_float
{ 
float: left; 
margin-right: 20px;
} 

.image_float_right
{ 
float: right; 
margin-left: 20px;
}

.text_float
{ 
float: left; 
margin-right: 30px;
}

.liste_indent li
{
margin-left: 30px;
}

.news:hover 
{
text-decoration: none;
cursor: pointer;
}
.news
{
text-decoration: blink;
} 





.bordure
{
border-bottom: 1px solid gray;
}

.dessous
{
   clear: both;
}
.text_justify
{ 
text-align: justify; 
}

.text_center
{ 
text-align: center; 
}

.decal_gauche
{ 
padding-left: 10px; 
}

#corps .col_1_left  /* 2 colonnes, 30% a gauche, 70% a droite */
{
width: 25%;
float: left;
margin-left: 1%;
vertical-align: middle;
}

#corps .col_1_right  /* 2 colonnes, 30% a gauche, 70% a droite */
{
width: 65%;
float: right;
margin-right: 1%;
vertical-align: middle;
}

#corps .col_1_left  strong, #corps .col_1_right  strong, #corps .col_2_left  strong, #corps .col_2_right  strong, #corps .col_3_left strong, #corps .col_4_left strong, #corps .col_5_left strong, #corps .col_5_right strong
{
    color: rgb(44,72,92);
    font-size: 1em;
    font-family: "Times New Roman", Arial, Verdana, serif;
}

#corps .col_2_left   /* 2 colonnes, 30% a droite, 70% a gauche */
{
width: 65%;
float: left;
margin-left: 1%;
vertical-align: middle;
}

#corps .col_2_right  /* 2 colonnes, 30% a droite, 70% a gauche */
{
width: 30%;
float: right;
margin-right: 1%;
vertical-align: middle;
}

#corps .col_3_left  /* 4 colonnes */
{
width: 24%;
float: left;
margin-left: 1%;
vertical-align: middle;
}

#corps .col_4_left  /* 3 colonnes */
{
width: 32%;
float: left;
margin-left: 1%;
vertical-align: middle;
}

#corps .col_5_left   /* 2 colonnes, 50% a droite (image), 50% a gauche ( texte) */
{
width: 45%;
float: left;
margin-left: 1%;
vertical-align: middle;
}

#corps .col_5_right /* 2 colonnes, 50% a droite (image), 50% a gauche ( texte) */
{
width: 45%;
float: right;
margin-right: 1%;
vertical-align: middle;
}

#player
{
background-image: url("templates/images/design/1/bandeau/bandeau_v1.jpg");  /* Bandeau: 1075 x 110  */
}

dd 
{
margin-bottom: 12px;
}

#corps .important
{
color: red;
font-size: 1.2em;
font-style: italic;
}