/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');*/

/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
body {

	background: #0081a1;
	font-family: 'Open Sans', sans-serif;
}
 /*********************************************************************************************
**										Layout												**
*********************************************************************************************/
#page {
	/*width: 1200px;*/
	position: relative;
	width:100% !important;
	max-width:100% !important;
	background: #0081a1;
	margin:auto;
}

#zone-content {
	background: #fff;
}

header {
	width: 100%;
	text-align: left;
}

header #zone-branding .block-menu {
	background: #222 !important;
	height: 90px;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
}

header #zone-branding .block-menu ul.menu,
header .menu-name-menu-uvhc-principal ul.menu {
	/*background: red;*/
	line-height: 23px;
	padding: 0;
	padding-left: 325px;
	padding-top: 30px;
	
}

header #zone-branding .block-menu > div > div > ul.menu li {
	background-color: transparent;
	line-height: 23px;
	padding: 0 !important;
}
header #zone-branding .block-menu > div > div > ul.menu > li > a,
header #zone-branding .block-menu > div > div > ul.menu > li > span {
	line-height: 20px;
	padding: 15px !important;
	background: none;
}
header #zone-branding .block-menu > div > div > ul.menu > li.active-trail {
	border-bottom: 10px solid #0081a1;
}
header #zone-branding .block-menu > div > div > ul.menu > li.active-trail > a,
header #zone-branding .block-menu > div > div > ul.menu > li.active-trail > span {
	color: #0081a1;
}


header #zone-branding .block-menu > div > div > ul.menu > li:last-child {
	margin-left: 30px;
}






#zone-content-wrapper {
	/*padding-top: 25px;*/
	padding-top: 0px;
	padding-bottom: 25px;
}

section#section-content {
	width: 100%;
	margin: auto;
	clear: left;
}

#region-content .block-menu-block h2.block-title {
	display: none;
}

div#zone-postscript-wrapper {
    background: #222;
}

div#zone-postscript-wrapper::before {
	content: none;
}

footer {
	width: 100%;
	clear: both;
	background: #222;
}

.front #region-footer-first {
	width: 75%;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

.front #region-footer-first p {
	text-align: center;
	margin: 30px 0 0 0;
}

.front #region-footer-second {
	width: 25%;
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

.front footer p {
	text-align: center;
}
/* logo */
header #zone-branding {
	/*background: url('img/visu_big_interne.jpg') top no-repeat;
	min-height:173px;*/
	background: none;
	min-height: 150px;
	max-width:100%;
	width:100%;
}

header .branding-data {
	position:absolute;
	}
header .branding-data .logo-img {
	display: block;
	float: left;
	/*width: 268px;*/ /* largeur de l'image moins les marges 333-10-55 */
	/*height: 109px;*/ /* hauteur - padding = 134 - 20 - 5 = 119*/
	/*background: url('img/cartouche_haut.png') no-repeat;*/
	padding: 8px 0px 0px 15px;
	position: relative;
	z-index:550;
	/*margin-top:-10px;*/
}
.composante header .branding-data .logo-img {
	/*background: url('img/cartouche_haut_comp.png') no-repeat;*/
	/*width:208px;
	height: 179px;
	padding: 13px 10px 5px 25px;*/
}

.uvhc header .branding-data .logo-img {
	/*margin-top:-10px;*/
	}
.ceppes header .branding-data .logo-img {
	padding-left:85px;
	}
header #region-branding .clearfix:after {
	clear : none;
	}
	
header .flexslider {
	border: none;
	border-radius:0;
	box-shadow: none;
	/*margin-bottom:30px;*/
}
	
header .flexslider ul,
header .flexslider ul li {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}

.page-frontpage header .flexslider ul,
.page-frontpage .flexslider ul li {
	height: 400px;
	overflow: hidden;
}

header #zone-branding .block-menu {
	display: block;
	float: left;
	padding-right: 6px;
	/*background: url('img/fin_menu.png') right top no-repeat;*/
	margin-top: -10px;
	z-index:500;
	position:absolute;
	/*left:333px;*/
	top:0;
	width:100%;

}
.composante header #zone-branding .block-menu {
	left:243px;
	}


	
/* Menu principal en dropdown */
header #zone-branding .block-menu ul.menu,
header .menu-name-menu-uvhc-principal ul.menu {
    padding:15px 5px 0px 333px;
	height:45px;
	/*background: url('img/back_menu.png') repeat-x;*/
	background :#222;	
}
header #zone-branding .block-menu ul.menu ul.menu,
header .menu-name-menu-uvhc-principal ul.menu ul.menu {
	height:auto;
	background:#0081a1;
	}

header #zone-branding .block-menu ul.menu li,
header .menu-name-menu-uvhc-principal ul.menu li  {
	list-style-type: none;
	list-style-image: none;
	float:left;
}
header #zone-branding .block-menu ul.menu li a,
header .menu-name-menu-uvhc-principal ul.menu li a {
	background: none;
	border :none;
	text-decoration: none;
	text-transform: none;
	
	font-size:16.1px;
	padding: 0px 1em 0px 1em;
	height:auto;
	}

header #zone-branding .block-menu ul.menu li ul li,
header .menu-name-menu-uvhc-principal ul.menu li ul li {
    width: 272px;
}
header #zone-branding .block-menu ul.menu li,
header .menu-name-menu-uvhc-principal ul.menu li {
    float: left;
    position: relative;
}
header #zone-branding .block-menu ul.menu li ul,
header .menu-name-menu-uvhc-principal ul.menu li ul {
    left: 0px;
    position: absolute !important;
    z-index: 999;
    
}
/*
header #zone-branding .block-menu div div ul.menu li a,
header .menu-name-menu-uvhc-principal div div ul.menu li a {
	font-size:1.2em;
	padding: 0px 1em 0px 1em;
	height:28px;
}*/
.doae header #zone-branding .block-menu div div ul.menu li a,
.lmcpa header #zone-branding .block-menu div div ul.menu li a,
.devisu header #zone-branding .block-menu div div ul.menu li a {
	padding: 0px 0.6em;
}


header #zone-branding .block-menu ul.menu li ul li a:link,
header .menu-name-menu-uvhc-principal ul.menu li ul li a:link {
	color:#ffffff;
	text-transform: none;
	font-size:1em;
	padding: 1px 5px 1px 5px;
	height:auto;
}

header #zone-branding .block-menu ul.menu li ul li a:visited,
header .menu-name-menu-uvhc-principal ul.menu li ul li a:visited {
	color:#ffffff;
	text-transform: none;
	padding: 1px 5px 1px 5px;
	font-size:1em;
	height:auto;
	}

header #zone-branding .block-menu ul.menu li ul li a:hover,
header .menu-name-menu-uvhc-principal ul.menu li ul li a:hover {
	text-decoration: underline;
	}
header #zone-branding .block-menu ul.menu li ul.menu ul.menu,
header .menu-name-menu-uvhc-principal ul.menu li ul.menu ul.menu {
	display: none !important;
	}

/* surcharge des styles nice-menu */

/*
header #zone-branding .block-menu ul.menu>li.over,
header #zone-branding .block-menu ul.menu>li a:hover,
header #zone-branding .block-menu ul.menu>li span:hover,
header #zone-branding .block-menu ul.menu>li:hover,
header .menu-name-menu-uvhc-principal ul.menu>li.over,
header .menu-name-menu-uvhc-principal ul.menu>li a:hover,
header .menu-name-menu-uvhc-principal ul.menu>li span:hover,
header .menu-name-menu-uvhc-principal ul.menu>li:hover {
	color: #0081a1;
	background: transparent;
	border-bottom: 5px solid #0081a1;
}
header #zone-branding .block-menu ul.menu>li li.over,
header #zone-branding .block-menu ul.menu>li li a:hover,
header .menu-name-menu-uvhc-principal ul.menu>li li.over,
header .menu-name-menu-uvhc-principal ul.menu>li li a:hover {
	border-radius : none;
}*/


header #zone-branding .block-menu ul.menu>li.over,
header #zone-branding .block-menu ul.menu>li:hover,
header #zone-branding .block-menu ul.menu>li:hover a,
header #zone-branding .block-menu ul.menu>li:hover span,
header .menu-name-menu-uvhc-principal ul.menu>li.over,
header .menu-name-menu-uvhc-principal ul.menu>li:hover,
header .menu-name-menu-uvhc-principal ul.menu>li:hover a,
header .menu-name-menu-uvhc-principal ul.menu>li:hover span {
	color: #0081a1;
	background: transparent;
}
header #zone-branding .block-menu > .block-inner > .content > ul.menu>li.over,
header #zone-branding .block-menu > .block-inner > .content > ul.menu>li:hover,
header .menu-name-menu-uvhc-principal ul.menu>li.over,
header .menu-name-menu-uvhc-principal ul.menu>li:hover {
	border-bottom: 10px solid #0081a1;
}
header #zone-branding .block-menu ul.menu>li li.over,
header #zone-branding .block-menu ul.menu>li li:hover,
header #zone-branding .block-menu ul.menu>li li a:hover,
header .menu-name-menu-uvhc-principal ul.menu>li li.over,
header .menu-name-menu-uvhc-principal ul.menu>li li:hover,
header .menu-name-menu-uvhc-principal ul.menu>li li a:hover {
	border-radius : none;
	color: #0081a1 !important;
	background-color: #fff !important;
	text-decoration: none !important;
}




header #zone-branding .block-menu ul.menu ul li,
header .menu-name-menu-uvhc-principal ul.menu ul li {
	width:272px; /* largeur photo - paddings : 292 - 2*10 */ 
	padding:2px 10px;
}


/* images associées aux entrées principales */
header #zone-branding .block-menu a#menu-universite ~ ul,
header .menu-name-menu-uvhc-principal a#menu-universite ~ ul  {
	background:url('img/v_ssmenu_01.jpg') #0081a1 top no-repeat;
	padding:3px;
	padding-top:86px;
}
header #zone-branding .block-menu a#menu-formation ~ ul,
header .menu-name-menu-uvhc-principal a#menu-formation ~ ul  {
	background:url('img/v_ssmenu_02.jpg') #0081a1 top no-repeat;
		padding:3px;
	padding-top:86px;
}
header #zone-branding .block-menu a#menu-recherche ~ ul,
header .menu-name-menu-uvhc-principal a#menu-recherche ~ ul  {
	background:url('img/v_ssmenu_03.jpg') #0081a1 top no-repeat;
		padding:3px;
	padding-top:86px;
}
header #zone-branding .block-menu a#menu-international ~ ul,
header .menu-name-menu-uvhc-principal a#menu-international ~ ul  {
	background:url('img/v_ssmenu_04.jpg') #0081a1 top no-repeat;
	padding:3px;
	padding-top:86px;
}
header #zone-branding .block-menu a#menu-campus ~ ul,
header .menu-name-menu-uvhc-principal a#menu-campus ~ ul  {
	background:url('img/v_ssmenu_05.jpg') #0081a1 top no-repeat;
		padding:3px;
	padding-top:86px;
}



#zone-content {
	position: relative;
	}
	

/* hide nice menu */
body:not(.composante):not(.scd) header #zone-branding .block-menu ul.menu ul.menu,
body:not(.composante):not(.scd) header .menu-name-menu-uvhc-principal ul.menu ul.menu {
	/*display: none !important;*/
}

/*********************************************************************************************
**										Breadcrumb									**
*********************************************************************************************/
	
div#breadcrumb {
	height: 67px;
	background: url('img/back_ariane.png') no-repeat;
	margin-bottom:30px;
	
	display: none;
}
div#breadcrumb .breadcrumb {
	padding-top: 5px;
	margin-left: 30px;
	margin-right: 200px;
	color: #000000;
	font-size: 1.2em;
}

/*********************************************************************************************
**										Menus gauche										**
*********************************************************************************************/
aside#region-sidebar-first {
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
}
aside#region-sidebar-first section#block-menu-menu-uvhc-pratique {
	background: #99527e;
	margin:0;
	padding:0;
	padding-bottom:20px;
	color: #fff;
}
aside#region-sidebar-first section h2 {
	padding-top:10px;
	padding-left:10px;
	font-weight: bold;

}
aside#region-sidebar-first section div.content {
	padding:0 10px;
}
aside#region-sidebar-first section div.content ul.menu {
	padding:0;
	margin: 0;
}
aside#region-sidebar-first section div.content ul.menu li,
aside#region-sidebar-first section#block-menu-menu-uvhc-pratique div.content ul.menu li {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	/*background: url('img/puce_liste.png') no-repeat;*/
	background-position:center left;
	line-height: 25px;
}

aside#region-sidebar-first section div.content ul.menu li a {
	font-size:1.2em;
	display:block;
	padding-left:10px;
}
aside#region-sidebar-first section#block-menu-menu-uvhc-pratique div.content ul.menu li a {
	color:#fff; 
}
aside#region-sidebar-first section div.content ul.menu li span.nolink {
	text-transform: uppercase;
	color: #333;
	font-size:1.2em;
	font-weight: bold;
	
	padding-left: 10px;
border: 1px solid #ccc;
border-left: 0;
border-right: 0;
margin-top: 10px;

display:block;
margin-top:10px;
}

/* background spécifique pour le 1er bloc */
aside#region-sidebar-first div.region-inner section:before {
	/*content: url('img/jonction_col_gauche.gif')*/
	content: none;
}
aside#region-sidebar-first div.region-inner section:first-of-type:before {
	content: '';
}
aside#region-sidebar-first div.region-inner section:first-of-type:not(#block-menu-menu-uvhc-pratique) {
	background: url('img/back_sommaire_interne.gif') repeat;	
}

aside#region-sidebar-first div.region-inner section:first-of-type:not(#block-menu-menu-uvhc-pratique) h2 {
	color:#0081a1;
	}
aside#region-sidebar-first div.region-inner section:first-of-type:not(#block-menu-menu-uvhc-pratique) div.content ul.menu li {
	background: none;
	}
aside#region-sidebar-first div.region-inner section:first-of-type:not(#block-menu-menu-uvhc-pratique) div.content ul.menu li a {
	color:#000000;
	}
aside#region-sidebar-first div.region-inner section ul.menu li a:hover,
aside#region-sidebar-first div.region-inner section ul.menu li a.active {
	background:#0081a1;
	color:#fff !important;
	}




/*********************************************************************************************
**										Bas de page										**
*********************************************************************************************/

div#zone-postscript-wrapper div.block-menu-block ul.menu li a {	/* 1er niveau */
	float:left;
}
div#zone-postscript-wrapper div.block-menu-block ul.menu li ul li {
	display:inline;
}
div#zone-postscript-wrapper div.block-menu-block ul.menu li ul li a {
	float:left;
	width:24%;

	}
	
/*********************************************************************************************
**										Barre de droite										**
*********************************************************************************************/
	
.uvhc aside#region-sidebar-second {
	/*position: absolute;*/
	/*top: -260px;*/
	/*right:0px;*/
	/*z-index: 400;*/
	/*height:50%;*/
}

aside#region-sidebar-second .quicktabs-tabpage .view-calendar ul li .views-field-title,
aside#region-sidebar-second .quicktabs-tabpage .view-calendar-uvhc ul li .views-field-title {
	display: none;
	left: 0px;
	/*width: 220px;*/
}
aside#region-sidebar-second .quicktabs-tabpage .view-calendar ul li:hover .date,
aside#region-sidebar-second .quicktabs-tabpage .view-calendar-uvhc ul li:hover .date {
	display: none;
}
aside#region-sidebar-second .quicktabs-tabpage .view-calendar ul li:hover .views-field-title,
aside#region-sidebar-second .quicktabs-tabpage .view-calendar-uvhc ul li:hover .views-field-title {
	display: block;
}
	
	
/*********************************************************************************************
**										Frontpage											**
*********************************************************************************************/
.page-frontpage #region-content div.view-content {
	text-align:center;
	
}

.front #region-content div.view-content:after {
	content: "";
	clear: both;
}

.page-frontpage #region-content div.view-content .views-row {
	display:block;
	/*width: 240px;*/
	/*margin-right:20px;*/
	/*padding: 0 20px;*/
	float: left;
	/*margin: 10px 36px 0;*/
	/*margin:0 auto;*/	
	text-align: left;
}
.front #region-content div.view-content .views-row .views-field-field-teaser {
	padding:20px;
	height: 320px;
}
.front #region-content div.view-content .views-row-first {
	/*margin-right: 20px;*/
	/*margin-left:0;*/
	margin: 0;
	padding: 0;
}

.front #region-content div.view-content .views-row-even {
	/*margin-right: 20px;*/
	/*margin-left:0;*/
	margin: 0;
	padding: 0;
}
.front #region-content div.view-content .views-row-odd {
	/*margin-right: 20px;*/
	/*margin-left:0;*/
	margin: 0;
	padding: 0;
}

.front #region-content div.view-content .views-row-last {
	/*margin-right: 0;*/
	margin-right:0;
}

.front #region-content div.view-content .views-row div.views-field {
	/*width: 240px;*/
/*	height: 320px;*/
	
	}
.front #region-content .views-row .views-field-title {
	font-size:2em;
	line-height: 1.1em;
}
/*.front #region-content .views-row .views-field-title .container-actu-titre-image {
	width:100%;
	padding: 20px;
}*/

.page-frontpage #region-content .views-row .views-field-title .container-actu-titre-image {
	/*width:100%;*/
	padding: 20px;
}

.front #region-content .views-row .views-field-title .container-actu-titre-image img {
	width:100%;
}

.front #region-content .views-row .views-field-title .container-actu-titre-image .actu-titre {
	margin: 4px 0 0 0;
	color: #595959;
	font-size: 18px;
	line-height: 20px;
}


/*********************************************************************************************
**										new front page                            **
*********************************************************************************************/

.front #page {
	max-width: 1200px;
	width: 100%;
}

.page-frontpage #page {
	max-width: 1240px;
	width: 100%;
}

.front #zone-branding {
	width: 100%;
}

.front #slideuvhc-image {
	overflow: hidden;
}

.front #slideuvhc-image img {
	width: 1240px;
}

.front #slideuvhc-image img.adaptive-image {
	max-width: 1240px;
}

.front #zone-content {
	width: 100%;
}

.front #zone-footer {
	width: 100%;
}

#slideuvhc-bloctexte {
	position: relative;
	top: -405px;
}

#slideuvhc-texte {
	float: right;
	width: 430px;
	height: 405px;
	background-color: rgba(0,129,161,0.8);
}

#slideuvhc-title {
	font-size: 40px;
	padding: 90px 25px 15px 25px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 48px;
}

#slideuvhc-body {
	line-height: 20px;
	font-size: 14px;
	padding: 0 25px 35px 25px;
	color: #ffffff;
}

#slideuvhc-body p {
	text-align: justify;
}

#slideuvhc-url {
	line-height: 20px;
	font-size: 14px;
	padding: 0 0 0 25px;
	color: #ffffff;
	margin: 0;
}

/*********************************************************************************************
**										Frontpage											**
*********************************************************************************************/

.page-frontpage #region-content {
	margin: 14px 0 0 0;
	padding: 0;
	display: block;
	width: 75%;
	overflow: auto;
}

.page-frontpage #region-sidebar-second {
	margin: 0;
	padding: 0;
	display: block;
	width: 25%;
	overflow: auto;
}

.page-frontpage #region-content div.view-content .views-row-1 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #region-content div.view-content .views-row-2 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #region-content div.view-content .views-row-3 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #region-content div.view-content .views-row-4 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #region-content div.view-content .views-row-5 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #region-content div.view-content .views-row-6 {
	width: 33%;
	float: left;
	height: 280px;
	overflow: hidden;
}

.page-frontpage #block-system-main {
	margin: 40px 16px 15px 38px;
	padding: 0px;
}

#news-title {
	display: table;
	width: 100%;
	padding-bottom: 0;
}

.front #region-content .views-row .views-field-title {
	font-size:24px;
	line-height: 26px;
}

#block-views-webtv-block-13 {
	margin: 20px 16px 15px 50px;
	padding: 0;
}

#block-views-webtv-block-13 div.view-content .views-row-1 {
	width: 33%;
	float: left;
	padding: 0;
}

#block-views-webtv-block-13 div.view-content .views-row-2 {
	width: 33%;
	float: left;
	padding: 0;
}

#block-views-webtv-block-13 div.view-content .views-row-3 {
	width: 33%;
	float: left;
	padding: 0;
}

#block-menu-menu-uvhc-pratique-nouveau {
	margin: 30px 15px 0 50px;
	/*background-image: url(img/back_pratique.png);*/
	height: 150px;
	padding: 20px;
	background:#eee;
}

/*********************************************************************************************
**										Header												**
*********************************************************************************************/
div#zone-user-wrapper {
	/*height: 41px;*/
	position: absolute;
	z-index: 501;
	text-align: right;
	right: 0;
	height: auto;
}
div#region-user-first #suivez-nous {
	color: #585858;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 30px;
	
}

div#region-user-first #suivez-nous span  {
	display: inline;
}
div#region-user-second {
	height: 30px;
	text-align:right;
	width: 415px;
}
div#region-user-second .block {
	float: none;
	display: inline-block;
	}


div#zone-user {
	display: block;
	width: 755px;
}

/*div#region-user-second .clearfix:after {
	clear: none;
	}
*/

div#region-user-second #tools {
	display:block;
	float: left;
	/*width:165px;*/
}

div#region-user-second div#block-text-resize-0 {
	display: none;
}


	/*
div#block-search-form {
	width:609px;
	}
div#region-user-second input[type='text'] {
	width: 200px;
}*/

div#region-user-second input[type='text'] {
	max-width:115px;
	}
/* galleria */

article.node-galerie div.content .galleria-content {
	width:100%;
	height:500px;
	}
#galleria-1 > div{
    width:100%;
	height:500px;
	}


	

#block-views-nouvelle-webtv-block-1 .views-field-field-fichier,
#block-views-nouvelle-webtv-block-1 .views-field-field-image-galerie {
    float: left;
    width:70%;
}

#block-views-nouvelle-webtv-block-1 .views-field.views-field-title {
    margin-left:72%;
}

.view-id-nouvelle_webtv.view-display-id-page .views-row {
	display:block;
	float:left;
	max-width:200px;
	padding:0 0 30px 0;
}

.view-id-nouvelle_webtv.view-display-id-page .views-row .views-field-field-image {
	width:auto;
	max-width:100%;
	float:none;
	margin: 0;
}

.view-id-nouvelle_webtv.view-display-id-page .views-row .views-field-field-image:after {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ededed;
	display:block;
	content:" ";
	position: absolute;
	bottom: 0;
	left: 10px;
}
/* galleria */

article.node-galerie div.content .galleria-content {
	width:100%;
	height:500px;
	}
#galleria-1 > div{
    width:100%;
	height:500px;
	}