/* CSS Document */
body {
	background : #5686c4;
	background-image:url(../images/fond.jpg);
	background-repeat: repeat-x;
	margin : 0;
	padding : 10px;
	border-style : hidden;

}

   a.selection {
        background-color : #FFFFFF;
        text-decoration:none;
    }
    a.selection:hover {
        background-color : #d9d9d9;
        text-decoration:none;
      
    }
a.info {
  position:relative;
  
  text-decoration: none; 
  	font-size: 13px;
	font-family : Verdana;
	color: #646669;
	border: none;
}

a:hover.info {
  text-decoration: underline;
  background: none;
  text-decoration: none; 
  	font-size: 13px;
	font-family : Verdana;
	color: #1a1a1a;
	border: none;
}
a.info span {display: none;}

a:hover.info span {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #F0F0F0;/*#7c7c7c;/*#ff4e00;*/
  color: #1a1a1a;/*#fff;*/
  border:1px solid #666;
  width:450px;
  text-align:justify;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:10px;
	margin-left : 200px;
}

.preview{
/*	position:absolute;*/
	border:1px solid #CCCCCC;
	background:#56b953;
	padding:2px;
	    text-decoration: none;   
	/*display:none;*/
	color:#FFFFFF;
	}
a:hover.preview {
/*	position:absolute;*/
	border:1px solid #CCCCCC;
	background:#4e433e;
	padding:2px;
	    text-decoration: none;   
	/*display:none;*/
	color:#FFFFFF;
	}	
  H1{
  	color : black;
  	font-size : 23px;
  	font-family : georgia;
    font-weight: normal;	
  }
 H1 a {
  	color : #FFFFFF; /*C40E1F; ROUGE*/
  	font-size : 14px;
  	font-family : Verdana;
    font-weight: normal;
    font-style: normal;
    text-decoration:none;
  }
  
  H2 {
  	color : white;/*#BB007B;*/
  	font-size : 23px;
  	font-family : georgia;
    font-weight: normal;
  }
 H2 a {
  	color : #C40E1F; /*C40E1F; ROUGE*/
  	font-size : 12px;
  	font-family : Tahoma;
    font-weight: normal;
    font-style: normal;
    text-decoration:none;
  }
  
  H3 {
  	color : black;
  	font-size : 13px;
  	font-family : Verdana;
    font-weight: normal;
  }
 H3 a {
  	color : #FFFFFF; /*C40E1F; ROUGE*/
  	font-size : 10px;
  	font-family : Verdana;
    font-weight: normal;
    font-style: normal;
    text-decoration:none;
  }
  
  H4 {
  	color : black;/*#8A005B;*/
  	font-size : 14px;
  	font-family : Verdana;
    font-weight: normal;
  }
  
  H5 {
  	color : black;/*#8A005B;*/
  	font-size : 10px;
  	font-family : Verdana;
    font-weight: normal;
  }   
/*
  a {
  	color : #C40E1F;
  	font-size : 9px;
  	font-family : Verdana;
    font-weight: normal;
  }
*/      
/* - ------------------------------------------------------------FORMULAIRES  */

LABEL {DISPLAY: inline ; FLOAT: left ; WIDTH: 170px  ; }/*  margin-left:75px;}*/
.INPUT {
	border: 1px solid #5686c4;
}
/*background-color:#FFF ; font-size: 11px ;font-family:verdana, sans-serif ; color:#00000 ; border : none;}/*#941F3C*/
.OPTION {  background-color: #FFF;}
.SELECTNO {  background-color: #FFF ; font-family:verdana, sans-serif ; color:#000 ; border : none;}
/*.TEXTAREA {  background-color: #FFF ; color:#005172;}*/
.BUTTON {  font-family: verdana, sans-serif ; border-width:1px ; font-size:9px ; color:white ; top:250px ; background-color:#FFF ; cursor:pointer; }    

 
 .formlabel {
 /*   clear: left;
    float: left;*/
	/*display: block;*/
    width: 130px;
    /*padding-right: 2px;
    text-align: right;*/
    /*font-size: 11px;
    font-family: Verdana, sans-serif ;*/
    }
        .INPUT {
            font-size: 11px;
            font-family: Verdana;
            color:#FFFFF; 
        }
        .TEXTAREA {
            font-size: 11px;
            font-family: Verdana;
            color:#FFFFF; 
        }
        .CHECKBOX {
            font-size: 11px;
            font-family: Arial;
            color:#FFFFF; 
        }
        .SELECT {
            font-size: 11px;
            font-family: Arial;
            color:#FFFFF; 
        }
		
img {
	border: 0;
}
	
#lien {
	text-decoration: none;
	color: black;
}


#lien_accueil {
	text-decoration: none;
	color: #5686c4;
	font-size: 9px;
	font-family: Verdana;
}

#lien_titre{
  	color : black;
  	font-size : 23px;
  	font-family : georgia;
    font-weight: bold;
}

#lien_titre_blanc{
  	color : white;
  	font-size : 23px;
  	font-family : georgia;
    font-weight: bold;
	text-decoration: none;
}

#tableau_principal{
	/*background-color: white;
	border: black 1px solid;*/
}
/*div accueil*/
#cadre_accueil_gauche{
	border-top: #0d2c89 6px solid;
	width: 450px;
	font-family : Verdana;
	font-size: 13px;
}

#cadre_membre{
	border-top: #0d2c89 6px solid;
	background-color: #ced0d8;
	width: 370px;
	font-family : Verdana;
	font-size: 13px;
}

#cadre_agenda_haut{
	background-color: #0d2c89;
	width: 370px;
	font-family : Verdana;
	font-size: 13px;
	color: white;
	margin-bottom: -20px;
}

#cadre_agenda_centre{
	background-color: #a9d2bd;
	width: 370px;
	font-family : Verdana;
	font-size: 13px;
}

#lien_annuaire{
	font-family : Verdana;
	font-size: 13px;
	color: black;
}

#footer{
	border: black 1px solid;
	background-color: #ced0d8;
	font-family : Verdana;
	font-size: 13px;
	text-decoration: none;
	color: black;
}

#div_scroll{
	height: 280px;
	overflow: auto;
}

#div_scroll_lien{
	height: 200px;
	overflow: auto;
}

#tableau_recap th{
	border-width:1px; 
	border-style:solid; 
	border-color:black;
}

#tableau_recap td{
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#tableau_recap td{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

#bulle_ntic {
	position: absolute;
	margin-top: 220px;
	margin-left: 650px;
}

a.info:hover span {
	position: absolute;
	/*display: inline;*/
	padding: 5px;
	/*margin-left : -200px;
	margin-top : 175px;*/
	moz-border-radius : 1em; 
	border: 1px solid #5786c4;
	color: #2b2b2b;
	text-align: justify;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	z-index: 600;
}