/* MODx LE Manager Blue template last update: 01-10-2006*/

/* Neutralize styles, fonts and viewport:
---------------------------------------------------------------- */

html, body, form, fieldset {
        margin: 0;
        padding: 0;
}

html { 
    font-size: 100.01%; /* avoids obscure font-size bug */
    line-height: 1.5; /* http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */    
    color: #111;
} 
body { 
    /*font-size: 62.5%; *//* 10px */
    /*font-size: 75%; *//* 12px */
    /*font-size: 68.75%; *//* 11px */
    font-size:12px;
    margin-bottom: 1px; /* avoid jumping scrollbars */
    background: #485C5A ;
    font-family: Helvetica, Arial, sans-serif, Tahoma; /* IE ignores this and renders Arial better */    
    color: #444;    
	
}

img, a img {
    border: 0 !important;
    padding: 0;
    margin: 0;
}

h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0 0 .5em; /* Reset vertical margins on selected elements */
        padding: 0;
}

li, dd, blockquote {
    margin-left: 1em; /* Left margin only where needed */
}

/* Miscellaneous conveniences: 
---------------------------------------------------------------- */
/*.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}*/

html body clearfix,
html body div.clearfix,
html body span.clearfix,
html body li.clearfix,
html body dd.clearfix
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     list-style: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

.clear { clear: both; height:1px;}

.contentPad {
    height: 20px !important;
    clear: both;
}

.hide, .skip, .printonly { display: none; }

.inline { display: inline; }

/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .subTitle {
    font-weight: normal;
}


input, .inputBox {
	padding: 1px;
}


.right {
	font-weight: bold;
	color: #000080;
	float: left;
	padding: 0 20px 20px;
}



#contenu{
text-align:left;
background-color:#FFFFFF;
font-family: "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
padding-top:30px;
}



#header{
height:116px;
width:100%;
background-image:url(images/header_bg.jpg);
background-repeat:repeat-x;
background-position:top;

}



.contenu_mod1{
width:570px;
}

.contenu_mod2{
width:800px;

}




.articleNews
{
	color:#485C5A ;
	margin:3px;
}


.resumeNews
{
}

.infoNews
{
	color:#FFFFFF;
	text-align:right;
}




.articleAnnonce
{
	margin-right:40px;
    margin-left:15px;
	font-size:1.5em;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
}

.infoAnnonce
{
        text-align:right;
        color:rgb(180,180,180);
}




#nombrearticle
{
       font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
       font-family: Arial, Tahoma, Helvetica, sans-serif;
       text-align:center;
       color:rgb(180,180,180);
}






#choixLangue
{
       position:absolute;
       right:40px;
       top:3px;
}

.moduleHeader{
width:100%;
height:20px;
background: #485C5A url(images/module_head_bg_bleu.gif) repeat-x top;
font-family:Helvetica;
font-size:x-small;
color:#FFFFFF;
vertical-align:top;
}



.moduleFooter{
width:100%;
height:20px;
background: #D5FD97 url(images/module_bg_br.gif) no-repeat right;
}

.innerModuleFooter{
height:20px;
background: #D5FD97 url(images/module_bg_bl.gif) no-repeat left;
}


.moduleButtons{
font-family:"Lucida Grande", Helvetica, Verdana, Tahoma, sans-serif;
padding: 0px 2px 2px 0px;
margin-bottom:5px;
width:100px;
float:right;
text-align:right;
font-size:x-small;
display:inline;
vertical-align:top;
}

.moduleContent{
width:auto;
padding:10px;
font-family:Verdana, Helvetica, Arial, sans-serif;
/*font-size:60%;*/
/* background-color: #D5FD97;
background-color: #CFE8E3;  */
background-color: #FFFFFF; 
overflow:hidden;
}


.hovered{
background-color: #FFFFCC;

}



.moduleContent{
border-left:1px #485C5A solid;
border-right:1px #485C5A solid;
border-bottom:1px #485C5A solid;
clear:both;
}

.moduleConfig{
background-color:#BFE488;
padding:5px;
border-left:1px #485C5A solid;
border-right:1px #485C5A solid;
border-bottom:1px #697E4B solid;
}


span.moduleTitle{
padding-left:2px;
/*width:100%;
padding-right:100px;*/
font-family:"Lucida Grande", Helvetica, Verdana, Tahoma, sans-serif;
vertical-align:top;

}


.page {
background:transparent url(images/bg_dashboard.png) repeat ; 
height:100%;
}

#tabs {
background:transparent url(images/bg_dashboard.png) repeat ; 
height:100%;
}




div.moduleWrapper{
border: #DDDDDD 3px solid;
width:97%;
margin-bottom:10px;
color:#666666;
}


.moduleHeader a{
color:white;
text-decoration:none;
}



#hd ul{
    list-style:none;
}

#hd ul li{
    display:inline;
    height:150px;
    width:83px;
}


#subtitle{
    width:827px;
    font-size:48px;
    color:#8FDE20;
    float:left;
    background:transparent url(images/subtitle.gif) top no-repeat;
    
}


h3{
    width:150px;
    background:transparent url(images/underline.gif) bottom no-repeat;    
    color:#607A77;
    line-height:1.5em;
    padding-bottom:3px;
    font-size: 180%;
    font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
}

h5{
    width:150px;
    background:transparent url(images/underline_white.gif) bottom no-repeat;    
    color:#FFFFFF;
    line-height:1.5em;
    padding-bottom:3px;
    font-size: 170%;
    font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
}


h2{
    width:150px;
    font-size: 180%;
    background:#FFFFFF url(images/underline.gif) bottom no-repeat;
    padding-bottom:3px;
    color:#607A77;
    font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
    
}


h1{
    font-size:40px;
    /* background:#FFFFFF url(images/underline.gif) bottom no-repeat;     */
    color:#607A77;
    font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
    
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 180%;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 170%;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 180%;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 40px;
}


#footer{
 
    width:828px;    
    margin: 0px auto;          
    background:#485C5A url(images/footer_bg.gif) no-repeat top center;
    height:auto;
}


#hd{
    width:828px;
    height:116px;
    margin: 0px auto;
    background:transparent url(images/header_body_trans_bg.gif) no-repeat bottom;   
}

#bd{
    width:827px;
    margin: 0px auto;

}

#main{
width:560px;
float:left;
padding-left:35px;
}

#side{
float:right;
display:inline;
width:180px;
background:#8FDE20 ;
margin-right:40px;
font-size:10px;
font-family:Arial, sans-serif !important;
border:1px #485C5A solid;
}

.innerNews{    
    /*background:transparent url(images/bg_news_bottom.gif) no-repeat bottom;           */
    text-align:left;
    padding-left:5px;
    /*padding-top:5px;*/
}


#doc{
background:#F4F2E5 url(images/body_bg.jpg) center repeat-y;
background-color:#F4F2E5;
width:100%;
z-index:-1;


}


table.emploi th{
   
    background-color:#485C5A;
    color:#FFFFFF;
    font-size:small;
    font-weight:bold;
    text-align:center;
    font-family:Verdana, Arial, sans-serif;
}  



h4{
   font-size:medium;
    font-weight:bold;
    font-family:"Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
    color:#485C5A;
}


table.emploi td{
    /* border-bottom:thin #485C5A solid; */
    background:#D5FD97;
}

table.emploi tr:hover td{
    background:#8FDE20; 
}


.moduleContent li{
    line-height:1.5em;    
     background-image: url(images/icons/bullet_green.png) ; 
    background-repeat: no-repeat;    
    background-position:0px 3px;
    padding-left: 1.5em;
}

.moduleContent ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
        
    }


a.B_crumb,a.B_crumb:visited,a.B_crumb:link{
     text-decoration:underline;
     font-weight:bold;
}

.B_currentCrumb a{
     text-decoration:none;
     font-weight:normal;
}


a.documentation_menu{
    font-size:large;
    font-weight:bold;
}

a.add{
    background-image: url(images/icons/add.png) ; 
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5em;
}
    
    
a.white, a.white:visited, a.white:link{
    color:#FFFFFF;
}



.moduleConfig label {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.moduleConfig input {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.moduleConfig select {
	display: block;
	float: left;
	margin-bottom: 10px;
}


.moduleConfig label {	
	text-align: right;
	width: 100px;
	padding-right: 10px;
}


br {
	clear: left;
}

h2.double{
 width:100%;   
}

.left{
float:left;
}
.right{
float:right;
}

a.small{
    font-size:x-small;
}

dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 630px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 500px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


div.calendar{
    background:transparent url(images/green4-small.png) top no-repeat;    
    height:100px;
    width:60px;
}

div.mois{
    font-size:15px;
    color:#FFFFFF;
    font-family:Verdana, Arial, sans-serif;
    text-align:center;
    font-weight:bold;
    line-height:1em;
}

div.jour{
    font-size:25px;
    color:#333333;
    font-family:Georgia, Times new roman, Arial, serif;
    text-align:center;
    font-weight:bold;
    line-height:1.1em;
   
    
    
}

div.annee{
    font-size:small;
    color:#333333;
    font-family:Verdana, Arial, sans-serif;
    text-align:center;

}

div.titre_emploi{
    color:#607A77;   
    font-size:large;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    padding-left:1em;
}

div.intro_emploi{
    color:#333333;   
    font-size:small;
    font-family:"Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
    padding-left:3em;
}


span.date_news{
    color:#FFFFFF;
    font-size:x-small;
    font-weight:bold;
    font-family:"Lucida Grande", Helvetica, Verdana, Tahoma, sans-serif;
}


img{
    outline:none;
}


.handle{
cursor:move;
}


/* Suivi de dossiers  (myEDImanager) */

    table.dossiers{ 
     font-family:Arial, Helvetica, sans-serif;
     text-align:left;
    }
    table.dossiers tbody{ 
     background:#E1FDB9;
    }
    table.dossiers a{ 
     text-align:left;
     font-weight:bold;
     font-size:90%;
    }
    /*th{ 
     background:transparent url(images/gedeon_header_c.png) repeat-x top;
     color:#FFFFFF;
     font-family:Arial, Helvetica, sans-serif;
     text-align:left;
    }*/
    th.header_start{ 
     background:transparent url(images/gedeon_header_tl.png) no-repeat left;
    }
    th.header_end{ 
     background:transparent url(images/gedeon_header_tr.png) no-repeat right;
    }
    
    
/* Fin Suivi de dossiers  (myEDImanager) */

.emptyPlaceMarker {
border-right: red thin dashed;
border-top: red thin dashed;
border-left: red thin dashed;
border-bottom: red thin dashed;
background-color: Transparent;
}

.moduleContent label{
    font-weight:bold;
}

.suivi_date_evt{
    font-size:small;    
    font-style:italic;
}

.suivi_libelle_evt{
    font-size:large;
    
    font-weight:bold;
    font-family:Verdana, Helvetica, Arial, sans-serif;
}

.trackandtrace_result{
    width:243px;
    height:118px;
    background:url(../../images/trackandtrace_bg_status.png) no-repeat top;
    text-align:center;
    color:#FFFFFF;
    padding-top:1em;
}

.trackandtrace_bg_formulaire{
   width:243px;
   height:118px;
   background:url(../../images/trackandtrace_bg_formulaire.png) no-repeat left;
   padding-top:1em;
   padding-left:2em;
   text-align:center;
}

 
/* ************** Formulaire de recherche ***************** */
    
.ajaxSearch_pagination{
    clear:both;
    font-style:italic;
}

.ajaxSearch_resultLink{
    color:#6A827F;
    font-weight:bold;
    text-decoration:underline;
    font-size:medium;
}

.ajaxSearch_resultDescription{
    line-height:1.5em;
    
}

.ajaxSearch_result{
    padding-bottom:2em;
    background:transparent url(images/bg_recherche.png) left repeat-y;
    padding-left:25px; 
}

#searchClose{
    background:#FFFFFF;
}

#indicator{
    float:right;
}

#ajaxSearch_form {
           color: #444;
           display:inline;
       }
       
       #ajaxSearch_input {
           /*background:transparent ;*/
    border-right:0;
    border-top:0;
    border-left:0;
    border-bottom:0;
    height:18px;
    margin-left:23px;
    margin-right:0;
    margin-top:2px;
       }
       
       #ajaxSearch_submit {
           display: none;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
           position:absolute;
       }
       .ajaxSearch_paging {
   
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }



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

#annuaireWrapper{
    position:absolute;
    z-index:2000;
    left:10px;
}

/* ****************************************************** */
/* Liens */



a img{
	border-bottom:0px;
}

a:hover {
	text-decoration:underline;
}



.titreNews a , .titreNews a:visited , .titreNews a:hover
{
	
	font-weight:bold;
	font-size:1.1em;  
	color: #485C5A ;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
}

.liensDescriptif a:before
{
	content : "   " ;
}

.numeroPage a:hover
{
       
       color:#485C5A ;
}


a, a:link, a:visited{
	color: #485C5A;
	font-weight:bold;
	text-decoration: none;
}

a.rss:visited{
    color:#AAAAAA;
}


/* a:active{
	color: #485C5A;
	text-decoration: none;
}
*/
.moduleContent a{
    font-weight:normal;
    color:#485C5A;
     word-wrap:break-word;
}

.moduleContent a:hover{
    border-bottom:thin #485C5A solid;
    text-decoration:underline;
}

li.rssItem {
    /*font-size:85%;*/
    font-family:Verdana, Helvetica, Arial, sans-serif;
}


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

/* #col1{
    float:left;
    width:300px;
}
#col2{
    float:left;
    width:300px;
}
#col3{
    float:left;
    width:300px;
}*/


.dropzone{
    border:2px red solid;
}


#tabs{
    clear:both;
}

/* *********************  Onglets dashboard ********************* */
#tabdiv {
        FONT-SIZE: small; BACKGROUND: url(images/tabs/bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal;font-weight:bold;
} 
#tabdiv UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabdiv LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(images/tabs/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
        filter : alpha(opacity=50);
        -moz-opacity : 0.5;
        opacity : 0.5;
		list-style-type:none;
   
}
#tabdiv A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(images/tabs/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#tabdiv A {
        FLOAT: none;
        outline: none !important;
        outline: 0 !important;
}
#tabdiv A:hover {
        COLOR: #333
}

#tabdiv .current {
        BACKGROUND-IMAGE: url(images/tabs/left_on.gif);
        filter : alpha(opacity=100);
        -moz-opacity : 1;
        opacity : 1;
}
#tabdiv .current A {
        BACKGROUND-IMAGE: url(images/tabs/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}

#debug{
    display:none;
}

.rssReader ul{
    list-style-type: none;
    padding: 0;
    margin: 0;

}


#savingMsg{
    position:absolute;
    top:0;
    right:0;
}

/* ***************** CSS des messages transparents ********************** */

.humanMsg {
	font: normal 20px/50px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	position: absolute;
	top: 50px;
	left: 25%;
	width: 50%;
	color: white;
	background-color: black;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
}

.humanMsg .round {
    border-left: solid 2px white;
	border-right: solid 2px white;
    font-size: 1px; height: 2px;
	}

.humanMsg p {
	padding: .3em;
	display: inline; 
	}

.humanMsg a {
	display: none;
	}
	
#humanMsgLog {
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
	}

#humanMsgLog p {
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
	}

#humanMsgLog p:hover {
	background: #222;
	}

#humanMsgLog ul {
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display:none;
	}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
	}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
	}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
	}
	
#humanMsgLog ul li .error {
	color: red;
	}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
	}
	
.searchInput{    
     background:transparent ;
    border-right:0;
    border-top:0;
    border-left:0;
    border-bottom:0;
    height:24px;
    padding-left:10px;
    margin-right:0;
    margin-top:2px;
    }
    
#searchbar{
    background:url(images/bg_recherche.gif) no-repeat;
    background-position:left top;
    float:right;
    padding-right:50px;
    margin-left:15px;
    margin-top:10px;
    width:197px;
    height:24px;
    overflow:hidden;
    color:#444
    }
    
#newslinks{
    float:right;
    margin-top:10px;    
}

#menubar{
 float:right;    
 margin-right:0px; 
 margin-top:35px;
 padding-right:32px; 
 
}

#logobar{
    float:left;
/*    margin-top:10px; */
    width:178px;
    padding-left:35px;
}

#submenu{
    width:190px;
}

#submenu ul{
    list-style:none;
}
#submenu li{
    padding-left:3px;
    list-style:none;
    width:180px;
    padding-bottom:5px;
}

#submenu li.active{
    background:#485C5A;
    border:1px #B7FA56 solid;    
    padding:2px;
    width:170px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
}

#submenu li.active a{
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
}

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

#savoirfaire{    
    width:500px;
    padding-left:20px;
    font-size:14px;
}

h6.savoirfaire {
font-size: 40px;
color:#607A77;
font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
font-weight:bold;
}

.sIFR-hasFlash h6.savoirfaire {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 40px;
}


.titre2{
    font-size:14px;
    font-weight:bold;    
}



span.din_engschrift {
    font-weight:bold;
    font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;
    font-size: 20px;
    color:#607A77;
}


.intranetTltContent{
border-left:2px #94A8A7 solid;
border-top:2px #94A8A7 solid;
border-right:2px #485C5A solid;
border-bottom:2px #485C5A solid;
width:auto;
font-family:Verdana, Helvetica, Arial, sans-serif;
/*font-size:60%;*/
/* background-color: #D5FD97;
background-color: #CFE8E3;  */
background-color: #FFFFFF; 
}


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

.wrapper_telinfos{
    margin:15px;
    padding:10px;
    background-color:#CCFF66;
    border:3px #94A8A7 solid;
}


ul.documentation{
    /*display:none;*/
}

#flashInfos{
    position:absolute;
    top:70px;
    height:40px;
    left:5px;
    width:98%;
    margin:0 auto;
    /*border:#4A5E5D 1px solid;
    background-color:#F0FFD2;*/
    padding:5px;
}

#flashInfosContent{
    font-size:medium;
    font-family:"Lucida Grande",Verdana, Helvetica, Arial, sans-serif;
}

.formulaire label {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.formulaire input {
	display: block;
	float: left;
	margin-bottom: 10px;
}


.formulaire label {	
	text-align: right;
	width: 100px;
	padding-right: 10px;
}

.resizable th.colLeft{
	border-right:1px solid #c2c2c2;
}

.resizable th.colRight{
	border-left:1px solid #c2c2c2;
}

.resizable th{
	padding-left:5px;
	padding-right:5px;
}

th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}

/********* MODULE LISTE DES TACHES ***************/
div.tache{
	width:100%;
	position:relative;
	overflow:hidden;
}
span.bts{
	position:absolute;
	right:2px;
}
ul.listTaches li{
	list-style-type:none;
	background:none;
	padding:0;
	margin:0;
	position:relative;
}
ul.listTaches{
	width:inherit;
}
/****************************************************/

/*********************** METEO *********************/


*html ul.meteo li, *+html ul.meteo li{
	font-size:90%;
}

td.temp{
	color:#000000;
	font-weight:normal;
}
td.jour span{
	color:#3366CC;
	border-bottom:1px solid #DDDDDD;
}

td.jour a {
	text-decoration:none;
	color:#3366CC;
	border-bottom:1px solid #DDDDDD;
}

table.meteo{
	font-size:80%;
}
*html table.meteo, *+html table.meteo{
	font-size:90%;
}

table.meteo td img{
	width:100%;
}


div.results {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:100;
}
div.results ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  z-index:0 
}
ul.listeVille{
position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:100;
}
div.results ul li.selected { background-color: #C2C2C2;}
div.results ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:1px;
  font-style:normal;
  cursor:pointer;
  overflow:hidden;
  font-size:80%;
  border-bottom:1px dotted #ddd;
  font-weight:normal;
}


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

/************** MODULE CONGES ********************/

div.conges{
	font-size:0.8em;
	width:inherit;
}

*html div.conges, *+html div.conges{
	font-size:1em;
}

.conges ul li {
	background:none;
	list-style:none;
	background-repeat:no-repeat;
}

div.conges label{
	cursor:pointer;
}

div.head_conge{
	margin:-13px;
	margin-top:2px;
	margin-bottom:2px;
	width:inherit;
}

div.head_conge table.head{
	margin:0;
	padding:0;
	width:100%
}

div.head_conge table.head em{
	font-size:0.9em;
}

span.rtt{
	font-size:1.5em;
	color:#046380;
}

span.cp{
	font-size:1.5em;
	color:#000;
}

span.rtt_temp{
	font-size:1em;
	color:#046380;
}

span.cp_temp{
	font-size:1em;
	color:#000;
}

span.conges_attente{
	font-style:italic;
}

.conges h5{
	color:#000;
	font-size:1em;
	border:none;
	background:none;
	margin:0;
	padding:0;
}

div.conge ul li{
	margin:0 !important;
	list-style-type:none !important;
	display:inline !important;
	background:none !important;
	height:20px;
}
#global{
	clear:both;
	overflow:auto;
	font-size:0.9em;
	font-weight:normal;
}

#global h4{
	font-size:1em;
}

#left_calendar{
}

#centrer{
	text-align:center;
	width:99%
}

#selectedDates{
	width:99%;
}

#apply_selection{
	border:1px solid #A9B9B7;
	padding:5px;
	line-height:0.6em;
	font-size:10px;
}

table.dates{
	margin:2px;
	border:1px solid #000;
	font-size:10px;
	width:100%;
}

table.dates th{
	background-color:#A9B9B7;
	color:#fff
}

table.dates td.check{
	text-align:center;
}

table.equipe img{
	 vertical-align:middle
}

table.equipe th{
	 cursor:pointer;
}

table.equipe th:hover{
	 background-color:#F1FF9F;
	 color:#000;
}

table.equipe td span{
	 color:red;
	 font-weight:normal;
}

table.filtre{
	border:1px solid #000;
}

table.filtre td{
	background-color:#DDE5E3;
	padding:2px;
	text-align:center;
}


.conge label{
	cursor:pointer;
}

.conge input{
	vertical-align:middle;
}

.conge table, #legende{
	font-size:10px;
}

#legende img{
	vertical-align:middle
}
#legende label{
	font-weight:bold;
}

.odd{
	background-color:#fff;
}

.even{
	background-color:#DDE5E3;
}

.highlight{
	background-color:#CDE34E;
}


h4.select{
	background-color:#A9B9B7;
	color:#fff;
	width:110px;
	padding:0;
	font-size:0.8em;
	margin-top:5px;
}

img.hand{
	cursor:pointer;
}

table.demandes tr{
	cursor:pointer;
}

table.demandes{
	width:100%;
}

table.demandes td{
	padding:3px;
}


table.demandes td.date{
	font-weight:normal;
}

table.demandes td.nom{
	font-style:italic;
	color:#666;
	font-weight:normal;
}

table.demandes td.etat{
	font-weight:bold;
}

table.demandes td.type{
	color:#70A4B1
}

table.dem th{
	text-align:center;
}

acronym{
	cursor:help;
}

tr.surligne{
	background-color:#CEE44D;
}

tr.hoverDem{
	background-color:#F1FF9F;
}

.tabset{
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:1px;
}

.tabset li {
	display:inline;
	padding:0;
	background:none !important;
	margin:0;
	margin-right:2px;
	height:24px;
}

.tabset li a{
	border:1px solid #7C9591;
	border-top:3px solid #7C9591;
	padding:2px 5px 2px 5px;
	background-color:#DCE4E3;
	height:22px;
	margin:0;
}

.tabset li a.active-tab {
	border:1px solid #7C9591;
	border-top:3px solid #CEE44D;
	border-bottom:1px solid #fff;
	background-color:#fff;
	font-weight:bold;
}

.panel{
	padding:10px;
	border:1px solid #7C9591;
	display: none;
	font-weight:normal;
	overflow:auto;
}

.panel.active-tab-body {
	display: block;
}

div.filters{
	overflow:hidden;
}

div.filters div.date, div.filters div.nom, div.filters div.groupe{
	float:left;
	margin:2px;
	height:75px;
	color:#000;
}

div.filters div.date input{
	width:60px;
	margin:0;
	padding:0;
	font-size:1em;
}

div.filters div.groupe select{
	margin:0;
	padding:0;
	font-size:1em;
}

.conges div.filters div.nom input{
	width:100px;
	margin:0;
	padding:0;
	font-size:1em;
}

.conges div input{
	margin:0;
	padding:1px;
	font-size:1em;
	border:1px solid #ccc;
	vertical-align:middle;
}

.conges div input:focus{
	border:1px solid #000;
	margin:0;
	font-size:1em;
	padding:1px;
}

div.filters div h4, div.conges h4{
	font-size:1.5em;
	border-bottom:1px solid #7C9591;
	padding-left:15px;
	text-align:left;
}

div.filters div.date{
	background-color:#B8C9C7;
	padding:2px;
	width:35%;
	text-align:center;
}

div.filters div.nom{
	background-color:#DCE4E3;
	padding:2px;
	width:30%;
	text-align:center;
}

div.filters div.nom ul li{
	text-align:left;
}

div.filters div.groupe{
	background-color:#EDF1F1;
	padding:2px;
	width:25%;
	text-align:center;
}

.conges div.results {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:-1px;
  margin-left:0px;
  padding:0px;
  z-index:100;
  width:200px !important;
}

.conges div.results ul li {
	background-image:none !important;
	padding:4px;
	font-size:1em;
	text-align:left;
}

.conges div.results ul li:hover{
	background-color:#eee;
}

/***** ADMIN *******/

div.all_employees{
	background-color:#DCE4E3;
	padding:4px;
	width:150px;
	margin:5px;
	border:1px solid #ccc;
}

div.one_emp{
	background-color:#F3F5F5;
	padding:4px;
	width:150px;
	margin:5px;
	border:1px solid #ccc;
}

div.one_emp p{
	padding:2px;
}

div.group{
	padding:4px;
	background-color:#FAFAFA;
	border:1px solid #ccc;
	margin:5px;
	margin-left:0;
	width:200px;
}

.conges div.demande_spec, .conges div.group{
	float:left;
}
.conges #grp_mbr li{
	padding:1px;
}

.conges #grp_mbr li:hover{
	font-weight:bold;
}

.conges #grp_mbr img{
	cursor:pointer;
}

/** DEMANDES SPE **/

div.centrer{
	text-align:center;
	width:inherit;
}

div.centrer h5{
	font-style:italic;
	margin:2px;
}

div.centrer div.bloc{
	width:50%;
	margin:0 auto;
	background-color:#F3F5F5;
	padding:3px;
}

div.centrer div.bloc div{
	text-align:left;
}

.pagination{
	margin-left:2px;
	margin-top:5px;
	text-align:center;
	overflow:auto;
}

.pagination-clean li{
	border:0; margin:0; padding:0;
	font-size:0.9em;
	list-style:none;
	margin-right:2px;
	float:left;
}
.pagination-clean a{
	border:solid 1px #A9B9B7;
	margin-right:0px;
}
.pagination-clean .previous-off,
.pagination-clean .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
.pagination-clean .next a,
.pagination-clean .previous a {
	font-weight:bold;
}
.pagination-clean .active{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	background:#DDE5E3;
}

.pagination-clean .active a
{
	border:solid 1px #485C5A;
}

.pagination-clean a:link,
.pagination-clean a:visited {
	color:#485C5A;
	display:block;
	float:left;
	padding:1px 3px;
	text-decoration:none;
	}
.pagination-clean a:hover{
	border:solid 1px #485C5A;
}

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

/** DELEGATIONS ***/

.filtre3 h5{
	font-style:italic;
	color:#000;
	font-size:1.2em;
	border:none;
	background:none;
	margin:2px;
	width:inherit;
}

.filtre3 h5 span, span.deleg{
	font-style:normal;
	font-weight:bold;
	border:1px solid #B7FA56;
	padding:2px;
	margin-left:15px;
}

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

/** COMPTEURS ***/

#aff_compteurs table{
	width:60%;
}

#aff_compteurs table th{
	text-align:right;
}

#aff_compteurs table td{
	text-align:center;
}


#aff_compteurs input{
	text-align:center;
	font-size:1.5em;
	border:1px solid #CEE44D;
}

#aff_compteurs input:focus{
	border:1px solid #000;
}

.addCompteur{
	margin-top:20px;
	background-color:#fff;
	border:2px solid #CEE44D;
	padding:3px;
	text-align:center;
}

.addCompteur img{
	vertical-align:middle;
}

/***** VALIDATION + CALENDRIER  ***/

.demande_conges:hover{
	background-color:#CEE44D;
}

.ligne_conges:hover{
	background-color:#CEE44D;
}

.mois_calendrier{
	font-size:medium;
	font-weight:bold;
	color:#495C5A;
}
/********************/


/***** TIMEFRAME ***/




div.timeframe_calendar {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  text-shadow: none;
}

div.timeframe_fields{
	display:none;
}

/* Menu */
div.timeframe_calendar ul.timeframe_menu {
  list-style-type: none;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 0 6px;
}
  div.timeframe_calendar ul.timeframe_menu li {
    display: inline;
  }
    div.timeframe_calendar ul.timeframe_menu li a {
      display: inline-block;
      height: 20px;
      padding: 2px 0 0;
      text-decoration: none;
      width: 20px;
      -webkit-box-shadow: 0 1px 2px #999;
    }
	
	 div.timeframe_calendar ul.timeframe_menu li a:hover {
      text-decoration: none !important;
    }
	
      div.timeframe_calendar ul.timeframe_menu li a.previous, div.timeframe_calendar ul.timeframe_menu li a.next {
        background: #fff;
        color: #A9B9B7;
      }
        div.timeframe_calendar ul.timeframe_menu li a.previous:hover, div.timeframe_calendar ul.timeframe_menu li a.next:hover {
          background: #ccc;
        }
        div.timeframe_calendar ul.timeframe_menu li a.previous:active, div.timeframe_calendar ul.timeframe_menu li a.next:active {
          background: #aaa;
        }
      div.timeframe_calendar ul.timeframe_menu li a.disabled, div.timeframe_calendar ul.timeframe_menu li a.disabled:hover, div.timeframe_calendar ul.timeframe_menu li a.disabled:active {
        background: #fff;
        color: #ccc;
        cursor: default;	
      }
      div.timeframe_calendar ul.timeframe_menu li a.today {
        background: #A9B9B7;
        color: #eee;
      }
        div.timeframe_calendar ul.timeframe_menu li a.today:hover {
          background: #246744;
        }
        div.timeframe_calendar ul.timeframe_menu li a.today:active {
          background: #024522;
        }
      div.timeframe_calendar ul.timeframe_menu li a.previous {
        -webkit-border-top-left-radius:     10px;
        -webkit-border-bottom-left-radius:  10px;
        -moz-border-radius-topleft:         11px;
        -moz-border-radius-bottomleft:      11px;
      }
      div.timeframe_calendar ul.timeframe_menu li a.next {
        -webkit-border-top-right-radius:     10px;
        -webkit-border-bottom-right-radius:  10px;
        -moz-border-radius-topright:         11px;
        -moz-border-radius-bottomright:      11px;
      }

/* Calendar*/
div.timeframe_calendar table {
  border-collapse: collapse;
  font-size: 10px;
  margin-right:10px;
  display:inline  
}
  /* Month names */
  div.timeframe_calendar table caption {
    text-shadow: 0 0 0 #fff;
  }
  /* Cell sizes */
  div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
    height: 18px;
    margin: 0;
    padding: 2px 1px;
    width: 20px;
  }
  /* Weekday letters */
  div.timeframe_calendar thead {
    background: #485C5A;
    color: #eee;
  }
  /* Days */
  div.timeframe_calendar tbody {
    background: #fff;
    -webkit-box-shadow: 0px 2px 6px #999;
  }
div.timeframe_calendar tbody td {
  cursor: pointer;
  text-align:center;
}
  /* Hover states not available in IE */
  div.timeframe_calendar tbody td.selectable:hover {
	background-color: #bbb;
  }
  div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
	background-color: #AED108;
  }
  /* Selected states */
  div.timeframe_calendar tbody td.selected {
	background-color: #AED108;
  }
  div.timeframe_calendar tbody td.stuck {
	background-color: #AED108;
  }
  /* Range markers */
  div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange {
	cursor: col-resize;
  }
  div.timeframe_calendar tbody td.startrange {
	background-image: url(../../snippets/module_gestion_conges/img/start.png);
  }
  div.timeframe_calendar tbody td.endrange {
	background-image: url(../../snippets/module_gestion_conges/img/end.png);
  }
  div.timeframe_calendar tbody td.startendrange {
	background-image: url(../../snippets/module_gestion_conges/img/startend.png);
  }
  /* Today */
  div.timeframe_calendar tbody td.today {
	background-color: #A9B9B7;
	color: #eee;
  }
	div.timeframe_calendar tbody td.today_selected {
	  background-color: #b64926;
	}
	div.timeframe_calendar tbody td.today_stuck {
	  background-color: #8e2800;
	}
  /* Post/pre-month */
  div.timeframe_calendar tbody td.beyond {
	background-color: #DDE5E3;
	background-image: none;
	color: #666;
  }
	div.timeframe_calendar tbody td.beyond_selected {
	  background-color: #999;
	}
	div.timeframe_calendar tbody td.beyond_stuck {
	  background-color: #888;
	}
  
  div.timeframe_calendar tbody td.unselectable {
	color: #ccc;
	cursor: default;
  }
  /* Clear button */
  div.timeframe_calendar tbody td span.clear {
	color: transparent;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
  }
	div.timeframe_calendar tbody td span.clear span {
	  background-image: url(../../snippets/module_gestion_conges/img/closebox.png);
	  cursor: pointer;
	  display: block;
	  height: 30px;
	  left: -18px;
	  position: relative;
	  text-indent: -10000px;
	  top: -18px;
	  width: 30px;
	}
	  div.timeframe_calendar tbody td span.clear span.active {
		background-image: url(../../snippets/module_gestion_conges/img/closebox_selected.png);
	  }

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


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

/* Feuille de style pour le module gedeon */
/* Frédéric Millard juillet 2008 */

div#content_gedeon li {
	background:none;
}

div#content_gedeon {
	width : inherit;
	font-size : x-small;
	font-family : Verdana, Helvetica, sans-serif;
	color : black ;
	font-weight : normal ;
}

div#content_gedeon  a{
	cursor : pointer;
}

div#content_gedeon  div.mg_head{
	text-align : center ;
	font-size : 150%;
	font-weight : bold;
}

div#content_gedeon  span.mg_titre_section{
	font-weight : bold;
}

div#content_gedeon  div.mg_content_section{
}


div#content_gedeon .update{
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

div#content_gedeon ul.contacts {
	margin:0px;
	padding:0px;
	text-align: left;
}

div#content_gedeon ul.contacts li.selected { 
	background-color: #ffb; 
	cursor: pointer; 
	
}

div#content_gedeon li.contact {
	display:block;
	margin:0;
	/*padding:2px;*/
}

div#content_gedeon li.contact div.nom {
	font-weight:bold;
	line-height:1.2em;
}

div#content_gedeon .lien,
div#header_gedeon .lien{
	cursor:pointer;
	text-decoration : none;
}

div#content_gedeon  div.liens{
	text-align : center;
}

div#content_gedeon  img{
	vertical-align : middle;
}

div#content_gedeon  .fleche{
	line-height:1.5em;    
    background-image: url(images/icons/bullet_green.png) ; 
    background-repeat: no-repeat;    
    background-position:0px -1px;
    padding-left: 1.5em;
}

div#content_gedeon table.historique{
	border:thin solid #EEEEEE;
	border-collapse: collapse;
	width:inherit;
}

div#content_gedeon table.historique th{
	font-weight:bold;
	text-align: left;
	background-color:#5C7470;
	color:#FFF;
}

div#content_gedeon table.historique td{
	text-align: left;
	padding-left:3px;
	padding-right:3px;
}

div#content_gedeon table.historique input{
	border:solid #DDDDDD 1px;
}

div#content_gedeon table.historique select{
	border:none;
}

div#content_gedeon .titre_sous_page{
	position:relative;
	text-align:center;
	font-size:medium;
}

div#content_gedeon span.fermer_sous_page{
	position:absolute;
	top:0;
	right:0;
}

div#content_gedeon .radioDansFormulaire{
	display:inline;
	float:none;
}

div#content_gedeon tr.surbrillance{
	background-color:#89A39E;
	color:#FFFFFF;
}

div#content_gedeon tr.ligneI{
	background-color:#FFFFFF;
	color:#000000;
}

div#content_gedeon tr.ligneP{
	background-color:#EEEEEE;
	color:#000000;
}

div#content_gedeon tr.trSelected{
	font-weight:bold;
}


/* Fin feuille de style gedeon */

/* Module Organigramme */

.drop_departement{
	background-color:yellow;
}

/* Affichage des news partagees en haut du dashboard */

#newsPartagees{
	font-size:xx-small;
	
}


/******* EXPORT **********/

a.selected{
	font-weight:bold;
}

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