/*------------------La page entière------------------*/
body
{
   width: 962px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;    
   background-image: url("../images/fond2.png");
   font-family: Arial, Verdana, "Times New Roman", Times, serif;
}
/*------------------L'en-tête------------------*/
#obso_en_tete
{
   width: 962px;
   height: 126px;
   background-image: url("../images/logo_962.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/*------------------L'en-tête------------------*/
a.lien
{
   display:block;
   width: 962px;
   height: 126px;
   background-image: url("../images/logo_962.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/*------------------Le corps global------------------*/
#general
{
	width: 960px;
	background-image: url("../images/degradeGrisClair_960_100.png");
	background-repeat: repeat-y;
    border: 1px solid grey;
}
/*------------------Le corps------------------*/
#corps
{
   width: 769px;
   margin-left: 179px;
   margin-bottom: 0px;
   padding: 5px;
   color: black;
   /*background-image: url("../images/degradeGrisClair_780_100.png");
   background-repeat: repeat;*/
   font-size: 12px;
   border: 0px solid grey;
}
#corps h1
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
   color: blue;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
}#corps h5
{
   text-decoration: italic;
}

/*-----------------Le Corps des comptes-------------------*/
#corps_comptes{
height: 787px;
}

/*------------------Les news : le titre ------------------*/
.news_titre
{
    text-align: center;
	border: 1px solid grey;
	background-color: rgb(230,230,255);
/*	background-image: url("../images/degradeGrisClair_780_100.png");
    background-repeat: repeat-y;	*/
    margin-bottom: 0px;
}
/*------------------Le menu------------------*/
#menu
{
   float: left;
   width: 179px;
}

/*----------------------Le menu des comptes--------------------*/
.menu_compte li{
display: inline;
padding: 0 4em;
color: #ff0000;  
font-weight: bold;
}
.menu_compte ul{
list-style-image: url("../images/puceCarreauRougeSurTransp.png");
}

.menu_compte a{
color: black;
text-decoration: none;
font-size: 13px;
}

.menu_compte{
border: 1px solid grey;
}

/*------------------Le menu : élement sous-titre------------------*/
.element_menu h3
{    
   color: #ff0000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-bottom: 10px;    
}
/*------------------Le menu : élement général------------------*/
.element_menu
{
    border: 1px solid grey;
	background-image: url("../images/degradeGrisClair_180_100.png");
    background-repeat: repeat-y;
    margin-bottom: 0px;
}
/*------------------Le menu : élement puce normal------------------*/
.element_menu ul
{
   list-style-image: url("../images/puceCarreauRougeSurTransp.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 10px;
}
/*------------------Le menu : élement puce avec lien------------------*/
.element_menu a
{
   color: black;
   text-decoration: none;
}
/*------------------Le menu : élement puce avec lien sous le curseur------------------*/
.element_menu a:hover
{
   background-color: white;/* gris clair rgb(210,230,250) */;  /* kaki rgb(179,179,179); */
   color: black;
}
/*------------------Le menu : élement puce pour la rubrique "encours"------------------*/
.element_menu .encours a
 {
	color: white;
	background-color: blue;
}
/*------------------Le pied de page------------------*/
#pied_de_page
{
	padding: 5px;
	font-family: Arial, Verdana, "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
    border: 1px solid grey;
	font-weight: bold;
	color: black;
	/*background-color: rgb(224,224,224);*/
	background-image: url("../images/degradeGrisClair_960_100.png");
	background-repeat: repeat-y;
}
.retour
{
	float: left;
    text-align: left;
    margin-left: 0px;
}
/*------------------table retour = sur le pied de page------------------*/
table#tableretour
{
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	border-color: transparent;	
}
table#tableretour td
{
	border-color: transparent;
}
.retourCol02
{
	float: left;
    text-align: left;
    margin-left: 0px;
	border: 1px solid grey;
	width: 20%;
	border-color: transparent;
}
.retourCol12
{
	float: left;
    text-align: left;
    margin-left: 0px;
	border: 1px solid grey;
	width: 60%;
}
.retourCol22
{
	float: left;
    text-align: left;
    margin-left: 0px;
	border: 1px solid grey;
	width: 20%;
}
/*------------------La première lettre de chaque paragraphe------------------*/
p:first-letter 
{
   /*font-weight: bold;
   font-size: 1.2em;*/
}
/*------------------élément de texte mis en évidence sans changement de police------------------*/
.policeplus20
{
	font-size: 1.2em;
}
/*------------------élément de texte mis en évidence rouge +20 gras------------------*/
.policeplus20rougegras
{
	color: red;
	font-weight: bold;
	font-size: 1.2em;
}
/*------------------élément de texte mis en évidence rouge +0 gras------------------*/
.policeplus0rougegras
{
	color: red;
	font-weight: bold;
	font-size: 1em;
}
/*------------------élément de texte mis en évidence rouge +0 pas gras------------------*/
.policeplus0rougepasgras
{
	color: red;
	font-weight: normal;
	font-size: 1em;
}
/*------------------élément de texte mis en évidence bleu +10 gras------------------*/
.policeplus10bleugras
{
	color: blue;
	font-weight: bold;
	font-size: 1.1em;
}
/*------------------élément de texte mis en évidence bleu +10 pasgras------------------*/
.policeplus10bleupasgras
{
	color: blue;
	font-weight: normal;
	font-size: 1.1em;
}
/*------------------élément de texte mis en évidence bleu +0 gras------------------*/
.policeplus0bleugras
{
	color: blue;
	font-weight: bold;
	font-size: 1em;
}
/*------------------élément de texte mis en évidence bleu +0 pas gras------------------*/
.policeplus0bleupasgras
{
	color: blue;
	font-weight: normal;
	font-size: 1em;
}
/*------------------élément de texte mis en évidence bleu +0.8 pas gras------------------*/
.policeplus08bleupasgras
{
	color: blue;
	font-weight: normal;
	font-size: 0.8em;
}
/*------------------élément de texte plus petit à droite------------------*/
.policedroitecolor
{
	text-align: right;
    /*background-color: rgb(230,230,255);*/
}
/*------------------élément de texte plus petit à droite------------------*/
.policemoins20droite
{
	text-align: right;
    font-size: 0.8em;
}
/*------------------Images ou text : centrage------------------*/
.centr
{
	text-align: center;
}
/*------------------Images : dans un lien------------------*/
a img 
{
   border: none; /* Pas de bordure */
}
/*------------------Listes page faq------------------*/
.liste_decimale
{
	list-style-type: decimal;
	border: 1px solid grey;
	background-color: rgb(230,230,255);
;
}
.liste_sujets
{
	list-style-position: inside;
	border: 1px solid grey;
	background-color: rgb(230,230,255);
	text-decoration: none;
}
.liste_dans_h2
{
	list-style-position: inside;
	border: 0px solid grey;
	background-color: rgb(230,230,255);
	text-decoration: none;
	text-align: left;
}
.titre_sujet
{
	font-family: Arial, Verdana, "Times New Roman", Times, serif;
	padding: 15px;
	border: 1px solid grey;
	background-color: rgb(213,255,213);
	color: rgb(0,0,255);
	/*font-weight: bold;*/
	font-size: 14px;
}
.sujet
{
	font-family: Arial, Verdana, "Times New Roman", Times, serif;
	color: rgb(0,0,238);
	/*font-weight: bold;*/
	/*font-size: 0.9em;*/
}
.sujet_suite
{
	font-family: Verdana, Arial, "Times New Roman", Times, serif;
	color: rgb(70,70,70);
	text-align: left;
	margin-left: 40px;
	font-size: 11px;
}
.sujet a
{
	text-decoration: none;
}
.sujet a:hover
{
	text-decoration: underline;
}
/*------------------table 1 = sur la page download (Gin version complète)------------------*/
table#table1
{
	margin-left: 90px;
	background-color: rgb(219,18,45);	/*couleur de l'encadrement*/
	text-align: center; 
	width: 70%;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: transparent;
}
table#table1 td
{
	background-color: rgb(230,230,230);
	padding: 2px;
	border-color: transparent;
}
/*------------------table 1 = sur la page download (Gin version complète)------------------*/
table#table1bis
{
	margin-left: 90px;
	background-color: rgb(192,192,255);	/*couleur de l'encadrement*/
	text-align: left; 
	width: 75%;
	border-collapse: separate;
	border-spacing: 1px;
	border-color: transparent; 	
}	
table#table1bis td
{
/*	background-color: rgb(230,230,230);	*/
	padding: 1px;
	border-color: transparent; 	
}
/*------------------table 2 = sur la page download (Gin versions partielles)------------------*/
table#table2
{
	background-color: rgb(219,18,45);	/*couleur de l'encadrement*/
	text-align: center; 
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: transparent;
}
table#table2 th
{
	color: rgb(230,230,230);
	width: 50px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}
table#table2 td
{
	background-color: rgb(230,230,230);
	padding: 2px;
	border-color: transparent;
}
/*------------------table 3 = sur page histo------------------*/
table#table3
{
	background-color: rgb(219,18,45);	/*ça donne la couleur de l'encadrement*/
	text-align: center; 
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: transparent;
}
table#table3 th.col1table3
{
	color: rgb(230,230,230);
	width: 30px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}
table#table3 th.col2table3
{
	color: rgb(230,230,230);
	width: 100px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}
table#table3 th.col3table3
{
	color: rgb(230,230,230);
	width: 100px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}
table#table3 th.col4table3
{
	color: rgb(230,230,230);
	width: 400px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}
table#table3 th.col5table3
{
	color: rgb(230,230,230);
	width: 40px;
	background-color: rgb(219,18,45);
	padding: 2px;
	border-color: transparent;
}

table#table3 td
{
	background-color: rgb(230,230,230);
	padding: 2px;
	border-color: transparent;
}
table#table3 td.col4table3
{
	text-align: left;
	border-color: transparent;
}
/*------------------table 4 = sur page tarif------------------*/
table#table4
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: transparent; 
}
table#table4 td.col1table4
{
	text-align: left;
	width: 220px;
	border-collapse: separate;
    font-size: 1.2em;
	vertical-align: bottom;
	border-color: transparent; 	
}
table#table4 td.col2table4
{
	text-align: right;
	border-collapse: separate;
   font-size: 0.8em;	
	vertical-align: bottom;
	border-color: transparent; 	
}
/*------------------table5 = sur faq csg------------------*/
table#table5
{
	background-color: rgb(219,18,45);	/*couleur de l'encadrement*/
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table#table5 th.col1table5
{
	background-color: rgb(230,230,230);
	width: 25%;
	text-align: center;
    font-size: 1.2em;
	vertical-align: center;
}
table#table5 th.col2table5
{
	background-color: rgb(230,230,230);
	width: 50%;
	text-align: center;
    font-size: 1.2em;
	vertical-align: center;
}
table#table5 th.col3table5
{
	background-color: rgb(230,230,230);
	width: 25%;
	text-align: center;
    font-size: 1.2em;
	vertical-align: center;
}
table#table5 td.col1table5
{
	background-color: rgb(230,230,230);
	text-align: center;
    font-size: 1.2em;
	vertical-align: center;
}
table#table5 td.col2table5
{
	background-color: rgb(230,230,230);
	text-align: left;
    font-size: 1em;
	vertical-align: bottom;
}
table#table5 td.col3table5
{
	background-color: rgb(230,230,230);
	text-align: center;
    font-size: 1.2em;
	vertical-align: center;
}
/*------------------table 6 = sur lien fb------------------*/
table#table6
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table#table6 td.col1table6
{
	text-align: left;
    width: 50%;
	font-size: 1.2em;
	vertical-align: center;
}
table#table6 td.col2table6
{
	text-align: right;
    font-size: 0.8em;
	vertical-align: bottom;
}
/*---------------Table Infos---------------*/
#infos_perso tr, td, table
{
	text-align: center;
	border: 2px solid black;
	padding: 5px;
	margin-top: 10px;
	empty-cells:show;
}


/*------------------Fin------------------*/