body
	{
		color: #666666;
		font-size: 90%;
		line-height: 125%;
		font-family: 'ExecutiveBold', sans-serif;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
h1
	{
		
	}

h2, h3, h4, h5, h6
	{
		font-family: 'ExecutiveBold', sans-serif;
		line-height: 125%;
		font-weight: normal;
	}
	
h2, .node-head-evenement h3
	{
		font-size: 250%;
		line-height: 115%;
		color: #000;
		margin-bottom: 30px;
	}
	
.sansmarge 
	{
		margin-bottom: 0;
	}
 
 .mobile-only{
   display:none;
 }


/***********************************************
 * TEMPORARY - MUST RESTORE AFTER DEVELOPMENT  *
************************************************/

div.error, table tr.error {
/*    display: none !important;*/
}

/************************************************
************************************************
***********************************************/



h3
	{
		font-size: 90%;
		color: #000;
	}

h4
	{
		font-size: 1.15em;
		margin: 0.425em 0;
	}

h5
	{
		margin-top: 0.4375em;
		font-size: 0.875em;
		line-height: 1.25em;
	}

h6
	{
		font-size: 0.75em;
	}
	
a
	{
		color: #410099;
	}
a.hesge-bordure
	{
		display: block;
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
	}
	
a.hesge-bordure-vert
	{
		color: #00af69;
		font-size: 110%;
		display: block;
		border-bottom: 4px solid #00af69;
		padding-bottom: 4px;
	}
	
a:hover,
a.active,
li a.active
	{
		color: #f52837;
	}
	
hr 
	{
		clear: both;
		color: #410099;
		margin: 0px;
		border: 0px;
		border-bottom: 4px solid #410099;
		padding: 4px 0 0 0;
	}

strong, b, .textenoir
	{
		color: #000;
		font-weight: normal;
	}

a strong, a b
	{
		color: #410099 !important;
	}

a:hover strong, a:hover b
	{
		color: #f52837 !important;
	}
	
.field .field-label
	{
		font-weight: normal;
	}
	
/*** GENERIC CLASSES ***/	

.hesge-last
	{
		padding-right: 0 !important;
		margin-right: 0 !important;
	}

.float-right
	{
		float: right !important;
	}

.clear-both
	{
		clear: both !important;
		overflow: auto !important;
	}

.hesge-link-web,
.hesge-link-pdf,
.hesge-link-img,
.hesge-link-word,
.hesge-link-excel,
.hesge-link-powerpoint,
.hesge-link-zip,
.hesge-link-audio,
.hesge-link-video,
.hesge-link-external,
.hesge-link-eml,
.ext,
.mailto {
	background: none !important;
	padding: 0 !important;
}


/*** PAGE NAV ***/
#main #content div.page-nav
	{
		padding: 0 0 4px 0;
		margin-top: 0;
		border-bottom: 4px solid #410099;
		background: none;
	}
	
#main #content div.page-nav ul li
	{
		font-weight: normal;
		padding: 0 4px 0 0;
		background: none;
	}
	
#main #content div.page-nav ul li a
	{
		color: #410099;
	}
	
#main #content div.page-nav ul li a.active,
#main #content div.page-nav ul li a:hover
	{
		color: #F52837;
	}
	
	
/*** BORDURES ***/	

.bordure-bas-violet 
	{
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
	}
	
.bordure-bas-rouge 
	{
		border-bottom: 4px solid #f52837;
		padding-bottom: 4px;
	}
	
.bordure-bas-vert 
	{
		border-bottom: 4px solid #00af69;
		padding-bottom: 4px;
	}
	
.bordure-bas-noir 
	{
		border-bottom: 4px solid #000;
		padding-bottom: 4px;
	}
	
	
/*** ACCORDEON ***/	
#main #content a.acc-head 
	{
		display: block;
		margin: 0;
	}
#main #content #acc-head-0
	{
		margin-top: 18px;
	}	
#main #content .acc-head span.ready-accordion-header
	{
		display: block;
		background: none;
		padding: 0 0 1px 0;
	}
#main #content .acc-head span.expanded
	{
		color: #f52837;
		padding-bottom: 4px;
		border-bottom: 4px solid #410099;
	}
#main #content a.last
	{
		padding-bottom: 4px !important;
		border-bottom: 4px solid #410099 !important;
		display: block;
	}
#main #content a.last span.expanded
	{
		border-bottom: none;
	}
#main #content div.ready-accordion
	{
		margin: 0 0 25px 25px;
		padding-bottom: 4px;
		border-bottom: 4px solid #410099;
	}
	
.node-type-head-formation #main #content div.ready-accordion
	{
		margin: 0 0 25px 25px;
		padding-bottom: 0;
		border-bottom: 0;
	}

.node-type-head-formation #main #content div.niveau1
	{
		margin: 25px 0;
	}
/*.node-type-head-formation #main #content div.niveau2
	{
		padding-bottom: 4px;
		border-bottom: 4px solid #410099;
	}*/
	
	
/*** EXPANDING TEXT ***/	

.read-more
	{
		display: block;
	}
.read-more a.more-link 
	{
		padding: 5px;
	}


/*** BASIC STRUCTURE ***/

#page #structure,
#page #footer,
.front #page #main
	{
		clear: both !important;
		width: 1390px;
		margin: 0 auto;
	}
.front #page #main
	{
		width: 1410px;
	}

#page, #structure
	{
		position: relative;
	}


/*** HEADER ***/

#page #header
	{
		height: 130px;
		position: relative;
	}
	
#page #header h1
	{
		position: relative;
		float: left;
		margin-top: 17px;
		z-index: 100;
	}
	
#page #header .region-header
	{
		
		float: right;
		padding-top: 12px;
		margin-bottom: 10px;
		z-index: 0;
	}

#page #header ul li
	{
		display: inline;
	}
	
/*Menu secondaire et menu langues*/		
#page #header .menu-secondaire,
#page #header .langues,
#page #header .icones
	{
		float: left;
		margin-right: 15px;
	}
#page #header .menu-secondaire ul li
	{
		margin-right: 6px;
	}
#page #header .icones,
#page #header .menu-secondaire ul li.last
	{
		margin-right: 0;
	}
#page #header .langues ul li.first a:after
	{
		content: " /";
		color: #410099;
	}
#page #header .langues ul li .locale-untranslated
	{
		text-decoration: none;
	}
#page #header .icones a
	{
		padding-right: 3px !important;
	}
	
/*Bloc admission*/	
#page #header .admission 
	{
		clear: left;
		float: left;
		width: 215px;
		margin-top: 20px;
		margin-right: 20px;
		padding-bottom: 10px;
		border-bottom: 4px solid #00af69;
	}
	
#page #header .admission a
	{
		color: #00af69;
	}


/*Bloc de recherche*/
#page #header #block-search-api-page-rechercher-dans-le-site
	{
		float: left;
		width: 215px;
		margin-top: 20px;
		padding-bottom: 12px;
		border-bottom: 1px solid #666666;
	}
	
#page #header #block-search-api-page-rechercher-dans-le-site .form-item 
	{
		float: left;
		margin: 0;
	}
	
#page #header #block-search-api-page-rechercher-dans-le-site input.form-autocomplete
	{
		font-family: 'ExecutiveBold', sans-serif;
		font-size: 100%;
		color: #666666;
		background-image: none;
		padding: 0;
	}
	
#page #header form input.form-submit 
	{
		width: 17px;
		height: 17px;
		float: right;
		padding: 0;
		background-color: #fff;
	}
	
#page #header #block-search-api-page-rechercher-dans-le-site #edit-submit-1--2,
#page #header #block-search-api-page-rechercher-dans-le-site #edit-submit-1,
#page #header #block-search-api-page-rechercher-dans-le-site #edit-submit-2
	{
		display: none;
	}
	
/*Bloc Panier*/
#page #header .panier
	{
		float: left;
		width: 195px;
		margin-top: 20px;
		margin-left: 20px;
		padding-bottom: 12px;
		border-bottom: 1px solid #410099;
		background: url(../images/ico-panier.png) no-repeat top right;
        cursor: pointer;
        margin-bottom: 0;
	}
#page #header .panier .line-item-quantity{
    float: right;
}
#page #header .panier .line-item-quantity .line-item-quantity-raw::before{
    content: "(";
}
#page #header .panier .line-item-quantity .line-item-quantity-raw::after{
    content: ")";
}
#page #header .panier li
	{
		padding-left: 0;
	}
#page #header .panier .line-item-quantity-label{
    visibility: hidden;
}
#page #header .panier .view-content
	{
		display: none;
	}
	
#page #header .panier .line-item-summary
	{
		margin: 0;
		text-align: left;
	}


/*** MENU PRINCIPAL ***/
/*CSS séparée*/


/*** BREADCRUMB ***/

#page #breadcrumb
	{
		padding-top: 20px;
		color: #f52837;
		border-bottom: 1px solid #410099;
		padding-bottom: 13px;
	}

#page #breadcrumb ul li
	{
		background: url(../images/bullet-breadcrumb.png) no-repeat left center;
		background-size: 14px 11px;
		padding: 0 0 0 16px;
	}
	
#page #breadcrumb ul li span.nolink
	{
		color: #410099;
	}

#page #breadcrumb ul li.bc-first
	{
		background-image: none;
		padding-left: 0;
	}


/*** MAIN ***/

#page #main
	{
		/*width: 920px;*/
		min-height: 520px;
		margin-top: 20px;
	}
.page-evenements #page #main,
.page-projets #page #main,
.page-projets-10ans #page #main,
.page-livres-head #page #main,
.page-publications #page #main
	{
		width: 940px;
	}


/*** CONTENT ***/
	
#main #content #colL,
#main #content .view-emploi-head
	{
		float: left;
		width: 920px;
	}

#main #content #colR
	{
		float: left;
		width: 450px;
		margin-left: 20px;
	}
	
#main #content #colL
	{
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
	}
#main #content #colL.sansBordure,
.listing #main #content #colL
	{
		border: none;
		padding: 0;
	}

#main #content p
	{
		margin: 18px 0 0 0;
	}
	
#main #content #colR p
	{
		margin-top: 0;
	}

/*Tableau*/
#main #content table
	{
		width: 100%;
		margin: 1.5em 0;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
#main #content table td,
#main #content table th
	{
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 6px;
	}
#main #content table th
	{
		color: #000;
	}
	
#main #content table th
	{
		text-align: left;
		font-weight: normal;
	}
#main #content table th.views-align-right
	{
		text-align: right;
	}
#main #content table th.views-align-center
	{
		text-align: center;
	}

	
/*Formulaire*/
#main #content label,
#main #content legend
	{
		color: #000;
		font-weight: normal;
	}

#structure #content input[type="text"], 
#structure #content input[type="password"], 
#structure #content input[type="email"], 
#structure #content .form-item select
	{
		width: 442px;
		font-family: ExecutiveBold;
		font-weight: normal;
		font-size: 100%;
		border: none;
		border-bottom: 1px solid #666;
        outline: none;
	}	
#structure #content .form-item select
	{
		width: 450px;
	}
#structure #content .form-actions, 
#structure #content .checkout-buttons
	{
		text-align: left;
		margin-right: 0;
		margin-bottom: 0;
	}
	
#structure #content input.form-submit
	{
		color: #410099;
		font-weight: normal;
		font-family: ExecutiveBold;
		padding: 0;
		background-color: #FFF;
		text-align: left;
		width: 100%;
        outline: none;
}


/*Bloc RERO*/
	
#block-hesge-rero-hesge-rero-form h2 
	{
		font-size: 1.15em;
	}
	
#submitReroFront
	{
		margin-top: 10px;
	}


/*** TYPE CONTENU : EVENEMENTS / FORMATION ***/
#main #content .node-head-formation #colL,
.page-node-95 #main #content #colL
	{
		border: none;
		padding: 0;
	}
#main #content .node-head-evenement #colR
	{
		color: #000;
	}
	
#main #content #colR img
	{
		width: 450px;
		height: auto;
	}
	
#main #content #colR.clicked
	{
		clear: left;
		width: auto;
		margin-left: 0;
		margin-top: 30px;
	}
#main #content #colR.clicked img
	{
		width: auto;
	}
	
#main #content #colR iframe
	{
		width: 450px;
		height: 253px;
	}
 
.page-node-95 #main #content #colR iframe{
   width : 436px;
 }
	
#main #content .collaborateur
	{
		color: #000;
	}
#main #content .collaborateur p
	{
		margin: 0;
	}
	
#main #content .field-name-field-formdetail-docs,
#main #content .field-name-field-formation-docs
	{
		border-top: 4px solid #410099;
		margin-top: 4px;
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
	}
	
#main #content .field-name-field-formdetail-docs > div > div > h3,
#main #content .field-name-field-formation-docs > div > div > h3
	{
		margin-top: 18px;
	}
	
#main #content .calendrier
	{
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
		margin: 18px 0;
	}

#main #content .view-evenements.view-display-id-sous_evenements .view-content, #main #content .view-evenements.view-display-id-sous_evenements_admissions .view-content, #main #content .view-evenements.view-display-id-sous_evenements_admissions_en .view-content{ 
    display: flex; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
}

#main #content .view-evenements.view-display-id-sous_evenements .view-content .views-row.sous-evenement, #main #content .view-evenements.view-display-id-sous_evenements_admissions .view-content .views-row.sous-evenement, #main #content .view-evenements.view-display-id-sous_evenements_admissions_en .view-content .views-row.sous-evenement{
    display: block; 
    list-style: none;
    width: 209px;
    min-height: 210px;
    margin: 0px 28px 0 0;
    padding-bottom: 15px;
    border-bottom: 4px solid #000;
    min-height: 300px;
}

#main #content .view-evenements.view-display-id-sous_evenements .view-content .views-row.sous-evenement.views-row-last, #main #content .view-evenements.view-display-id-sous_evenements_admissions .view-content .views-row.sous-evenement.views-row-last, #main #content .view-evenements.view-display-id-sous_evenements_admissions_en .view-content .views-row.sous-evenement.views-row-last{
    margin: 0px 0px 0 0;
}

#main #content .view-evenements.view-display-id-sous_evenements .field-name-field-ss-event-titre, #main #content .view-evenements.view-display-id-sous_evenements .field-name-field-ss-event-dates, #main #content .view-evenements.view-display-id-sous_evenements_admissions .field-name-field-ss-event-titre, #main #content .view-evenements.view-display-id-sous_evenements_admissions .field-name-field-ss-event-dates, #main #content .view-evenements.view-display-id-sous_evenements_admissions_en .field-name-field-ss-event-titre, #main #content .view-evenements.view-display-id-sous_evenements_admissions_en .field-name-field-ss-event-dates{
    color: #000;
}

#main #content .previous-ss-event{
    float: left;
    margin-top: 15px;
    margin-bottom: 60px;
}

#main #content .next-ss-event{
    float: right;
    margin-top: 15px;
    margin-bottom: 60px;
}

#main #content .view-evenements.view-display-id-intervenants {
    float: left;
    margin-bottom: 20px;
}


#main #content .view-evenements .view-content .views-row.intervenant{
    float: left;
    width: 209px;
    min-height: 210px;
    color: #fff;
    margin: 0px 28px 28px 0;
    min-height: 300px;
    position: relative;
}

#main #content .view-evenements .view-content .views-row.intervenant:nth-child(4n){
    margin: 0px 0px 28px 0;
}

#main #content .view-evenements .view-content .views-row.intervenant img{
    width: 209px;
    height: 300px;
    margin-bottom: -5px;
}

#main #content .view-evenements+.bordure-bas-noir{
    clear: both !important;
    float: left;
}

#main #content .view-evenements .views-row.intervenant .overlay-intervenant{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 60%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
}

#main #content .view-evenements .views-row.intervenant .overlay-intervenant:hover{
    opacity: 1;
}

#main #content .view-evenements .views-row.intervenant a{
    color: #fff;
}

#main #content .view-evenements .views-row.intervenant a:hover{
    color: #f52837;
}

#main #content .view-evenements .views-row.intervenant .field-name-field-intervenant-titre{
    margin-bottom: 5px;
}

#main #content .node-head-evenement h3{
    clear: both;
    font-size: 200%;
}

/***PAGE : ADMISSIONS ***/

.page-node-95 #page .region-content, .page-node-423 #page .region-content{
  float:left;
  width: 920px;
}

	
/*** TYPE CONTENU : PROJET ***/
#main #content .node-head-projet .bigImage .field-item
	{
		position: relative;
		text-align: center;
		/*background: #000;*/
	}
#main #content .node-head-projet .bigImage .prev
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 52px;
		height: 100%;
		text-indent: -9999px;
	}
#main #content .node-head-projet .bigImage .prev span
	{
		position: absolute;
		top: 50%;
		left: 10px;
		width: 32px;
		height: 45px;
		margin-top: -22px;
		background: url('../images/slider-prev.png') no-repeat;
	}
#main #content .node-head-projet .bigImage .next
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 52px;
		height: 100%;
		text-indent: -9999px;
	}
#main #content .node-head-projet .bigImage .next span
	{
		position: absolute;
		top: 50%;
		right: 10px;
		width: 32px;
		height: 45px;
		margin-top: -22px;
		background: url('../images/slider-next.png') no-repeat;
	}
#main #content .node-head-projet .bigImage .legende-image
	{
		color: #000;
		margin-bottom: 10px;
		text-align: left;
	}
#main #content .node-head-projet .smallImage,
#main #content .head10ans .smallImage
	{
		position: relative;
		color: #000;
		margin-bottom: 15px;
		/*padding-bottom: 10px;*/
		border-bottom: 4px solid #000;
	}
#main #content .node-head-projet .smallImage .image
	{
		min-width: 97px;
		height: 66px;
		float: left;
		margin: 0 20px 20px 0;
        position: relative;
	}
#main #content .node-head-projet .smallImage .image img
	{
		width: auto;
		max-height: 66px;
		cursor: pointer;
	}
#main #content .node-head-projet .smallImage .image iframe
	{
		width: 97px;
		height: 66px;
		cursor: pointer;
	}
	
#main #content .node-head-projet .smallImage .image .legende-image
	{
		display: none;
	}
#main #content .node-head-projet .field-name-field-projet-date
	{
		color: #000000;
	}
#main #content .node-head-projet .smallImage .embedded-video
	{
		position:relative;
	}
#main #content .node-head-projet .smallImage .video-btn
	{
		position:absolute;
		top:0;
		left:0;
		width:99px;
		height:66px;
		cursor:pointer;
		background:#000;
		opacity:0.1;
	}

#structure #content .node-head-projet .field-name-field-projet-date .date-display-start, 
#structure #content .node-head-projet .field-name-field-projet-date .date-display-end, 
#structure #content .node-head-projet .field-name-field-projet-date .date-display-single
	{
		text-transform: none;
	}
	
#main #content .node-head-projet .field-name-field-projet-direction 
	{
		width: 450px;
	}


#main #content .node-head-projet .field-description
	{
		width: 450px;
		float: left;
		margin-right: 20px;
	}
#main #content .node-head-projet .citation
	{
		width: 450px;
		float: left;
		color: #000;
	}
	
/*** TYPE DE CONTENU : LIVRE ***/
#structure #content .field-name-field-livre-format-taxo:after 
	{
		content: normal;
	}
	
.node-type-hesge-livre #structure #content input.form-submit,
.node-type-hesge-livre #structure #content .documents
	{
		margin-top: 7px;
	}

.node-type-hesge-livre #main #content #colL{
    width: 1020px;
    margin-right: 50px;
}

.node-type-hesge-livre #main #content #colR, .node-type-hesge-livre #main #content #colR img{
    width: 300px;
}

.node-type-hesge-livre .bordure-bas-noir{
    padding-bottom: 10px;
}

.node-type-hesge-livre .field-name-commerce-price{
    margin-top: 16px;
    margin-bottom: 5px;
    font-size: 16px;
}

.node-type-hesge-livre #edit-quantity{
    width: 60px!important;
    text-align: right;
    border: 1px solid #666!important;
    margin-top: 16px;
}

.node-type-hesge-livre .form-item-quantity label{
    width: 100px;
    float: left;
    margin-top: 22px!important;
}

.node-type-hesge-livre #structure #content input.form-submit#edit-submit{
    border: solid 2px #410099;
    text-align: center;
    padding: 7px 0 7px 0;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition:  0.2s ease-out;
  -moz-transition:  0.2s ease-out;
  -o-transition:  0.2s ease-out;
  transition:  0.2s ease-out;
}

.node-type-hesge-livre #structure #content input.form-submit#edit-submit:hover{
    color: #f52837;
    border-color: #f52837;
}

.node-type-hesge-livre .node-messages
	{
		color: #410099;
		padding-top: 10px;
		border-top: 4px solid #410099;
        
	}


.node-type-hesge-livre .node-messages:empty {
	display: none;
}

.node-type-hesge-livre #structure #content .donnees-livre{
    color: #b9b9b9;
}
	
/*** VUE : PROJET + EVENEMENT + REVUE PRESSE ***/
#main #content .listing > .view-header {
	position: absolute;
	z-index: 900;
	background-color: #fefefe;
	opacity: 0.9;
}
#main #content .head10ans > .view-header {
	position: relative;
	background-color: transparent;
}
#main #content .listing .view-header p
	{
		color: #000;
		margin-bottom: 0;
	}
#main #content .listing .bloc-tri
	{
		width: 215px;
		float: left;
		margin-right: 20px;
	}
#main #content .view-projets .view-display-id-projet_formations
	{
		width: 450px;
	}
#main #content .listing .bloc-tri .view-header p
	{
		color: #410099;
		background: transparent url(../images/fleche-bas.gif) no-repeat 145px 0;
		margin: 0;
	}
#main #content .listing .view-content
	{
		clear: both;
		padding-top: 70px;
	}
#main #content .listing .view .view-content,
#main #content .head10ans .view-content
	{
		padding-top: 0;
	}
#main #content .listing .view-content ul
	{
		margin: 0;
	}
#main #content .listing .view-content ul li
	{
		margin: 0;
		padding: 0;
		background: none;
	}
#main #content .listing .view-content .views-row
	{
		float: left;
		width: 215px;
		min-height: 210px;
		color: #410099;
		margin: 30px 20px 0 0;
		padding-bottom: 4px;
		border-bottom: 4px solid #410099;
	}
#main #content .view-projets .view-content .views-row div.titre
	{
		max-height: 37px;
		overflow: hidden;
	}
#main #content .view-projets .view-content .views-row div.image
	{
		min-height: 151px;
		text-align: center;
	}
#main #content .view-evenements .view-content .views-row,
#main #content .view-display-id-page_revuepresse .view-content .views-row
	{
		min-height: 390px;
	}
#main #content .view-livres-head .views-row
	{
		min-height: 400px;
	}
#main #content  .view-livres-head .date-display-single{
    color: #666666;
}
#main #content  .view-livres-head .head_views_filters_collapsible-processed{
    margin-bottom: 30px;
}
#main #content .view-display-id-page_revuepresse .views-row
	{
		margin: 0 20px 30px 0;
	}
#main #content .view-display-id-page_revuepresse .views-row img
	{
		width: 215px;
		height: auto;
	}
#main #content .view-projets .view-content .views-row iframe
	{
		width: 215px;
		height: 147px;
	}
#main #content .view-evenements .view-content .views-row iframe
	{
		width: 215px;
		height: 305px;
	}
#main #content #colR .view-projets .view-content .views-row
	{
		width: 450px;
		margin: 8px 0 22px 0;
		float: none;
	}
#main #content #colR .view-projets .view-content .views-row img,
#main #content #colR .view-projets .view-content .views-row iframe,
	{
		width: 450px;
		height: auto;
	}

.i18n-en #structure #content .date-display-start, 
.i18n-en #structure #content .date-display-end, 
.i18n-en #structure #content .date-display-single 
	{
		text-transform: none;
	}
	
/*** TYPE CONTENU : HIGHLIGHT ***/
/*Partie Rouge : highlight*/
#main #content .field-name-field-highlight-projet-evenement > .field-items > .field-item
	{
		float: left;
		margin-top: 30px;
		margin-right: 20px;
	}

#main #content .field-name-field-highlight-projet-evenement .titre
	{
		border-bottom: 4px solid #f52837;
	}
#main #content .field-name-field-highlight-projet-evenement h2 
	{
		color: #f52837;
		margin-bottom: 0;
	}
	
h2.titrelong
	{
		font-size: 100%;
		margin-top: 2px;
		height: 42px;
		overflow: hidden;
	}
h2.titrecourt
	{
		height: 44px;
		overflow: hidden;
	}

#main #content .field-name-field-highlight-projet-evenement .grande-paysage
	{
		width: 920px;
	}
#main #content .field-name-field-highlight-projet-evenement .grande-paysage img
	{
		width: 920px;
		height: 695px;
	}

#main #content .field-name-field-highlight-projet-evenement .grande-portrait
	{
		width: 450px;
	}
#main #content .field-name-field-highlight-projet-evenement .grande-portrait .field-name-field-highlight-image
	{
		width: 450px;
		height: 694px;
		overflow: hidden;
	}
#main #content .field-name-field-highlight-projet-evenement .grande-portrait .field-name-field-highlight-image img
	{
		width: 450px;
		height: auto;
	}
#main #content .field-name-field-highlight-projet-evenement .grande-portrait h2.titrelong
	{
		margin-top: 8px;
	}
#main #content .field-name-field-highlight-projet-evenement .grande-portrait h2.titrecourt
	{
		line-height: 44px;
		margin-top: 3px;
		margin-bottom: 3px;
	}

#main #content .field-name-field-highlight-projet-evenement .petite-paysage,
#main #content .field-name-field-highlight-projet-evenement .no-processing
	{
		width: 450px;
	}
#main #content .field-name-field-highlight-projet-evenement .petite-paysage img
	{
		width: 450px;
		height: 306px;
	}

/*Partie Verte : événements*/
#main #content .view-display-id-prochains_hp
	{
		float: left;
	}
#main #content .view-display-id-prochains_hp a
	{
		color: #00af69;
	}
	
#main #content .view-display-id-prochains_hp .view-content .views-row
	{
		width: 215px;
		min-height: 347px;
		position: relative;
		color: #00af69;
		border-bottom: 4px solid #00af69;
		float: left;
		margin: 30px 20px 0 0;
		padding: 0;
	}	

#main #content .view-display-id-prochains_hp .view-content .views-row-last
	{
		margin-right: 0;
	}
	
#main #content .view-display-id-prochains_hp .view-content .views-row .date
	{
		position: absolute;
		top: 15px;
		left: 15px;
		font-size: 120%;
	}
	
#main #content .view-display-id-prochains_hp .view-content .views-row .titre
	{
		height: 44px;
		overflow: hidden;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	
#main #content .view-display-id-prochains_hp .view-content .views-row img
	{
		height: 306px;
		width: 215px;
	}

/*Partie Violette : projets*/
#main #content .vue-projet-page-accueil .view-projets
	{
		float: left;
		width: 262px;
		margin: 30px 20px 0 0;
		border-bottom: 4px solid #410099;
	}
	
#main #content .vue-projet-page-accueil .view-display-id-hp_col5
	{
		margin-right: 0;
	}
	
#main #content .vue-projet-page-accueil .view-projets h2
	{
		color: #000;
		font-size: 125%;
		line-height: 130%;
		border-bottom: 1px solid #000;
		height: 66px;
		margin-bottom: 0;
	}
	
#main #content .vue-projet-page-accueil .view-projets .view-header
	{
		min-height: 110px;
	}
#main #content .vue-projet-page-accueil .view-projets .view-header p
	{
		margin-top: 10px;
	}

#main #content .vue-projet-page-accueil .view-projets .view-content .views-row
	{
		width: 168px;
		min-height: 170px;
		margin: 0;
		padding: 0;
		border: none;
	}
	
#main #content .vue-projet-page-accueil .view-projets .view-content .views-row .titre
	{
		width: 168px;
		height: 37px;
		overflow: hidden;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}

#main #content .vue-projet-page-accueil .view-projets .view-content .views-row iframe
	{
		width: 168px;
		height: 118px;
	}


/*** FICHE : ANNUAIRE ***/
.page-user #main #content #colL
	{
		border-bottom: 0;
		padding-bottom: 0;
	}
.page-user #main #content h2
	{
		font-size: 100%;
		margin-bottom: 0;
	}
.page-user #main #content p.departement
	{
		color: #000000;
		margin-top: 0;
	}
.page-user #main #content p.email
	{
		margin-top: 0;
	}

.page-user #main #content #colR,
.page-user #main #content #colR img
	{
		width: 215px;
		height: auto;
	}
	

/*** VUE : ANNUAIRE ***/

.page-enseignants #main #content #colL h2
	{
		display: none;
	}
	
#main #content span.annuaire-nom
	{
		text-transform: none;
	}
	

/*** RESULTATS DE LA RECHECHE  ***/
	
.page-search #page-title,
.page-search #page #main #content #search-form
	{
		display: none;
	}
	
	
/*** COMMERCE ***/
.page-checkout #page #main #content,
.page-cart #page #main #content
	{
		border-bottom: 4px solid #410099;
		padding-bottom: 4px;
	}
	
.page-cart .messages 
	{
		width: 100%;
		color: #410099;
		padding: 0 0 4px;
		background: none;
		border: 0px;
		border-bottom: 4px solid #410099;
	}

.line-item-summary .line-item-total-label,
.commerce-order-handler-area-order-total .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount,
table.checkout-review .pane-title td
	{
		font-weight: normal;
	}

.commerce-checkout-progress li.active
	{
		font-weight: normal;
		color: #f52837;
	}
	
.page-checkout #main #content table,
.page-cart #main #content table
	{
		border-right: none;
		margin: 1px 0;
	}
	
.page-checkout #main #content table.commerce-price-formatted-components
	{
		width: 50%;
		margin-left: auto;
		margin-top: 20px;
	}

#commerce-checkout-coupon-ajax-wrapper{
    margin-top: 50px;
    clear: both;
    float: left;
}

.page-checkout #main #content table th,
.page-checkout #main #content table td,
.page-cart #main #content table th,
.page-cart #main #content table td
	{
		border-left: none;
		padding: 8px 0 6px 0;
	}
/*.page-cart #main #content table th.views-align-right,
.page-cart #main #content table td.views-align-right
	{
		padding-right: 6px;
	}*/
	
.page-checkout #main #content table tr,
.page-cart #main #content table tr
	{
		background-color: #fff;
		vertical-align: middle;
	}

.page-checkout #main #content table th,
.page-cart #main #content table th
	{
		border-bottom: solid 1px #000;
        border-top: solid 1px #000!important;
	}
	
.page-cart #structure #content .form-actions
	{
		text-align: right;
	}
.page-cart #structure #content .form-actions input,
.page-checkout #structure #content input.form-submit
	{
		margin-left: 10px;
		width: auto;
        border: solid 2px #410099;
        text-align: center;
        padding: 10px 17px 7px 17px;
        margin-top: 20px;
        margin-bottom: 10px;
        cursor: pointer;
}

.page-cart #structure #content .checkout-buttons, .page-checkout #structure #content .checkout-buttons{
    text-align: right;
}

.page-cart #structure #content .delete-line-item.form-submit, .page-checkout #structure #content .delete-line-item.form-submit{
    cursor: pointer;
}

.page-cart #structure #content .delete-line-item.form-submit:hover, .page-checkout #structure #content .delete-line-item.form-submit:hover{
    color: #f52837;
}

.page-cart #structure #content .form-actions input:hover,
.page-checkout #structure #content input.form-submit:hover{
    color: #f52837;
    border-color: #f52837;
	}

#structure #content .views-field-edit-quantity input{
    text-align: right;
    border: 1px solid #666!important;
}

#structure #content .views-field-edit-quantity input,
#structure #content .views-field-edit-delete input
	{
		width: auto;
		text-align: right;
	}
#commerce-checkout-form-checkout .description
	{
		display: none;
	}
	
.page-checkout #structure #content .customer_profile_shipping,
.page-checkout #structure #content .form-item-billing-check,
.page-checkout #structure #content .customer_profile_billing
	{
		max-width: 600px;
	}
	
.page-checkout #structure #content .addressfield-container-inline input.postal-code,
.page-checkout #structure #content .addressfield-container-inline input.locality,
.page-checkout #structure #content .addressfield-container-inline input.state
	{
		width: 282px;
		margin-right: 10px;
	}
	
.page-checkout #structure #content .form-item-customer-profile-shipping-commerce-customer-address-und-0-administrative-area,
.page-checkout #structure #content .form-item-customer-profile-billing-commerce-customer-address-und-0-administrative-area
	{
		display: none;
	}
	
.page-checkout #structure #content input#edit-commerce-shipping-shipping-service-fp1-ch
	{
		display: none;
	}
	
.page-checkout #main #content .pane-title
	{
		color: #000;
		border-bottom: none;
	}
.page-checkout #main #content td
	{
		border-top: none;
	}
.page-checkout #main #content td td
	{
		border-top: 1px solid #cccccc;;
	}

#views-form-commerce-cart-form-default .line-item-summary
	{
		margin-top: 20px;
	}

ol.commerce-checkout-progress
	{
		margin-bottom: 0;
        padding: 0;
        width: 100%
	}
ol.inline.commerce-checkout-progress li
	{
		width: 20%;
        display: inline;
        text-align: center;
        border-bottom: 4px solid #410099;
        padding-bottom: 10px;
	}
ol.inline.commerce-checkout-progress li.active
	{
        border-color: #f52837;
	}

#page .region-content{
    position: relative;
}

.page-checkout #page .region-content #block-system-main, .page-cart #page .region-content #block-system-main{
    padding-top: 80px;
}

#page .region-content #block-commerce-checkout-progress-indication{
    position: absolute;
    width: 100%;
    top: 0;
    
}

#page .region-content #views-form-commerce-cart-form-default{
    margin-top: 25px;
}

.page-checkout #edit-submit, .page-checkout #edit-continue{
    margin-left: 0!important;
    margin-right: 10px;
}

.page-checkout #edit-cart-contents{
    margin-bottom: 40px!important;
}

.page-checkout #edit-customer-profile-shipping{
    float: left;
}

.page-checkout #edit-customer-profile-billing, .page-checkout .form-item-billing-check, .page-checkout #edit-account{
    float: right;
    width: 590px;
}

.page-checkout #edit-buttons{
    clear: both;
    padding-top: 40px!important;
}

.page-checkout #structure #content input[type="text"], 
.page-checkout #structure #content input[type="password"], 
.page-checkout #structure #content input[type="email"], 
.page-checkout #structure #content .form-item select
	{
		width: 582px;
	}	
.page-checkout #structure #content .form-item select
	{
		width: 590px;
	}

.page-checkout #structure #content .checkout-help{
    color: #f52837;
    margin-bottom: 10px;
}

/*** NEWSLETTER FORM ***/

.newsletter-submit{ 
    margin-top: 20px;
    cursor: pointer;
    color: #410099;
    font-weight: normal;
    font-family: ExecutiveBold;
    background-color: #FFF;
    text-align: left;
}

.newsletter-submit:hover{
  color: #f52837;
}


	
/*** FOOTER ***/

#page #footer
	{
		padding-top: 40px;
		font-size: 0.85em;
		color: #1A171B;
	}
#page #footer .copyright
	{
		float: left;
	}
#page #footer .logo
	{
		float: right;
	}
	

/*** RESPONSIVE DESIGN ***/
@media only screen and (min-width: 1390px)
	{
		#main #content .field-name-field-highlight-projet-evenement
			{
				float: left;
				width: 940px;
				height: 790px;
				overflow: hidden;
			}
		#main #content .view-display-id-prochains_hp
			{
				width: 470px;
			}
		#main #content .vue-projet-page-accueil .view-projets
			{
				margin-top: 15px;
			}

	}
	
@media only screen and (min-width: 950px) and (max-width: 1389px)
	{
        .page-checkout #edit-customer-profile-billing, .page-checkout .form-item-billing-check, .page-checkout #edit-account{
            float: left;
            margin-top: 50px!important;
        }
		#page #structure,
		#page #footer
			{
				width: 920px;
			}
		.front #page #main
			{
				width: 940px;
			}
			
		#main #content #colL,
		#main #content .view-emploi-head
			{
				width: 450px;
			}
		
		#main #content .field-name-field-highlight-projet-evenement
			{
				width: 940px;
				height: 790px;
				overflow: hidden;
			}
		#main #content .vue-projet-page-accueil .view-projets
			{
				margin-top: 15px;
			}
        
        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(4n){
            margin: 0px 28px 28px 0;
        }

        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(2n){
            margin: 0px 0px 28px 0;
        }
        
    .mobile-only{
        display:block;
      }
	}
	
@media only screen and (min-width: 450px) and (max-width: 949px)
	{
        .page-checkout #edit-customer-profile-billing, .page-checkout .form-item-billing-check, .page-checkout #edit-account{
            float: left;
            margin-top: 50px!important;
        }

		#page #structure
			{
				width: 98%;
			}		
		
		#page #main,
		.front #page #main,
		#main #content #colL,
		#main #content .view-emploi-head,
		#page #footer
			{
				width: 100%;
			}
			
		#page #header #block-search-api-page-rechercher-dans-le-site
			{
				width: 100%;
				margin-bottom: 20px;
			}
			
		#main #content #colR
			{
				margin-left: 0;
				margin-top: 50px;
			}
			
		#main #content .field-name-field-highlight-projet-evenement .field-item + .field-item
			{
				margin-left: 0;
			}
			
		#main #content .view-display-id-prochains_hp .view-content .views-row-2
			{
				margin-right: 0;
			}
			
		#main #content .vue-projet-page-accueil .view-display-id-hp_col2,
		#main #content .vue-projet-page-accueil .view-display-id-hp_col4
			{
				margin-right: 0;
			}
			
		.no-tablet
			{
				display: none;
			}
        
        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(4n){
            margin: 0px 28px 28px 0;
        }

        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(2n){
            margin: 0px 28px 28px 0;
        }
        
              .mobile-only{
        display:block;
      }
	}
	
@media only screen and (max-width: 449px)
	{
 
       .mobile-only{
        display:block;
      }
        .page-checkout #edit-customer-profile-billing, .page-checkout .form-item-billing-check, .page-checkout #edit-account{
            float: left;
            margin-top: 50px!important;
        }
        
        .page-checkout #edit-customer-profile-billing, .page-checkout .form-item-billing-check, .page-checkout #edit-account{
            width: 100%;
        }
        
		#page #structure,
		#page #main,
		.front #page #main,
		.page-evenements #page #main,
		.page-projets #page #main,
		.page-livres-head #page #main,
		.page-publications #page #main,
		#page #footer
			{
				width: 98%;
			}
		
		#main #content #colL, 
		#main #content #colR,
		#main #content #colR img,
		#main #content #colR iframe,
		#main #content #colR .view-projets .view-content .views-row,
		#main #content .field-name-field-highlight-projet-evenement .grande-paysage,
		#main #content .field-name-field-highlight-projet-evenement .grande-portrait .field-name-field-highlight-image,
		#main #content .field-name-field-highlight-projet-evenement .grande-paysage .field-name-field-highlight-image img,
		#main #content .field-name-field-highlight-projet-evenement .grande-portrait,
		#main #content .field-name-field-highlight-projet-evenement .grande-portrait img,
		#main #content .field-name-field-highlight-projet-evenement .petite-paysage,
		#main #content .field-name-field-highlight-projet-evenement .petite-paysage img,
		#main #content .field-name-field-highlight-projet-evenement .no-processing,
		#main #content .field-name-field-highlight-projet-evenement .no-processing img, 
		#main #content .view-projets .view-display-id-projet_annees,
		#main #content .view-projets .view-display-id-projet_formations,
		#main #content .node-head-projet .bigImage img,
		#main #content .node-head-projet .bigImage iframe,
		#main #content .node-head-projet .field-name-field-projet-direction,
		#main #content .node-head-projet .field-description,
		#main #content .node-head-projet .citation,
		#structure #content input[type="text"], 
		#structure #content input[type="password"], 
		#structure #content input[type="email"], 
		#structure #content .form-item select
			{
				width: 100% !important;
				height: auto !important;
				float: none;
				margin-left: 0;
				margin-right: 0;
			}
			
		#page #header #block-search-api-page-rechercher-dans-le-site
			{
				width: 100%;
				margin-bottom: 20px;
			}
			
		#main #content .listing > .view-header {
			position: relative;		
		}
		
		#main #content .listing .view-content {
			padding-top: 0;
		}
			
		#main #content #colR
			{
				margin-top: 10px;
			}
			
		#main #content .field-name-field-highlight-projet-evenement > .field-items > .field-item
			{
				margin-right: 0;
			}
			
		#main #content .view-projets .view-display-id-projet_formations
			{
				margin-top: 20px;
			}
			
		.addressfield-container-inline > div.form-item
			{
				float: none;
			}
			
		.node-type-hesge-livre .node-messages
			{
				position: absolute;
				top: 120px;
				background-color: #FFFFFF;
				padding-bottom: 4px;
				border-bottom: 4px solid #410099;
			}
			
		.no-tablet,
		.views-field-commerce-total
			{
				display: none;
			}
        
        .node-type-head-evenement #colL{
            float: left;
            float: left;
        }
        
        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(4n){
            margin: 0px 28px 28px 0;
        }

        #main #content .view-evenements .view-content .views-row.intervenant:nth-child(2n){
            margin: 0px 28px 28px 0;
        }
	}