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

Par F. Pierron
Fichier créé le 26/01/2007
*/	


body
{
   font-family: "Times New Roman", Arial, Verdana, serif;
    /*         background-color: rgb(255, 255, 192); /* Fond jaune clair - couleur 1 */
  /* background-color: rgb(251,236,220);*/
   background-image: url("layout/images/background2jpgsml_1.jpg");
   margin: 0;
   padding: 0;
   
} 

/* En_tête */
/* En_tête */
#en_tete
{
   height: 100px; /* Moins que 100px, largeur du bandeau  */
   background-image: url("layout/images/bandeau3.png");  /* Bandeau: 1075 x 110  */
   background-repeat: no-repeat;  /* Indispensable, sinon, repeat par defaut  */
   margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	border: 1px solid gray;
}
/* Speedbarre */

#speedbarre
{
	height:25px;
	/*background-color: rgb(255, 255, 120); jaune APEC */
	background-color: rgb(228, 195, 190);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid gray;
}

#subspeedbarre
{
	height:25px;
	background-color: rgb(228, 195, 190);
	border: 1px solid gray;
}

#menu
{
	position:absolute;
	left:0;
	width: 160px;
   background-color: rgb(230,230,230);	
   background: url(templates/css/1/fond_corps1.png) no-repeat;	
	font-size: O.9em; /*police de la barre verticale de menu*/ 
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid gray;
}

#corps
{
   margin-bottom: 10px;
   margin-left: 170px;
   margin-right: 5px;
   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(251,236,220);*/
   border: 1px solid gray;
/*   -moz-opacity:0.5;
   opacity: 0.5;
   filter:alpha(opacity=50);*/
 /*      background-color: white;	*/
}

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

.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:0.8em; /*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;	
} 	

#speedbarre1
{
	clear: both;
	height:24px;
    background-color: rgb(232, 245, 251);
	border-bottom: 1px solid gray;

}
.menu_haut1
{
list-style-type: none;
margin: 0;
padding-left: 10px;
}

.menu_haut1 li
{
	padding-left: 10px;
	padding-right: 10px;
    line-height: 22px;	
    list-style-type: none; /* Pas de puce sur les ul du menu  */

	font-family:"Times New Roman", Arial, Verdana, serif;
	font-size:0.8em; /*police de la barre horizontale de menu*/
}

.speedgauche1
{
	float: left;
}

.speedgauche1 strong
{
color: rgb(44,72,92);
font-style: italic;
}

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

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

/* Menu */

#menu .element_menu
{
   font-size: 0.8em; /*police de la barre verticale de menu*/
   background-color: rgb(228, 195, 190);
   /*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*/  
   /*text-indent: 10px;*/
   background-color: rgb(210, 210, 210);
   padding-left: 10px;
   vertical-align: bottom;
}  

#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(228, 195, 190);
   text-indent: 15px;
   padding-top: 2px;
   height: auto;
}


#menu .menu_bottom
{
   font-size: 0.8em; /*police de la barre verticale de menu*/  
   /*text-indent: 10px;*/
   background-color: rgb(210, 210, 210);
   padding-left: 10px;
}  

/* Corps du text */

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

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

#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 a
{
   text-decoration: none; 
   color: rgb(160,11,14);
   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;	
    
}

.table3 
{	 
   font-size: 1em;
 
}	  

.table3 th
{
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   border-top: 1px solid gray; 
   border-bottom: 1px solid gray;  
   background-color: rgb(255, 255, 150);
}

.table3 td
{	 
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   border-top: 1px solid gray; 
   border-bottom: 1px solid gray;
   text-align: left; 
}

.table4
{	 
   font-size: 1em;
 
}	  

.table4 th
{
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   border-top: 1px solid gray; 
   border-bottom: 1px solid gray;  
   width: 400px;
   background-color: rgb(240, 247, 253);
}

.table4 td
{	 
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   border-top: 1px solid gray; 
   border-bottom: 1px solid gray;
   text-align: left; 
   width: 400px;
    
}

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;
}

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

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

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

#corps .col_7_right  /* 2 colonnes, 30% a droite, 70% a gauche */
{
width: 40%;
float: right;
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;
}

#corps  .jadhere {	
	background: url("templates/images/design/1/bandeau/bandeau_v1.jpg") top left no-repeat;
	width : 126px;
	height : 54px; 
	width: 45%;
float: right;
margin-right: 1%;
vertical-align: middle;
}

#corps .blink
{
	text-decoration: blink;
}

#subspeedbarre 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;  
}

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

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}