html {
    background: #FFF;
    font-family: "Bitstrem Vera Sans", Veranda, sans-serif;
    font-size: 13px;
 }

body {
    color: #151515;  
    text-align: justify; 
    margin:0;
      }

#page {
    width: 980px;
    margin: 0 auto;
}



/* LINKS */
#links {	
    margin:  0 0 20px 0; 
    text-align: center;
    width: auto;
    padding: 20px 0;
    border-bottom: 1px solid #800;
}


#links ul.menu{
    padding: 0;
    margin: 0;
    text-align: left ;
}


#links ul.menu li{
    display:inline;
    padding-right: 20px;
}


#links .title{
    font-weight: bold; 
    background: none transparent scroll repeat 0% 0%;  
    margin: 0   10px; 
    float: right;
}

#links .title .nom{
    font-size: large;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}


#links a.horstexte {
    font-weight: bold; 
    font-size: small; 
    color: #8c1100;
    text-decoration: none;
}

#links a.courant{
    font-weight: bold; 
    font-size: small;
    color: #00358A;
    text-decoration:none;
}

#links a.horstexte:hover {

}

/* PRINCIPAL */
a{
    color:#00358A;
}

p{
    margin: 0 0 10px 0 ;
}

#principal p.inc{
    margin: 0 0 10px 25px ;
}
table{  
    margin: 0;
    padding: 0;
}

  
.titre {
    font-weight: bold
}


h1{
    text-align:left ;
    color:	#00358A;
    margin: 5px 0 10px 0 ;
    padding: 0;
    font-size: large;
}
   
h2{
    margin: 5px 0 5px;
    padding: 0;
    border-bottom: 1px solid #050555;
}

h3{
    margin: 0;
    padding: 5px 0 2px 25px;
}

#principal .soustitre{ 
    font-size: 105%;
    font-weight: bold;
}

#principal .soussoustitre{ 
    font-size: 102%;
}

#principal ul{
    margin: 5px 25px 10px;
    padding: 0 0 0 25px;
}


#principal td{
    vertical-align: top;
}




div.ecrit .titre {
    font-size: 100%
}

div.oral .titre {
    font-size: 90%
}

#principal a.titre {
    color: black; 
    text-decoration: underline
}

#principal a {
    font-weight: bold; 
    font-size: 90%; 
    color: #050555; 
    text-decoration: none
}


#principal a:hover {
    text-decoration: underline
}


/* PRINCIPAL ACCUEIL */
.photo{
    float:left;
    margin: 10px 10px;
    width : 430px;
    }

img.photo{
    float:left;
    padding: 0 30px;
    width:125px;
}


.accueil{
    float:right;
    width : 400px;
    margin: 0 60px;
    padding: 30px 0;
}

.logo{
    margin : 0px 0px 10px 0px;
}

img.logop{
    padding: 30px 40px 0 40px;
    width : 160px;
    border: none;
}
img.logoufr{
    padding: 10px;
    width : 160px;
    border: none;
}

img.logou{
    padding: 10px;
    height : 140px;
    border: none;
}

img.logocnrs{
    padding: 20px 10px 0 10px;
    width: 70px;
    border:none;
}

img.logogdr{
    padding: 10px;
    width : 70px;
    border: none;
}



/* PRINCIPAL CONTACT */

.map{
	float: left;
	margin: 0 60px;
}

.coordonnees{
    margin: 0 70px;
    padding : 30px 0;
    float:center;
}


/* FOOTER */
#footer{
	text-align: center;
	font-size: 10px;
	margin-top: 30px;
	clear: both;
	overflow: hidden;
}