/* Reset */

* {
    margin: 0;
    padding: 0;
    font-weight: normal;

}

a img { 
    border: 0px; 
}
    
a {
	font-family: Arial, sans-serif;
}
    

    
hr {
    display: none;
}

    
/* Page */

body {
    background: transparent url("media/fond.jpg") left top repeat;
    font-family: Tahoma, Century Gothic, Arial, sans-serif;
}

#shadow {
    width: 906px;
   
    position: relative;
    left: 50%;
    margin: 0 0 40px -453px;

    background: transparent url("media/bottom.jpg") 1px bottom no-repeat;
    padding: 0 0 17px 0;
}

#page {
    background: transparent url("media/shadow.jpg") left top repeat-y;
    padding: 0 6px 0 5px;
}


/* Header */


h1 {
    height:134px;
    background:  transparent url("media/top.jpg") left top repeat-x;
}

h1 a {
    position: absolute;
    left: 250px;
    top: 40px;
    
    background: transparent url("media/logo.jpg") left top no-repeat;
    display: block;
    width: 390px;
    
    padding: 60px 0 0 0;
    height: 0;
    overflow: hidden;
}

h2 {
    position: absolute;
    top : 0px;
    right: 6px;
    
    background: #9f0000 url("media/courbes.jpg") left top no-repeat;
    display: block;
    height: 0px;
    width: 192px;
    padding: 134px 0 0 0;
    
    overflow: hidden;
}



h3 {
    color: #df0101;
    font-size: 18px;
    margin-bottom: 15px;
    font-style: normal;
    font-family: Century Gothic, Georgia, Arial, sans-serif, serif ;
    _font-family: Arial, sans-serif, serif ;
    
        
}

h3 em {
    color: #df0101;
    font-size: 25px;
    font-style: normal;
    font-family: Century Gothic, Georgia, Arial, sans-serif, serif;
    _font-family: Arial, sans-serif, serif ;

}

h6 a {
    margin-bottom: 10px;    
    font-size: 13px;
    _font-size: 14px;
    _font-weight: normal;
    color: #999999;
    font-family: Arial, sans-serif;
}

/* Menu */

#menu {
    background: transparent url("media/fondmenu.jpg") left top repeat-x;
    height: 30px;
    padding: 0 0 0 189px;
    _padding: 0 0 0 187px;
}

#menu h5 {
    display: none;
}

#menu li {
    float: left;
}

#menu a {
    background: transparent url("media/bouton1.jpg") left top no-repeat;
    display: block;
    padding: 30px 0 0 0;
    height: 0;
    overflow: hidden;
    margin: 0 0 0 -3px;
}

#etudiant {
    position: absolute;
    left: 3;
    top: 0;
    height: 161px;
    width: 166px;
    background: transparent url("media/etudiant6.jpg");
}

/*
#menu li#menu00 a {
    background-image: url("media/etudiant5.jpg");
    width: 108px;
    padding-right: 12px;
}
*/

#menu li#menu0 a {
    background-image: url("media/bouton0.jpg");
    width: 28px;
    
}

#menu li#menu1 a {
    background-image: url("media/bouton1.jpg");
    width: 144px;
}


#menu li#menu2 a {
    background-image: url("media/bouton2.jpg");
    width: 186px;
}

#menu li#menu3 a {
    background-image: url("media/bouton3.jpg");
    width: 67px;
}

#menu li#menu4 a {
    background-image: url("media/bouton4.jpg");
    width: 92px;
}

#menu li#menu5 a {
    background-image: url("media/bouton5.jpg");
    width: 73px;
}

#menu li#menu6 a {
    background-image: url("media/bouton6.jpg");
    width: 73px;
}

#menu a:hover,
#menu a:focus {
    background-position: left -31px;
}

body.menu1 #menu li#menu1 a,
body.menu2 #menu li#menu2 a,
body.menu3 #menu li#menu3 a,
body.menu4 #menu li#menu4 a,
body.menu5 #menu li#menu5 a
body.menu6 #menu li#menu6 a {
    background-position: left -62px;
}


/* Content */

#content {
    position: relative;
    clear: both;
    padding: 40px 0 10px 275px;
    /overflow: hidden;
    background-color: white;

}

#content p {
    margin-bottom: 15px;
    width: 480px;
    font-family: Arial, sans-serif;
    _font-family : Tahoma, Arial, sans-serif;
    color: #333333;
    text-align: justify;
    font-size: 12px;
    _font-size: 13px;

}

#content p em {
    font-style: normal;
    font-size: 12px;
    margin:  0;
    color: #777777;
}

#content h5{
	font-family: Arial, sans-serif, sans-serif;
	letter-spacing: 0.1em;
	_letter-spacing: 0em;
	font-size: 14px;
	color: #df0101;
	width: 350px;
	margin: 15px 0 10px 0;
	}
	
#content h6{
	font-family: Arial, sans-serif, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	width: 350px;
	margin: 15px 0 10px 0;
	}

/*
#overfond {
    background-color: #f0f2f5;
    margin: 0 0 0 -10px;
    padding:  15px 15px 15px 10px;
    width: 490px;
}

#overfond  #listecontent2 {
	width: 485px;
	font-family: Arial, sans-serif, sans-serif;
	_font-family : Tahoma, Arial, sans-serif;
	font-size: 12px;
	_font-size: 12px;
	color: #5e6670;
	_color : #5e6670;
	margin:  0 0 0 0px;
	
	}
	
#overfond  #listecontent2 li {	
    background: transparent url("media/puce.gif") left 12px no-repeat;
    padding-left: 15px;
    list-style: outside none;

}
*/


    #listecontent2 {
	font-family: Arial, sans-serif, sans-serif;
    _font-family : Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	padding:  0 ;
    }
	
	#listecontent2 li {	
	width: 445px;
    background-image: url("media/puce.gif"); 
    background-position : 10px 3px;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    padding:  3px 15px 3px 25px;
    margin: 0 0 3px 0;
    list-style: outside none;

}

#listecontent2 a{

	width: 350px;
	font-family: Arial, sans-serif, sans-serif;
	font-size: 11px;
	_font-size: 12px;
	color: #555555;
	text-decoration: none
	}

#listecontent2 a:hover{
	text-decoration: underline;
	}
	
#listecontent a{

	font-family: Arial, sans-serif, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	}

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

#internlink {
    color: gray;
    text-decoration: none;
}

#internlink:hover {
    color: #df0101;
    text-decoration: underline;
}

#footer {
	 margin: 50px 0 0 0px;
	 }



#footer li {
   
    margin-left: 0px;
    position:relative;
    display: inline;
    color: #c1c0c0;
    font-size: 11px;
}

#footer li a {
    font-family: Arial, sans-serif, sans-serif;
    font-size: 8pt;
    color: #c1c0c0;
    text-decoration: none;
}

#footer li a:hover {
     text-decoration: underline;
     color: gray;
}


/* Left pan */

#leftpan {
    position: absolute;
    top: 115px;
    _top: 45px;
    left: 0px;
    _left: -255px;
    width: 205px;
    _width : 80px;
    padding: 0 20px;
    letter-spacing: normal;
}

#leftpan a {
    color : #666666;
    text-decoration:  none;
    font-size: 12px;
    _font-size: 11px;
    display: block;
    width: 205px;
    _width : 210px;
    background: transparent url("media/puce2.jpg") left top no-repeat;
    padding-left: 12px;
    _font-family : Tahoma;
}

#leftpan a:hover {
    text-decoration:  none;
    color: #999999; 
    background: transparent url("media/puce.jpg") left top no-repeat;
}

#leftpan h6 {
    margin-bottom: 15px;    
    font-size: 13px;
    _font-size: 13px;
    _font-weight: normal;
    color: #999999;
    font-family: Arial, sans-serif;
}

#leftpan li {
    padding-bottom: 5px;
    list-style: none;
    margin-left: 0px;
}

#leftpan ul {
    margin-bottom: 30px;
}

#leftpan #pub {
    margin: -8px 0 40px -20px;
    _margin: 0px 0 40px -15px;
}



#leftpan img {
	padding-right: 5px;
 	margin: -80px 0 10px 0px ;
 	_margin: 0 0 10px 20px ;
}

#leftpan #leaflet {
    background: transparent none left top no-repeat;
}

#leftpan #leaflet img {
	padding-right: 5px;
 	margin: 0px 0 10px 20px ;
 	_margin: 0 0 10px 20px ;
}

#leftpan a#actif {
	color: #df0101;
	background: transparent url("media/puce.jpg") left top no-repeat;
	text-decoration: none;
}


#leftpan a#actif:hover {
	text-decoration: none;
}

/* Right pan */

#rightpan {
    position: absolute; 
    top: 115px;
    right: 0px;  
    _right: -135px; 
    
    width: 206px;  
 

}

body.menu0 #rightpan {
padding-bottom : 150px;
}


#leftpan #cycles a {
    background: transparent url("media/boutond.jpg") left top no-repeat;
    
    display: block;
    width: 215px;  
    height: 24px;  
    
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    _font-size: 11px;
    padding: 8px 0 0 15px;
    margin:  0 0 -5px -10px;
    _font-family : Tahoma, Arial, sans-serif;
    _margin: 0 0 0 0;
}

#leftpan #cycles a:hover {
    background-position: left -30px;
    text-decoration: none;
    color: white;
}


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

#rightpan div a:hover {
    background-position: left -44px;
    text-decoration: none;
    color: #df0101;
}

#rightpan li{
    list-style: none;
    margin-left: 0px;
    padding-bottom: 0px;
}

#rightpan h6 {
    margin-bottom: 10px;    
    font-size: 13px;
    _font-size: 12px;
    _font-weight: normal;
    color: #999999;
    font-family: Arial, sans-serif;
}

#rightpan h6 a {
    margin : 30px 0 0 0px;    
    font-size: 13px;
    _font-size: 12px;
    font-weight: bold;
    _font-weight: normal;
    color: #999999;
    font-family: Arial, sans-serif;
}

#rightpan h6 a:hover {
    text-decoration: none;
    color: #777777;
}

#secured {
    position: absolute;

    top: -4px;
    right: 0px;
     _right: 6px; 
    height: 67px;
    width: 186px;
    _width : 189px;
    padding: 10px 0 0 20px;
    background: transparent url("media/acces.jpg") left top no-repeat;
}
#secured h6 {
    display: none;
}

#secured a {
    color:  #666666;
    text-decoration: none;
    font-size: 12px;   
}

#secured a:hover {
    color: #444444;    
}

#secured h6 {
    display: none;
}

#secured li {
    list-style: none;
    margin-left: 0px;
}