BODY {
	color: #000060;
	background-color: #fff;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-left:20px; margin-right:50px; margin-top:20px;
}

body.entete{ 
	background-color:#5699bc;
	background-image: url(../img/fond_entete.gif);
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin-left:0px; margin-right:0px; margin-top:0px;
}

body.gauche{ 
	background-image: url(../img/fond_gauche.gif);
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin-left:0px; margin-right:0px; margin-top:0px;
}
	
A:link {
	color: #000000;
	text-decoration: none;
}
A:visited {
	color: #000000;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
	color: red;
}
A:active {
	text-decoration: underline;
	color: red;
}
A.texte:link {
	color: blue;
	text-decoration: none;
}
A.texte:hover {
	text-decoration: underline;
	color: blue;
}
a.lien_menu_gauche { 
color: #fff; 
font-size: 12px;
font-weight: bold;
margin-left: 10px;
}
a.lien_menu_gauche:hover { 
color: #fff; 
font-size: 12px;
text-decoration: underline;
}
a.lien_menu_gauche:visited { 
color: #fff; 
font-size: 12px;
font-weight: bold;
margin-left: 10px;
}
.solidaires {
	color:#1d2371;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 22px;
	padding-top: 20px;
	background-color: red;
	position: absolute;
	top: 200px;
	left: 200px;

}
.champs {
	text-align:center;
	color:#1d2371;
	background-color: #dee7f9;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	BORDER-TOP: #c5d1e8 1px solid;
    BORDER-LEFT: #c5d1e8 1px solid;
	BORDER-RIGHT: #c5d1e8 1px solid;
	BORDER-BOTTOM: #c5d1e8 1px solid;
	padding-right:6px;
}
.champs_left {
	text-align:left;
	color:#1d2371;
	background-color: #dee7f9;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	BORDER-TOP: #c5d1e8 1px solid;
    BORDER-LEFT: #c5d1e8 1px solid;
	BORDER-RIGHT: #c5d1e8 1px solid;
	BORDER-BOTTOM: #c5d1e8 1px solid;
	padding-right:6px;
}

.input-txt {
	
	font-size: 12px;
	text-align: left;
	width:100%;
}
.input-txtrech {
	font-size: 11px;
	text-align: left;
	width:60%;
}
.input-cal {
	font-size: 11px;
	text-align: right;
	width:80%;
}
.input-ans {
	font-size: 18px;
	text-align: center;
	width:80%;
	color: #d20000;
}
/* POUR LA CLASSE COMPLETION */
.bloc {
	width: 300px;
	height: 5px;
}
.conteneur {
	margin-top: 200px;
	margin-left: 200px;
	width: 40%;
	background-color: blue;
}

/* LES TABLEAUX EN GENERAL */
.entet-tbl1 {
	background-color: #abc5d0;
	background-image: url(../img/entet_tbl1.jpg);
	background-repeat: repeat-x;
	line-height: 25px;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 18px;
	BORDER-TOP: #bdd2e0 1px solid;
    BORDER-LEFT: #bdd2e0 1px solid;
	BORDER-RIGHT: #bdd2e0 1px solid;
	BORDER-BOTTOM: #bdd2e0 1px solid;
}
.entet-tbl2 {
	color:#1d2371;
	background-color: #a9c7d8;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	BORDER-TOP: #bdd2e0 1px solid;
    BORDER-LEFT: #bdd2e0 1px solid;
	BORDER-RIGHT: #bdd2e0 1px solid;
	BORDER-BOTTOM: #bdd2e0 1px solid;
}
.entet-tbl3 {
	color:#fff;
	background-color: #4a82a3;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	BORDER-TOP: #bdd2e0 1px solid;
    BORDER-LEFT: #bdd2e0 1px solid;
	BORDER-RIGHT: #bdd2e0 1px solid;
	BORDER-BOTTOM: #bdd2e0 1px solid;
}
.none {
	color:#1d2371;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	BORDER-TOP: #bdd2e0 0px solid;
    BORDER-LEFT: #bdd2e0 0px solid;
	BORDER-RIGHT: #bdd2e0 0px solid;
	BORDER-BOTTOM: #bdd2e0 0px solid;
}
.logout {
	background-color: #8ab3eb;
	background-image: url(../img/entet_tbl1.jpg);
	background-repeat: repeat-x;
	line-height: 25px;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	BORDER-TOP: #bdd2e0 1px solid;
    BORDER-LEFT: #bdd2e0 1px solid;
	BORDER-RIGHT: #bdd2e0 1px solid;
	BORDER-BOTTOM: #bdd2e0 1px solid;
}
.pied-tbl1 {
	background-image: url(../img/pied_tbl1.jpg);
	background-repeat: repeat-x;
	background-color: #bcd6e7;
	font-weight: bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	BORDER-TOP: #bdd2e0 1px solid;
    BORDER-LEFT: #bdd2e0 1px solid;
	BORDER-RIGHT: #bdd2e0 1px solid;
	BORDER-BOTTOM: #bdd2e0 1px solid;
}
.tabletopleft {
	background-color: #5699bc;
    FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
    FONT-FAMILY: verdana, helvetica, arial, sans-serif;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
 }
.tabletopright {
	background-color: #5699bc;
	FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
   BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}
.tableleft {
	FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
 }
.tableleftb {
	FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
     BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
 }
 .tableright {
	FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
 }
 .tablepied {
	background-color: #8dbad2;
    FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
 }
 .maintext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
   
}
/* les boutons */
 .formbutton {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
 /*   CURSOR: hand;*/
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #fff;
}

.table_tn1{
	color: #fff;
	background-color: #5699bc;
    FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
 }
 .table_tn2{
	background-color: #d1ecf9;
    FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
 }
/* =================================================================================
** Tooltip
*/

div.tooltip {
    border: 2px solid #416bf6; 
    padding: 10px 0px 10px 20px; 
    position: absolute; 
    background-color : #fff;
    opacity: 0.8;
	filter: alpha(opacity=80);
	display : inline;
}

div.tooltip ul {
    list-style-type : none;
	display : inline;
}

div.tooltip ul li {
    float : left;
    clear : both;
    background-position : left center;
    background-repeat : no-repeat;
    padding-left : 20px;
    padding-top : 9px;
    height : 20px;
    vertical-align : middle;
    font-weight : bold;
	display : inline;
	margin-right : 20px;
}

div.tooltip-load {
    background-image:url("/img/load.gif");
    background-position : center center;
    background-repeat : no-repeat;
    width:130px;
    height:40px;
}

/* =================================================================================
** Message  dans la tooltip
*/
div.tooltip p {
    margin-right : 20px;
}

div.tooltip h1 {
    font-size : 13px;
    font-weight : bold;
    border-bottom : 1px solid #416bf6;
    margin-bottom : 1em;
    margin-right : 20px;
}
/* =================================================================================
** reprise de l'ancienne feuille de style de didier (partie téléchargement de solidaires):
*/
.corptxtnoir
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.date-publication
{
	TEXT-ALIGN: left;
    FONT-SIZE: 9px;
    COLOR: #FF0000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

A.lien_bleu:link 
{
	color: blue;
	text-decoration: underline;
}
A.lien_bleu:hover 
{
	color: red;
	text-decoration: underline;
}

.savoirplus
{
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.entete
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}