/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


html,body,div,h1,h2,h3,h4,h5,h6,img,ul,li {
	border: 0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	margin:0px;
	padding:0px;
	}

a img {
	border:none;
	}

a:focus, a:hover {
	color:#000;
	}
	
a {
	color: #009;
	text-decoration:underline;
	}

body{
	line-height:1.5;
	background-color:#003366;
	min-height:100%;
	}
p {margin-bottom:10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}

p.small {
	font-size:12px;
	color: #333333;
	margin-bottom:0px;
	}
	
.grey{
	font-size:10px;
	color: #999;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		
p.arrow {
	padding-left:40px;
	background: url(../images/15.gif)  no-repeat 20px 8px;
		}
	
p.arrow a {
	text-decoration:none;
		}
		
p.arrow a:hover {
	text-decoration: underline;
		}


p.alinea{
	text-indent: 15px;
	text-align:justify;
}

p.tiny{
	font-size:9px;
}

ul.present {
	margin-left: 50px;
}

#page {
	width:950px;
	margin: 0 auto;
	margin-top:5px;
	
	}
	
#container {
	background-color:#FFFFFF;
	background-image:url(../images/bas_page_arrondi.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	min-height:500px;
	height:100%;
	}

	
br.space {
	clear:both;
	}

/* TITRES */

h1{
	font-size:1.1em;
	color: #FFFFFF;
	margin-left:30px;
	line-height: 1.2em;
	}

h2{
	font-size:1.1em;
	color: #000000;
	padding: 10px 0 2px 20px;
	line-height:normal;
	border-bottom: #CCCCCC 1px solid;
	margin-bottom:20px;
	margin-top:10px;
	}

h3{
	font-size:1.3em;
	color: #E49D07;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 0px;
	line-height:normal;
	background-image:url(../images/h3.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:15px;
	}
	
/*	h3 {
	font-size:1.6em;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	line-height:normal;
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:15px;
	
}

h3:first-letter {
	font-size:1.6em;

	
}*/


h4 {
	font-size:1em;
	padding: 10px 0 5px 20px;
	font-weight:bold;
	color: #59A40B;
	padding-top: 10px;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
h4 a{
	color: #59A40B;
	text-decoration:none;
	}
	
h4 a:hover{
	color: #59A40B;
	}
	
h5{
	font-size:1.1em;
	color: #003399;
	line-height:normal;
	font-weight:bold;
	margin-bottom:8px;
	padding-top:5px;
	}
	
h6{
	text-align: left;
	font-size:15px;
	color: #B0426A;
	line-height:normal;
	font-weight:bold;
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	}
		

h6 a{
	font-size:1em;
	color: #B0426A;
	line-height:normal;
	font-weight:bold;
	margin-bottom:8px;
	}
	
h6 a:hover{
	font-size:1em;
	color: #B0426A;
	line-height:normal;
	font-weight:bold;
	margin-bottom:8px;
	}
	
.bloctitre {
	width:350px;
	height:22px;
	background-image:url(../images/titre.jpg);
	background-repeat:no-repeat;
	border:none;
	}
	


/* NAVIGATION HAUT*/

#menuhautgauche {
	width:35px;
	float: left;
	height:20px;
	margin-right:2px;
	margin-left:10px;
	}
	
#menuhautgauche ul{
	list-style-type:none;
	}
	
#menuhautgauche li a {
	width:35px;
	float: left;
	background: url(../images/accueil_lien.gif) no-repeat;
	height:20px;
	text-align:center;
	}
	
#menuhautgauche li a:hover {
	width:35px;
	float: left;
	background: url(../images/accueil_lien_hover.gif) no-repeat;
	height:20px;
	text-align:center;
	}
	
#menuhautgauche #menuhautgaucheactif a{
	background: url(../images/accueil_lien_hover.gif) no-repeat;
 	color:#fff; cursor:pointer;
	}	
		
		
/*NEW */
		
#menuhautent li {
	display:inline;
	}
	
#menuhautent li a {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
 	color:#000;
	background: url(../images/menu_haut_gris.gif) no-repeat;
	margin:0 1px 0 0; 
	padding:0 0 0 1px; 
	text-decoration:none;
	letter-spacing:1px;
	width:105px;
	height:20px;
	text-align:center;
	line-height:1.6em;
	font-weight:bold;
	}	
	
#menuhautent li a:hover {
	background: url(../images/menu_haut_hover.gif) no-repeat;
 	color:#fff; cursor:pointer;
	font-weight:bold;
	}  
	
#menuhautent {
	margin-left: 10px;
	}	
	
	
#menuhautent #menuhautactif a{
	background: url(../images/menu_haut_hover.gif) no-repeat;
 	color:#fff; cursor:pointer;
	font-weight:bold;
	}	
		
				
		
#menuhaut li {
	display:inline;
	}
	
#menuhaut li a {
	font-size:14px;
	float:left;
 	color:#000;
	background: url(../images/menu_haut_gris.gif) no-repeat;
	margin:0 1px 0 0; 
	padding:0 0 0 1px; 
	text-decoration:none;
	letter-spacing:1px;
	width:105px;
	height:20px;
	text-align:center;
	line-height:1.4em;
	font-weight:bold;
	}	
	
#menuhaut li a:hover {
	background: url(../images/menu_haut_hover.gif) no-repeat;
 	color:#fff; cursor:pointer;
	font-weight:bold;
	}  
	
#menuhaut #menuhautactif a{
	background: url(../images/menu_haut_hover.gif) no-repeat;
 	color:#fff; cursor:pointer;
	font-weight:bold;
	}	
	
#bannierehaut{
	clear:both;
	width:950px;
	height:140px;}
	
#bannierehaut_accueil{
	clear:both;
	width:950px;
	height:140px;
	background: url(../images/institut_formation_chu.jpg) no-repeat;}
	
#bannierehaut_accueil_ent{
	clear:both;
	width:950px;
	height:140px;
	background: url(../images/accueil_ent.jpg) no-repeat;}
	
#bannierehaut_accueil p{
	color: #FFFFFF;
	text-align: right;
	padding-top: 30px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
		}
		
#banniere_logos {
	margin-left: 37px;
	margin-top: 37px;
	width: 180px;
	float: left;
}	
	
/* NAVIGATION GAUCHE */

#menugauchebloc{
	height:350px;
	width: 150px;
	float: left;
	background: url(../images/barre_gauche.jpg) no-repeat;
	}
	
#menugaucheblocent{
	height:350px;
	width: 150px;
	float: left;
	background: url(../images/barre_gauche_ent.jpg) no-repeat;
	}

#menugauche {
	float:left;
	padding:10px 0px 0px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:600;
	height:250px;
	line-height: 1.2;
		}
		
		
#menugaucheent {
	float:left;
	padding:10px 0px 0px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:600;
	height:250px;
		}
		
#menugauche ul{
	list-style-type:none;
	}
	
#menugaucheent ul{
	list-style-type:none;
	margin: 0; 
	padding-left: 10px;
	}

#menugauche li {

	margin-top: 15px;
	text-align:left;
	padding-left:20px;
	}
	
#menugaucheent li a{

	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 3px;
	margin-right: 3px;
	text-align:left;
	margin: 5px;
	width: 120px;
	background-color: #CCCCCC;
	padding: 3px;
	}
	
#menugauche a{
	color: #FFFFFF;
	text-decoration:none;
	}	
	
#menugaucheent a{
	color: #333333;
	text-decoration:none;
	display: block;
	margin: 5px;
	padding :3px;
	}	

#menugauche a:hover, #menugauche a#active{
	border-bottom: 2px #E49D07 solid;
	}
		
#menugaucheent a:hover, #menugaucheent a#active{
	background: #3570AA;
	color:#FFFFFF;
	}
	
/* MENU DROITE */	
	
#menudroite {
	float:right;
	margin-left: 0px;
	margin-top:20px;
	width:130px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:center;
	}
	
#menudroite p{
	color:#FF0000;
	font-size:0.7em;
	float:right;
	padding-right: 10px;
	margin-left: 0px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	}

.titre_bloc_droite {

	background: url(../images/titre_bloc_droite.jpg) no-repeat center;
	width:130px;
	}

.titre_bloc_droite h1{

	font-size:0.8em;
	color: #FFFFFF;
	text-align:center;
	margin: 0px;
	}
	

/* CONTENU */


#contenu {
	padding: 0px 10px 10px 30px;
	width:620px;
	margin-top: 40px;
	overflow: hidden;
	min-height:850px;
}

#contenu_accueil_ent {
	padding: 0px 10px 10px 30px;
	width:560px;
	margin-top: 40px;
	overflow: hidden;
	min-height:850px;
}

#contenu ul{
	margin-left: 30px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
	
#contenu_100 {
	width: 737px;
	padding-left: 30px;
	margin-top: 40px;
	padding-bottom: 30px;
	padding-right: 30px;
	min-height:550px;
	overflow: hidden;
	}
	
#contenu_cde {
	width: 780px;
	padding-left: 20px;
	margin-top: 40px;
	padding-bottom: 30px;
	min-height:800px;
	overflow: auto;
	}	

	
#contenu_recherche {
	padding: 0px 10px 10px 30px;
	width:510px;
	margin-top: 40px;
	overflow: hidden;
}
		
#topshadow {
	background: url(../images/top_shadow.gif) repeat-x top;
	min-height:5px;
		}

#topshadowent {
	border-top:#BCC1C7 solid 1px;

		}

/* FOOTER */

#bot {
	clear: both;
	width:950px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	padding-bottom: 5px; 
	padding-top: 3px;
	line-height:1.2;
	display: block;
	text-align:center;
	height: 22px;
 	}
 	
#bot p {
	font-size: 13px;
	margin: 0px;
	text-align: center;
	color:#FFFFFF;
	}

#bot a {
	color: white;
	margin-left: 10px;}
	
	
#blocgauche {
	width:350px;
	float:left;
	position:relative;
	}



.blocdroite {
	width: 350px;
	margin-left: 378px;
	}
	
.bloctext {
	width: 328px;
	border: solid 1px #E6E6E6;
	padding:10px;
	}

		
.cont_cadre {
	width:100%;
	float:left;
	display:block;
	margin-bottom: 5px;
	padding: 2px 5px;
	border: solid 1px #E6E6E6;
	background-color:#EBEBEB;
	font-size: 0.8em;
	}
	
.cont_cadre_vert {
	width:100%;
	float:left;
	display:block;
	margin-bottom: 5px;
	padding: 2px 5px;
	border: solid 1px #E6E6E6;
	background-color:#d9deca;
	font-size: 0.8em;
	}


/* PLAN DU SITE */

.plansite li {
	list-style-image:url(../images/15.gif);
	margin-left: 20px;

}


/* FORMULAIRES */

.label {
	text-align:right;
	margin-right: 15px;
	width: 100px;
	}

.textarea:focus, input:focus {
	border:2px solid #00CC00;
	}
	 
	  
.envoyer {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}

.effacer {
	color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
	}

/* FILS D'ARIANE */

.bread{
	font-size:0.7em;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:15px;
	float:left;
	width: 400px;
	}

.bread a{
	color: #666666;
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	}

	
fieldset {
	font-size: 11px;
	text-align: left;
	float: left;
	margin: 0px;;
	padding: 0 10px;
	border: 1px solid  #CCCCCC;
	height: 150px;
	width: 145px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

legend {
	color: #59A40B;
	font-family: Arial, serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0 5px;
}
dt {
	margin: 0 10px 0 0;
	float: left;
	width: 90px;
}
dd {
	width: 100px;
	float: right;
	font-weight:bold;
}

.contact_photo {
	width: 70px;
	height: 110px;
	float: left;
	padding:0px;
	}
	
.contact_titre {
	width: 60px;
	height: 110px;
	float: right;
	padding: 0px;
	font-weight:bold;
}

.contact_coord {
	width: 150px;
	padding: 0px;
	height: 25px;
	clear:both;
	text-align:center;
	color: #000000;
	font-size:10px;
	}


.listcours p{
	font-size:12px;
}


table.result_small  {
	width: 65%;
	text-align:left;
	margin: 0 auto;
	border-collapse:collapse;
}


.result_small th{
border-bottom:2px solid #EBEBEB;
font-weight:700;
}

.result_small td{
border-bottom:1px solid #ddd;
}

table.result  {
	width: 95%;
	text-align:center;
	margin: 0 auto;
	border-collapse:collapse;
}

.result th{
border-bottom:2px solid #EBEBEB;
font-weight:700;
}

.result td{
border-bottom:1px solid #ddd;
}


th,td {
padding:6px 7px 6px 7px;
}

.tabletitre {
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
	
.tableitem {
	font-weight:bold;
	background-color:#F3F3F3;
	text-align:center;

}

label {
	font-weight: bold;
	display:block;
	text-align:right;
	}

#col_gauche {
	float: left;
	width:520px;
	margin-left: 10px;
	min-height: 600px;
	height: 100%;

	}
	
#col_gauche p{
	color: #000000;
	width: 500px;
	font-size:0.8em;
		}
		
#col_gauche h1 a{
	color: #FFFFFF;
	text-decoration:none;
		}
	
#col_gauche_title {
	background: url(../images/actualites.jpg) no-repeat; 
	width:500px;
	height:20px;
	}

#col_gauche_contenu{
	width:500px;
	min-height:50px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#col_gauche h1{
	font-size:1em;
	line-height: 2em;
	margin-left: 10px;
	font-weight:bold;
	}
	
	
.newsbloc {
	padding:10px;
	width:500px;
	min-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 0px;
	background-color: #F2F2F2;
	border-left: medium #669900 solid;
	border-radius : 0px 10px 10px 0px;
	
}

	
.date_format{
	font-size:11px;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	}

/* Colonne droite */	

#cours_en_ligne {
	float:right;
	margin-left: 0px;
	margin-top:10px;
	width:175px;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

	
.accueil_cours {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	float:right;
	margin-left: 0px;
	margin-right: 10px;
	width:160px;
	padding-right:5px;
	text-align:center;

}

.accueil_cours_item {
	
	border-left: #dda103 medium solid;
	padding: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	border-bottom:dashed #CCCCCC thin;

}

.titre_rubrique{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color: #59A40B;
	font-size:16px;
	font-weight:bold;
	width: 150px;
}
	
	
#accueil_cours p{
	color:#FF0000;
	font-size:0.7em;
	float:right;
	padding-right: 10px;
	margin-left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	
#etudiants {
	text-align:center;
		}
	
#etudiants a:hover{
	border-bottom:none;
	}

.sommaire {
	width: 500px;
	height: 20px;
	background:url(../images/sommaire.png) no-repeat;
	line-height:1.2em;
	padding-left:20px;
	margin-top:20px;
	font-weight:bold;
	text-align: left;
	display:block;
}

.sommaire a {
	color: #FFFFFF;
	text-decoration:none;
	display:block;
}

.sommaire a:hover {
	color: #FFFFFF;
	font-weight:bold;
	display:block;
}

/* Validation formulaires */

.LV_validation_message{
	     font-weight:bold;
	     margin:0 0 0 5px;
	}	.LV_valid {
	     color:#00CC00;
	}

	.LV_invalid {
	     color:#CC0000;
	}

	.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
	textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	     border: 1px solid #00CC00;
	}

	.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	     border: 1px solid #CC0000;
	}

.form fieldset {
	text-align: left;
	float: left;
	padding: 0 10px;
	border: 1px solid  #CCCCCC;
	width: 600px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
.seperator{
	width: 90%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#ECC777;
	background-color:#ECC777;
	height: 1px;
	border: 0;
	}
	
.seperator_vert{
	width: 90%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#C6D18F;
	background-color:#C6D18F;
	height: 1px;
	border: 0;
	}
	
.small {
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
.login_links{
	text-align: right;
	font-size:0.7em;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-right: 15px;
	float:right;
	width: 360px;
	}
	
.login_links a{
	color: #666666;
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.login_box {
	border:#bcc1c7 1px solid;  
	padding:5px; 
	background:#ffffff url(../images/login_box.gif) repeat-x bottom;
	}

.floatleft {
float: left;
padding-right: 3%;
margin-left: 2px;
margin-top: 0px;
}

.floatright{
float: right;
padding-left: 3%;
margin-right: 2px;
margin-top: 0px;
}

/*#recherche {
	float:right;
	margin-left: 0px;
	margin-top:20px;
	width:200px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-right: 30px;
	background-color:#9933CC;
	height : 20px;
	}*/
	
#recherche_form {

text-align:right;
margin-top: 30px;
margin-right: 20px;
float:right;
}

#user_levels {
padding-top:115px;
padding-right: 5px;
text-align:right;
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
font-weight:bold;

}
	
.erreur {
color:#FF0000;}	

#loading {
display: none;}	

.star {
     text-indent: -5000px;
     display: block;
     background: transparent url(../images/star_off.png);
	 width: 32px;
	 height: 32px;

}

.star.favorited {
     background: transparent url(../images/star_on.png);
	 width: 32px;
	 height: 32px;
	 margin-left :50px;
}

#results_nav {
	margin-bottom:5px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:center;
	margin-top : 10px;
}