.menuhaut {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 15px; font-weight: bold; color: #AA2718; text-decoration: none}
.menuleft { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 13px; font-weight: normal; color: #000000; text-decoration: none}
.sousmenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #AA2718 ; text-decoration: none}
.ordinaire { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #000000}
.titre { font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 16px; font-weight: bold; color: #AA2718}
.menuright { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 15px; font-weight: bold; color: #AA2718 ; text-decoration: none}

a:link,
a:visited,
a:active {
    background-color:inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* NOS STYLES */
/* NOS STYLES */
/* NOS STYLES */


/* TABLEAUX */
table.tableau { 
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #404040;
	width: 100%;
	line-height: 14px;
	background-color: #fafafa;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

tr.tableau
{ border-bottom: 2px solid #d79900;
background-color: #fff2ba;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}

/* CALENDRIER */

.calendrier { 
        width: 400px; 
        background-color: #fff2ba; 
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
        font-size: 9px; 
        color: #000000;
        font-weight: bold; 
        padding: 1px; 
		border: 1px solid #FF9900;
} 

.calendrier_selector { 
} 

.calendrier_weekdays { 
        background-color: #fff2ba; 
        color: #000000; 
		text-align: center;
} 

.calendrier_day { 
        background-color: #FF9900;
        padding: 0px; 
        text-align: right; 
} 

.calendrier_today { 
        background-color: #FF9900;
        padding: 0px; 
        color: yellow; 
        text-align: right; 
} 

.calendrier_detail { 
        background-color: #FF9900;
        color: #000000; 
        height: 20px; 
} 
.calendrier_evenements {
		padding: 0px; 	
		margin: 0px;
		line-height: 12px;
		width: 230px;
        font-size: 11px; 
        color: gray; 
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
        text-align: left; 
}

TH {
	text-align:left;
}

/* FORMULAIRES */

Input, Textarea, Select, input.text, textarea.textarea, select.select{
	margin:0;
	font-size:10px;
	height:17px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	color:#333;
}

.boutton {
background:white url(../img/boutton-style1.gif) repeat-x;
color:#000000;
height:26px;
}

/* MENU DU HAUT */

#chromemenu{
width: 850px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: 15px; 
font-weight: bold; 
color: #AA2718; 
text-decoration: none;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 0px solid #BBB;
width: 100%;
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 11px Verdana;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
border-right: 1px solid #FF9900;
font-weight: bold;
padding: 6px 12px 0px 7px;
text-decoration: none;
text-align: center;
height: 35px;

}

#chromemenu ul li a:hover{
text-decoration: underline;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/* content: " v"; */
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* MENU DU HAUT : DROP DOWN */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #fff2ba;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #FF9900;
}

/* BOITE DE RECHERCHE */

#search_box {
 float:left;
    width: 150px;
    height: 31px;
	position:absolute;
	padding-top:1px;
	margin-left:-14px; 
}
#s {
/*    float: left; */
    padding: 0;
/*    margin: 6px 0 0 6px; */
	margin: 0px;
    border: 1px dashed;
    width: 72px;
	height: 17px;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	line-height: 15px; 
	font-weight: bold; 
	color: #FF9900;
    text-transform: uppercase;

}
#go {
/*    float: left; */
    margin: 0px 2px 0px 2px;
	width:19px;
	height:17px
}

/* ZONE ÉTUDIANTE */

.etatZoneEtudiante {
	position:absolute; 
	top:66px; 
	left:700px;
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff2ba; 
	font-style: bold;
	font-weight: bold;
}

/* ajout pour formulaire  */


form ul{
margin:0; 
padding:0;
list-style-type:none;
width:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
form li, .buttons{display:inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

form li div, form li span{
margin:0 5px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}
form li div.left{
display:inline;
float:left;
width:48%;
}
form li div.right{
display:inline;
float:right;
width:48%;
}
form li div.left .medium, form li div.right .medium{
width:100%;
}


form li div label, form li span label{
margin:0;
padding-top:3px;
padding-bottom:5px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}
form li .icon{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 26px;
height: 20px;
}

/* fin ajout pour formulaire */