/* Date de modification : 13/03/08 */

/*************************/
/** Définition générale **/
/*************************/
* {margin: 0; padding: 0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

*.hidden {
    display : none;
}

a img, img {
    border-width : 0;
}

hr {
    color: #5293D4;
    background-color: #5293D4;
    height: 1px;
    border: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:20px;
	/* scrollbar */
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #5293d4;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #5293d4;
	scrollbar-shadow-color: #5293d4;
	scrollbar-track-color: #fff;
}

table,tr,td {
	font-size:11px;
	padding: 0 ;
}

ul{
	list-style:none;
}

.puce_carre{
	background: url(images/puce_carree.gif) no-repeat 0 07px;
	padding-left:10px;
}

.puce_carre2{
	background: url(images/puce_carree.gif) no-repeat 0 10px;
	padding-left:10px;
}

a{
	color:#5293D4;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#000066; 
}

.separateur{
	background: url(images/px_gris.gif) repeat-x;
}

.separateur2{
	background: url(images/px_bleu.gif) repeat-x;
}

.texte{
	color:#105191;
	text-indent:5px;
}

.texte2{
	color:#620D7A;
	font-weight:bold;
	font-size:12px;
}

.texte3{
	font-weight:bold;
}

.texte4{
	position:absolute;
	top:50%;
	margin-top:-8px;
	height:20px;
	font-size:12px;
	left:100px;
	color:#ff6600;
	font-weight:bold;
}

.texte5{
	font-weight:bold;
	text-align:center;
}

/************/
/** HEADER **/
/************/
#header{
	background:url(images/bandeau.jpg) center top no-repeat;
	width:960px;
	height:80px;
}

#header_admin{
	background:url(images/bandeau_admin.jpg) center top no-repeat;
	height:80px;
	width:960px;
	position:relative;
}

#header p{
	display:inline;
}

#header_admin p{
	display:inline;
}


/* home admin */
#ic_accueil {
	width:17px;
	position:absolute;
	left:0;
	margin-top:62px;
	margin-left:7px;
}

#ic_accueil a{
	background:  url(images/menu_icones/ic_accueil_off.gif) no-repeat;
	display: inline;
	line-height:14px;
	text-decoration:none;
	width:17px;
}

#ic_accueil a:hover{
	background:  url(images/menu_icones/ic_accueil_on.gif) no-repeat;
}


/* bloc qui encadre les icônes du header */
#ic_header{
	/*border:1px solid #00ff00;*/
	margin-top:60px;
	height:20px;
	width:230px;
	display: inline;
	float:left;
	margin-bottom:-20px;
}

/* home intranet */
#ic_accueil2 {
	width:17px;
	margin-left:7px;
	margin-top:2px;
}

#ic_accueil2 a{
	background:  url(images/menu_icones/ic_accueil_off.gif) no-repeat;
	display: inline;
	line-height:20px;
	text-decoration:none;
	width:17px;
}

#ic_accueil2 a:hover{
	background:  url(images/menu_icones/ic_accueil_on.gif) no-repeat;
}

#ic_contact{
	margin-top:-19px;
	margin-left:43px;
	width:17px;
}

#ic_contact a{
	background:  url(images/menu_icones/ic_contact_off.gif) no-repeat;
	display: inline;
	line-height:20px;
	text-decoration:none;
	width:17px;
}

#ic_contact a:hover{
	background:  url(images/menu_icones/ic_contact_on.gif) no-repeat;
}

#ic_contact .clic{
	background:  url(images/menu_icones/ic_contact_on.gif) no-repeat;
}

#ic_repertoire{
	margin-top:-20px;
	margin-left:80px;
	width:17px;
}

#ic_repertoire a{
	background:  url(images/menu_icones/ic_repertoire_off.gif) no-repeat;
	display: inline;
	line-height:20px;
	text-decoration:none;
	width:17px;
}

#ic_repertoire a:hover{
	background:  url(images/menu_icones/ic_repertoire_on.gif) no-repeat;
}

#ic_repertoire .clic{
	background:  url(images/menu_icones/ic_repertoire_on.gif) no-repeat;
}

#ic_agenda{
	margin-top:-20px;
	margin-left:115px;
	width:17px;
}

#ic_agenda a{
	background:  url(images/menu_icones/ic_agenda_off.gif) no-repeat;
	display: inline;
	line-height:20px;
	text-decoration:none;
	width:17px;
}

#ic_agenda a:hover{
	background:  url(images/menu_icones/ic_agenda_on.gif) no-repeat;
}

#ic_agenda .clic{
	background:  url(images/menu_icones/ic_agenda_on.gif) no-repeat;
}

#ic_favoris {
    margin-top:-20px;
	margin-left:150px;
	background:  url(images/menu_icones/ic_favori_off.gif) no-repeat;
	width:44px;
	height:30px;
	cursor : pointer;
}

#ic_favoris:hover {
	background-image:  url(images/menu_icones/ic_favori_on.gif);
}

#ic_favoris span.number {
    display : block;
    margin-left : 20px;
    width : 50px;
	color : #fff;
}

#ic_favoris #favoris_content {
    position : absolute;
    border : 1px solid #105191;
    background-color : #fff;
    padding : 1em;
    width : 300px;
	cursor:default;
	display : none;
	overflow : hidden;
	margin-top : 10px;
	z-index : 10000;
    color : #105191;
    opacity : 0.9;
    filter: alpha(opacity=90);
}

#ic_favoris #favoris_content h2 {
    font-size : 13px;
    width: 100%;
    margin : 0;
    padding : 0 0 5px 0;
    border-bottom : 1px solid #105191;
    margin-bottom : 10px;
}

#ic_favoris #favoris_content img.favoris_del,
#ic_favoris #favoris_content img.favoris_close {
    vertical-align:middle;
    cursor : pointer;
}

#ic_favoris #favoris_content h2 img.favoris_del {
    position : absolute;
    right : 35px;
}

#ic_favoris #favoris_content h2 img.favoris_close {
    position : absolute;
    right : 15px;
}

#ic_favoris #favoris_content ul {
    padding : 0;
    padding-right : 5px;
    margin : 0;
	overflow : auto;
    max-height : 300px;
    _height : 300px;        /*Pour IE 6*/
    _max-height : none;     /*Pour IE 6*/
}

#ic_favoris #favoris_content ul li img.favoris_del {
    margin-right : 10px;
}

#ic_favoris #favoris_content ul li a {
    display : inline;
}

#ic_favoris #favoris_content ul li span.doc_supprime {
    text-decoration: line-through;
    font-weight : bold;
    cursor : help;
}

/* Alertes */
#alert_evnt{
	margin-top:-55px;
	margin-left:10px;
}

#alert_evnt a{
	background: url(images/alert_evnt.gif) no-repeat;
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-top:3px;
}

#alert_evnt a:hover{
	color:#f49117;
	text-decoration:none;
}

#alert_candidature{
	display:none;
}

#alert_candidature a{
}

#alert_candidature a:hover{
}


.bas{
	position: relative;
	/*left: 10px;*/
	top: 60px;
	margin:0;
	float:left;
	color:#FFF;
	height:20px;
	line-height:20px;
	/*background-color:#000;*/
	}

.bas2{
	position: relative;
	top: 55px;
	margin: 0;
	font-weight: bold;
	right:5px;
	float:right;
	width:230px;
	text-align:center;
}

#header a{
	display:block;
}

#header_admin a{
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:60px;
}
#header_admin a:hover{
	text-decoration:none;
}


/* partie admin */
#nom{
	font-size:12px;
	color:#FFF;
	padding-left:5px;
	height:20px;
	line-height:20px;
	margin-top:58px;
	float:left;
	margin-left:230px;
}

#date{
	height:17px;
	font-size:10px;
	color:#000;
	margin-top:58px;
	text-align:right;
	padding-top:4px;
	position:absolute;
	right:0;
	padding-right:6px;
}

#deconnexion{	
	width:150px;
	margin-top:5px;
	position:relative;
	float:right;
	margin-right:5px;
}

#deconnexion a{
	background: url(images/ic_deconnexion.gif) no-repeat right 1px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
    width:150px;
	height:20px;
}

#deconnexion a:hover{
	text-decoration:underline;
}


/* partie intranet */
/* bloc qui encadre la déconnexion, le nom et la date */
#entete{
	float:left;
	height:20px;
	line-height:20px;
	width:723px;
	margin-top:58px;
	position:relative;
}

#nom2{
	font-size:12px;
	color:#FFF;
	padding-left:5px;
}

#date2{
	font-size:10px;
	color:#000;
	margin-left:5px;
	float:right;
	margin-top:-20px;
}

#deconnexion2{
	float:right;
	margin-top:-56px;
	position:relative;
}

#deconnexion2 a{
	background: url(images/ic_deconnexion.gif) no-repeat right center;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-right : 18px;
}

#deconnexion2 a:hover{
    text-decoration:underline;
}

#deconnexion2 a span {
    font-size : 9px;
}

/* pour l'éditeur html */
#nom3{
	font-size:12px;
	color:#FFF;
	padding-left:5px;
	height:20px;
	line-height:20px;
	width:590px;
	margin-top:58px;
	float:left;
	margin-left:230px;
}

#date3{
	font-size:10px;
	color:#000;
	float:left;
	margin-top:37px;
	margin-left:38px;
}

#deconnexion3{	
	width:127px;
	margin-top:5px;
	position:relative;
	float:right;
	margin-right:5px;
}

#deconnexion3 a{
	background: url(images/ic_deconnexion.gif) no-repeat right 1px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
    width:127px;
	height:20px;
}

#deconnexion3 a:hover{
	text-decoration:underline;
}

/***********/
/** INTRO **/
/***********/
.fond_intro {
	border:1px solid #000;
	background: #AFD3F5 url(images/fond.gif) repeat-x 0 81px;
}

#contenu_intro{
	position:relative;
	height:370px;
	border:1px solid transparent;
}

#logo{
	background:url(images/logo_societe.gif) no-repeat top center;
	height:75px;
	width:223px;
	margin-left:124px;
}

#txt_intro{	
	background: url(images/txt_intro.gif) no-repeat;
	height:216px;
	width:428px;
	margin-top:20px;
	margin-left:30px;
}

#txt_intro_contenu{
	height:150px;
	width:418px;
	padding:60px 5px 5px 7px;
	color:#2285e8;
	overflow:auto;
}

#contenu_intro_form{
	height:300px;
	width:250px;
	float:right;
	margin-top:-280px;
	margin-right:70px;
}

/* pour IE 6 */
* html #contenu_intro_form{
	margin-top:-290px;
	margin-right:37px;
}

#erreur_identification{
	position:absolute;
	background: url(images/fond_erreur_identification.gif) no-repeat;
	height:41px;
	width:286px;
	font-size:12px;
	font-weight:bold;
	color:#105191;
	text-align:center;
	top:-60px;
	left:602px;
	z-index:10;
	padding-top:5px;	
}

#identification{
	width:218px;
	height:150px;
}

#tab_identification{
}

#tab_creermdp {
    position:relative;
	margin-left:290px;
	margin-top:70px;
}

#tab_creermdp table {
	width:400px;
}

#tab_creermdp #tab_entete1 {
	margin-top:4px;
	position:absolute;
}

/* En-tête pour l'identification */
#tab_entete1{
	color:#2285e8;
	font-size:12px;
	font-weight:bold;
    margin-top:-177px;
	*margin-top:-187px; /*IE 6 et 7*/
	margin-left:9px;
}

/** tableau identification + ts ceux en BLEU **/
/* Haut */
.tab_coin_h_g1{background: url(./images/structure_tableau/angle_hg1.gif) no-repeat top left; height:22px; width:10px;}
.tab_milieu_h1{height:10px;background-color:#d8ebff; border-top:1px solid #105191;}
.tab_coin_h_d1{background: url(./images/structure_tableau/angle_hd1.gif) no-repeat top right; height:22px; width:10px;}


/* Côtés */
.tab_milieu_g1{background-color: #F2F9FF; border-left:1px solid #105191;}
.tab_milieu1{background-color: #F2F9FF;}
.tab_milieu_d1{background-color: #F2F9FF; border-right:1px solid #105191;}

/* Bas */
.tab_coin_b_g1{height:10px; width:10px; background-color:#d8ebff; border-bottom:1px solid #105191; border-left:1px solid #105191;}
.tab_milieu_b1{background-color: #d8ebff; border-bottom:1px solid #105191; height:10px;}
.tab_coin_b_d1{height:10px; width:10px; background-color:#d8ebff; border-bottom:1px solid #105191; border-right:1px solid #105191;}

/** formulaire identification **/
/* champ texte */
input.text{
	border:1px solid #5293d4;
	font-size:11px;
	width:110px;
	color:#000066;
	margin-right:85px;
	text-indent:1px;
}

input.text:hover{
	border:1px solid #000066;
}

.puce{
	background: url(images/puce1_SousMenu.gif) no-repeat 0 5px #f2f9ff;
	color:#000066;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
}

input.bt_txt{
	background-color:#5293d4;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:120px;
	margin-bottom:3px;
	text-align:center;
	border:1px solid #FFF;
	
}

input.bt_txt:hover{
	background-color:#000066;
}

#liens_intro{
	width:250px;
	margin-top:35px;
	*margin-top:45px; /*IE 6 et 7*/
	_margin-top:2px;  /*IE 6 uniquement*/
	position:absolute;
}

.separateur3{
	clear:both;
	display:none;
}

#login_oublie{
	position:relative;
	background: #ffb27f;
	border:1px solid #fff;
	height:20px;
	width:175px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	margin-left:20px;
}

#login_oublie a{
	color:#FFF;
	text-decoration:none;
}

#login_oublie a:hover{
	text-decoration:underline;
}

#login_oublie_contenu{
	width:240px;
	margin-bottom:5px;
	text-align:center;
	margin-left:-10px;	
}

/*.tab_login_oublie_contenu{
	border:1px solid #E8691A;
	background-color:#FFF;
}*/

input.text_login_oublie{
	border:1px solid #ff6600;
	width:160px;
	color:#ff6600;
	background-color:#fff;
	margin-top:5px;
	margin-bottom:5px;
	text-indent:2px;
}

/* pourra ptre servir pour ts les autres */
input.bouton{
	background-color:#ff6600;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	/*margin-left:120px;*/
	margin-bottom:3px;
	text-align:center;
	border:1px solid #FFF;
	
}

input.bouton:hover{
	background-color:#000066;
}

#contact_admin{
	position:relative;
	background: #ffb27f;
	height:20px;
	width:175px;
	border:1px solid #fff;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	margin-left:20px;
}

#contact_admin a{
	color:#FFF;
	text-decoration:none;
}

#contact_admin a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*******************************/
/** CONTENU définition général **/
/*******************************/
#menu{
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
	width:230px;
	float:left;
	margin-top:10px;
	
}

#contenu{
	position:relative;
	width:710px;
	float:right;
	margin-top:11px;
	right:10px;
 }

#contenu_entier{
	position:relative;
	width:100%;
	float:right;
	margin-top:11px;
	/*right:10px;
	border:1px solid #00ff00;*/
}

/****************************/
/** MENU des pages intranet **/
/****************************/
/* onglets du menu -> les boutons */
#bt_espace{
	height:35px;
	width:230px;
	margin-bottom:5px;
}

#bt_espace img{
	height:35px;
	width:230px;
	margin-bottom:5px;
}

/* onglets du menu -> les liens */
.texte_menu_off {
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	padding-left:5px;
	position:relative;
	margin-top:-29px;
	/*border:1px solid #ff6600;*/
}

a:hover.texte_menu_off {
color:#000066;
}

a.texte_menu_on {
	display:block;
	padding-left:5px;
	position:relative;
	margin-top:-30px;
	}

.pge_enCours {
	color:#000066;
}

/* les sous menus */
#ssmenu_espace{
	width:210px;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:10px;
}

.ssmenu2 li{
	list-style-type:none;
	margin-left:0px;
	padding-left:12px;
	background:url(images/puce1_SousMenu.gif) no-repeat 0 3px;
	}
.ssmenu2 li:hover{
	background:url(images/puce3_SousMenu.gif) no-repeat 0 3px;
	}
.ssmenu2 li a {
	text-align:left;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#5293d4;
}

.ssmenu2 li a:hover {
	color:#000066;
}

.ssmenu2 li a.select {
	color:#000066;
}

.target{
	background:url(images/ic_fenetre.gif) no-repeat 0 3px;
	padding-left:12px;
}

/********************************/
/** CONTENU des pages intranet **/
/********************************/
.fond {
	border:1px solid #000;
	background-color:#FFF;
}

#tab_contenu{
	border:1px solid #333;
}

.bloc_contenu{
	margin-top:20px;
	float:left;
	width:512px;
	/*border:1px solid #ff0000;*/
}

.bloc_contenu2{
	margin-top:20px;
	border:1px solid #105191;
	float:left;
	background-color:#f2f9ff;
}

.bloc_contenu3{
	border:1px solid #333;
	float:left;
	background-color:#EEE;
}

.bloc_contenu4{
	border-top:1px solid #105191;
	border-left:1px solid #105191;
	background-color:#f2f9ff;
}

.bloc_contenu4 td{
	border-right:1px solid #105191;
	border-bottom:1px solid #105191;
}

#tab_description{
	float:left;
}

.tab_entete_description{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
}

.tab_entete_description_txt{
	color:#ff6600;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
	vertical-align:middle;
}

a.lien_description {
	background: url(images/ic_voir.gif) no-repeat;
	display:block;
	line-height:16px;
	color:#000033;
	text-decoration:none;
	padding-left:20px;
	margin-bottom:10px;
	text-align:left;
}

a.lien_description:hover {
	text-decoration:underline;
}

#tableaux_intranet{
	margin-top:20px;
	float:left;
	width:100%;
}

/* Quand on clique sur un favoris, on est redirigé vers la page de la rubrique,
/* la ligne du favoris cliqué est mis en evidence à l'aide de ce style
*/
#tableaux_intranet tr.selected {
    background-color : #9EC301;
}

.ligne1_tab_intranet{
	background-color:#d8ebff;
	height:20px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

.alignement_tab_intranet{
	padding-left:5px;
}

.nom_fichier {
	vertical-align:middle;
}

.ic_fichier {
	vertical-align:middle;
	margin-left:12px;
}

.ic_doc{
	vertical-align:middle;
}

.txt_color1{
	color:#ff6600;
}

a.ic_ferme{
	background: url(./images/ic_ferme.gif) no-repeat;
	display:block;
	height:16px;
	width:8px;
	margin-top:-15px;
	margin-left:70px;
	text-decoration:none;
}

a.ic_ouvert{
	background: url(./images/ic_ouvert.gif) no-repeat;
	display:block;
	line-height:8px;
	width:16px;
	margin-top:-9px;
	margin-left:70px;
	text-decoration:none;
}

a.modifier2{
	width:13px;
	height:14px;
	display:inline;
	vertical-align:middle;
	padding:5px 3px 0 0;
}

a.supprimer2{
	width:13px;
	height:14px;
	display:block;
	margin-top:-14px;
	margin-left:20px;
}

a.modifier3{
	width:13px;
	height:14px;
	display:inline; 
	vertical-align:middle;
	padding:5px 3px 0 3px;
}

a.modifier_html{
	background: url(images/ic_modifier_html.gif) no-repeat;
	width:13px;
	height:14px;
	display:block;
	margin-top:-14px;
	margin-left:20px;
}

a.modifier4{
	width:13px;
	height:14px;
	display:inline; 
	margin-top:20px;
	vertical-align:middle;
	padding:5px 3px 0 0;
}

#tableau_catalogue{
	margin-top:20px;
	float:left;
	width:100%;
	background-color:#EEE;
	border:1px solid #333;
}

#tab_nav_interne{
	float:left;
	width:100%;
	/*color:#000066;*/
}

/***** ACCUEIL Intranet *****/
/* Utilisés pour les tableaux de l'accueil (en-tête) */
.tab_coin_h_d2{background: url(./images/structure_tableau/angle_hd2.gif) no-repeat top right; height:22px; width:10px;}
.tab_milieu_h2{height:10px;background-color:#d8ebff; border-top:1px solid #105191; }

/* Accueil -> bloc Agenda */
#tab_agenda{
	float:left;
	margin-top:15px;
	margin-left:8px;
}

.tab_entete_agenda{
	background: url(images/entetes_accueil/entete_agenda.gif) no-repeat 2px 3px;
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;	
}

#tab_entete_accueil{
	height:19px;
	line-height:19px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}


/* Accueil -> bloc Documents insérés */
#tab_docs_inseres{
	float:left;
	margin-top:15px;
	margin-left:20px;
}

.tab_entete_docs_inseres{
	background: url(images/entetes_accueil/entete_docs_inseres.gif) no-repeat 2px 3px;
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
}

/* Accueil -> bloc moteur de recherche */
#tab_recherche{
	float:left;
	margin-top:10px;
	margin-left:8px;
}

.tab_entete_recherche{
	background: url(images/entetes_accueil/entete_recherche.gif) no-repeat 2px 2px;
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
}

/* Accueil -> bloc Documents téléchargés */
#tab_docs_telecharges{
	float:left;
	margin-top:10px;
	margin-left:20px;
}

.tab_entete_docs_telecharges{
	background: url(images/entetes_accueil/entete_docs_telecharges.gif) no-repeat 2px 3px;
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
}

.tab_entete_accueil_txt{
	color:#ff6600;
	font-size:13px;
	font-weight:bold;
	margin-left:22px;
	vertical-align:middle;
}

/***** Page CONTACT *****/
.tab_entete_contact{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;	
}

.ic_photo{
	border:1px solid #000;
	width:21px;
	height:30px;
}

a.ic_ferme_contact{
	background: url(./images/ic_ferme.gif) no-repeat center 2px;
	display:block;
	height:16px;
	width:16px;
	margin-top:5px;
	margin-left:5px;
	text-decoration:none;
}

a.ic_ouvert_contact{
	background: url(./images/ic_ouvert.gif) no-repeat center;
	display:block;
	height:16px;
	width:16px;
	margin-top:5px;
	margin-left:5px;
	text-decoration:none;
}

.tab_contact_recherche{
	background-color:#e3f2ff;
}

a.envoi_mail{
	background: url(images/ic_envoi_mail.gif) no-repeat;
	width:300px;
	height:14px;
	display:block;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	margin-top:5px;
}

a.envoi_mail:hover{
	color:#000099;
}

a.envoi_msg_ferme{
	background: url(images/ic_ferme.gif) no-repeat 0 1px;
	width:300px;
	display:block;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	color:#5293d4;
	margin-top:5px;
}

a.envoi_msg_ferme:hover{
	color:#000066;
}

a.envoi_msg_ouvert{
	background: url(images/ic_ouvert.gif) no-repeat 0 6px;
	width:300px;
	height:16px;
	line-height:20px;
	display:block;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	margin-top:5px;
}

a.envoi_msg_ouvert:hover{
	color:#000099;
}


iframe.contact{
	border:1px solid #333;
	width:450px;
	margin-left:10px;
	height:300px;
	padding:5px;
}

/*Div de selection des favoris*/
div.contact_favoris {
    border : 1px solid #105191;
    padding : 1em;
}

div.contact_favoris label {
    line-height : 20px;
    margin-top : 5px;
    display : block;
}

div.contact_favoris label:hover {
    background-color: #D8EBFF;
    cursor : pointer;
}

div.contact_favoris label input {
    margin-right : 5px;
}

/* Compte le nombre de Groupes ou Structures ou Fonctions sélectionnés pour envoyer un mail */
#nb_check_groupes{
	position:absolute;
	margin-left:269px;
	margin-top:-13px;
}

#nb_check_structures{
	position:absolute;
	margin-left:235px;
	margin-top:-13px;
}

#nb_check_fonctions{
	position:absolute;
	margin-left:228px;
	margin-top:-13px;
}

/***** Page REPERTOIRE *****/
.tab_entete_repertoire{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;	
}

iframe.repertoire{
	border:1px solid #333;
	width:450px;
	margin-left:10px;
	height:300px;
	padding:5px;
}

iframe.repertoire table{
	border:10px solid #fff;
}

/***** Page AGENDA *****/
.tab_entete1_agenda{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;	
}

.tab_entete2_agenda,
.tab_entete2_telechargement{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;	
}

.tab_entete_agenda_txt,
.tab_entete_telechargement_txt {
	color:#ff6600;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
	vertical-align:middle;
}

#tab_agenda_fonctions,
#tab_telechargement_retour {
	margin-top:20px;
	float:left;
	width:100%;
	text-align:left;
}

/*Label pour les liste déroulante de choix d'affichage dans l'agenda*/
#tab_agenda_fonctions label {
    font-weight : bold;
    text-decoration : underline;
    margin-right : 10px;
}

/*Listes déroulante de choix d'affichage dans l'agenda*/
#tab_agenda_fonctions select,
#ajout_evnt_simple select {
    background-color: #fff;
	color: #000;
	border:1px solid #105191;
	font-size:11px;
	text-align:left;
}

#tab_agenda_fonctions select option,
#ajout_evnt_simple select option {
    margin-right : 50px;
}

a.ajout_evnt{
	background: url(images/ic_ajout.gif) no-repeat;
	color:#5293d4;
	font-weight:bold;
	padding-left:18px;
}

a.ajout_evnt:hover{
	color:#000066;
}

a.voir_ressource{
	background: url(images/ic_voir2.gif) no-repeat;
	color:#5293d4;
	font-weight:bold;
	padding-left:18px;
	margin:5px;
}

a.voir_ressource:hover{
	color:#000066;
}

a.reserver_planning{
	background: url(images/ic_ressource_res.gif) no-repeat;
	color:#5293d4;
	font-weight:bold;
	padding-left:18px;
}

#tab_agenda_fonctions a:hover{
	color:#000066;
}

.ic_agenda{
	background: url(images/ic_agenda.gif) no-repeat;
	width:19px;
	height:16px;
	display:block;
	margin-left:195px;
	margin-top:-17px;
}

.ic_agenda2{
	background: url(images/ic_agenda.gif) no-repeat;
	width:19px;
	height:16px;
	display:block;
	margin-left:120px;
	margin-top:-17px;
}

#planning{
	margin-top:20px;
	float:left;
}

a.lien_res_planning{
	background: url(images/ic_ressource_dispo.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	font-weight:bold;
	color:#000;
}

a.lien_res_planning:hover{
	color:#000099;
}

a.lien_res_planning_select{
	background: url(images/ic_ressource_res.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	font-weight:bold;
	color:#000;
}

a.lien_res_planning_select:hover{
	color:#000099;
}

a.lien_res_planning_attente{
	background: url(images/ic_ressource_attente_res.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	font-weight:bold;
	color:#000;
}

a.lien_res_planning_attente:hover{
	color:#000099;
}

#bts_nav_planning{
	margin-top:10px;
	float:left;
	width:100%;
}

/* Pour la consultation des semaines du planning */
a.precedent{
	background: url(images/ic_precedent.gif) no-repeat;
	color:#5293d4;
	font-weight:bold;
	padding-left:18px;
	text-decoration:none;
}

a.suivant{
	background: url(images/ic_suivant.gif) no-repeat 103px 0;
	color:#5293d4;
	font-weight:bold;
	padding-right:20px;
}


#bts_nav_planning a:hover{
	color:#000066;
}

#legende{
	margin-top:10px;
	float:left;
	width:100%;
}

#legende p{
	display:inline;
}

.lien_legende1{
	background: url(images/ic_ressource_res.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	color:#000;
	font-style:italic;
}

.lien_legende2{
	background: url(images/ic_ressource_attente_res.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	color:#000;
	font-style:italic;
}

.lien_legende3{
	background: url(images/ic_ressource_dispo.gif) no-repeat;
	margin-left:5px;
	padding-left:19px;
	color:#000;
	font-style:italic;
}

/**************************/
/** MENU des pages admin **/
/**************************/
/* onglets du menu admin -> les boutons */
#bt_utilisateurs,
#bt_espaces,
#bt_ressources,
#bt_candidatures,
#bt_telechargements{
	width:230px;
	margin-bottom:5px;
}

/* onglets du menu admin -> les liens */
a.lien_utilisateurs{
	background-color:#adbcd2;
	border-bottom:10px solid #D8EBFF;
	line-height:30px;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
	height:33px;
}

a.lien_utilisateurs:hover{
	background-color:#D8EBFF;
	color:#000066;
	border-bottom:10px solid #adbcd2;
}

a.lien_utilisateurs_select{
	background-color:#D8EBFF;
	border-bottom:10px solid #adbcd2;
	height:33px;
	line-height:30px;
	display:block;
	color:#000066;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

a.lien_espaces{
	background-color:#adbcd2;
	border-bottom:10px solid #D8EBFF;
	height:33px;
	line-height:30px;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

a.lien_espaces:hover{
	background-color:#D8EBFF;
	color:#000066;
	border-bottom:10px solid #adbcd2;
}

a.lien_espaces_select{
	background:#D8EBFF;
	border-bottom:10px solid #adbcd2;
	height:33px;
	line-height:30px;
	display:block;
	color:#000066;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}


a.lien_ressources{
	background-color:#adbcd2;
	border-bottom:10px solid #D8EBFF;
	height:33px;
	line-height:30px;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

a.lien_ressources:hover{
	background-color:#D8EBFF;
	color:#000066;
	border-bottom:10px solid #adbcd2;
}

a.lien_ressources_select{
	background:#D8EBFF;
	border-bottom:10px solid #adbcd2;
	height:33px;
	line-height:30px;
	display:block;
	color:#000066;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

a.lien_candidatures,
a.lien_telechargements{
	background-color:#adbcd2;
	border-bottom:10px solid #D8EBFF;
	height:33px;
	line-height:30px;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

a.lien_candidatures:hover,
a.lien_telechargements:hover{
	background-color:#D8EBFF;
	color:#000066;
	border-bottom:10px solid #adbcd2;
}

a.lien_candidatures_select,
a.lien_telechargements_select{
	background:#D8EBFF;
	border-bottom:10px solid #adbcd2;
	height:33px;
	line-height:30px;
	display:block;
	color:#000066;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:30px;
}

/* les sous menus en admin */
#ssmenu_utilisateurs{
	width:190px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
}

#ssmenu_espaces{
	width:190px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
}

#ssmenu_ressources{
	width:190px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
}

#ssmenu_candidatures{
	width:190px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
}

.ssmenu li a{
	color:#5293d4;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	background:url(images/puce1_SousMenu.gif) no-repeat 0 3px;
}

.ssmenu li a:hover{
	color:#000066;
	background:url(images/puce3_SousMenu.gif) no-repeat 0 3px;

}

.ssmenu .page_select a{
	color:#000066;
}

/*****************************/
/** CONTENU des pages admin **/
/*****************************/
.fond_admin {
	background-color:#fff;
	border: 1px solid #000;
}

#contenu_admin_accueil_taille{
	height:10px;
	width:485px;
}

#tab_entete_fichiers_asupprimer{
	/*background: url(images/entete_fichiers_asupprimer.gif) no-repeat;*/
	height:18px;
	width:239px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	z-index:1;
	position:absolute;
}

#tab_fichiers_asupprimer{
	margin-top:10px;
	z-index:0;
	position:absolute;
}

.tab_entete_fichiers_asupprimer2{
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
	background-color:#d8ebff;	
}

.tab_entete_fichiers_asupprimer_txt{
	color:#ff6600;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
	vertical-align:middle;
}

.tab_entete_candidature_asupprimer{
	/*height:19px;
	line-height:19px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;*/
	height:10px;
	background-color:#d8ebff;
	border-top:1px solid #105191;
	border-left:1px solid #105191;
	background-color:#d8ebff;
}

.tab_entete_candidature_asupprimer_txt{
	/*color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	vertical-align:middle;
	width:500px;*/
	color:#ff6600;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
	vertical-align:middle;
}

.taille1{
	width:710px;
}

.taille2{
	width:320px;
}

.taille3{
	width:300px;
}

.taille4{
	width:298px;
}

#tab_entete_statistiques{
	background: url(images/entete_identification.gif) no-repeat;
	height:19px;
	width:103px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	z-index:1;
	position:absolute;
	margin-top:130px;
}

#tab_statistiques{
	margin-top:140px;
	z-index:0;
	position:absolute;
}

#titre_ssmenu{
	position:relative;
	width:510px;
	height:20px;
	text-align:left;
	background:url(images/puce_ssTitre.gif) left no-repeat;
}

.titre_ssmenu{
	position:absolute;
	top:50%;
	margin-top:-8px;
	height:20px;
	font-size:15px;
	left:25px;
	color:#ff6600;
	font-weight:bold;
}

.titre_ssmenu2{
	font-size:15px;
	padding:4px;
	color:#ff6600;
	font-weight:bold;
	padding-left:25px;
}

.fond_titre{
}

#list_admin{
	margin-top:20px;
	float:left;
	width:100%;
	border:1px solid #105191;
	background-color:#f3f8fd;
}

#tableaux_admin{
	margin-top:20px;
	float:left;
	width:100%;
}

.fond_tab1{
	background-color:#fff;
	/*border:1px solid #ff6600;*/
	border:1px dashed #5293d4;
}

.ligne1{
	background-color:#FFF;
	height:20px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.ligne1bis{
	background-color:#FFF;
	height:20px;
	font-weight:bold;
	font-size:12px;
}

.ligne2{
	background-color:#f3f8fd;
	text-indent:2px;
}

.ligne3{
	background-color:#e3f2ff;
	text-indent:2px;
}

.ligne3bis{
	background-color:#CCC;

}

a.modifier{
	background: url(images/ic_modifier.gif) no-repeat;
	width:13px;
	height:14px;
	display:block;
	margin:5px;
}

a.supprimer{
	background: url(images/ic_supp.gif) no-repeat;
	width:13px;
	height:14px;
	display:block;
	margin-top:-14px;
	margin-left:95px; /*25*/
}

.decalage_txt1{
	padding-left:5px;
	color:#000066;
}

.decalage_txt2{
	padding-left:50px;
}

.decalage_txt3{
	padding-left:80px;
}

#ajout{
	margin-top:15px;
	border:1px dashed #5293d4; 
	float:right;
	background-color:#f3f8fd;
	width:100%;
}

a.ajout{
	background: url(images/ic_ajout_off.gif) no-repeat 2px 1px;
	width:120px;
	height:14px;
	display:block;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	color:#5293D4;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

a.ajout:hover{
	color:#000066;
	background: url(images/ic_ajout_on.gif) no-repeat 2px 1px;
}

a.repondre{
	background: url(images/ic_rep.gif) no-repeat;
	width:120px;
	height:14px;
	display:block;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	color:#5293d4;
	margin-left:5px;
	margin-top:5px;
}

a.repondre:hover{
	color:#000066;
}

#photo_admin{
	width:122px;
	height:170px;
	position:absolute;
  	margin-top:5px;
	margin-left:440px;
}

/***********************/
/** Formulaires Intranet **/
/***********************/
/* champ texte (utilisé dans la recherche, page Accueil) */
input.text_taille3{
	border:1px solid #5293d4;
	font-size:11px;
	width:180px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille3:hover{
	border:1px solid #000066;
}

input.text_taille6{
	border:1px solid #5293d4;
	font-size:11px;
	width:110px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille6:hover{
	border:1px solid #000066;
}


/* bouton (utilisé dans la recherche, page Accueil) */
input.bouton_recherche{
	background-color:#009;
	color:#fff;
	border:0;
	font-size:12px;
	font-weight:bold;
	margin-left:140px;
	margin-bottom:5px;
}

/* bouton, entre autre pour la recherche dans le catalogue fiches produit */
input.bouton_intranet{
	background-color:#5293d4;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-left:340px;
	margin-bottom:5px;
	width:130px;
	border:1px solid #FFF;
}

input.bouton_intranet:hover{
	background-color:#000066;
}

/* bouton sans positionnement */
input.bouton_simple{
	background-color:#5293d4;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:1px solid #FFF;
	
}

input.bouton_simple:hover{
	background-color:#000066;
}

.form_align {
	margin-left:5px;
	margin-top:5px;
}

.select_multiple {
    display : block;
    border:1px solid #5293d4;
	font-size:11px;
	width : 320px;
	height : 100px;
	color:#000066;
	text-indent:1px;
}

/* bouton pour supprimer un événement ou une candidature*/
input.bouton_suppression_evnt{
	background-color:#5293d4;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-right:50px;
	text-align:center;
	border:1px solid #FFF;
}

input.bouton_suppression_evnt:hover{
	background-color:#000066;
}

/* bouton pour transférer une candidature*/
input.bouton_transfert{
	background-color:#009;
	color:#fff;
	border:0;
	font-size:12px;
	font-weight:bold;
}


/***********************/
/** Formulaires ADMIN **/
/***********************/
/* champ texte */
input.text_taille1{
	border:1px solid #5293d4;
	font-size:11px;
	width:300px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille1:hover{
	border:1px solid #000066;
}

input.text_taille2{
	border:1px solid #5293d4;
	font-size:11px;
	width:200px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille2:hover{
	border:1px solid #000066;
}

input.text_taille4{
	border:1px solid #5293d4;
	font-size:11px;
	width:320px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille4:hover{
	border:1px solid #000066;
}

input.text_taille5{
	border:1px solid #5293d4;
	font-size:11px;
	width:280px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

input.text_taille5:hover{
	border:1px solid #000066;
}

/* zone de texte */
.zone_text1{
	border:1px solid #5293d4;
	font-size:11px;
	width:300px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

.zone_text1:hover{
	border:1px solid #000066;
}


.zone_text2{
	border:1px solid #333;
	font-size:11px;
	width:200px;
	color:#009;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

.zone_text3{
	border:1px solid #5293d4;
	font-size:11px;
	width:320px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	height:140px;
	text-indent:1px;
}

.zone_text3:hover{
	border:1px solid #000066;
}

.zone_text4{
	border:1px solid #5293d4;
	font-size:11px;
	width:280px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
	height:140px;
	text-indent:1px;
}

.zone_text4:hover{
	border:1px solid #000066;
}

.zone_text5{
	border:1px solid #333;
	font-size:11px;
	width:280px;
	height:43px;
	color:#009;
	margin-left:5px;
	margin-top:5px;
	text-indent:1px;
}

.zone_text_wysiwyg{
	border:1px solid #333;
	font-size:11px;
	width:650px;
	color:#009;
	margin-left:5px;
	margin-top:5px;
	height:540px;
	text-indent:1px;
}

/* bouton */
input.bouton_ajout{
	background-color:#5293d4;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:400px;
	margin-bottom:5px;
	text-align:center;
	border:1px solid #FFF;
	
}

input.bouton_ajout:hover{
	background-color:#000066;
}

/* checkbox */
input.checkbox_admin{
	margin:5px;
}

input.checkbox_liste{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

select.list {
  	border:1px solid #5293d4;
	font-size:11px;
	color: #000;
	background-color: #fff;
	text-align:left;
	margin:5px;
	width:320px;
 }

select option.ligne {
	background-color: #e3f2ff;
}

.intitules_form {
	padding-left:5px;
}

input.file1{
	border:1px solid #5293d4;
	font-size:11px;
	width:200px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
}

input.file1:hover{
	border:1px solid #000066;
}

input.file2{
	border:1px solid #5293d4;
	font-size:11px;
	width:280px;
	color:#000066;
	margin-left:5px;
	margin-top:5px;
}

input.file2:hover{
	border:1px solid #000066;
}

.align_vert{
vertical-align:middle;
}

/************/
/** FOOTER **/
/************/
#footer{
	background: url(images/pied.jpg) no-repeat;
	height:30px;
	border-top:1px solid #000;
	/*margin-top:4px;*/
}

#footer_intranet{
	position:relative;
	background: url(images/pied.jpg) center no-repeat;
	background-color:#004080;
	border-top:1px solid #000;
	height:30px;
	line-height:30px;
	width:960px;
	float:left;
	margin-top:45px;
}

#liens_footer_intranet{
	float:left;
}

#liens_footer_intranet li{
	width:120px;
	margin-left:15px;
	display: inline;
}

#liens_footer_intranet li a{
	background: url(images/puce_footer.gif) left center no-repeat;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
}

#liens_footer_intranet li a:hover{
	text-decoration:underline;
}

#flux_rss{
	position:absolute;
	width:21px;
	height:21px;
	left:250px;
	top:4px;
}

#flux_rss a{
	background: url(images/ic_flux_rss.gif) no-repeat;
	display:block;
	text-decoration:none;
}

#footer_admin{
	background: url(images/pied_admin.jpg) no-repeat;
	background-color:#004080;
	height:30px;
	width:960px;
	float:left;
	margin-top:50px;
	border-top:1px solid #000;
}

/************/
/** une ligne une sur l'autre */
/************/
.tabcell {
	background-color: #cccccc;
}

a.favoris {
	width:13px;
	height:14px;
	display:inline;
	vertical-align:middle;
	padding:5px 3px 0 3px;
}

#logo_zend{
	width:127px;
	height:25px;
	position:absolute;
	margin-top:3px;
	margin-left:825px;
}

/* =================================================================================
** Menu des onglets
*/

ul.tab_menu_section {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    *padding-bottom: 0px;
    border-bottom: 1px solid #000066;
    margin: 20px 0 0 0 ;
    width : 674px;
}

ul.tab_menu_section li {
    float: left;
    height: 21px;
    background-color: #5293D4;
    margin: 2px 2px 0 2px ;
    border: 1px solid #000066;
    border-bottom: 0;
}

/*IE avant la version 7*/
* html ul.tab_menu_section li {
    margin: 1px 2px 0 2px ;
}

ul.tab_menu_section a.tab_active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color : #000066;
}

ul.tab_menu_section li a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 4px;
    white-space : nowrap;
    color : #D8EBFF;
}

ul.tab_menu_section li a:hover {
    background: #fff;
    color : #000066;
}

div.tab_content_section {
    background-color : #fff;
    border : 1px solid #000066;
    border-top : 0;
    padding : 1em;
    float : left;
    width : 650px;
}

div.tab_content {
    float : left;
    clear:both;
}

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

/* =================================================================================
** Agenda
*/

div#agenda_container {
    float : left;
    width : 100%;
    margin-top : 25px;
}

/*L'aspect des bordure est créé avec le border-spacing, le background et le border*/
table#agenda {
    float : left;
	background-color : #fff;
    border : 1px solid black;
    border-spacing : 2px;
    *border-spacing : 1px;
    font-size : 12px;
	text-align : left;
}

/*Propriétés de base communes à toutes les cellules*/
table#agenda tr td {
    width : 80px;       /*Lié à la largeur des evenements/ressources*/
    min-width : 80px;   /*Lié à la largeur des evenements/ressources*/
    max-width : 80px;   /*Lié à la largeur des evenements/ressources*/

    height : 32px;      /*Ne pas modifier sans modifier la partie gérée en PHP*/
    min-height : 32px;  /*Ne pas modifier sans modifier la partie gérée en PHP*/
    max-height : 32px;  /*Ne pas modifier sans modifier la partie gérée en PHP*/

    *height : 30px;      /*Ne pas modifier sans modifier la partie gérée en PHP*/
    *min-height : 30px;  /*Ne pas modifier sans modifier la partie gérée en PHP*/
    *max-height : 30px;  /*Ne pas modifier sans modifier la partie gérée en PHP*/

    overflow : hidden;  /*Ne pas modifier*/
    vertical-align : top;
    border : 1px solid #5293D4;
	background-color : #F2F9FF;
}

/* Pour les deux premières lignes (navigation et liste des jours)
/* et les premières cellules de chaque ligne (heures)
*/
table#agenda tr td.first-child,
table#agenda tr.first-child td {
    background-color : #D8EBFF;
    color : #105191;
    text-align : center;
    font-weight : bold;
}

/*Pour les deux premières lignes (navigation et liste des jours)*/
table#agenda tr.first-child td {
    vertical-align : middle;
}

/*Pour les premières cellules de chaque ligne  (heures)*/
table#agenda tr td.first-child {
    vertical-align : top;
}

/*Pour la première ligne (navigation)*/
table#agenda tr.first-child.navigation td {
    height : auto;
}

table#agenda tr.first-child.navigation td:hover,
table#agenda tr.first-child.navigation td:hover a {
    background : #5293D4;
    border-color : #105191;
    color : #F2F9FF;
}

table#agenda tr.first-child.navigation td a:hover {
    color : #F2F9FF;
}

/*Les textes de la zone navigaton*/
table#agenda tr.first-child.navigation td p {
    white-space:nowrap;
    text-align : center;
}

/* Les liens semaine courrante (affiche calendrier d'accès rapide)
/* suivante et précédente
*/
table#agenda tr.first-child.navigation td#semaine_courrante {
    cursor : pointer;
}

table#agenda tr.first-child.navigation td#semaine_courrante p {
    width : 330px;
}

table#agenda tr.first-child.navigation td#semaine_precedente p,
table#agenda tr.first-child.navigation td#semaine_suivante p {
    width : 162px;
}

table#agenda tr.first-child.navigation td#semaine_precedente p a,
table#agenda tr.first-child.navigation td#semaine_suivante p a {
    display : block;
}

/*Les cellules du jour d'aujourd'hui*/
table#agenda tr td.ajourdhui {
    background : #FEFFBF;
}

/*Style pour la cellule survollée par la souris et qui accepte l'élément actuellement draggé*/
table#agenda .dropzone-hover {
    background-color : #D8EBFF !important;
}

/*Evenement ou ressource dans le calendrier par heure*/
div.evenement,
div.ressource {
    position : absolute;    /*Ne pas modifier*/
    width : 65px;           /*Lié à la largeur des cellules*/
    margin : 5px;
    padding : 2px;
    margin-top : 2px;       /*Ne pas modifier sans modifier la partie gérée en PHP*/
    margin-bottom : 2px;    /*Ne pas modifier sans modifier la partie gérée en PHP*/
    padding-top : 2px;      /*Ne pas modifier sans modifier la partie gérée en PHP*/
    padding-bottom : 2px;   /*Ne pas modifier sans modifier la partie gérée en PHP*/
    overflow : hidden;
    text-align : center;
    white-space: normal;
    background-color : #5293D4;
    color : #fff;
}

div.evenement h2,
div.ressource h2 {
    font-size : 10px;
    font-weight : normal;
}

div.evenement.editable {
    cursor : move;
    background-color : #FF6600;
}


div.evenement-jours,
div.evenement-demi-journee,
div.reservation-demi-journee {
    background-color : #D8EBFF;
    border : 1px solid #5293D4;
    margin : 5px;
    position : absolute;
    height : 55px;
    padding : 5px;
    overflow : hidden;
}

div.evenement-demi-journee,
div.reservation-demi-journee {
    position : static;
    height : auto;
    width : 58px;
}

/*Not set*/
div.evenement.valider {}
div.evenement.editable:hover {}


/* =================================================================================
** Alignement des calendriers pour sélectionner une date dans les formulaires
*/
.calendar{
	margin-left:5px;
}

/* =================================================================================
** Div avec ascensseur dans la partie de gestion des droits
*/
div.overflow {
    height:200px;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
}

/* =================================================================================
** On reprend les tailles pour la page invité utilisé dans le téléchargement
*/

body.invite div#contenu {
    width : 90%;
    margin : 20px 5% 0 5%;
    padding : 0;
    right : 0;
}

body.invite table.taille1,
body.invite .bloc_contenu {
    width : 100%;
}

/* =================================================================================
** Quand on déplace un dossier : le dossier selectionner 
*/
a.selected  {
	color:#ff6600; 
    outline: none;
}

/* =================================================================================
** Debugger
*/

div#debug_queries {
    position : absolute;
    top : 0;
    left : 5%;
    width : 90%;
    max-height : 400px;
    overflow : auto;
    background : #eee;
    padding : 1em;
    border : 1px solid #000;
    opacity : 0.9;
    filter: alpha(opacity=90);
}

div#debug_queries h1 {
    font-size : 1.4em;
    cursor : pointer;
}

div#debug_queries h2 {
    font-size : 1em;
    display : none;
    margin-left : 15px;
    cursor : pointer;
}

div#debug_queries ul {
    list-style-type : square;
    margin-left : 40px;
    display : none;
}

/* =================================================================================
** Progress bar : Envoie de mail avec la zone contact quand il n'y a pas de CRON
*/

div#progress-bar,
div#progress-bar div#progress-bar-border {
    width : 98%;
    background-color : #F2F9FF;
    border:1px solid #105191;
    padding : 1%;
    margin-top : 15px;
}

div#progress-bar div#progress-bar-border {
    background-color : #D8EBFF;
    padding : 3px;
}

div#progress-bar div#progression-graphique {
    background-color : #105191;
    height : 20px;
    width : 0;
}

div#progress-bar p#progression-text {
    text-align : center;
    color : #105191;
    margin-top : 10px;
    font-weight : bold;
}

/* =================================================================================
** Tooltip : Propriétés globales
*/

div.prototip {
    position: absolute;
}

div.prototip div.effectWrapper,
div.prototip div.tooltip {
    position: relative;
}

div.iframeShim {
	position: absolute;
	border: 0;
	margin: 0;
    padding: 0;
    background: none;
}

div.prototip div.tooltip {
    max-width : 400px;
    border : 1px solid #105191;
    background-color : #D8EBFF;
    padding : 1em;
    opacity : 0.9;
    filter: alpha(opacity=90);
}

/*Pour IE 6 qui ne comprend pas max-width on fixe une alrgeur par défaut*/
* html div.prototip div.tooltip {
    width : 400px;
}

/* =================================================================================
** Tooltip : Agenda
*/

div.prototip div.tooltip.agenda h2 {
    font-size : 1em;
    text-align : center;
    border-bottom : 1px solid #105191;
    padding-bottom : 1em;
    margin-bottom : 1em;
}


div.prototip div.tooltip.agenda p span {
    text-decoration : underline;
    font-weight : bold;
    margin-right : 5px;
}

div.prototip div.tooltip.agenda p abbr {
    border-width : 0;
}

div.prototip div.tooltip.agenda h3 {
    font-size : 1em;
    text-decoration : underline;
    margin-top : 1em;
    margin-bottom : 1em;
}

div.prototip div.tooltip.agenda p.description {
    text-align : justify;
}

div.prototip div.tooltip.agenda ul {
    list-style-type : square;
    margin-left : 1.5em;
}

/* =================================================================================
** Styles génériques pour les fenêtres CSS
*/

div.dialog {
    border : 1px solid #105191;
    background-color : #f3f8fd;
    cursor : default;
    width : 500px;
    padding : 1em;
    display : none;
}

div.dialog h2 {
    margin-bottom : 10px;
    padding-bottom : 10px;
    border-bottom : 1px solid #105191;
    color : #105191;
    text-align : center;
}

div.dialog ul {
    margin-left : 25px;
    list-style-type : square;
}

div.dialog ul li {
    margin-top : 5px;
}

div.dialog p.button {
    margin-top : 40px;
    text-align : center;
}

div.dialog p.button input {
    width : 80px;
    margin-right : 10px;
    background-color:#009;
	color:#fff;
	border:0;
	font-size:12px;
	font-weight:bold;
}


/* =================================================================================
** Message de confirmation qui apparait en haut de l'écran
*/

div#confirmation-message {
    display : none;
    background-color : #ffffff;
    background-position : 1em center;
    background-repeat : no-repeat;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    padding-top : 1.2em;
    padding-bottom : 1em;
    left : 0;
    z-index : 5000;
}

div#confirmation-message {
    background-image : url("./images/ok.gif");
    border-bottom-color : green;
}

div#confirmation-message p {
    margin-left : 1em;
    padding-left : 30px;
    font-size : 1.2em;
}

table.agenda-elements-non-valides h2 {
    margin-bottom : 1em;
    margin-top : 1em;
    text-decoration : underline;
    font-size : 1.2em;
}

table.agenda-elements-non-valides ul li {
    margin-left : 20px;
    line-height : 20px;
    margin-top : 5px;
}

table.agenda-elements-non-valides ul li a img {
    margin-left : 5px;
}

table.agenda-elements-non-valides ul li a.voir-recapitulatif,
table.agenda-elements-non-valides ul li a.voir-utilisation-ressource {
    margin-left : 20px;
}

#select_contributeurs,
#select_users {
    width : 90%;
    height : 300px;
}