/* CSS Document */
/***********************************************/
/* bureau.css                                  */
/* 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;
}

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: 1.2em;
	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;
}



/*********************************/
/*            formulaires        */
/* *******************************/

.box{
	margin-top: 0px;
	position: relative;
	width: 100%;
}

.box p{
	margin: 10px;
}

.box dt{
	margin-top: 20px;
	margin-left: 10px;
	font-size: 1.2em;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
}

.box dd{
	margin-top: -16px;
	margin-left: 150px;
	padding: 1px;
}

.box ul{
	list-style-type: none;
	margin-top: 20px;
	}

.box li{
	margin-top: -20px;
	margin-right: 5px;
	list-style-type: none;
	float: left;
}


.valeur {
	font-size: 1.1em;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
	background-color: #ADC3C7;
	padding: 3px;
}

.regul{
clear: both;
}

/*bouton valider vert fluo*/
input.valider {
	border:1px solid #00D000;
	background-color: #00D000;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

input.valider:hover {
border:1px solid #F9F9F9;
}

input.valider:active {
border:1px inset #0878A6;
} 

/*bouton action variable et rouge*/
input.action {
	border:1px solid #FF6633;
	background-color: #FF6633;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

input.action:hover {
border:1px solid #F9F9F9;
}

input.action:active {
border:1px inset #0878A6;
} 


/*bouton suivant*/
input.suivant {
	border:1px solid #0878A6;
	clear: both;
	background-color: #0878A6;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
}

input.suivant:hover {
border:1px solid #F9F9F9;
}

input.suivant:active {
border:1px inset #0878A6;
} 



/*selecteur*/
#formselecteur {
	margin: 20px;
	
}

#formselecteur form{
	border:1px solid #ADC3C7;
	padding: 20px 10px 0px 10px;
	
}

#formselecteur p{
	margin-left: 15px;
	margin-right: 2em;
	text-align: justify;
	line-height: 1.3em;
}

#formselecteur.clearfixe{
	border-top:1px solid #CCC;
	padding: 10px 0px;
	vertical-align:top;
	}
		
#formselecteur form label{
	width: 100px;
	float: left;
	font-size: 1.2em;
	color:  #003366;
	margin: 0 7px 0 0;
	
}

#formselecteur input{
	border:1px solid #ADC3C7;
	margin-top: -5px;
	margin-bottom: 10px;
	padding: 1px;
	
}


#formselecteur input.selecteur {
	border:1px solid #00D000;
	background-color: #00D000;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
}

#formselecteur input.selecteur:hover {
border:1px solid #F9F9F9;
}

#formselecteur input.selecteur:active {
border:1px inset #0878A6;
} 


	
/*********************************/
/*            listes             */
/* *******************************/

.liste {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
	z-index: 3;
	width: 100%;
}

.liste img {
	vertical-align: middle;
}

.liste table {
	font-family: inherit;
	font-size: 100%;
	padding: 0px;
	/*border-collapse: collapse;*/
	width: 100%;
}

.liste table th {
	background-color: #f0f0f0;
	background: url("images/table_th.gif") repeat-x left bottom;
	color: #000;
	vertical-align: middle;
	font-weight: bold;
	padding: 4px 0 10px 4px;
}

.liste table th a {
	color: #000;
	text-decoration: none;
}

.liste table td {
	padding: 5px;
	vertical-align: top;
	border-bottom: #e4e4e4 1px solid;
}

.liste table tr.blanc {
	background-color: #fff;
}

.liste table tr.gris {
	background-color: #f8f8f8;
}

.liste table td.rightalign, .liste table th.rightalign {
	text-align: right;
	padding-right: 0.5em;
}

.liste table th.leftalign {
	text-align: left;
	padding-left: 0.5em;
}


.liste table td.centrer {
	text-align: center;
}

.liste table .bold {
	font-weight: bold;
}

.liste2 {
	width: 70%;
}

.liste2 table {
	font-family: inherit;
	font-size: inherit;
	padding: 0px;
	border-collapse: collapse;
}

.liste2 table .bold {
	font-weight: bold;
}

.liste2 table td {
	padding: 5px;
}



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

.activpro {
	position: relative;
	/* correction d'un bug IE5 PC */
	margin-bottom: 13px; 
	/*padding-bottom: 20px; */
}
	
.activprofond{ 
	 background: #fff url(images/rub400_centre.jpg) left repeat; }

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

.activprofond_750{ 
	 background: #fff 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;
} 

*/

.nom{
	font-weight: bold; 
	color: #000;
	text-align: left;
}

.date{
	color: #000;
	text-align: center;
}

.euros{
	color: #000;
	text-align: right;
}

.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       */
/**************************************/


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

a.vignette:hover {
	/* definition de la classe "image" de la balise <a> au survol pour IE uniquement */
     filter: alpha(opacity=50);
}

a.img:hover {
	/* definition de la classe "image" de la balise <a> au survol pour IE uniquement*/
     filter: alpha(opacity=50);
}


/******************************************/
/*                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;
}

#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;
}

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


/***********************************************/
/*              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: 3em;
	width: 140px;
	border: 1px solid #0878A6;
	background-color: #FFFFFF;
	text-align: center;
}

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

#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                    */
/***********************************************/

  #boxvalid{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

#boxvalidright{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	text-align: right;
}

.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;
}