/* CSS Document */
/***********************************************/
/* bureau.css version 2.0                      */
/* bureau outils intranet asmeg.org            */
/* auteur: Jerome Travers                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%; /*10*/
	line-height: 1em;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

sup{
    font-size: 10px;
    color: gray;
}

table, td {
	font-size: 1.1em; 
	font-family: Verdana, Arial, sans-serif;
	color: #000;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

img {
	border-width: 0;
	border-style: none;
}

a {
	color: #0878A6;
	text-decoration: none;
}

a:link, a:visited {
	color: #0878A6;
	text-decoration: none;
}

a:hover {
	color: #289BCA;
	text-decoration: underline;
}

/* voir les autres liens specifiques */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

dt, dl {
	margin: 0px;
	padding: 0px;
}

/***********************************************/
/* les classes intranet                        */
/***********************************************/ 

.courant {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	font-color: #323338;
}

.donnees{
	font-weight: bold;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
	/*font-size: 1em;*/
	line-height: 1.8em;
	font-color: #000;
}

.erreur {
	color: red;
	background-color: #F7CCB8;
}

.resultat {
	font-size: 1.5em;
	color: #00D000;
}

.message {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right:  auto;
	color: #0878A6;
	font-size: 1.3em;
	text-decoration: none;
	line-height: 2.5em;
	width: 80%;
	border: 1px solid #00D000;
	border-color: #00D000;
	background-color: #E0FAE0;
	text-align: center;
}

.alerte {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right:  auto;
	color: red;
	font-size: 1.3em;
	text-decoration: none;
	line-height: 2.5em;
	width: 80%;
	border: 1px solid red;
	border-color: red;
	background-color: #F7CCB8;
	text-align: center;
}


/*********************************************/
/*             class activ PRO               */
/*********************************************/

.activpro {
	position: relative;
	/* correction d'un bug IE5 PC */
	margin-bottom: 13px; 
	/*padding-bottom: 20px; */
}

.activprofond{ 
	 position: relative;
	 background: url(../images/rub400_centre.jpg) left repeat; }

.activprofond_570{ 
	 position: relative;
	 background: url(../images/rub570_blanccentre.jpg) left repeat; }

.activprofond_750{ 
	 position: relative;
	 background: url(../images/rub750_centre.jpg) left repeat; }

.activrub{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #0878A6 url(../images/rub400_top.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activrub_570{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #0878A6 url(../images/rub570_blanctop.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activrubsejour_570{
	font-size: 1.5em; 
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #0878A6 url(../images/rub570_jaunetop.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activrub_750{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #0878A6 url(../images/rub750_top.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

/* anciens tableaux remplaces par la class "liste"  important 
.activpro table{color: #000;margin-left: 1px;margin-right: 1px;cellpadding: 5;}
.activpro td{color: #000; line-height: 1.5em;background-color: #F4F4F4; bordercolor: #F7F7F7;}
.activpro th{font-size: 1.1em; font-weight: bold;line-height: 1.5em;color: #000;background-color: #F7F7F7;border: 1px #a5a5a5 solid;} 
anciens tableaux remplaces par la class "liste" fin */


.activrub2{
	background: #0878A6 url(../images/rub400_bottom.jpg) bottom left no-repeat;
}

.activrub2_570{
	background: #0878A6 url(../images/rub570_blancbottom.jpg) bottom left no-repeat;
}

.activrub2_750{
	background: #0878A6 url(../images/rub750_bottom.jpg) bottom left no-repeat;
}
	


	
	/*******************/
	/*  FIN activ PRO  */
	/*******************/
	

.rubrique {
	font-size: 1.5em; 
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.33em;
	background-color: #0878A6;
	color: #FFFFFF;
	padding-left: 0.5em;
}

.theme {
	margin-top: 0.5em;
	font-size: 1.2em; 
	font-weight: bold;
	line-height: 1.33em;
	text-align: right;
	}

.titre {
	font-size: 1.6em; 
	font-weight: bold;
	line-height: 1.33em;
	border-top-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
}

.chapo{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.5em;
	color: #323338;
	color: gray;
	line-height: 1.5em;
}

.extrait{
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #323338;
	text-align: justify;
}

.tiny{
	font-size: 9px;
	line-height: 0.9em;
	color: #64566F;
	line-height: 1.5em;
}

.tinytitre{
	font-size: 9px; 
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px #FFA23A solid;
	margin-bottom: 5px;
	color: #64566F;
	line-height: 1.5em;
}

a.texte {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        text-decoration: none;
}
a.texte:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        text-decoration: none;
}
a.texte:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        text-decoration: none;
}
a.texte:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #0878a6;
        text-decoration: none;
}



/**************************************/
/*      couleurs du bandeau deco      */
/**************************************/

.defautccas{background-color: #0054B3;}
.defautcomite{background-color: #C90211;}
.defautiforep{background-color: #019934;}

/***********    perso   ***************/

.bleumarocain{background-color: #052E51;}
.gingembre{background-color: #BA5D05;}
.rougebeauty{background-color: #BF000B;}
.vinrubis{background-color: #700018;}
.atmosphere{background-color: #B2A68A;}
.olive{background-color: #46500D;}
.violette{background-color: #570151;}
.rotin{background-color: #DAC53C;}
.mousse{background-color: #9EA201;}
.orange{background-color: #EE7607;}

/**************************************/
/*           FIN   bandeau deco       */
/**************************************/

/**************************************/
/*         code couleurs sejour       */
/**************************************/

.colororange{
	color: #FFB305;
	font-weight: bold;
	}

.colorrouge{
	color: #C00000;
	font-weight: bold;
	}
	
.colorvert {color: #00CC00;
font-weight: bold;
}
.colorviolet {color: #6633CC;
font-weight: bold;
}

.colorbleu {color: #0033CC;
font-weight: bold;
}

a:visited.colororange{
	color: #FFB305;
	font-weight: bold;
	}

a:visited.colorrouge{
	color: #C00000;
	font-weight: bold;
	}

a:visited.colorvert {color: #00CC00;
font-weight: bold;
}

a:visited.colorviolet {color: #6633CC;
font-weight: bold;
}

a:visited.colorbleu {color: #0033CC;
font-weight: bold;
}
/**************************************/
/*         FIN  couleurs sejour       */
/**************************************/

/***************************************/
/*   style sur les ../images hover        */
/***************************************/

a.vignette:hover {
	/* definition de la classe "image" de la balise <a> au survol*/
     filter: alpha(opacity=80);
     -moz-opacity:.80;
     opacity:.80;
}

a:hover img{
	/* definition de la classe "image" de la balise <a> au survol*/
     filter: alpha(opacity=80);
     -moz-opacity:.80;
     opacity:.80;

}


/******************************************/
/*                fin style ../images        */
/******************************************/


.titrefull {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 2em;
	color: #999999;
}

.flien {
	margin-left: 5px;
	line-height: 0em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
}

/********************************************************************************************/
/*                                   les Identificateurs                                    */
/********************************************************************************************/ 


     /***********************************************/
     /*               tete de page                 */
    /***********************************************/

#bandeaudefaut {
	position: relative;
	height: 15px;
	background-color:#0054B3; /* couleur variable en option */
}

#headerdefaut {
	position: absolute;
	top: 15px;
	width: 750px;
	height: 60px;
	left: 50%;
	margin-left: -375px;
}

#username {
	position: relative;
	float: left;
	width: 583px;
	height: 30px;
	margin-top: 3px;
	font-size: 1.5em; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#logointranet {
	position: relative;
	float: left;
	width: 167px;
	height: 39px;
	margin-top: 0px;
}

/************** barre de navigation ***************/

#nav {
	position: relative;
	clear: both;
	width: 750px;
	height: 20px;
	border-top: 1px #66CCFF solid;
	padding-top: 2px;
}

#nav ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menu li {
float: left;
margin-left:3px;
}

/*********** fin de barre de navigation ***********/

/***********************************************/
/*              Fin tete de page                */
/***********************************************/




/***********************************************/
/*         Gabarit general de page             */
/***********************************************/

#contgene {
	position: absolute;
	top: 60px;
	width: 751px;
	left: 50%;
	margin-left: -375px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

#hauteurpage {
	position: relative;
	float: left;
	width: 1px;
	height: 550px;
}

#piedpage {
	position: relative;
	clear: both;
	text-align: right;
	margin-top: 10px;
	border-top: 1px solid #66CCFF;
	padding-top: 5px;
	width: 751px;
}

/***********************************************/
/*         Fin Gabarit general de page         */
/***********************************************/


/***********************************************/
/*      Propriete de page type 1 colonne       */
/***********************************************/

#colonnecentrale1col {
	position: relative;
	float: left;
	margin-left: 0px;
	padding: 0;
	width: 750px;
	top: 0px;
	background-color: #FFFFFF;
}

/***********************************************/
/*    fin Propriete de page type 1 colonne    */
/***********************************************/


/***********************************************/
/*      Propriete de page type 2 colonnes      */
/***********************************************/

#colonnecentrale2col {
	position: relative;
	float: left;
	left: 0px;
	margin-left: 9px;
	padding: 0;
	width: 570px;
	top: 0px;
	background-color: #FFFFFF;
}

/***********************************************/
/*      fin Propriete de page type 2 colonnes       */
/***********************************************/

/***********************************************/
/*        Propriete de page type 3 colonnes    */
/***********************************************/


#colonnegauche {
	position: relative;
	float: left;
	width: 140px;
	/*height: 550px;*/
}

#colonnegauche ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#colonnegauche li a {
	display: block;
	margin-top: 0.7em;
	color: #0878A6;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.2em;
	width: 140px;
	background-color: #FFFFFF;
	text-align: center;
	border: #0878A6 1px solid;
	padding: 0.8em 0 0.8em 0
}

#colonnegauche li a:hover {
	background-color: #B5E6F4;
	text-decoration: underline;
}

#colonnegauche li a.activated {
  display: block;
	margin-top: 0.7em;
	color: #0878A6;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.2em;
	width: 140px;
	background-color: #B5E6F4;
	text-align: center;
	border: #0878A6 1px solid;
	padding: 0.8em 0 0.8em 0
}

#colonnecentrale {
	position: relative;
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 400px;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 1;
}

#outilclick {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0;
	padding: 0;
	width: 376px;
	height: 20px;
	border-top: 1px solid #ccc
}

#colonnedroit {
	position: relative;
	background-color: #FFFFFF;
	float: right;
	margin-top: 0px;
	width: 170px;
	top: 0px;
}

#maphoto {
	position: inherit;
	width: 150px;
	height: 150px;
	border: 1px black solid;
	margin-left: auto;
	margin-right: auto;
}

#colonnedroit h1 {
	display: block;
	font-family: "Trebuchet ms", Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background-color: #F7F3F2;
	border: 1px #B8CAE0 solid;
	text-align: center;
	margin-top: 1em;
}

#colonnedroit ul {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px #B8CAE0 solid;
	border-left: 1px #B8CAE0 solid;
	border-bottom: 1px #B8CAE0 solid;
	padding: 2px;
	margin: 0px;
	list-style-type: none;
	list-style-type: none;
}

#colonnedroit ul li {
	margin-left: 5px;
	line-height: 1.5em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

/***********************************************/
/*              conteneur de flux              */
/***********************************************/

#fluxservice {
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	z-index: 2;
}

#fluxdirection{
	position: relative; /* correction d'un bug IE PC */
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: 0;
	z-index: 2;
}

#fluxmonblog {
	position: relative; /* correction d'un bug IE PC */
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: 0;
	z-index: 2;
}

#listlien{
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding: 0;
	background-color: #FFFFFF;
	z-index: 3;
}

#listlien ul{
	list-style-type:  none;
	padding-left: 0;
	margin: 0;
}

#listlien li{
	margin-left: 5px;
    line-height: 1.5em;
    background-image: url("../images/flien2.jpg"); 
    background-repeat: no-repeat; 
    font-size: 1em;
    text-align: left; 
    padding-left: 7px; 
    padding-bottom: 3px; 
}




/***********************************************/
/*                   divers                    */
/***********************************************/


.guidetitre {
	margin-top: 1em;
	margin-bottom: 0.5em;
	color:  #0054b3;
	font-size: 2em; 
	font-weight: bold;
	line-height: 1.33em;
}

/***********************************************/


/************************************************/
/*	         Styles Atos Origin                 */
/************************************************/
input.listepret {
	clear: both;
	background-color: #0878A6;
	/*width: 80px;*/
	padding: 5px;
	align: baseline;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
	
}

.dateRouge{
	color: #FF0000;
}