/* css AVR style v1.00 */

/* basic elements */

body
{
    font: 12pt/14pt Arial;
    color: Black;
    width: 800px;
    margin: 0em;
    margin-left: auto;
    margin-right: auto;
    border-right: #FFF244 2px solid;
    border-top: #FFF244 2px solid;
    border-left: #FFF244 2px solid;
    border-bottom: #FFF244 2px solid;
    background-attachment:scroll;
    background-image: url(bg.png);
    background-repeat:repeat;
}

a:link { 
	text-decoration: none; 
	color:#7A6600;
	}
a:visited { 
	text-decoration: none; 
	color:#7A6600;
	}
a:hover, a:active { 
	text-decoration:underline; 
	color:#7A6600;
	font-weight: bold; 
	}

/*****************/
/* Header Blocks */
/*****************/

/* header */
.header 
{
    background: #D8D8D8;
    text-align:center;
	}

/* header1 */
.a_header1 { 
	}

/* header2 */
.a_header2 { 
	}

/* header3 */
.a_header3 { 
	}

/* header4 */
.a_header4 {
    }

/* header5 */
.a_header5 { 
    vertical-align:middle;
	}

/*****************/
/* Center Blocks */
/*****************/

/* center */
.center 
{
    clear:both;
    background-color: #D8D8D8;
    background-repeat: repeat;
	}

/* center1 */
.b_center1 
{
    float:none;
    background-color: #D8D8D8;
    background-repeat: repeat;

    text-align:right;
    vertical-align:middle;
    width:100%;
	}

/* center2 */
.b_center2 
{
    float:left;
    background-color: #D8D8D8;
    background-repeat: repeat;

    text-align:center;
    width:20%;
    height:100%;
	}

/* center3 */
.b_center3 
{ 
    float:right;
    background-color: #D8D8D8;
    background-repeat: repeat;

	}

/* center4 */
.b_center4 
{
    text-align:center;
    float:right;
    width:80%;
    background-color: #D8D8D8;
    background-repeat: repeat;
 height:100%;
	}

/* center5 */
.b_center5 
{
    width:100%;
    text-align:center;
    clear:both;
    background-color: #D8D8D8;
    background-repeat: repeat;

	}

/***********************/
/* Begin Footer Blocks */
/***********************/

/* footer */
.footer  
{
    background: #D8D8D8;
	text-align:center;
	clear:left;
	font: 10pt/12pt Arial;
	}

/* footer1 */
.c_footer1  
{
	float:left;
	}

/* footer2 */
.c_footer2 { 
	float:right;
	}

/* footer3 */
.c_footer3 { 
	}

/* footer4 */
.c_footer4 { 
	}

/* footer5 */
.c_footer5 { 
	}
	
/* Standard Footer */
.standard_footer 
{
    background: #D8D8D8;
    width:100%;
    text-align:right;
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:right;
	}

/*****************/
/* MODULE Blocks */
/*****************/

/*****   Module .spirit_Administration    *****/
/*            Administration Access           */

.Administration_Access 
{
/*     clear:both; */
    font: 10pt/12pt Tahoma;
	text-align:center;
	border-right: black 2px solid;
    border-top:#D1D1D1 2px solid;
    border-left: #D1D1D1 2px solid;
    border-bottom: black 2px solid;
    padding:5px 5px 5px 5px;
    margin-left:30%;
    margin-right:30%;
    margin-bottom:0%;
    margin-top:0%;
	}
.Administration_Access .Title
{
    font: 10pt/12pt Tahoma;
    font-weight:bold;
    list-style-type:none;
    height:auto;
	text-align:center;    
	}
.Administration_Access .Line
{
    font: 10pt/12pt Tahoma;
    list-style-type:none;
    height:auto;
	text-align:center;
	}
.Administration_Access .Message
{
    font: 10pt/12pt Tahoma;
    list-style-type:none;
    height:auto;
    color:Red;
	text-align:center;
	}	

/* Administration Access (admin.aspx page in root)*/
.AVR_admin 
{
    width:25%;
    height:50%;
    border-right: #FFF244 1px solid;
    border-top:#FFF244 1px solid;
    border-left: #FFF244 1px solid;
    border-bottom: #FFF244 1px solid;
	}
	
/* AVR_Evenements */
.AVR_evenements
{
    width:95%;
    margin-left:3px;
    margin-right:3px;
    border-right: #FFF244 1px solid;
    border-top:#FFF244 1px solid;
    border-left: #FFF244 1px solid;
    border-bottom: #FFF244 1px solid;
	font: 10pt/12pt Arial;
	}
.AVR_evenements_gridview
{
    width:95%;
	text-align:center;
	}

/* AVR_Der_Maj */
.AVR_Der_Maj
{
    color:Red;
    font-weight:bolder;
	}

/* Selection Offres */
.AVR_seloffres
{
    width:95%;
    margin-left:3px;
    margin-right:3px;
    border-right: #FFF244 1px solid;
    border-top:#FFF244 1px solid;
    border-left: #FFF244 1px solid;
    border-bottom: #FFF244 1px solid;
	font: 10pt/12pt Arial;
	}
	
/* Show Offres */
.AVR_offres
{
    width:95%;
    margin-left:3px;
    margin-right:3px;
    border-right: #FFF244 1px solid;
    border-top:#FFF244 1px solid;
    border-left: #FFF244 1px solid;
    border-bottom: #FFF244 1px solid;
	font: 10pt/12pt Arial;
	}
.AVR_offres_header
{
    width:95%;
    margin-left:3px;
    margin-right:3px;
	font: 10pt/12pt Arial;
    background-color:Yellow;
	}
.AVR_detail_offre
{
        background-color:#FFFEC9;
	}
/*                                               */	
/**************** Module Custom Page *************/
/*                                               */
.custom_page
{
    font: 10pt/12pt Tahoma;
	margin: 1px;
	text-align:left; 
	vertical-align:middle;
	padding:5px;
    border-right: #FFF244 1px solid;
    border-top:#FFF244 1px solid;
    border-left: #FFF244 1px solid;
    border-bottom: #FFF244 1px solid;
    height:auto;
	}
/*                                      */	
/************** Info-Bulles *************/
/*                                      */
a.info_bulle {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info_bulle span {
   display: none; /* on masque l'infobulle */
}
a.info_bulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info_bulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: -350px; /* on positionne notre infobulle */
   left: -330px;
   background: white;
   color: green;
   padding: 30px; 
   border-right: #FFF244 2px solid;
   border-top:#FFF244 2px solid;
   border-left: #FFF244 2px solid;
   border-bottom: #FFF244 2px solid;

}