

* {
	font-family: 	        Trebuchet MS, Verdana, Arial, Sans-Serif;
   	margin:                 0;
     	color:              #0C3560;
		
}

body {
    color:             	    #40596F;
	font-family:            Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-size:         	    1em;
	font-style:        	    normal;
	font-weight:       	    normal;
	margin:	   	            0px;
	text-align:     	    center; 
	background-image:       url(images/Eoxia/body.png);
	background-repeat:	    repeat-x;
	background-color:	    #557896;
}
a {
    color:              	#40596F;
    text-decoration:    	none;
}
a:hover {
    text-decoration:    	underline;
    color:              	#043F84;
}
h1 {
	font-size:		    2em;
	font-weight:		bold;
}
.h1formation {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #D8B46C;
	}
.h1hebergement {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #3CACA7;
	}
.h1infogerance {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #84B218;
	}
.h1securite {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #868835;
	}
.h1postesdetravail {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #D68E00;
}
.h1travailcollaboratif {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #A5008C;
}
.h1travailadistance {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #006531;
}
.h1protectionetsecurite {
    font-size:		    3em;
	direction: 		    rtl;
	color:			    #005984;
}
#bodyinfogerance 
{
    margin-left:        50px;
    margin-right:       50px;
    
}
	
#main {
}

#haut {	
	position:		    relative;
	height:             127px;
	background:         url(images/Eoxia/bandeau-haut-fond.png) no-repeat top center;
}
#flash {
	position:		    absolute;
	top:			    0px;
	left:			    50%;
	margin-left:	    -475px;
}

#milieu {
    }

#menu {
	font-size:          15px;
	font-weight:        bold;
	height:             25px;
	margin-left:        10px;
	margin-bottom:      10px;
}
#menu a {
    color:              #3f5970;
    font-weight:        bold;
    font-size:          1em;
    margin:             3px;
    text-decoration:    none;
}
#menuClients a {
    color:              #3f5970;
    font-weight:        bold;
    font-size:          1em;
    margin:             3px;
    text-decoration:    none;
}
#menu a:hover {
    color:              #fff;
    text-decoration:    underline;
}
#menuClients a:hover {
    color:              #557896;
}
#menu ul {
    list-style:         none;
    margin:             0;
    padding:            0;
}
#menu li {
    border:             1px none #000;
    float:              left;  
    position:           relative;
    text-align:         center;
}
#menu ul>li:hover {
    background-color:   #527994;
    border-bottom:      1px solid #527994;
}
#menu ul>li:hover>a {
    color:              #fff;
}
#menu ul>li>ul {
    border:             1px solid #527994;
    display:            none;
    position:           absolute;
    top:                20px;
    left:               0;
    width:              200px;
}
#menu ul>li:hover>ul {
    display:            block;
}
#menu ul>li>ul>li {
    background-color:   #ccc;
    clear:              left;
    text-align:         left;
    width:              100%;
}
#menu ul>li:hover>ul>li {
    border:             0;
}

#sitemap {
    width:		938px;
    background-color:	#fff;
    text-align:         left;
    padding-left:       12px;
    margin-left:        0px;
    margin-right:       0px;
    padding-bottom:     10px;
    font-size:          1em;
    color:              #40596F;
}
#sitemap a {
    color:              #40596F;
}
#sitemap a:visited {
    color:              #40596F;
}

#contenu 
{
    position:		    relative;
    font-size:          0.8em;
	background-color:	#fff;
	min-height:		    600px;
	width:			    950px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		    -3px;
}

#contact {
    position:           absolute;
    top:                20px;
    right:              30px;
}

#bas {
	position:		    relative;
    background-color:  	#527994;
	height:         	45px;
	margin-top:     	-5px;
}

#bas-contenu   { margin:0 auto; padding-top:2px; padding-bottom:4px; padding-left:10px;padding-right:10px;width:940px; font-size:0.8em; line-height:1em; }
#bas-contenu a { color:#fff; text-decoration:none; }

#bas-contenu .societe { float:left;  color:#fff; text-align:left; }
#bas-contenu .cgv     { float:right; color:#fff; text-align:right; padding-right:10px; margin-bottom:5px; }
#bas-contenu .eoxia   { float:right; color:#fff; text-align:right; padding-right:29px; }

#bas-liens     { font-size: 0.8em; }
#bas-liens a   { color:     #0c3560 }

.Rapsodie
{
    color:              #1456A0;
    font-weight:        bold;
    font-size:          1.2em;
}

#historique td {
    border:             1px solid gray;
    padding:            4px;
}
.tdincidents {
    background:         #93d4f8;
    
}
.tdtaches {
    background:         #fffd61;
}
.tdtotal {
   background:          #ffa9f8;
}
.tdtravaux
{
    background:         #a4d4a0;
}
.tdvisites {
    background:         #D4C5A0;
}

.pagerStyle span {
    color:              #923443; 
    font-weight:        bold;
    text-decoration:    underline; 
} 

.timedate {
    color:	            #26499c;
}

.rightPos {
    float: 		        right;    
}


/* #### Accordion Pane Ajax toolkit #### */

.headerSelected {
    background-color: 	#C5D7FF; 
    height: 		    30px; 
    padding: 		    9px 5px 0 9px;
}
.header {
    height: 		    30px; 
    padding: 		    9px 5px 0 9px;
}

/* #### CalendarExtender Ajax toolkit #### */

.cal .ajax__calendar_container { background-color: White; color: Navy; border: solid 1px #FF9E19; }
.cal .ajax__calendar_header    { font-weight: bold;}
.cal .ajax__calendar_footer    { border-top: solid 1px #DDE7E7;}
.cal .ajax__calendar_active    { border: solid 1px #4B80A3; background-color: #D7ECFA;  }
.cal .ajax__calendar_dayname   { border-bottom: solid 1px #DBD9D7;}
.cal .ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_prev,
.ajax__calendar_hover .ajax__calendar_next { background-color: #FDEC7D; }

