/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
/***********************************************//* HTML tag styles                             */
/***********************************************/
body{
        FONT-FAMILY: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14;
        line-height: 1.4; 
        margin: 0px;
        padding: 0px;
       
         
         color:#666;
 	    text-align: left;
        }
        
p {
    text-align:justify;
}
ul {list-style-type: circle;
    line-height: 1.5}
a:link, a:visited{
        color: #666;
        text-decoration: none;
    }
a:hover{
        text-decoration: underline;
        color: #660033;
        }


#page{
        position:relative; 
        color:#aaa;
        width: 800px;
        min-width: 800px;
        max-width: 800px;
        text-align: left;
}
#content {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.contener{
    background: #fff;
    width: 85%;
    margin : auto;
    padding: 0px;
    border-radius: 8px;
   
}
#left{
    float: none;
    display: table-cell;
    padding-top: 10px;
    padding-left: 2px;
    color:#666;
    width: 170px;
    background: #3b5f81;
}
#left td{text-align: left;
        border-bottom :1px solid #5a7a99;
        font-size: 14;
        height: 40px;
        padding-left:5px;
        padding-right: 5px 
        }
#left td:hover{
           background-color: #ccc;

        }
#left td:hover a{
    color:#444;
}

a:hover{
        text-decoration: underline;
        color: #660033;
        }
#left a:link, a:visited{
        color: #ddd;
        text-decoration: none;
        }
.contenu{
    float: none;
    display: table-cell;
    padding:20px;
    color:#363535;
    
}
.contenu ul,li{
    color:#666;
}

.labeltitre {

    
    margin: auto;
    color:#666;
    text-align: center;
    vertical-align: middle;
    padding-top:15px;
}
.labeltitre td{
    margin: auto;
    
    text-align: center;
    vertical-align: middle;
}
.diplome{
    color:#959da4;
    font-size: 20;
}
.nom{
    color:#cccdcf;
    font-size: 28;
}
.lieu{
    color:#b8a086;
    font-size: 18;
}
.montitre{
    color:#666;
    font-size: 18;
    line-height: 2;
    margin-right: -25px;
}

#menu{
        margin: auto;
        vertical-align: middle;
        text-align: center;
        font-size: 28;
        height : 130px;
        border-top: 0px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom : -1px;
        color :#ccc;
        background-color: #3b5f81;
        }

#titre{      
        font-size: 14; 
        text-align: right; 
        margin-right: 0px;      
        width: 750px;
        height: 50px;
        
        }

table { 
         font-size: 100%; 
         
}  
.trBis
	{  
	background-color: #bbbbbb; 
	} 
.trTer
	{  
	background-color: #dddddd; 
	}
.tdCenter
	{
	style="text-align : center;"
	} 	





/******* Arondis des boites *******/        
.cadreB { 
 background-color: #EDEDEA;
width:99%;
}
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 14px; width: 14px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

.contenu p {
margin: 10px;

}

/******* hyperlink and anchor tag styles *******/


/************** header tag styles **************/
h1{

 font: 150% ; 
 color: #888;
 margin: 0px;
 padding: 0px;
}
h2{
 
 color: #888;

 margin: 0px;
 padding: 0px;
}
h3{
 color: #888;
 margin: 0px;
 padding: 0px;
}
h4{
 font: 80% ; 
 color: #ccc;
 margin: 0px;
 padding: 0px;
}
h5{
 font: 100% ; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
/*************** list tag styles ***************/
ul{
 color: #000000;
 list-style-type: circle;}

ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
/********* form and related tag styles *********/
form {
        margin: 0;
        padding: 0;
}
label{
 font: bold 1em ;
 color: #F7F8A8;
}
                                



/************** siteInfo styles ****************/
#siteInfo{
         background-color: #F3F3F3;
        clear: both;
        color: #444;
        line-height: 2;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
}

#siteInfo img{
        padding: 4px 4px 4px 0px;
        vertical-align: middle;

}

#siteInfo a:link{
        color: #666;

        text-decoration: none;
    }
    
#siteInfo a:visited
{
        color: #666;
        text-decoration: none;
    }
#siteInfo a:hover{
        text-decoration: none;
        color: #660033;
        }


/************* relatedLinks styles **************/
.relatedLinks{
        margin: 0px;
        padding: 0px 0px 10px 10px;     
}
.relatedLinks a{
        display: block; 
}
/****************perso***************************/
.titre {
        font-size: xx-large;
        color: #FFFFCC;
        }
/********************* end **********************/