/* ===== FONTS =======================================================
   =================================================================== */
@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('../fonts/YanoneKaffeesatz-Thin-webfont.eot');
	src: url('../fonts/YanoneKaffeesatz-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Thin-webfont.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Thin-webfont.svg#YanoneKaffeesatzThin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('../fonts/YanoneKaffeesatz-Light-webfont.eot');
	src: url('../fonts/YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Light-webfont.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot');
	src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot');
	src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('../fonts/OpenSans-Bold-webfont.eot');
	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansItalic';
	src: url('../fonts/OpenSans-Italic-webfont.eot');
	src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ===== BLOCS =======================================================
   =================================================================== */

body {
}
body div.container {
}
header {
}
footer {
	background-color: #F0F0F0;
	margin-top: 10px;
}
article.actu {
}
.navbar {
	position: relative;
	top: -2px;
}
.edito {
}

#date-publi {
	clear: both;
	float: right;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.descriptif-rubrique {
	font-size: 16px;
}

/* ===== HEADER ======================================================
   =================================================================== */
   
#top-img {
}
   
#logo {
	float: right;
	height: 81px;
	width: 239px;
	position: relative;
	top: -370px;
	right: 0px;/*position: absolute;
	top: 60px;
	right: 0px;*/
}

/*MAJ 2012-11-08*/

#top-img {
	position: relative;
}

#logos {
	height: 121px;
	position: absolute;
	height: 81px;
	width: 81px;
	z-index: 1;
	top: 6px;
	right: 6px;
}


/* ===== TYPO ========================================================
   =================================================================== */
   
body {
	font-family: 'OpenSansRegular';
	font-weight: normal;
	color: #333;
	line-height: 22px;
	font-size: 14px;
}
header h1 {
	font-family: 'YanoneKaffeesatzRegular';
	font-size: 36px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
}
h2 {
	font-family: 'YanoneKaffeesatzRegular';
	font-size: 30px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
h3 {
	font-family: 'YanoneKaffeesatzRegular';
	font-size: 26px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	clear: both;
}
h4 {
	font-family: 'YanoneKaffeesatzRegular';
	font-size: 22px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	clear: both;
}
h5 {
	font-family: 'YanoneKaffeesatzRegular';
	font-size: 20px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	clear: both;
}
footer h2 {
	font-family: YanoneKaffeesatzRegular;
	font-size: 22px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 8px;
	line-height: 22px;
}
article h3 {
	margin-top: 20px;
}
footer h3 {
	font-family: YanoneKaffeesatzRegular;
	font-size: 20px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 2px;
	line-height: 20px;
}

#event-id h3 {
	margin-top: 5px;
	margin-left: 0px;
}
p {
	margin-left: 6px;
	margin-right: 6px;
}

.chapo {
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}





/* ===== LIENS ======================================================
   =================================================================== */


header h1 a {
	color: #000;
}

footer div.row div.span4 address a {
	margin-left: 5px;
}


/* ===== LISTES ======================================================
   =================================================================== */

ul.unstyled li {
	margin-left: 20px;
	margin-bottom: 4px;
}
footer ul.unstyled li {
	font-size: 13px;
}
footer ul {
	list-style-type: none;
}
article ul {
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}
article li {
	margin-bottom: 6px;
}

footer div.row div.span4 ul.spip li {
	margin-right: 5px;
}



/* ===== FORMS =======================================================
   =================================================================== */

header form {
	margin-bottom: 0px;
}
header label {
	margin-bottom: 0px;
}
/* ===== IMAGES ======================================================
   =================================================================== */

article.actu img {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
article dt img {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
p img {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}
article .spip_documents_center {
	text-align: center;
	display: block;
}
article .spip_documents_center img {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
article dl.spip_documents_center dt {
	text-align: center;
}
article dl.spip_documents_center dt img {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.rollover { position: relative; }
div.rollover img { width: 100%; } 

div.rollover span {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(../img/play.png) center center no-repeat #000;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0;
}

div.rollover span:hover {
	opacity: .3;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

/*Legendes*/

article dl.spip_documents_center dt.spip_doc_titre {
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
article dl.spip_documents_center dd {
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/* ===== TABLEAUX ======================================================
   =================================================================== */

table {
	width: 100%;
	font-size: 14px;
	color: #333;
	margin-top: 20px;
	border: 1px solid #E9E9E9;
	margin-bottom: 20px;
}
caption {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding-bottom: 10px;
	text-align: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
table.spip thead {
	font-weight: bold;
	margin: 2px;
}
td {
	margin: 2px;
}
tr.row_odd td {
	background-color: #F2F2F2;
	margin: 2px;
}
tbody tr th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	background-color: #E8E8E8;
}
tbody tr td {
	font-size: 12px;
	text-align: left;
	padding: 5px;
}

thead tr.row_first th {
	text-align: left;
}

/* ===== HOME =====================================================
   =================================================================== */
.axes-home {
	margin-top: 100px;
}

/* ===== DECO =====================================================
   =================================================================== */
   
.texteencadre-spip {
	display: block;
	margin: 20px;
	padding: 10px;
	border: 1px solid #999;
}
/* ===== ACTUALITES =====================================================
   =================================================================== */

.item {
	margin-left: 10px;
}
.descriptif {
	line-height: 18px;
	margin-top: 10px;
}
.actushome .item {
	margin-top: 18px;
}
.item-date {
	font-weight: bold;
}
#event-id {
	width: 270px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
}

div.event-lieu span.location {
	clear: both;
	display: block;
}
/* ===== CHANTIER ======================================================
   =================================================================== */
.tmp {
/*background-color: #EBEBEB;*/
}
/* ===== BLOCS FOOTER  ======================================================
   =================================================================== */


.Utils {
	margin-top: 40px;
}

/* Video JS – Responsive */

.videoWrapper {
position: relative;
padding-bottom: 56%; /* video dimensions – height/width */
padding-top: 0px;
height: 0;
z-index: 1000;
}

.videoWrapper .video-js {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 1;
background: #000000;
}

.videoWrapper object,
.videoWrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 1;
}

.vjs-control-bar {
z-index: 1002;
}

.vjs-big-play-button {
z-index: 1002;
}

.vjs-spinner {
display: none !important;
}

.vjs-poster {
z-index: 1;
}