@import "reset.css";

body {
  background: #fff;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 75%;
  line-height:1.5;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 3em;
  line-height: 1em;
  margin-bottom: .5em; 
}

h2 {
  font-size: 21px;
  line-height:24px;
  font-family: 'HelveticaNeueBold';
  text-transform: uppercase;
  color:#004ea0;
  margin-bottom:10px;
}

h3 {
  font-size: 1.5em;
  line-height: 2em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-bottom: 1.25em; 
}

h5 {
  font-size:12px;
  font-weight:bold;
  color:#004ea0;
}

h6 {
  font-size: .8333em;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 1.8em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}

p {
  margin: 0 0 1.5em 0;
}

p a:link {
  text-decoration: underline;
}

a:link, a:visited {
  color: #069;
  outline: none;
  text-decoration: none;
}
a:hover, a:active, li a.active {
  color: #069;
  outline: none;
  text-decoration: underline;
}
a:active{
  text-decoration:none;
  outline:none;
}
a{
  outline:none;
}

.bloc-encadre{
  border:1px solid #ccc;
  background: transparent url('../images/gradient-bloc.png') repeat-x left bottom;
  padding:20px;
  margin-top:10px;
  margin-bottom:10px;
}
.bloc-encadre ul li{
  list-style: disc;
  list-style-image:none;
}
.bloc-fifty{
  float:left;
  width:40%;
  margin-right:10px;
}

.btn-ok,.form-submit,.btn-valid{
  cursor: pointer;
}
.btn-ok:hover,.form-submit:hover,.btn-valid:hover{
  color: #000;
}

/* Common Styling */
li ul, li ol { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.5em; width:100%; }
th, tr, td { padding: 0.1em 0.5em; vertical-align: middle; }
hr { background: #666; border: none; clear: both; float: none; height: 1px; margin: -1px 0 1.5em; width: 100%; }
fieldset { border: 1px solid #ccc; margin: .5em 0; padding: 1em; }

ul.menu{
  margin:0;
  padding:0;
}
ul.menu li {
  margin:0;
  padding:0;
}

tr.even td, tr.odd td{
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    padding: 0.1em 0.6em;
}

#wrapper {
	width: 100%;
	margin:0;
	padding:0;
	background-color: white;
	min-height:890px;
	text-align:center;
}
.page-actualites #wrapper{
}
.page-evenements #wrapper{
}
.page-cvtheque #wrapper{
  background: transparent url('../images/bkg/bg_etudiant5.jpg') no-repeat center top;
}

#page{
  width:960px;
  margin:0 auto;
  text-align:center;
}

#wrapper.home{
  	background-color: white;
	background-attachment: fixed;
}

/******************************************************************************* Bannière d'entête *********************************************************************/
#header {
	position: relative;
	width:1022px;
	margin:0 0;
	margin-left:-31px;
	font-family: 'Helvetica';
	font-weight:500;
	text-align:left;
}
#header .clearfix{
	height:183px;
}
#header #headermap {
	line-height:1px;
	display:block;
}
/*************************************************************************** Barre de menu horizontale *****************************************************************/
.home #header ul.menu,
.rubrique #header ul.menu,
.article #header ul.menu{
  margin:15px 0;
}
.home #header .region-header,
.rubrique #header .region-header,
.article #header .region-header{
	position: relative;
	top:-10px;
	height:35px;
	background:white;
}
#header ul.menu,
#header ul#main-menu-links{
  font-size:14px;
  color:black;
  padding-left:51px;
  display: flex;
  justify-content: left;
}
#header ul.menu li,
#header ul#main-menu-links li{
  list-style:none;
  list-style-image:none;
  float:left;
}
#header ul.menu li a,
#header ul#main-menu-links li a{
  display:block;
  float:left;
  padding:2px 18px;
  background:white;
  color:#0C2340;
  text-decoration:none;
}
#header ul.menu li.last a,
#header ul#main-menu-links li.last a{
  background:#0C2340;
  color:white;
}
#header ul.menu li a:hover,
#header ul#main-menu-links li a:hover{
  background: #0C2340;
  color:white;
}
#header ul.menu li a.active-trail,
#header ul#main-menu-links li a.active-trail{
  background:#000;
  color:#fff;
}
/******************************************************************************* Bloc de recherche de contenu *********************************************************************/
.home #header #version-anglaise,
.rubrique #header #version-anglaise,
.article #header #version-anglaise{
  	position:relative;
  	left:750px;
  	top:-47px;
  	height:30px;
}
.home #header #search-bloc,
.rubrique #header #search-bloc,
.article #header #search-bloc{
  	position:relative;
  	left:-25px;
  	top:-40px;
  	height:25px;
  	width:148px;
  	float:right;
}
.rubrique #header,
.article #header{
  	height:184px;
}
#header #search-bloc .form-item, .form-actions{
  margin:0;
}
#header #search-bloc #bloc-recherche-form{
	position:relative;
	top:-2px;
	margin-left:-20px;
	width:160px;
	height:22px;
	background-color:white;
}
#header #search-bloc #search-bloc-image{
	position:relative;
	top:-23px;
	margin-left:152px;
}
#header #search-bloc #edit-keys,
#header #search-bloc .form-item-keys input{
	position:relative;
	left:22px;
	border:1px solid #c5c5c5;
	font-size:12px;
	font-family:Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	width:140px;
}
#header #search-bloc a,
#header #search-bloc #edit-submit,
#header #search-bloc .form-submit{
	display:block;
	position:relative;
	left:-145px;
	top:2px;
	color:#fff;
	font-size:0.1pt;
	border:0;
	margin:0;
	height:16px;
	background-color:white;
}
#header #search-bloc a:hover,
#header #search-bloc #edit-submit:hover,
#header #search-bloc .form-submit:hover{
  color:#fff;
  text-decoration:none;
}
/******************************************************************************* Zone du fil d'Ariane *********************************************************************/
#breadcrumb{
	position:relative;
	font-size:10px;
	font-family:'Helvetica';
	font-weight:bold;
	font-style:italic;
  	text-transform: uppercase;
	color:rgba(12,35,64,1);
	text-align:left;
	width:1022px;
	top:19px;
	left:-31px;
	background-color:rgba(0,184,222,1);
	height:25px;
}
#breadcrumb a{
	color:rgba(12,35,64,1);
}
#breadcrumb a[class=active]{
	color:white;
}
#breadcrumb a:hover{
	font-style:underline;
}
#breadcrumb a img{
	position:relative;
	padding-left:4px;
  	padding-right:4px;
	top:2px;
 	width:18px;
	height:18px;
}
/******************************************************************************* Zone des boutons d'univers - Page d'accueil *********************************************************************/
.home .swiper-container {
	width: 100%;
	height: 100%;
}
.home .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.home #home-bloc-events{
	position:relative;
	top:-35px;
	text-align:left;
	float:left;
	width:1022px;
	background-color:rgba(230,0,126,1);
	border-top:2px solid rgba(12,35,64,1);
	margin-left:-31px;
	height:320px;
}
.home #home-bloc{
	position:absolute;
	top:0px;
	text-align:left;
	float:left;
	width:1022px;
	background-color:rgba(255,255,255,0.6);
	margin-left:0px;
	height:320px;
	z-index:100;
}
.home #home-bloc ul.menu{
  margin-top:60px;
  margin-left:20px;
  padding:0;
}
.home #home-bloc ul.menu li{
  list-style:none;
  list-style-image:none;
  float:left;
  padding-bottom:40px;
  padding-right:10px;
  height:80px;
}
.home #home-bloc ul.menu li a{
  display:block;
  width:238px;
  height:50px;
  padding-top: 30px;
  font-family: 'HelveticaNeueBold';
  text-transform:uppercase;
  font-size:16px;
  line-height:21px;
  color:#0C2340;
  text-decoration:none;
  text-indent:5px;
  text-align:center;
}
.home #home-bloc ul.menu li div.description{
  font-size:11px;
  font-family:Arial;
  text-transform:none;
  line-height:15px;
}

.home #home-bloc ul.menu .menu-mlid-3886 a,
.home #home-bloc ul.menu .menu-mlid-591 a,
.home #home-bloc ul.menu .menu-mlid-592 a,
.home #home-bloc ul.menu .menu-mlid-606 a,
.home #home-bloc ul.menu .menu-mlid-593 a,
.home #home-bloc ul.menu .menu-mlid-594 a,
.home #home-bloc ul.menu .menu-mlid-4020 a,
.home #home-bloc ul.menu .menu-mlid-1997 a{
  background: transparent url('../images/home-btn.png') no-repeat 0 0;
}
/*Mouvement de survol d'une option de menu d'univers*/
.home #home-bloc ul.menu li a:hover{
  text-decoration:none;
  background-position: 0 -80px;
}
/******************************************************************************* Zone des boutons d'univers - Rubriques *********************************************************************/
.rubrique #rubrique-bandeau-titre{
	position:relative;
	top:-10px;
	left:-31px;
	text-align:left;
	float:left;
	width:1022px;
	background-color:rgba(255,255,255,0.6);
	margin-left:0px;
	height:320px;
	z-index:2;
}
.rubrique #rubrique-bandeau-titre #rubrique-titre-barre{
	position:relative;
	top:-69px;
	text-align:left;
	float:left;
	width:320px;
	opacity:0.7;
	margin-left:0px;
	z-index:4;
}
.rubrique #rubrique-bandeau-titre #rubrique-titre{
	position:relative;
	top:-100px;
	padding-left:24px;
	width:152px;
	font-family: 'Helvetica';
	font-weight: bold;
	text-transform:uppercase;
	font-size:16px;
	line-height:21px;
	color:white;
	z-index:4;
}
.rubrique #rubrique-bandeau-titre #rubrique-fleche-gauche{
	position:absolute;
	top:4px;
	left:398px;
}
.rubrique #rubrique-bandeau-titre #rubrique-fleche-droite{
	position:absolute;
	top:4px;
	left:568px;
}
.rubrique #rubrique-bloc{
	position:relative;
	top:-325px;
	text-align:left;
	float:left;
	width:1022px;
	background-color:rgba(255,255,255,0.6);
	border-top:2px solid rgba(12,35,64,1);
	margin-left:0px;
	height:318px;
	z-index:100;
}
.article #rubrique-bloc{
	position:relative;
	top:-11px;
	left:-31px;
	text-align:left;
	float:left;
	width:1022px;
	background-color:rgba(219,224,228,1);
	border-top:2px solid rgba(12,35,64,1);
	margin-left:0px;
	height:318px;
	z-index:100;
}
.rubrique #rubrique-bloc ul.menu,
.article #rubrique-bloc ul.menu{
  margin-top:60px;
  margin-left:20px;
  padding:0;
}
.rubrique #rubrique-bloc ul.menu li,
.article #rubrique-bloc ul.menu li{
  list-style:none;
  list-style-image:none;
  float:left;
  padding-bottom:40px;
  padding-right:10px;
  height:80px;
}
.rubrique #rubrique-bloc ul.menu li a,
.article #rubrique-bloc ul.menu li a{
  display:block;
  width:238px;
  height:50px;
  padding-top: 30px;
  font-family: 'Helvetica';
  font-weight: bold;
  text-transform:uppercase;
  font-size:16px;
  line-height:21px;
  color:#0C2340;
  text-decoration:none;
  text-indent:5px;
  text-align:center;
}
.rubrique #rubrique-bloc ul.menu li div.description,
.article #rubrique-bloc ul.menu li div.description{
  font-size:11px;
  font-family:Arial;
  text-transform:none;
  line-height:15px;
}
.rubrique #rubrique-bloc ul.menu .menu-mlid-3886 a,
.article #rubrique-bloc ul.menu .menu-mlid-3886 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-591 a,
.article #rubrique-bloc ul.menu .menu-mlid-591 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-592 a,
.article #rubrique-bloc ul.menu .menu-mlid-592 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-606 a,
.article #rubrique-bloc ul.menu .menu-mlid-606 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-593 a,
.article #rubrique-bloc ul.menu .menu-mlid-593 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-594 a,
.article #rubrique-bloc ul.menu .menu-mlid-594 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-4020 a,
.article #rubrique-bloc ul.menu .menu-mlid-4020 a,
.rubrique #rubrique-bloc ul.menu .menu-mlid-1997 a,
.article #rubrique-bloc ul.menu .menu-mlid-1997 a{
  background: transparent url('../images/home-btn.png') no-repeat 0 0;
}
/*Mouvement de survol d'une option de menu d'univers*/
.rubrique #rubrique-bloc ul.menu li a:hover,
.article #rubrique-bloc ul.menu li a:hover{
  text-decoration:none;
  background-position: 0 -80px;
}
/******************************************************************************* Zone de titre - Actualités/Evénements *********************************************************************/
h1.titre-page#zone-titre{
	position:relative;
  	font-family: 'Helvetica';
  	font-weight: bold;
  	font-size:41px;
  	text-transform:uppercase;
  	line-height:41px;
  	text-align:left;
  	width:1022px;
}
/*************************************************************************** Zone des unes (haut de liste) *****************************************************************/
#zone-haut-de-liste{
	position:relative;
	top:-39px;
	text-align:left;
	float:left;
	width:1022px;
  	height:310px;
	background-color:rgba(219,224,228,1);
	margin-left:-31px;
	margin-top:4px;
	margin-bottom:4px;
}
#bloc-focus{
	position:relative;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size:12px;
	color:black;
	background-color:rgba(219,224,228,1);
}
/* Cadre intérieur des actualites */
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus{
	padding:0px 0px;
	float:left;
	width:327px;
	height: 240px;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:8px;
	border-bottom:1px solid #cccdcd;
	background-color:white;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-date{
	position:absolute;
	float:left;
	color:rgba(180,180,180,1);
	padding-top:210px;
	padding-left:276px;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-title{
	position:absolute;
	float:left;
	padding-top:206px;
	margin-left:4px;
	width:274px;
	height:30px;
	line-height:0.4cm;
	vertical-align:middle;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-photo{
	position:absolute;
	margin:0px;
	margin-bottom:4px;
	float:left;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-photo a{
	width:310px;
	height:200px;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-photo img{
	max-width:310px;
	height:200px;
}
#bloc-focus #liste-focus #cadre-focus #contenu-focus #etiquette-focus #field-theme{
	position:absolute;
	float:left;
	color:white;
	padding:1px 4px;
}
/******************************************************************************* Zone centrale *****************************************************************************/
#zone-centrale{
	width:1022px;
	background-color:rgba(219,224,228,1);
}
/******************************************************************************* Zone détail - rubrique *****************************************************************************/
#zone-detail-rubrique{
	position:relative;
	top:-10px;
	left:31px;
	padding:26px 26px 0px 26px;
	float:right;
	width:970px;
	font-family: 'Helvetica';
	font-size:12px;
	text-align:justify;
	line-height:18px;
	background-color:rgba(219,224,228,1);
}
#zone-detail-rubrique-content{
	position:relative;
	font-family: 'Helvetica';
	font-size:11px;
	text-align:justify;
	width:630px;
	left:-10px;
	vertical-align:top;
}
#zone-detail-rubrique-actus{
	width:340px;
	vertical-align:top;
	max-height:200px;
}
#zone-detail-rubrique-actus-div{
	width:370px;
	vertical-align:top;
	background-color:white;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
}
.rubrique #zone-sousmenu{
	position:relative;
	top:-10px;
	left:-31px;
	width:1022px;
}
/**** Partie des options de menu de 2ème niveau (rubriques) ****/
.rubrique #zone-sousmenu #zone-sousmenu-rubrique{
	float:left;
	vertical-align:top;
	margin-bottom:60px;
}
.div-sousmenu-rubrique > a{
	color:#FFFFFF;
	text-decoration:none
} 
.div-sousmenu-rubrique:hover > a{
	color:#FFFFFF;
	text-decoration:none
} 
.div-sousmenu-option-page > a,
.div-sousmenu-sousoption-page > a{
	color:#FFFFFF;
	text-decoration:none
} 
.conteneur-sousmenu-rubrique{
	border-spacing:0px
} 
.conteneur-sousmenu-rubrique{
	width:250px;
	height:auto;
	max-width:100%
} 
.div-sousmenu-rubrique{
	background-color:rgba(12,35,64,1);
	border-bottom:3px solid white;
	border-right:3px solid white;
	text-align:left;
	height:60px;
	width:100%;
	display:table
} 
.conteneur-sousmenu-rubrique a{
	vertical-align:middle;
	width:100%;
	display:table-cell;
	padding-left:6px;
	padding-right:8px;
	font-family: 'Helvetica';
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:white;
	cursor:pointer;
}
.div-sousmenu-rubrique img{
	margin-top:12px;
	margin-right:4px;
	height:10px;
}
.div-sousmenu-rubrique:hover{
	position:relative;
	z-index:3;
	background-color:#526986;
}

/**** Partie des options de 3ème niveau (sous-options) ****/
.div-sousmenu-option{
	visibility:hidden;
	position:absolute;
	z-index:3;
	width:160px
} 
.div-sousmenu-option-page{
	background-color:#344B68;
	width:100%;
	display:table;
	height:30px;
	text-align:center;
	border-top:1px solid #5C7390;
	border-bottom:1px solid #0C2340
}
.div-sousmenu-option-page a{
	font-family: 'Helvetica';
	font-size:10px;
	line-height:12px;
	cursor:pointer;
}
.div-sousmenu-option-page:hover{
	position:relative;
	z-index:3;
	background-color:#7A91AE;
	border-top:1px solid #A2B9D6;
	border-bottom:1px solid #526986
} 
.div-sousmenu-rubrique:hover > .div-sousmenu-option{
	visibility:visible
} 
.div-sousmenu-option{
	top:0;
	right:-160px;
	margin-left:0px
}
/**** Partie des options de 4ème niveau (sous-options de 2ème niveau) ****/
.div-sousmenu-sousoption{
	visibility:hidden;
	position:absolute;
	z-index:4;
	width:160px
} 
.div-sousmenu-sousoption-page{
	background-color:#344B68;
	width:100%;
	display:table;
	height:30px;
	text-align:center;
	border-top:1px solid #5C7390;
	border-bottom:1px solid #0C2340
}
.div-sousmenu-sousoption-page a{
	font-family: 'Helvetica';
	font-size:10px;
	line-height:12px;
	cursor:pointer;
}
.div-sousmenu-sousoption-page:hover{
	position:relative;
	z-index:4;
	background-color:#7A91AE;
	border-top:1px solid #A2B9D6;
	border-bottom:1px solid #526986;
} 
.div-sousmenu-option-page:hover .div-sousmenu-sousoption{
	visibility:visible;
} 
.div-sousmenu-sousoption{
	top:0;
	right:-160px;
	margin-left:0px
}
/**** Partie du contenu (détail) d'une rubrique ou d'un article ****/
.rubrique #zone-sousmenu-rubrique-details{
	position:relative;
	padding-top:20px;
	padding-right:30px;
	width:700px;
	background-color:white;
	text-align:justify;
	line-height:18px;
	float:right;
	vertical-align:top;
}
.rubrique #zone-sousmenu-rubrique-details div[id^="details-option"]{
	font-family: 'Helvetica';
	font-size:12px;
	text-align:justify;
	line-height:18px;
}
.rubrique #zone-sousmenu-rubrique-details #option-titre{
	width:100%;
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid black;
	padding-bottom:4px;
	margin-bottom:10px;
}
.rubrique #zone-sousmenu-rubrique-details div[id^="details-option"] #zone-download-titre{
	width:100%;
	font-family: 'Helvetica';
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:8px;
	line-height:18px;
	color:white;
	background-color:rgba(12,35,64,1);
}
/******************************************************************************* Zone des actualités / évènements *****************************************************************/
#zone-gauche{
	position:relative;
	top:-47px;
	text-align:left;
	float:left;
	width:800px;
	background-color:rgba(219,224,228,1);
	margin-left:-31px;
	margin-top:4px;
	margin-bottom:4px;
}
#zone-gauche #onglets{
	margin:0;
  	padding:0;
	width:800px;
	text-align:center;
	background-color:rgba(219,224,228,1);
	border-top:2px solid lightgray;
}
#zone-gauche #onglets td{
	margin:0;
	padding:0;
  	height:15px;
  	padding-top:4px;
  	background-color:rgba(219,224,228);
}
#zone-gauche #onglets td a{
  	font-size:14px;
  	font-family: 'Helvetica';
  	font-weight:bold;
  	background-color:rgba(219,224,228);
}
#zone-gauche #onglets td#btn-actualites a{
  color:#d40f7d;
}
#zone-gauche #onglets td#btn-evenements a{
  color:#00b8de;
}
#zone-gauche #vues-details{
  	background-color:rgba(219,224,228);
	margin-left:10px;
}
#zone-gauche #vues-details #vues-contenu{
  width: 790px;
  position:relative;
  overflow:hidden;
}
/******************************************************************************* liste des actualites *********************************************************************/
#bloc-actualites{
	position:relative;
	font-family: 'Helvetica';
	font-weight: 400;
	font-size:14px;
	color:black;
	background-color:rgba(219,224,228);
}
/* Cadre intérieur des actualites */
#bloc-actualites #liste-actualites #cadre-actualites{
	margin-right: 8px;
	margin-left: 10px;
	height: 244px;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites{
	margin-top:-6px;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite{
	float:left;
	width:754px;
	margin-top:1px;
	margin-bottom:1px;
	border-bottom:1px solid #cccdcd;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite #field-date{
	float:left;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite #field-theme{
	float:left;
	margin-left:4px;
	color:#d40f7d;
	text-transform:uppercase;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite .field-content{
	float:left;
	margin-left:4px;
}
#bloc-actualites #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite .field-content a{
	color:black;
}
/*Date des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-field-actualites-dates {
	display:none;
}
/*Thème des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-field-actualite-theme {
	display:none;
}
/*Titre des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-title {
}
/*Photo des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-field-actualite-photos {
  display:none;
}
/*Contenu des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-body {
  display:none;
}
/*Lien des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-view-node {
  display:none;
}
/*Univers des actualites */
#bloc-actualites #liste-actualites #cadre-actualites .views-field-field-actualite-univers {
  display:none;
}

/******************************************************************************* liste des actualites (rubrique) *********************************************************************/
#zone-detail-rubrique-actus a{
  	font-size:14px;
  	font-family: 'Helvetica';
  	font-weight:bold;
  	background-color:white;
  	color:#d40f7d;
}
#bloc-actualites-rubrique{
	position:relative;
	font-family: 'Helvetica';
	font-weight: 400;
	font-size:10px;
	color:black;
	background-color:white;
	line-height:14px;
}
/* Cadre intérieur des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites{
	margin-left: 8px;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites{
	margin-top:2px;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite,
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite-rubrique{
	float:left;
	width:350px;
	margin-top:1px;
	margin-bottom:1px;
	border-bottom:1px solid #cccdcd;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite #field-date,
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite-rubrique #field-date{
	font-weight:bold;
	color:gray;
	float:left;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite #field-theme,
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite-rubrique #field-theme{
	float:left;
	margin-left:4px;
	color:#d40f7d;
	text-transform:uppercase;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite .field-content,
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite-rubrique .field-content{
	float:left;
	margin-left:4px;
}
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite .field-content a,
#bloc-actualites-rubrique #liste-actualites #cadre-actualites #contenu-actualites #ligne-actualite-rubrique .field-content a{
	color:black;
	font-weight:400;
  	font-size:10px;
}
/*Date des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-field-actualites-dates {
	display:none;
}
/*Thème des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-field-actualite-theme {
	display:none;
}
/*Titre des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-title {
}
/*Photo des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-field-actualite-photos {
  display:none;
}
/*Contenu des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-body {
  display:none;
}
/*Lien des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-view-node {
  display:none;
}
/*Univers des actualites */
#bloc-actualites-rubrique #liste-actualites #cadre-actualites .views-field-field-actualite-univers {
  display:none;
}
/******************************************************************************* liste des évènements */
#bloc-evenements{
	position:relative;
	font-family: 'Helvetica';
	font-weight: 400;
	font-size:14px;
	color:black;
	background-color:rgba(219,224,228);
}
/* Cadre intérieur des évènements */
#bloc-evenements #liste-evenements #cadre-evenements{
	margin-right: 8px;
	margin-left: 10px;
	height: 244px;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements{
	margin-top:-6px;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-sans-evenement{
	text-align:center;
	vertical-align:middle;
	width:754px;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:20px;
	border-bottom:1px solid #cccdcd;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-evenement{
	float:left;
	width:754px;
	margin-top:1px;
	margin-bottom:1px;
	border-bottom:1px solid #cccdcd;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-evenement #field-date{
	float:left;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-evenement #field-theme{
	float:left;
	margin-left:4px;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-evenement .field-content{
	float:left;
	margin-left:4px;
}
#bloc-evenements #liste-evenements #cadre-evenements #contenu-evenements #ligne-evenement .field-content a{
	color:black;
}
/*Date des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-field-actualites-dates {
	display:none;
}
/*Thème des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-field-actualite-theme {
	display:none;
}
/*Titre des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-title {
}
/*Photo des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-field-actualite-photos {
  display:none;
}
/*Contenu des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-body {
  display:none;
}
/*Lien des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-view-node {
  display:none;
}
/*Univers des évènements */
#bloc-evenements #liste-evenements #cadre-evenements .views-field-field-actualite-univers {
  display:none;
}
/*************************************************************************** Zone de droite des informations *****************************************************************************/
#zone-droite{
	position:relative;
	width:222px;
	height:287px;
	float:left;
	margin-top:-43px;
	margin-bottom:4px;
	background-color:rgba(219,224,228,1);
}
#zone-droite #bloc-informations{
	text-align:left;
	font-size:11px;
	margin:0;
	padding:0;
}
#zone-droite #bloc-informations #liste-informations a{
    margin-top:5px;
	margin-left:-5px;
	margin-bottom:5px;
    width:200px;
    height:80px;
	display:inline-block;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);   
}
#zone-droite #bloc-informations #liste-informations a:link{
	text-decoration:none;
}
#zone-droite #bloc-informations #liste-informations a:hover{
    box-shadow: 10px 10px 50px #000000;
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
}
#zone-droite #bloc-informations #liste-informations #information{
	width:200px;
	height:80px;
	font-family: 'Helvetica';
	font-size:12px;
	font-weight:bold;
	background-color:white;
	list-style:none;
}
#zone-droite #bloc-informations #liste-informations #information #information-titre{
	text-align:center;
	vertical-align:middle;
	color:white;
	background-color:#d40f7d;
	height:25px;
}
#zone-droite #bloc-informations #liste-informations #information #information-detail{
	width:200px;
	line-height:65px;
}
#zone-droite #bloc-informations #liste-informations #information #information-description{
	width:134px;
	line-height:15px;
	text-align:justify;
	vertical-align:middle;
	float:left;
	font-size:10px;
	color:black;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
}
#zone-droite #bloc-informations #liste-informations #information #information-image{
	width:50px;
	height:65px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
#zone-droite #bloc-informations #liste-informations #information #information-image img,
#zone-droite #bloc-informations #liste-informations #information #information-image iframe{
	max-width:48px;
}
/******************************************************************************* Zone de bas de page *********************************************************************/
#footer {
	width:1022px;
	margin:0 auto;
	margin-top:-41px;
	margin-left:-31px;
	text-align:left;
	font-size:11px;
}
#footer #presentation-imt-ales {
	border-right:1px solid #cccdcd;
	width:1022px;
	height:200px;
	background-color:rgba(12,35,64,1);
}
#footer #presentation-imt-ales #texte{
	position:relative;
	top:0px;
	padding-left:80px;
	width:250px;
	height:180px;
	color:white;
	font-size:12px;
	font-family: 'Helvetica';
	font-weight:100;
	text-align:center;
}
#footer #presentation-imt-ales #texte #titre{
	position:absolute;
	top:20px;
	padding-bottom:6px;
	font-size:18px;
	font-weight:500;
}
#footer #presentation-imt-ales #texte #age{
	margin-top:-4px;
	padding-top:30px;
	margin-left:-14px;
	font-size:40px;
	font-style:italic;
	white-space:pre;
}
#footer #presentation-imt-ales #lampe{
	position:relative;
	margin-left:-6px;
	height:90px;
	top:-86px;
	left:190px;
}
#footer #presentation-imt-ales #video {
	max-width: 100%;
}
#footer #presentation-imt-ales #video-container {
	position: relative;
	top: -254px;
	left: 680px;
	height: 150px;
}
#footer #presentation-imt-ales #video-container #video-container-image {
	border: 6px solid #3c3c3c;
}
#footer #presentation-imt-ales #video-container #video-container-youtube {
	position:absolute;
	max-width:70px;	
	top:54px;
	left:120px;
	opacity: 0.7;
}
#footer #reseaux-sociaux {
	width:1022px;
	height:450px;
	background-color:rgba(219,224,228,1);
}
#footer #reseaux-sociaux #titre-rs {
	position:relative;
	width:1022px;
	padding-top:10px;
	padding-bottom:10px;
	color:#0C2340;
	font-family: 'Helvetica';
	font-size:16px;
	font-weight:400;
	text-align:center;
}

#footer #reseaux-sociaux #facebook,
#footer #reseaux-sociaux #twitter,
#footer #reseaux-sociaux #linkedin {
	position:relative;
}
#footer #reseaux-sociaux #facebook {
	top: 10px;
	left: 20px;
	width: 320px;
}
#footer #reseaux-sociaux #facebook #logo {
	position:relative;
	height:15px;
	top: -382px;
	left: 150px;
}
#footer #reseaux-sociaux #twitter {
	top: 10px;
	width: 290px;
}
#footer #reseaux-sociaux #twitter #logo {
	position:relative;
	height:15px;
	top: -382px;
	left: 150px;
}
#footer #reseaux-sociaux #linkedin {
	top: -55px;
	width: 320px;
	z-index: 2;
}
#footer #reseaux-sociaux #linkedin #logo {
	position:relative;
	height:15px;
	top: -252px;
	left: 150px;
}
#footer #reseaux-sociaux #linkedin #linkedin-footer {
	position:absolute;
	top:309px;
	width:300px;
	height:138px;
	background-color:white;
	z-index:1;
	border-left:1px solid rgba(204,204,204,1);
	border-right:1px solid rgba(204,204,204,1);
	border-bottom:1px solid rgba(204,204,204,1);
}
#footer #reseaux-sociaux #linkedin #buttons {
	position:relative;
	top: 20px;
	left: 40px;
	z-index:2;
}
#footer #partenaires {
	width:1022px;
	color:#0C2340;
	background-color:rgba(255,255,255,1);
}
#footer #partenaires #titre {
	height:10px;
	padding-top:10px;
	color:#0C2340;
	font-family: 'Helvetica';
	font-size:16px;
	font-weight:400;
	text-align:center;
}
#footer #partenaires #certification-iso9001 {
	position:relative;
 	top:-100px;
 	left:900px;
 	background-color:white; 
}
#footer #logo-choosit{
  float:left;
  margin-top:15px;
}
#footer #infos-legales{
  margin-top:25px;
}
#footer #copyright{
  float:right;
  color:#666666;
  padding-top:20px;
}
.home #footer #copyright{
  padding-top:0px;
}
.rubrique #footer #copyright{
  margin-top:30px;
}
#footer-article,
#footer-liste {
	position:relative;
	width:1022px;
	margin:0 auto;
	margin-top:-41px;
	margin-left:-31px;
	text-align:left;
	font-size:11px;
}
#footer-article #infos-legales,
#footer-liste #infos-legales{
	position:absolute;
  	margin-top:30px;
}
#footer-article #copyright,
#footer-liste #copyright{
	position:relative;
	float:right;
	color:#666666;
	margin-top:25px;
}
#menu-footer{
	height:25px;
	position:absolute;
	background:#333;
	left:0;
	width:100%;
	color:#fff;
	text-align:center;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size:10px;
}
.home #menu-footer{
  margin-top:-40px;
}
.rubrique #menu-footer{
  margin-top:25px;
}
.article #menu-footer{
  margin-top:25px;
}
#menu-footer .content{
  width:950px;
  margin:auto;
  text-align:left;
}
#menu-footer .content ul.menu{
  margin:0;
  padding:0;
  margin-top:5px;
}
#menu-footer .content ul.menu li{
  margin:0;
  padding:0;
  float:left;
  border-right: 2px solid white;
}
#menu-footer .content ul.menu li a{
  color:#fff;
  text-transform:uppercase;
  padding-left:25px;
  margin-right:25px;
}
#menu-footer .content ul.menu li a:hover{
  text-decoration:none;
  color:#D40F7D;
}
#menu-footer .content a#connexion{
  text-transform:uppercase;
  color:#fff;
  float:right;
  background: transparent url('../images/footer-connexion.png') no-repeat 0 0;
  padding-left:20px;
}
#menu-footer .content a#connexion:hover{
  text-decoration:none;
  color:#D40F7D;
  background: transparent url('../images/footer-connexion-hover.png') no-repeat 0 0;
}
#footer #copyright a{
  color:#666666;
}
#footer #copyright a:hover{
  color:#004ea0;
  text-decoration:none;
}
#footer .big-text{
  font-size:12px;
  font-family: 'Helvetica';
  text-transform:uppercase;
  padding-bottom:10px;
}
#footer #search-bloc{
  border-right:1px solid #cccdcd;
  height:50px;
  width:220px;
  float:left;
  margin-right:20px;
  background-color:cyan;
}
#footer #search-bloc .form-item, .form-actions{
  margin:0;
}
#footer #search-bloc #edit-keys,
#footer #search-bloc .form-item-keys input{
  padding:6px 10px;
  border:1px solid #c5c5c5;
  font-size:12px;
  font-family:Arial;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float:left;
  margin-right:10px;
  margin-top:3px;
}
#footer #search-bloc #edit-keys:focus{
  border-color:#004ea0;
}
#footer #search-bloc a,
#footer #search-bloc #edit-submit,
#footer #search-bloc .form-submit{
  display:block;
  float:left;
  background: transparent url('../images/btn-ok-recherche.png') no-repeat;
  padding:7px 15px 10px 4px;
  color:#fff;
  font-weight:bold;
  border:0;
  
  margin:0;
  /*padding:0;*/
}
#footer #search-bloc a:hover,
#footer #search-bloc #edit-submit:hover,
#footer #search-bloc .form-submit:hover{
  color:#000;
  text-decoration:none;
}
#tools{
  border:5px solid #004EA0;
  padding:12px;
  background:#fff;
  width:155px;
  float:right;
  margin-right:4px;
  text-align:left;
  font-weight:bold;
}
#tools ul{
  margin:0;
  padding:0;
  list-style-image:none;
  list-style:none;
}
#tools ul li{
  margin:0;
  padding:0;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
  list-style-image:none;
  list-style:none;
  
  padding-left:15px;
  background: transparent url('../images/puce-normale.png') no-repeat 0 6px;
}
#tools ul li.last{
  border:0;
  margin-bottom:0;
  padding-bottom:0;
}
#tools ul li a{
  color:#333;
}
#tools ul li a:hover{
  
}
h1.title#page-title{
  font-family: 'Helvetica';
  font-weight: bold;
  font-size:41px;
  text-transform:uppercase;
  line-height:41px;
  text-align:left;
  width:950px;
  margin: 30px auto 15px auto;
}
/******************************************************************************* Noeud */
#zone-principale{
  	position:relative;
	top:8px;
	left:-31px;
	width:1022px;
	text-align:left;
	background:rgba(219,224,228,1);
	margin-bottom:70px;
}
#zone-principale.actualites{
  	position:relative;
	left:-31px;
	width:1022px;
	text-align:left;
	background:rgba(219,224,228,1);
	margin-bottom:70px;
}
#zone-principale #article-centre,
#zone-principale #actualite,
#zone-principale #liste-actualites-centre{
  	position:relative;
	top:19px;
	background:rgba(219,224,228,1);
	padding-left:25px;
}
#zone-principale #contenu{
	margin-left:80px;
	padding-left:20px;
	padding-right:20px;
	width:770px;
	font-size:12px;
	text-align:justify;
	color:#333;
	line-height:18px;
	background:white;
}
#zone-principale #contenu .titre-noeud,
.header-actu .title{
  	font-family:'Helvetica';
	font-weight:bold;
	font-size:25px;
  	line-height:40px;
	color:#fff;
  	padding:5px 20px;
  	background:rgba(12,35,64,1);
  	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:15px;
}
#zone-principale #contenu .date-long,
#zone-principale #contenu .date{
	font-size:14px;
	color:#666;
	text-transform:uppercase;
	font-family: 'Helvetica';
	font-weight:bold;
	clear:both;
	line-height:15px;
}
#zone-principale #contenu .views-field h2 a{
	color:rgba(12,35,64,1);
}
#zone-principale #contenu h3{
  border:1px solid #ccc;
  background:white;
  font-size:13px;
  padding:5px;
  line-height:20px;
  margin-bottom:10px;
  margin-top:10px;
}
#zone-principale #contenu h4{
  font-size:13px;
  font-weight:bold;
}

/******************************************************************************* NODE (ancienne version) */
#main #content{
  float:right;
  width:690px;
  font-size:12px;
  color:#333;
  line-height:18px;
}

#main #back-index{
  background:#004ea0 url('../images/bloc-back.png') no-repeat 0 0;
  display:block;
  padding: 10px 15px 10px 30px;
  margin-right:40px;
  color:#000;
  text-transform:uppercase;
  width:135px;
  height:50px;
  font-weight:bold;
}
#main a#back-index:hover{
  background-position: 0 -70px;
  text-decoration:none;
}
.no-back-button #main #back-index{
  display:none;
}

.no-back-button #main #content{
  width:100%;
}

#main #content ul{
  margin-left:30px;
}
#main #content ul li{
  list-style-image: url('../images/ul-puce.jpg');
  margin-bottom:10px;
}
#main #content{
  float:right;
  width:690px;
  font-size:12px;
  color:#333;
  line-height:18px;
}
#main #content .titre-noeud{
  	font-family:'Helvetica';
	font-weight:bold;
	font-size:25px;
  	line-height:40px;
	color:#fff;
  	padding:5px 20px;
  	background:rgba(12,35,64,1);
  	text-transform:uppercase;
  	min-height:40px;
  	margin-bottom:15px;
	width:730px;
}
#main #content h2.title-node{
  font-size:25px;
  color:#fff;
  padding:5px 20px;
  background:#004ea0;
  text-transform:uppercase;
  font-family: 'HelveticaNeueBold';
  min-height:60px;
  margin-bottom:25px;
  line-height:40px;
}
#main #content h3{
  border:1px solid #ccc;
  background: transparent url('../images/gradient-title.png') repeat-x left bottom;
  font-size:13px;
  padding:5px;
  line-height:20px;
  margin-bottom:10px;
  margin-top:10px;
}
#main #content h4{
  font-size:13px;
  font-weight:bold;
}
#main #content ul{
  margin-left:30px;
}
#main #content ul li{
  list-style-image: url('../images/ul-puce.jpg');
  margin-bottom:10px;
}

/******************************************************************************* COLONNE GAUCHE */
#col-left{
  float:left;
}

#col-left .block-menu-block{
  margin-top:20px;
  width:180px;
  margin-bottom:30px;
}
#col-left .block-menu-block h2,
h2.title-menu{
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
  line-height:15px;
  margin:0;
  padding:0;
  padding-bottom:8px;
  color:#000;
  border-bottom:1px solid #cccdcd;
  margin-bottom:15px;
  width:180px;
}
h2.title-menu{
  margin-top:20px;
  margin-bottom:0px;
}
h2.title-menu a{
  color:#000;
}
h2.title-menu a:hover{
  text-decoration:none;
  color:#004ea0;
}
#col-left .block-menu-block ul{
  border-bottom:1px solid #cccdcd;
  font-size:12px;
}
#col-left .block-menu-block ul li{
  list-style:none;
  margin-bottom:10px;
}
#col-left .block-menu-block ul li a{
  color:#000;
  text-decoration:none;
}
#col-left .block-menu-block ul li a:hover,
#col-left .block-menu-block ul li a.active-trail{
  color:#004ea0;
}

#col-left .block-menu-block ul ul{
  border:0;
  margin-left:20px;
  margin-top:5px;
  margin-bottom:20px;
}
#col-left .block-menu-block ul ul li{
  margin-bottom:5px;
}
#col-left .block-menu-block ul ul li a{
  color:#666;
}

#views-home{
  float:left;
  width:758px;
  text-align:left;
  margin-bottom:4px;
  margin-top:20px;
}
#views-home ul{
  margin:0;
  padding:0;
  text-align:center;
}
#views-home ul li{
  list-style:none;
  list-style-image:none;
  float:left;
  margin:0;
}
#views-home ul li a{
  font-size:20px;
  font-family: 'HelveticaNeueBold';
  text-transform:uppercase;
  color:#000;
  outline:none;
}
#views-home ul li a:hover{
  color:#004ea0;
  text-decoration:none;
}
#views-home ul li.active a{
  color:#004ea0;
}
#views-home ul li#btn-actualites{
  width:154px;
  height:33px;
  padding-top:10px;
}
#views-home ul li#btn-actualites.active{
  background: transparent url('../images/onglet-actualites.png') no-repeat;
}

#views-home ul li#btn-evenements{
  font-size:20px;
  font-family: 'HelveticaNeueBold';
  text-transform:uppercase;
  color:#004ea0;
  outline:none;
  width:153px;
  height:20px;
  padding-top:0px;
}
#views-home ul li#btn-evenements.active{
  background: transparent url('../images/onglet-evenements.png') no-repeat;
}

#views-home ul li#btn-focus{
  width:92px;
  height:33px;
  padding-top:10px;
}
#views-home ul li#btn-focus.active{
  background: transparent url('../images/onglet-focus.png') no-repeat;
}

#views-home #views-top{
  margin-top:31px;
  background: transparent url('../images/bloc-views-top.png') no-repeat;
  height:10px;
  margin-left:1px;
}

#views-home #views-middle{
  background: transparent url('../images/bloc-views-middle.png') repeat-y;
  min-height:302px;
  margin-left:1px;
}
#views-home #views-middle #views-content{
  width: 747px;
  position:relative;
  overflow:hidden;
  margin-left:1px;
}

#views-home #views-bottom{
  background: transparent url('../images/bloc-views-bottom.png') no-repeat;
  height:10px;
  margin-left:1px;
}

#views-home a.link-all{
  padding-left: 16px;
  background: url('../images/fleche-link.png') no-repeat 0 5px;
  margin-left:340px;
  color:#000;
  text-decoration:underline;
  float:left;
}
#views-home a.link-all:hover{
  text-decoration:none;
}

#right{
  width:200px;
  float:right;
}
#left{
  width:760px;
  float:left;
}

.bg-blank{
  background: transparent url('../images/back-blank-transparent.png');
}
#bloc-webtv{
  padding-top:4px;
  padding-bottom:2px;
  padding-left:10px;
  float:right;
  text-align:justify;
  margin-top:10px;
  margin-right:4px;
  font-size:11px;
  width:179px;
}
#bloc-webtv h3{
  text-transform:uppercase;
  font-family: 'HelveticaNeueBold';
  font-size:12px;
  padding-left:4px;
}
#bloc-webtv img{
  float:left;
  margin-left:-2px;
  margin-right:4px;
  max-height:46px;
}
#bloc-webtv a{
  display:block;
  margin-top:-8px;
  margin-left:-2px;
}
#bloc-webtv #libelle{
  margin-top:-4px;
  margin-left:40px;
  width:128px;
}

#bloc-chantier{
  padding:8px 10px;
  float:right;
  text-align:justify;
  margin-top:-5px;
  margin-right:4px;
  margin-left:7px;
  font-size:11px;
  width:169px;
}
#bloc-chantier h3{
  text-transform:uppercase;
  font-family: 'HelveticaNeueBold';
  font-size:12px;
}
#bloc-chantier img{
  float:left;
  margin-left:-2px;
  margin-right:4px;
  max-width:56px;
}
#bloc-chantier a{
  display:block;
  margin-top:1px;
}
#bloc-chantier #libelle{
  margin-top:8px;
  margin-left:40px;
  width:128px;
}

/******************************************************************************* VIEW ACTUALITES (ancienne version) */

/* Zone des actualités - Cadre intérieur des actualités */
.views-home-block{
  color:#333;
  padding-top:2px;
  position:relative;
}
/******************************************************************************** Fin de zone ancienne ********************************************************************/
.liens{
  text-align:left;
  padding-top:25px;
  margin-left:10px;
  margin-right:10px;
  clear:both;
}

.liens a.rss{
  background: transparent url('../images/rss.png') no-repeat 0 3px;
  display:block;
  float:left;
  padding-left: 17px;
  color:#000;
}
.liens a.rss:hover{
  text-decoration:none;
  color:#004ea0;
}

.liens .controls{
  float:right;
}
.liens .controls a{
  width:18px;
  height:18px;
  display:block;
  float:right;
}

.liens .controls a.up{
  margin-right:2px;
  background: transparent url('../images/up.png') no-repeat;
}
.liens .controls a.up:hover{
}

.liens .controls a.down{
  background: transparent url('../images/down.png') no-repeat;
}
.liens .controls a.down:hover{
  
}

/******************************************************************************* RUBRIQUE */
.rubrique h1#page-title.title{
  margin:0;
}
.rubrique #liens-droite{
  margin-top:0;
}
.rubrique #main #content{
  float:none;
  width:100%;
}
.rubrique .visuel-rubrique{
  float:right;
  margin-left:20px;
}
.rubrique .description,
.rubrique .description p{
  float:left;
}

.form-item .description{
  float:none;
}

.rubrique #views-home{
  width:auto;
  margin:0;
  margin-top:40px;
}
.rubrique #views-home a.link-all{
  margin-left:310px;
}
.rubrique #views-home ul#onglets{
  height:41px;
  border-bottom: 1px solid #cccdcd;
}
.rubrique #views-home #views-middle{
  background: transparent;
  min-height:302px;
  margin-left:0;
  clear:both;
  float:none;
}
.rubrique #views-home #views-middle #views-content{
  width:auto;
}

.rubrique #views-home ul li#btn-actualites{
  width:157px;
  height:32px;
  padding-top:10px;
  margin-left: -4px;
}
.rubrique #views-home ul li#btn-actualites.active{
  background: transparent url('../images/onglet-rub-actualites.png') no-repeat;
}

.rubrique #views-home ul li#btn-evenements{
  width:167px;
  height:32px;
  padding-top:10px;
}
.rubrique #views-home ul li#btn-evenements.active{
  background: transparent url('../images/onglet-rub-evenements.png') no-repeat;
}

.rubrique #views-home ul li#btn-focus{
  width:100px;
  height:32px;
  padding-top:10px;
}
.rubrique #views-home ul li#btn-focus.active{
  background: transparent url('../images/onglet-rub-focus.png') no-repeat;
}

.rubrique .views-home-block .views-row-first{
  width:320px;
}

.rubrique #rub-menu{
  
}
.rubrique #rub-menu ul.menu{
  list-style:none;
  list-style-image:none;
  list-style-type:none;
  margin:0;
  padding:0;
}
.rubrique #rub-menu ul.menu li,
.rubrique #rub-menu ul.menu li.leaf{
  list-style:none;
  list-style-image:none;
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
  margin-right:4px;
  margin-bottom:5px;
}
.rubrique #rub-menu ul.menu li a{
  display:block;
  padding: 10px 25px 10px 25px;
  width:125px;
  height:50px;
  text-transform:uppercase;
  color:#000;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
}
.rubrique #rub-menu ul.menu li a:hover{
  background-position: 0 -70px;
  /*color:#000;*/
  text-decoration:none;
}

/******************************************************************************* UNIVERS */
/*ECOLE*/
#rub-menu ul.menu li a{
  background: transparent url('../images/menu-ecole.png') no-repeat 0 0;
}
#rub-menu ul.menu li a:hover{
  color:#fff;
}

/******************************************************************************* NO JAVASCRIPT */
h2.no-js{
  color:#333;
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;
}
hr.no-js{
  border:0;
  border-bottom:1px solid #CCCDCD;
  margin-left:10px;
  width:730px;
}
.liens .controls .up,
.liens .controls .down{
  visibility:hidden;
}

/******************************************************************************* CONTENT */
#photos{
  border:1px solid #ccc;
  /*height:100px;*/
  background:#fbfaff;
}
#photos .left{
  background: transparent url('../images/photos-left.png') no-repeat 0 0;
  width:35px;
  height:100px;
  display:block;
  float:left;
  visibility:hidden;
}
#photos .left:hover,
#photos .right:hover{
  background-origin: 0 -100px;
}
#photos .right{
  background: transparent url('../images/photos-right.png') no-repeat 0 0;
  width:35px;
  height:100px;
  display:block;
  float:left;
  visibility:hidden;
}

#photos .container{
  margin-top:8px;
  margin-bottom:8px;
  width:618px;
  float:left;
  
  /*
  overflow:hidden;
  position:relative;
  */
}

#photos .container .content{
  /*
  width:5000px;
  */
  left:0;
  position:relative;
}

#photos .container .content a{
  width:115px;
  margin-right:10px;
  display:block;
  float:left;
  height:80px;
  margin-bottom:10px;
}

#photos .container .content a:hover{
  
}

#photos .container .content img{
}

#flash-object{
  float:right;
  margin-left:20px;
}

.list-files{
  
}
.list-files .big-text{
  font-family: 'HelveticaNeueBold';
  text-transform:uppercase;
}
.list-files ul{
  margin:0;
  margin-top:7px;
  padding:0;
  list-style:none;
  list-style-image:none;
  width:180px;
}
.list-files ul li{
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  clear:both;
}
.list-files ul li img{
  float:left;
  margin-right:5px;
}
.list-files ul li a{
  font-size:11px;
  display:block;
  float:left;
  width:155px;
  margin-bottom:5px;
}
.list-files ul li a:hover{
  
}
.list-files acronym{
  text-decoration:none;
  border:none;
}

.node-type-actualite .list-files ul{
  margin-top:10px;
}

/******************************************************************************* ACTUALITES / EVENEMENTS */
#left .date{
  font-family: 'HelveticaNeueBold';
  float:left;
  margin-right:15px;
  text-transform:uppercase;
  margin-bottom:10px;
}
#left .date .day{
  font-size:30px;
  color:#333;
  line-height:30px;
}
#left .date .month{
  font-size:15px;
  color:#999;
  line-height:15px;
  text-align: center;
}
#left .item-list ul.pager{
  text-align:right;
}
#left .item-list ul.pager li.pager-current{
  background-color:#004ea0;
  color:#fff;
}
#left .item-list ul.pager li a{
  text-decoration:none;
  color:#333;
}
#left .item-list ul.pager li a:hover{
  text-decoration:underline;
}
/******************************************************************************* ONGLETS ADMIN */
.tabs-wrapper{
  font-size:12px;
  text-transform:uppercase;
}
.tabs-wrapper ul.primary {
  height:36px;
}
.tabs-wrapper ul.primary li{
  float:left;
}
.tabs-wrapper ul.primary li a{
  display:block;
  padding:10px;
  color:#666666;
  width:auto;
  float:left;
}
.tabs-wrapper ul.primary li.active a{
  color:#004ea0;
}

/******************************************************************************* CVTHEQUE */
.spacer{
  clear:both;
  height:1px;
}

/******************************************************************************* RECHERCHE */
ol.search-results{
  margin:0;
  padding:0;
}
ol.search-results p.search-info{
  display:none;
}
#main #content ol.search-results h3{
  border:none;
  background:transparent;
  text-transform:uppercase;
}

ol.search-results li{
  border-bottom:1px solid #ccc;
}

#footer .contextual-links-region{
  position:static;
}
textarea{
  padding:5px;
  font-family:Arial;
  font-size:12px;
  height:100px;
}

/******************************************************************************* HIDE ONE TITLE */
.page-recherche h1#page-title.title,
.page-recherche-portail h1#page-title.title,
.page-sitemap h1#page-title.title,
.page-user h1#page-title.title,
.page-node-21 h1#page-title.title,
.page-node-22 h1#page-title.title{
  display:none;
}

/******************************************************************************* BLOCK COL LEFT */
#col-left .block{
  margin-top:20px;
}
#col-left .block ul{
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
}
#col-left .block ul li{
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  
  margin-bottom:10px;
}

/******************************************************************************* CATALOGUE */
.advanced-search{
  font-size:11px;
  text-decoration: underline;
}

/*
 * Autocomplte
 */
#main #content #autocomplete{
  background: #fff;
}

#main #content #autocomplete ul{
  background: #fff;
  padding: 0;
  margin: 0;
}
#main #content #autocomplete ul li{
  background: #fff;
  padding: 0;
  margin: 0;
}
#main #content #autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
#main #content #autocomplete ul li div{
  padding: 5px;
}

.pics { 
    height:  382px; 
    width:   702px; 
    padding: 0; 
    margin:  0; 
}

.pics img { 
    padding: 2px; 
    border:  1px solid #ccc; 
    background-color: #eee; 
    width:  670px;
    height: 350px;
    top:  0;
    left: 0
}

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }

#output { text-align: left; };

#bloc-webcam{
  padding:15px 10px;
  float:right;
  text-align:left;
  margin-right:4px;
  margin-left:7px;
  font-size:11px;
  width:169px;
}
#bloc-webcam h3{
  text-transform:uppercase;
  font-family: 'HelveticaNeueBold';
  font-size:12px;
}
#bloc-webcam img{
  float:left;
  margin-right:10px;
}

#bloc-webcam a{
  display:block;
  margin-top:10px;
  text-decoration:underline;
}
/******************************************************************************* Ancienne version du site ***********************************************************************/