/* ---------------- */
/* CLASSES DE BASE */
/* ---------------- */

html, body {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #444;
	background-color: #e2e2e2;
	margin: 0;
	padding: 0;
}	

a {
	color: #166499;
	text-decoration: none;
}
a:visited {
	color: #166499;
}
a:hover {
	color: #166499;
	text-decoration: underline;
}

img {
	border: 0px;
}


h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 470px;
	font-size:18px;
	color: #444;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 15px 0;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6C9214;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc; 
	padding-bottom: 2px; 
	margin-bottom: 20px;
}

h2 img {
	vertical-align:text-top;
}

h3 {
	font-size:14px;
	color: #444;
	font-weight: bold;
	padding-top: 12px;
}

h3 a{
	font-size:14px;
	color: #166499;
	font-weight: bold;
	text-decoration: none;
}

h4 {
	font-size:12px;
 	color: #444;
 	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

h5 {
	font-size:14px;
	color: #444;
	font-weight: bold;
}

hr {
	color:#ccc;
	background-color:#ccc;
	height:1px;
	border:none
}

.liste_normale li{
	list-style: disc
}

.liste_normale li ul li{
	list-style:circle
}

ul.liste_verte  {
	margin-left:0;
	padding:0
}

.liste_verte li {
	list-style: none;
	padding: 1px 4px 1px 25px;
	margin: 0 0 15px 0;
	background: transparent url(/images/base/icones/suite_actus_sect.png) no-repeat 8px 3px;
	overflow:visible
}

.liste_verte li ul li {
	list-style: none
}

sup {
font-size: .7em;
line-height: .8em; 
}

input {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #555;
	font-size:12px;
	margin: 0 12px 0 0;
}

/* ------------------- */
/* CLASSES DE DOCUMENT */
/* ------------------- */

#page {
	width:100%;
	min-width:994px;
	margin:0 auto;
	padding:0;
	background:transparent url(/images/base/barre_nav_new.png) center 40px  no-repeat;
}

#page_wrap {
	width: 980px;
	margin: 0 auto;
	background: transparent url(/images/base/cadre_page.png) top center repeat-y;

}
/* HAUT DE LA PAGE */
#haut_page {
	width:980px;
	height:40px;
	margin:0 auto;
	background:transparent url(/images/base/cadre_haut_page_new.png) center top repeat-y;
}
#haut_page_wrap {
	width:954px;
	height:40px;
	margin:0 auto;
	color:#999;
}
#liens-haut_page {
	float: right;
	width: 800px;
	height:40px;
}
#liens-generals {
	width: 530px;
	height: 19px;
	float: right;
	margin: 0px;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 0px;
	text-align: right;
}
#liens-generals ul{
	margin: 0px;
}
#liens-generals li{
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	margin-left: 5px;
	padding-right: 6px;
}
#liens-generals a:link {
	color: #444;
	text-decoration: none;
}
#liens-generals a:visited {
	color: #444;
	text-decoration: none;
}
#liens-generals a:hover{
	font-size: 11px;
	color: #444;
	text-decoration: underline;
}
#social {
	height: 19px;
	float: right;
	margin:0px;
	padding-top: 9px;
	padding-bottom: 12px;
	padding-right: 13px;
	padding-left: 0px;
}
#social li{
	display: inline;
}

/* Accès rapide */

#accesrapide, #accesrapide ul {
	list-style:none;
	float:right;
	margin-left:-35px;
	z-index:500;
}

#accesrapide, #accesrapide * {
	padding:0;
	margin:0;
	font-size:12px;
	border:none;
}

#accesrapide a {
	color:#444;
}

#accesrapide a.accesrapide {
	color:#d14414;
}

#accesrapide .accesrapide:hover {
	color:#444;
}

#accesrapide li.lientete {
	width:90px;
	padding:10px 10px 0 5px;
	float:left;
}

#accesrapide li.lientete ul {
	width:120px;
	border:none;
	background:transparent url(/images/base/accesrapide_fond_trans.png) center 6px no-repeat;
	padding:12px 10px 6px 10px;
	clear:both;
}

#accesrapide li.lientete ul li {
	width:120px;
	position:relative;
}

#accesrapide li.lientete a {
	display:block;
	 background:transparent url(/images/base/icones/accesrapide.png) right center no-repeat;
	text-decoration:none;
}

#accesrapide li.lientete:hover a  {
	text-decoration:none;
	color:#d14414;
}

#accesrapide li.lientete ul {
	display:none;
	text-align:left;
	position:absolute;
	z-index:500;
}

#accesrapide li.lientete:hover ul {
	display:block;
}

#accesrapide li.lientete ul li.liens  {
	border:none;
	line-height:18px;
}

#accesrapide li.lientete ul li.liens a {
	padding:5px 3px 5px 10px;
	height:18px;
	border-bottom:1px solid #ccc;
	background:#fff none;
	color:#166499;
}

#accesrapide li.lientete ul li.liens a:hover {
	background:#fff url(/images/base/liens_client.png) right -23px no-repeat;
	color:#d14414;
	text-decoration:none;
}

	
	
/* Menu de navigation */
#nav_fond {
	width: 980px;
	height: 58px;
	margin: 0 auto;
	padding: 0;
	clear: left;
	background: transparent url(/images/base/barre_nav_new.png) center top  no-repeat;
}

#nav_wrap {
	display:block;
	width: 954px;
	padding-bottom: 0;
	height: 58px;
	position: relative;
	clear:both;
	overflow: hidden;
	background: none;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 0;
	margin-left: 13px;
}

#nav_img a{
	width: 120px;
	height: 58px;
	background: transparent url(/images/base/logo/uqat_tete_new.png) no-repeat;
	/*margin: 0 13px 0 13px;*/
	float:left;
}

#nav_img_en a{
	width: 120px;
	height: 58px;
	background: transparent url(/images/base/logo/uqat_tete_new_en.png) no-repeat;
	/*margin: 0 13px 0 13px;*/
	float:left;
}

#nav_img .acc_img{
	display:none
}

#nav_img_en .acc_img{
	display:none
}
#top-logo {
	width:120px;
	height:40px;
	float:left;
}

#nav_options {
	width: 750px;
	height: 58px;
	float:left;
	margin-left: 84px;
}


#nav {
	width: auto;
	padding: 0;	
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
}

#nav li {
	width: 169px!important;
	width: 165px;
	overflow:hidden;
	height:40px;
	margin: 13px 0 0;
	padding: 0 0 8px 15px;
	float: left;
	font-size: 130%;
	text-align:left;
	border-left: 1px solid #e0e0e0;

}

#nav a {
	color: #fff;
	display: block;
	margin:0;
	padding: 3px 0;
	text-decoration: none;
	font-weight:bold;
	background: none;
}

#nav li:hover, #nav li:hover a, #nav a:hover {
	background: #fff url(/images/base/nav_fond_actif.png) repeat!important;
	background:none;
	color: #166499!important;
	color: #d14414
}

#nav li.nav_actif,#nav li.nav_actif a,#nav .nav_actif li a {
	background: #fff url(/images/base/nav_fond_actif.png) repeat!important;
	background:none;
	color: #d14414
}

#pad_bas_nav {
	height: 1px;
	margin: 0;
	padding: 0;
	background: #f5f5f5 url(/images/base/cadre_page_pad_bas_nav.png) center repeat-y;
	overflow: hidden
}

/* Menus extensibles PA */

.rubriques_nav1 {
	width:954px;
	height:176px;
	margin:0 auto;
	padding:0;
	display:none;
	background-color:#333;
	background: transparent url(/images/base/menupa_fond_trans.png) repeat!important;
	color:#fff;
	font-size:12px;
	position:absolute;
	z-index:1000;  
}

.rubriques_nav1 .chercher_accueil {
	width:170px;
	height:154px;
	margin:0 8px 0 36px!important;
	padding:10px 0 0!important;
	margin:0 8px 0 23px;
	padding:0;
	float:left;
}

.rubriques_nav1 .chercher_accueil a {
	color:#fff;
}

.menu_pa {
	width:164px!important;
	width:160px;
	height:166px;
	margin:0;
	padding:10px 5px 0 15px;
	border-left:1px solid #e0e0e0;
	float:left;
}

#menu_pa_services {
	width:164px!important;
	width:166px;
}

.menu_pa a {
	color:#fff;
	margin:0;
	padding:0;
}

.menu_pa a:hover {
	color:#fff;
	text-decoration:underline;
}


/* Menu section */

#menu_section {
	display:block;
	width: 954px;
	margin: 0 13px;
	position: relative;
	overflow: hidden;
	height: 45px;
	padding: 0;
	background: #fff;
}

#menu {	
	width: auto;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#menu li {
	width: auto;
	float: left;
	margin: 0;
}

#menu a {
	width: auto;
	color: #444;
	display: block;
	float: left;
	margin: 10px 0 6px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight:normal;
	border-right: 1px solid #ccc;
}


#menu .dernier a {
	border: none;
}


#menu a:hover {
	color:#444;
	text-decoration: underline;
}

#menu .menu_actif a {
	color: #d14414;
	font-weight: bold;
	text-decoration: none;
}

#menu .menu_actif_dernier a {
	color: #d14414;
	font-weight: bold;
	text-decoration: none;
	border: none;
}


/* Images aleatoires */

#banniere_section {
	width:954px;
	height:184px;
	margin:0 13px;
	padding:1px 0 0;
	overflow:hidden;
	background:#fff;
	display:block;
	position:relative;
	z-index:0;
}
#banniere_section_accueil {
	width:954px;
	height:325px;
	margin:0 13px;
	padding:1px 0 0;
	overflow:hidden;
	background:#fff;
	display:block;
	position:relative;
	z-index:0;
}
#banniere_section img {
	border-top:1px solid #888;
}

#banniere_section_nav {
	position:relative;
	float:right;
	margin:0 15px;
	width:auto;
	bottom:20px;
	text-align:center;
	z-index:100;
	font-size:12px;
	background:transparent;
}

#banniere_section_nav a {
	display:block;
	float:left;
	width:14px;
	height:13px;
	margin:0 4px;
	text-align:center;
	padding:1px 2px 4px 3px;
	background:url(/images/base/banniere_nav.png) center center no-repeat;
	text-decoration:none;
}

#banniere_section_nav a:hover {
	background:url(/images/base/banniere_nav_over.png) center center no-repeat;
	font-weight:bold;
}

#banniere_section_nav a.activeSlide {
	background:url(/images/base/banniere_nav_actif.png) center center no-repeat;
	font-weight:bold;
}

#banniere_section_nav a:focus {
	outline:none;
}

/****************** flip ***************************/
#flip {
	position: relative;
	display: block;
	height: 325px;
	width: 954px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#flip .square {
	position: absolute;
	left: 0px;
	top: 275px;
	z-index: 2;
	display: block;
	height: 50px;
	width: 50px;
	background: transparent url(/images/base/black-50.png) repeat;
}
#flip .nav {
	position: absolute;
	top: 285px;
	left: 900px;
	z-index: 2;
	display: block;
	width: 36px;
	height: 23px;
}

#flip .nav a {
	display: block;
	float: left;
	width: 18px;
	height: 23px;
	background: transparent url(/images/base/flip-nav.png) no-repeat left top;
	outline: 0;
}

#flip .nav a.prev { background-position: 0px 0px; }
#flip .nav a.next { background-position: -18px 0px; }
#flip .nav a.prev:hover { background-position: 0px -23px; }
#flip .nav a.next:hover { background-position: -18px -23px; }

#flip ul {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: block;
	width: 954px;
	height: 325px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: #000000;
}

#flip ul li {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
}

#flip ul img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: block;
}

#flip ul div {
	position: absolute;
	left: 50px;
	top: 15px;
	z-index: 2;
	display: block;
	height: 202px;
	width: 200px;
	padding: 15px 15px 43px 15px;
	background: transparent url(/images/base/black-50.png) repeat;
	
	color:#fff;
	font-size: 12px;
}

#flip ul div h5 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	text-shadow: 2px 2px 2px #000;
	color:#FFF;
}

#flip ul div p {
	margin-top: 5px;
	margin-bottom: 5px;
	text-shadow: 2px 2px 2px #000;
}

#flip ul div a:link {
	margin-top: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #000;
}

#flip ul div a:visited {
	color: #ffffff;
}

#flip ul div a:hover {
	color: #cccccc;
}

#flip ul div .readmore {
	position: absolute;
	left: 15px; /* #flip ul div padding-left */
	bottom: 15px; /* #flip ul div padding-bottom */
}




/* MILIEU DE LA PAGE */

/***************************************************** CONTENU ***************************************************************/

#contenu {
	width:954px;
	height:100%;
	min-height:520px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 20px;
	font-size:12px;
	border-top:1px solid #ccc;
}

#contenu ul li{
	margin: 5px auto;
}

.contenu_1 {
	background: url(/images/base/contenu_1.png) top center repeat-y; 
}

.contenu_2 {
	background: url(/images/base/contenu_2.png) top center repeat-y; 
}

.contenu_3 {
	background: url(/images/base/contenu_3.png) top center repeat-y; 
}
.contenu_4 {
	background: url(/images/base/contenu_4.png) top center repeat-y; 
}
.contenu_5 {
	background: url(/images/base/contenu_5.png) top center repeat-y; 
}


#texte {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.contenu_1  #texte {
	width: 820px;
	height: 100%;
	margin: 0;
	padding: 15px 47px 35px!important;
	padding: 30px 47px 35px;
	float:left;
}
.contenu_2  #texte {
	width: 590px;
	height: 100%;
	margin: 0;
	padding: 15px 0 40px 50px!important;
	padding: 30px 0 40px 50px;
	float:left;
}

.contenu_3  #texte {
	width: 440px;
	height: 100%;
	margin: 0;
	padding: 15px 0 40px 50px!important;
	padding: 30px 0 40px 40px;
	float:left;
}

.contenu_4  #texte {
	width: 434px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float:left;
}
.contenu_5  #texte {
	width: 674px;
	height: 100%;
	margin-left: 18px;
	padding: 10px!important;
	float:left;
}

#contextuel_d {
	width: 160px;
	height: 100%;
	display:block;
	padding: 55px 20px 15px 0;
	margin: 0;
	font-size: 11px;
	float:right;
}
#contextuel_droit {
	width: 260px;
	height: 100%;
	display:block;
	float:right;
}
.box-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	height: 30px;
	line-height: 30px;
	background-image: url(/images/base/BG_box_header.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.box-content {
	line-height: 11x;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.box-content ul {
	margin: 0px;
	padding: 0px;	
}
.box-content li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px!important;
	margin-left: 0px;
}
.box-content a:link {
	color: #34322d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.box-content a:visited {
	color: #34322d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.box-content a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #d2492a;
}
/* événements */
.box-content-evenements {
	line-height: 11x;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.box-content-evenements ul {
	margin: 0px;
	padding: 0px;	
}
.box-content-evenements li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box-content-evenements a:link {
	color: #34322d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.box-content-evenements a:visited {
	color: #34322d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.box-content-evenements a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #d2492a;
}
.evenements-date {
	width: 43px;
	height: 60px;
	float: left;
	text-align: center;
	padding-top: 7px;
	background-image: url(../images/base/logo_calendrier.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.evenements-date-mois {
	color:#ffffff;
}
.evenements-date-num {
	color:#444444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height:30px;
}
.evenements-info {
	width: 180px;
	float: right;	
}
.evenements-titre a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #d2492a;
	text-decoration:none;
}
.evenements-titre a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #d2492a;
	text-decoration:none;
}
.evenements-titre a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	text-decoration:underline;
}
.evenements-lien a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration:underline;
}
.evenements-lien a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration:underline;
}
.evenements-lien a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-decoration:underline;
}
.evenements-clear {
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	visibility:hidden;
}

/* Accessibilité et partage */

#accessibilite {position: absolute; width: 967px!important; width: 954px; }
*+html #accessibilite {position: absolute; z-index: 500; width: 954px!important; width: 954px;}
#accessibilite .wrap {width: 168px; margin: 20px 0 0; float: right; font-size:12px; padding: 5px 4px 2px 8px!important; padding: 2px 4px 1px 8px; background-color: #fff}
#accessibilite .texte_wrap {float: left; vertical-align: top; margin-top: -3px}
#accessibilite a {color: #166499}
#accessibilite a:hover {color: #d14414}
.texte_agrandir {font-size: 15px}
.texte_retablir {font-size: 12px}
.texte_reduire {font-size: 10px}


/* Nouvelles sectorielles */

#nouvelle_sect {width: 160px; margin: 15px 0 0 0; float:right; clear: both }

.nouvelle_sect_titre  {margin-top: 10px; padding-left: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;  background-color: #fff; clear: both }

.nouvelle_sect_items {font-family: Arial, Helvetica, sans-serif; font-size:11px; padding: 0 0 10px 15px}

.nouvelle_sect_items  ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
}

.nouvelle_sect_items  ul li {
	list-style: none;
	margin: 0;
	padding: 4px 0 2px;
}

.nouvelle_sect_date {color: #444; font-size: 10px;}

.evenement_sect {color: #444}


#contextuel_g {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 224px;
	height: 100%;
	min-height: 425px;
	display:block;
	padding: 0 0 20px 18px;
	font-size: 12px;
	float:left;
}
#contextuel_gauche {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 260px;
	height: 100%;
	min-height: 425px;
	display:block;
	font-size: 12px;
	float:left;
}

/* centres */

#liste_fleche_bleue {
	width: 100%;
	float:left;
	margin: 0 0 20px 0;
}

#liste_fleche_bleue ul, ul li {
	list-style: none;
}

#liste_fleche_bleue a:hover {
	text-decoration: underline;
}

#liste_fleche_bleue ul {
	padding: 0 0 4px;
	margin-left: 10px;
}

#liste_fleche_bleue li {
	padding: 3px 4px 3px 30px;
	margin: 0 0 15px 0;
	background: transparent url(/images/base/icones/suite_actus_sect.png) no-repeat 14px 5px;
}

#liste_fleche_bleue p {
	padding: 0 0 4px 10px;
}

.credits {
font-size: 10px;
}

/* MENU CONTEXTUEL */


#menu_contex {
	width: 224px;
	padding-right: 18px;
	overflow:visible!important;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 60px;
	display: block;
}

#menu_contex .titre {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0;
}

#menu_contex .lien a {
	width:202px;
	color: #444;
	font-size: 12px;
}

#menu_contex ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
}

#menu_contex ul li {
	display:block;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px solid #ccc;
}

#menu_contex ul li ul li {
	display:block;
	height: auto!important;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	border-bottom: none;
}

#menu_contex ul li a {
	display: block;
	padding: 10px 14px 10px 8px;
	text-decoration: none;
	font-weight: normal;
	background: #f5f5f5 url(/images/base/liens_contex.png) right 0 no-repeat;
	color: #166499;
}

#menu_contex ul li a:hover {
	text-decoration: none;
	background: #fff url(/images/base/liens_contex.png) right -59px no-repeat;
	color: #166499;
}

#menu_contex #actif  a {
	text-decoration: none;
	background: #fff url(/images/base/liens_contex.png) 0 -120px no-repeat;
	color: #d14414;
	font-weight: bold;
}

#menu_contex #actif {
	width: 242px!important;
	border-top: 1px solid #ccc;
	margin-left: -18px!important;
	padding-left: 18px!important;
	margin-left: 0;
	padding-left: 0;
	margin-top: -1px;
	background-color: #fff;
}

#menu_contex #actif ul {
	padding: 0 0 15px 0;
}

html>body #menu_contex ul li a {
	width: auto;
}

#menu_contex .sousmenu {
	display: none
}

#menu_contex #actif .sousmenu {
	display: block;
	border: none;
}

#menu_contex #actif .sousmenu a {
	color: #166499;
	font-size: 12px;
	font-weight: normal;
	background: none;
	padding: 5px 0 5px 20px!important;
	padding: 0 0 0 20px;
}

#menu_contex #actif .sousmenu a:hover {
	text-decoration: none;
	background: none;
	color: #d14414;
}


#menu_contex #actif .sousmenu_actif {
	display: block;
	border: none;
}

#menu_contex #actif .sousmenu_actif a {
	color: #d14414;
	font-size: 12px;
	font-weight: normal;
	background: none;
	padding: 5px 0 5px 20px!important;
	padding: 0 0 0 20px;
	
}

#menu_contex #actif .sousmenu_actif ul li a {
	padding: 5px 0 5px 40px!important;
	padding: 0 0 0 40px;
	
}

#menu_contex #actif .sousmenu .options{
	display: none;
}

#menu_contex #actif .sousmenu_actif .options{
	display: block;
	border: none;
}

#menu_contex #actif_sm {
	width: 242px;
	border-top: 1px solid #ccc;
	margin-left: -18px!important;
	padding-left: 18px!important;
	margin-left: 0;
	padding-left: 0;
	margin-top: -1px;
	background-color: #fff;
}

#menu_contex #actif_sm  a {
	width: 200px;
	text-decoration: none;
	background: #fff url(/images/base/liens_contex.png) 0 -175px no-repeat;
	color: #d14414;
	font-weight: bold;
}

#menu_contex #actif_sm ul {
	padding: 0 0 15px 0;
}

#menu_contex ul #actif_sm ul {
	background-color: #fff
}

html>body #menu_contex ul li a {
	width: auto;
}

#menu_contex .sousmenu {
	display: none
}

#menu_contex #actif_sm .sousmenu {
	display: block;
	border: none;
}

#menu_contex #actif_sm .sousmenu a {
	color: #166499;
	font-size: 12px;
	font-weight: normal;
	background: none;
	padding: 4px 5px 4px 20px!important;
	padding: 0 5px 0 20px;
	
}

#menu_contex #actif_sm .sousmenu a:hover {
	text-decoration: none;
	background: none;
	color: #d14414;
}


#menu_contex #actif_sm .sousmenu_actif {
	display: block;
	border: none;
}

#menu_contex #actif_sm .sousmenu_actif a {
	color: #d14414;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	background: none;
	padding: 5px 5px 5px 20px!important;
	padding: 0 5px 0 20px;
}

#menu_contex #actif_sm .sousmenu_actif ul li a {
	padding: 5px 0 5px 40px!important;
	padding: 0 0 0 40px;
}

#menu_contex #actif_sm .sousmenu .options{
	display: none;
}

#menu_contex #actif_sm .sousmenu_actif .options{
	display: block;
	border: none;
}
.bourses_dom_select {
	color: #d14414;
	text-decoration: underline;
}

#menugauche_info {
	font-size: 12px;
	padding: 10px 0 10px 8px;
}

/* Fil d'Ariane */

#filariane_fond {
	width: 100%;
	min-width: 994px;
	margin: 0 auto;
	clear:both;
}

#filariane_wrap {
	width: 980px;
	height: auto;
	margin: 0 auto;
	clear:both;
	background: transparent url(/images/base/cadre_page.png) top center repeat-y;
}

#filariane {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	width: 954px;
	margin: 0 13px;
	position: relative;
	overflow: hidden;
	height: 18px;
	padding: 2px 0; 
	color: #444;
	font-size: 11px;
	line-height: 18px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#filariane_liens {
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}	

#filariane_liens li {
	width: auto;
	height: 18px;
	float: left;
	margin: 0;
	padding: 0 18px 0 7px;
	background: url(/images/base/filariane_separateur.png) right no-repeat;
}

#filariane_liens li a{
	color: #444;
}

#filariane_liens .dernier {
	background: none;
}

#date_modif {
	margin: 0;
	color: #888;
	font-size: 10px;
	padding: 0 15px 0 0;
	float:right;
}

/* PIED DE LA PAGE */

#ligne_pied_fond {
	width: 100%;
	min-width: 994px;
	height: 1px;
	overflow:hidden;
	margin: 0 auto;
	clear:both;
	background-color:#d14414
}

#ligne_pied_wrap {
	width: 980px;
	height: 1px;
	overflow:hidden;
	margin: 0 auto;
	clear:both;
	background: #d14414 url(/images/base/ligne_pied_fond.png) top center repeat-y;
}

#pied_page_fond {
	width: 100%;
	min-width: 994px;
	margin: 0 auto;
	clear:both;
	background-color:#333
}

#pied_page_wrap {
	width: 980px;
	height: auto;
	margin: 0 auto;
	clear:both;
	background: #333 url(/images/base/pied_fond.png) top center repeat-x;

}

#liens_pied {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	width: 954px;
	height:auto;
	margin: 0px 13px;
	padding: 20px 0 10px 10px;
	overflow: hidden;
	color:#c9c9c9;
}
#liens_pied ul {	
	list-style: none;
	height: 205px;
	font-size: 12px;
	float: left;
	margin: 0 20px 0 10px;
	padding: 0 20px 0 10px;
	width: 185px;
	border-right: 1px solid #666
}

#liens_pied li {
	padding: 1px 0;
}

#liens_pied a {
	font-size:11px;
	color: #c9c9c9;
	padding: 1px 4px 1px 1px;
}

#liens_pied a:hover{
	color: #fff;
}

#liens_pied img:hover{
	background: none;
}

.lp_titre {	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 3px 0;
}

.chercher_pied {
	font-weight: bold;
	width: 125px;
	float:left;
}

.chercher_pied input {
	color: #444;
	font-weight: bold;
}

.chercher_pied .chercher_champ {
	width: 140px;
	margin: 5px 0;
	padding: 6px 0;
	background: #fff url(/images/base/chercher_input.png) -5px center no-repeat;
	border: 1px solid #ccc;
}

.chercher_pied .champ {
	padding: 0 0 0 5px;
	color: #777;
	font-weight: normal;
	border: none;
	outline: none;
	background: none;
}

.chercher_pied .chercher_bouton:hover{
	color:#d14414;
	border: 1px solid #ccc;
	cursor: pointer;
}


.chercher_pied .choix {
	margin: 10px 0;
}

#copyright {	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 16px 0 8px;
	color: #666;
	text-align:center;
	font-size: 10px;
	clear:both;
}

/* ---------------- */
/* CLASSES GÉNÉRALES */
/* ---------------- */

#encart {
	width: 25%;
	padding: 20px 35px;
	margin: 10px 0 20px 20px;
	float: right;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

div.admission_note {
	color: #444;
	font-size: 11px;
	text-align:center;
	line-height: 20px;
	width: 450px;
	padding: 15px 10px;
	margin: 50px auto 15px;
	border: 1px solid #CCCCCC;
}

/* Publicités page d'accueil */

.publicites {
	width: auto;
	height: auto;
	margin: 0;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-top: 15px;
}

.publicites img {
	border: 0;
}

.publicites .pub {
	display: block;
	margin-bottom: 15px;
}

#publicites .pub {
	display: block;
	margin-top: 15px;
}

.publicites a, .publicites a:hover {
	text-decoration: none
}

/* Actualités page d'accueil */

#bienvenue_wrap {
    width: 450px;
    margin: 0 auto 15px;
}

#bienvenue_accueil {
	width: 420px;
	padding: 6px 12px 14px 12px;
	border: 1px solid #ccc;
	text-align: center
}

#bienvenue_accueil h1{
	font-size: 14px;
	color: #d14414
}

#ombre {
	width: 435px;
    margin: 0 auto;
	height: 20px;
	background: #fff url(/images/base/bienvenue_ombre.png) top no-repeat;
}

#groupes {
	width: 100%; 
	margin: 0 auto 10px; 
	padding: 2px;
	text-align: center;
	border: 1px solid #ccc
}

#groupes div{
	padding: 3px 1px; 
	background-color:#f5f5f5
}

#groupes a{
	padding: 0 2px;
}
/**************************** Nouvelles 2012 ********************************/
.acc-nouvelle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.acc-nouvelle-date {
	font-size: 11px;
	color: #575757;
	line-height: 11px;
	margin-bottom:4px;
}
.acc-nouvelle-info {
	float: right;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;	
}
.acc-nouvelle-titre a:link{
	font-size: 14px;
	font-weight: bold;
	color: #d2492a;
	text-decoration:none;
}
.acc-nouvelle-titre a:visited{
	font-size: 14px;
	font-weight: bold;
	color: #d2492a;
	text-decoration:none;
}
.acc-nouvelle-titre a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #444444!important;
	text-decoration:underline;
}
.acc-nouvelle-photo {
	float: left;
	padding: 3px;
	border: 1px solid #999;
	margin-right: 5px;
}
.acc-nouvelle-link a:link {
	font-size: 12px;
	color: #706b6b;	
	text-decoration:underline;
}
.acc-nouvelle-link a:visited {
	font-size: 12px;
	color: #706b6b;	
	text-decoration:underline;
}
.acc-nouvelle-link a:hover {
	font-size: 12px;
	color: #d2492a !important;	
	text-decoration:underline;
}
.acc-nouvelle-clear {
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	visibility:hidden;
}

#actualites {
	/*
	width: 98%;
	height: auto;
	margin: -10px 0 0;
	padding: 5px 8px;
	*/
}


#actualites .breves_wrap {
	width: 97.8%;
	height: 68px;
	margin-bottom:10px;
	clear: left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	background-color: #fff;
	display: none;
}

#actualites .breves_titre{
	color:#444;
	font-size: 10px;
	font-weight:bold; 
	padding-bottom: 2px;
	text-align: center;
}

#actualites .ticker{
	width:100%; 
	height:0;
	margin:0 0 3px;
	overflow:hidden;
	background-color:#fff
}

#actualites li.breves {
	width: 420px;
	height: 22px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	text-align:center;
}

#actualites .breves {
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	background-color: #fff;
	margin: 0 auto;
	text-align:center
}

#actualites .breves a {
	color: #166499;
	text-decoration: none;
}

#shade {
	height: 10px;
	border-top: 1px solid #ccc;
	background-color: #fff;
	background: transparent url(/images/admission/admission_ombre.jpg) center -8px no-repeat;
}

#actualites .actu_wrap {
	width: 98%;
	height: auto;
	float:left;
	clear: left;
	margin-left: -5px;
	padding: 15px 0 5px 5px;
	border-bottom: 1px dotted #ccc;
}

#actualites .colonne {
	width: 97.8%;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 2px;
	margin: 25px 0 0;
	border-bottom:1px dotted #ccc
}

#actualites .colonne h1 {
	width: 100%;
	font-size: 20px;
	padding: 0;
	margin: 0;

}

#actualites .date {
	color: #777;
	font-size: 10px;
}

#actualites .image img {
	width: 50px;
	height: 50px;
	margin: 0 30px 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
	float:left
}

#actualites .titre, .titre a {
	color: #166499;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#actualites .titre_col_droite, .titre_col_droite a {
	color: #166499;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#actualites .texte {
	width: 79%;
	height: auto;
	float:left;
	margin: 10px 0 15px 0;
	font-size: 11px;
}

#actualites .texte a {
	color: #444;
}

#actualites .date_derniere {
	color: #777;
	font-size: 11px;
}

#actualites div.wrap_derniere {
	margin: 10px 0;
}

#actualites .titre_derniere, .titre_derniere a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #166499;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#actualites .image_derniere img{
	width: 65px;
	height: 65px;
	margin: 11px 18px 15px 0;
	padding: 3px;
	border: 1px solid #ccc;
	float:left
}

#actualites .texte_derniere { 
	width: 330px;
	margin-top: 11px;
	float:left;
	font-size: 12px;
	text-decoration: none;
}

#actualites .texte_derniere a {
	color: #444;
}

#actualites .texte_derniere a:hover {
	color: #d14414;
	text-decoration: underline;
}

#actualites .actu_liens {
	width: 100%;
	height: 12px;
	line-height: 12px;
	float:left;
	clear: left;
	font-size: 11px;
	text-align:center;
	margin: 25px 0 0;
}

#actualites .logo_rss {
	width: 12px;
	height: 12px;
	margin: 0 0 -2px;
}

.retour-salle {
	margin-top:25px;
	padding-top:5px;
	border-top:1px dotted #ccc;
	font-size:11px;
	clear: both;
}


/* Liens clientèles page d'accueil */

#futurs_etudiants {
	width: 170px;
	height: 70px;
	overflow:hidden;
	float: right;
	margin: 0 auto -40px;
	padding: 0 5px 5px;
	background: #333;
	border-bottom: 1px solid #ccc;
}

.liens_clienteles {
	font-family: Arial, Helvetica, sans-serif;
	width: 140px;
	padding: 10px 0 20px 15px;
	margin: 0 0 10px;
	display: block;
}


.liens_clienteles ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
}

.liens_clienteles ul li {
	list-style: none;
	margin: 0;
	padding: 1px 0 2px;
}

.liens_clienteles ul li a {
	display: block;
	padding: 3px 10px 2px 0;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	background: transparent url(/images/base/liens_client.png) 0 -2px no-repeat
	
}
	
.liens_clienteles ul li a:hover {
	text-decoration: none;
	color: #d14414;
	background: #f5f5f5 url(/images/base/liens_client.png) 0 -27px no-repeat;
}	

/* Page des programmes d'études */

.pres_uer {
	margin-bottom: 40px;
	float:left
}

.liste-prog-adm-wrap {width:135px; float:right; margin-top: 5px; margin-right: -10px; background:#fff; border: 1px solid #ccc; padding:3px}

.liste-prog-adm {padding:5px}

.liste-prog-adm a {color:#d14414}

.liste-prog-tab {margin-top: 35px; border-bottom: none}

.liste-prog-cat td {background-color:#6C9214; color:#fff; font-weight:bold; border-bottom: solid 10px #fff;  padding: 3px 5px}

.liste-prog-titre:hover {background-color:#f4f4f4; }

.liste-prog-titre td {border-bottom: solid 1px #ccc}


/* Plan du site */

#plansite {
	clear: both
}


#plansite ul {
	padding-bottom: 10px
}


#plansite ul li {
	padding-bottom: 15px
}

#plansite ul li a {
	color: #444;
	font-weight: bold;
}

#plansite ul li ul li {
	padding-top: 5px;
	padding-bottom: 0
}

#plansite li ul li a {
	color: #166499;
	font-weight: normal
}

/* Outils recherche et partage page d'accueil */


.chercher_accueil {
	font-weight: bold;
	width: 125px;
	margin: 25px 0 30px 0;
	padding: 0 0 0 15px;
	float:left;
}

.chercher_accueil input {
	color: #444;
	font-weight: bold;
}

.chercher_accueil .chercher_champ {
	width: 140px;
	margin: 5px 0 0!important;
	margin: 15px 0 0;
	padding: 6px 0 0;
	background: #fff url(/images/base/chercher_input.png) -5px center no-repeat;
	border: 1px solid #ccc;
}

.chercher_accueil .champ {
	padding: 0 0 0 5px;
	color: #777;
	font-weight: normal;
	border: none;
	outline: none;
	background: none;
}

.chercher_bouton {
	width: 140px;
	margin: 10px 0 0!important;
	margin: 3px 0 0;
	padding: 1px 0;
	border: 1px solid #888;
	background-color: #f0f0f0;
}

.chercher_bouton:hover{
	background-color: #f5f5f5;
	border: 1px solid #444;
	cursor: pointer;
}

.chercher_accueil .choix {
	margin: 15px 0!important;
	margin: 10px 0;
}

.partager {
	margin: 20px 0 10px 15px!important;
	margin: 20px 0 10px 10px;
}

/* Bouton actualisez ma fiche */

#maj-fiche-bouton{float:right!important;margin-right:-55px!important;margin-right:0;font-size:11px}

#maj-fiche-bouton a{padding:3px;border:1px solid #ccc!important;border:none;color:#166499}

div#maj-fiche-bouton a:hover{background-color:#166499;border:1px solid #166499;color:#fff;text-decoration:none}

/* Résultats archives communiqués*/

#archives_comm {
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding: 0 0 20px 0;
}

#archives_comm .archives_wrap {
	width: 100%;
	height: auto;
	float:left;
	padding: 20px 0 15px 0;
	border-bottom: 1px dotted #ccc;
}

#archives_comm .archives_wrap:hover {
	background-color:#f0faff
}

#archives_comm .colonne {
	color: #166499;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	border-bottom: 1px dotted #ccc;
}

#archives_comm .date {
	color: #444;
	font-size: 12px;
}

#archives_comm .titre {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#archives_comm  a.actif{
	color: #fff;
	background: #d14414;
	padding: 3px 6px;
}


/* Portail des blogues */

#texte #blog {
	width: 228px;
	height: 150px;
	margin: 10px 20px 10px 0; 
	padding: 15px 20px; 
	float:left; 
	border: 1px solid #ccc;
}

#texte #blog img{
	float:left;
	margin: 3px 25px 25px 0;
}


#texte .blog_desc {
	margin: 15px 0;
	font-size: 12px;
	color: #444;
	float:left;
	clear:left
}

#texte .blog_desc a {
	color: #444;
}


#texte #blog .nom a {
	color: #166499;
	font-weight: bold;
}

#texte a:hover, #texte .blog a:hover, #texte #blog a:hover {
	color: #d14414;
	text-decoration: underline;
}


#texte .blog_auteur {
	color: #444;
	font-size: 11px;

}

/* Résultats page de recherche */

#options_recherche {
	width: 224px;
	height: 100%;
	display:block;
	padding: 0 18px;
	font-size: 12px;
	float:left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#chercher_google {
	width: 600px;
	height: 100%;
	margin: 0;
	padding: 15px 0 20px 50px!important;
	padding: 30px 0 20px 50px;
	float:left
}

#cse-search-results {
	width: 600px;
	height: 100%;
	margin: 0;
	padding: 15px 0 20px 50px!important;
	padding: 30px 0 20px 50px;
	float:left;
}

/* Divers */

.hautpage {
	font-size: 10px;
	float: right;
}