/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Courts Métrages (Festival de Cannes)
    created:    2011-12
    author:     sanjus

    summary:    PRINT
                RESET
				FONTFACE
				COOKIE BANNER
                GENERIC
                OOCSS
				HEADER
				FOOTER
				PAGE/LAYOUT
				DESIGN
				TITLES
				LINKS
				BUTTONS
				BLOCKS
				LISTS
				FORMS
				TABS
				CAROUSELS
				POPINS

----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
    #navigation, #header, #footer { display:none; }

	body, .gradient-1, .gradient-2, #page { background:none !important; }

	#title { color:#000 !important; }

	#main {
		min-height:0 !important;
		height:auto !important;
	}
}

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:68.8%; /* :INFO:1em = 11px */
    margin:0;
    height:100%;
    color:#fff;
    background:#000 url(../img/skin/bg_body.png) center top no-repeat;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
input, textarea, select {/*not working with selects on IE6 IE7*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea { overflow:auto; }
object { display:block; }

sup { vertical-align:text-top; }

hr,
.accessibility,
#access-keys {
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}
button::-moz-focus-inner { /*firefox extra padding removed*/
    border: 0;
    padding: 0;
}
input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =FONTFACE
----------------------------------------------------------------------------- */
@font-face {
    font-family: 'HelveticaNeueLTStd67MdCn';
    src: url('../font/helveticaneueltstd-mdcn-webfont.eot');
    src: url('../font/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('../font/helveticaneueltstd-bdcn-webfont.eot');
    src: url('../font/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  =COOKIE BANNER
----------------------------------------------------------------------------- */
#cookie_banner {
	position: fixed;
	left: 0px;
	bottom: -36px;
	width: 100%;
	height: 36px;
	overflow: hidden;
	background-color: #2E2E2E;
	background-image: none;
	color: #999;
	z-index: 11;
	line-height: 36px;
	font-size: 12px;
	text-align: center;
}

#cookie_banner p{
	display: inline;
}

#cookie_banner a{
	display: inline;
	color: #c6a548;
}

#cookie_banner a.btn{
	color: #2E2E2E;
	background: #c6a548;
	padding: 3px 12px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 0px 10px;
}

/*  =GENERIC
----------------------------------------------------------------------------- */
#content { position:relative; }

a {
    color:#c6a548;
    cursor:pointer;
	text-decoration:none;
}


/* =OOCSS (https://github.com/stubbornella/oocss)
----------------------------------------------------------------------------- */
/* grids : https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css */
.line:before,.line:after{content:"";display:table;}/*'line' is the container*/
.line:after{clear:both;}
.line{*zoom:1;}
.unit{float:left;}/*a 'unit' is a floating block in the 'line'*/
.size1of1{float:none;}
.size1of2{width:50%!important;}
.size1of3{width:33.33333%!important;}
.size2of3{width:66.66666%!important;}
.size1of4{width:25%!important;}
.size3of4{width:75%!important;}
.size1of5{width:20%!important;}
.size2of5{width:40%!important;}
.size3of5{width:60%!important;}
.size4of5{width:80%!important;}
.lastUnit{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.ofh { overflow:hidden;zoom:1; }/*in case you don't want to use 'line' method*/
.floatLeft { float:left!important; }
.floatRight { float:right!important; }
.floatNone { float:none!important; }
.clearBoth { clear:both!important; }
.displayBlock { display:block!important; }
.displayTable { display:table; }
.msie6 .displayTable,
.msie7 .displayTable { display:inline-block; }

/* space : https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css*/
/**
 * Spacing classes
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions!
 * <type><location><size>
 */

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0!important}
.pts,.pvs,.pas{padding-top:10px!important}
.ptm,.pvm,.pam{padding-top:20px!important}
.ptl,.pvl,.pal{padding-top:30px!important}
.prn,.phn,.pan{padding-right:0!important}
.prs,.phs,.pas{padding-right:10px!important}
.prm,.phm,.pam{padding-right:20px!important}
.prl,.phl,.pal{padding-right:30px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}
.pbs,.pvs,.pas{padding-bottom:10px!important}
.pbm,.pvm,.pam{padding-bottom:20px!important}
.pbl,.pvl,.pal{padding-bottom:30px!important}
.pln,.phn,.pan{padding-left:0!important}
.pls,.phs,.pas{padding-left:10px!important}
.plm,.phm,.pam{padding-left:20px!important}
.pll,.phl,.pal{padding-left:30px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mts,.mvs,.mas{margin-top:10px!important}
.mtm,.mvm,.mam{margin-top:20px!important}
.mtl,.mvl,.mal{margin-top:30px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrs,.mhs,.mas{margin-right:10px!important}
.mrm,.mhm,.mam{margin-right:20px!important}
.mrl,.mhl,.mal{margin-right:30px!important}
.mbn,.mvn,.man{margin-bottom:0!important}
.mbs,.mvs,.mas{margin-bottom:10px!important}
.mbm,.mvm,.mam{margin-bottom:20px!important}
.mbl,.mvl,.mal{margin-bottom:30px!important}
.mln,.mhn,.man{margin-left:0!important}
.mls,.mhs,.mas{margin-left:10px!important}
.mlm,.mhm,.mam{margin-left:20px!important}
.mll,.mhl,.mal{margin-left:30px!important}

/* texts & contents */
.ttu { text-transform:uppercase!important; }
.ttn { text-transform:none!important; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.vam { vertical-align:middle; }
.tdu { text-decoration:underline; }

.fs11 { font-size:1em!important; }

.c1 { color:#000!important; }
.c2 { color:#a4a4a4!important; }

.bn { border:none!important; }
.wauto { width:auto!important; }

.db { display:block; }
.ma { margin:0 auto; }


/*  =HEADER
----------------------------------------------------------------------------- */
#navigation {
	background:#2e2e2e;
	position:relative;
	z-index:10;
}
#navigation .inner {
	width:931px;
	margin:0 auto;
}

#sites li {
	float:left;
	font:1.273em/26px 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-right:1px solid #424242;
	padding:0 16px;
}
#sites li.first { padding-left:0; }
#sites li.active {
	background: #9d7301;
	background: -moz-linear-gradient(top,  #9d7301 0%, #c6a548 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d7301), color-stop(100%,#c6a548));
	background: -webkit-linear-gradient(top,  #9d7301 0%,#c6a548 100%);
	background: -o-linear-gradient(top,  #9d7301 0%,#c6a548 100%);
	background: -ms-linear-gradient(top,  #9d7301 0%,#c6a548 100%);
	background: linear-gradient(top,  #9d7301 0%,#c6a548 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7301', endColorstr='#c6a548',GradientType=0 );
}
#sites li a {
	color:#ccc;
	display:block;
	line-height:36px;
	height:36px;
}
#sites li a:hover { color:#fff; }
#sites li.first a,
#sites li.first a:hover {
	color:#c6a548;
	background:url(../img/skin/sprite_pictos.png) 100% -1287px no-repeat;
	padding-right:10px;
}
#sites li.active a { color:#000; }
#sites li a img { margin-top:5px; }

#lang {
	background:url(../img/skin/bg_lang.png) 8px 10px no-repeat;
	padding-left:32px;
	position:relative;
}
#lang a {
	display:block;
	font:1.273em/26px 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	color:#ccc;
	text-transform:uppercase;
	height:36px;
	line-height:36px;
}
#lang a:hover { color:#fff; }
#lang a img { vertical-align:middle; }
#lang ul {
	position:absolute;
	border:1px solid #2e2e2e;
	border-top:none;
	background:#212121;
	opacity : 0.9;
    -moz-opacity : 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter : alpha(opacity=90); /* IE < 8 */
	left:0;
}
.hasJS #lang ul { display:none; }
#lang li a {
	padding:0 15px 0 32px;
	line-height:25px;
	height:auto;
}
#lang li a:hover { background:#2e2e2e; }
#lang li a img { margin:0; }

#header {
	background:url(../img/skin/bg_header.png) 0 0 no-repeat;
	width:953px;
	margin:27px auto 42px;
	padding-top:11px;
}

#logo {
	width:171px;
	margin:10px 11px 0;
}

#menu {
	width:714px;
	margin:10px 23px 0;
}
#menu ul {
	border-bottom:1px solid #1a1a1a;
	padding:0 10px 6px 0;
	margin-top:17px;
}
#menu li {
	font:1.455em 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	display:inline;
	text-transform:uppercase;
	padding-right:30px;
}
#menu li a { color:#b3b3b3; }
#menu li a:hover,
#menu li a.active { color:#fff; }

#submenu ul {
	border:none;
	padding:0;
	margin:10px -12px 0 0;
}
#submenu li {
	font:bold 1em Arial, Helvetica, sans-serif;
	padding-right:12px;
}
#submenu li a { color:#bbb; }
#submenu li a:hover,
#submenu li a.active { color:#fff; }


/*  =FOOTER
----------------------------------------------------------------------------- */
#footer {
	width:905px;
	margin:0 auto;
	padding:50px 0;
}
#footer li {
	float:left;
	color:#1a1a1a;
	margin-right:8px;
	font-size:0.909em;
}
#footer li a,
#footer li span { color:#999; }
#footer li a { padding-right:8px; }
#footer li a:hover { text-decoration:underline; }


/*  =PAGE/LAYOUT
----------------------------------------------------------------------------- */
#page {
	width:931px;
	margin:0 auto;
	background:url(../img/skin/bg_page.png) 0 0 no-repeat;
	padding-top:11px;
}

#main {
	background-color:#fff;
	border:5px solid #fff;
	padding:20px 20px 100px;
	color:#212121;
}
.home-layout #main {
	background:url(../img/skin/bg_main.png) 0 100% no-repeat;
	border:none;
	padding:0 11px 11px;
	color:#fff;
	min-height:0;
	height:auto!important;
}
body.iframe #main {
	min-height:0;
	height:auto!important;
}
#main p,
#main .list li,
#superbox p { font-size:1.091em; }
#main .list li p,
.home-layout #main p,
.home-layout #main .list li { font-size:1em; }

#breadcrumb {
	padding:0 28px;
	color:#666;
	font-size:0.727em;
}
#breadcrumb a { color:#666; }
#breadcrumb a:hover { text-decoration:underline; }

#title { padding:10px 28px 35px; }

.layout-2cols-1 .unit {	width:570px; }
.layout-2cols-1 .lastUnit { width:276px; }

.layout-2cols-2 .unit {	width:425px; }

.layout-3cols-1 .unit {
	width:275px;
	margin-right:25px;
}
.layout-3cols-1 .lastUnit { margin-right:0; }

.layout-3cols-2 .unit {
	width:172px;
	margin-right:25px;
}
.layout-3cols-2 .lastUnit { margin-right:0; }


/*  =DESIGN
----------------------------------------------------------------------------- */
.gradient-1 { background:url(../img/skin/bg_gradient_1.png) 0 0 repeat-x; }
.gradient-2 { background:url(../img/skin/bg_gradient_2.png) 0 100% repeat-x; }

.box-1 {
	position:relative;
	background:#eaeaea;
	padding:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(css/PIE.htc);
}
.msie9 .box-1 { behavior:none; }
.box-2 {
	position:relative;
	background:#eaeaea;
	padding:17px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(css/PIE.htc);
}
.msie9 .box-2 { behavior:none; }
.box-3 {
	background:#eaeaea;
	padding:25px;
}
.box-4 {
	background:#fff;
	padding:20px;
}

.valign-1 {
	display:table;
	#position: relative;
	overflow: hidden;
}
.valign-2 {
	#position: absolute;
	#top: 50%;
	#left: 0;
	#width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.valign-3 {
	#position: relative;
	#top: -50%;
}

.border-1 {
	border-bottom:1px solid #bbb;
	padding-bottom:30px;
	margin-bottom:30px;
}
.border-2 {
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
	padding:7px;
}
.border-3 {
	border-top:1px dotted #c6c6c6;
	border-bottom:1px dotted #c6c6c6;
	padding:3px 0;
}
.border-4 {
	border-left:1px dotted #7f7f7f;
	margin-left:8px;
	padding-left:8px;
}
.border-5 {
	border-bottom:1px solid #e5e5e5;
	padding:5px 0;
}

.separator-1 {
	background:url(../img/skin/bg_separator_1.png) 0 0 no-repeat;
	min-height:214px;
	height:auto!important;
	height:214px;
	margin-top:-10px;
	padding:10px 0 0 40px;
}
.separator-2 {
	background:url(../img/skin/bg_separator_2.png) 0 0 no-repeat;
	min-height:748px;
	height:auto!important;
	height:748px;
	padding:0 0 0 48px;
}
.separator-3 {
	background:url(../img/skin/bg_separator_3.png) 0 100% no-repeat;
	margin:0 -28px;
	padding:0 38px;
}
.separator-4 {
	background:url(../img/skin/bg_separator_4.png) 0 100% no-repeat;
	margin-left:-25px;
	padding-left:25px;
}
.separator-5 {
	background:url(../img/skin/bg_separator_5.png) 0 0 no-repeat;
	min-height:435px;
	height:auto!important;
	height:435px;
	padding-left:23px;
	margin-left:-23px;
	padding-top:45px;
	margin-top:-20px;
}
.separator-6 {
	background:url(../img/skin/bg_separator_6.png) 0 0 no-repeat;
	min-height:148px;
	height:auto!important;
	height:148px;
	padding-left:30px;
	margin-left:30px;
}

.width-230{
	width:230px;
}


/*  =TITLES
----------------------------------------------------------------------------- */
.title-1 {
	font:2.545em 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.title-2 {
	font:1.636em 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.title-3 {
	font-size:1.273em!important; /* 14px */
	color:#c6a548;
}
.title-4 { font-size:2.909em!important; /* 32px */ }
.title-5 {
	font-size:1.273em!important; /* 14px */
	text-transform:uppercase;
}
.title-6 {
	font-size:1.273em!important; /* 14px */
	color:#c6a548;
	border-bottom:1px solid #c9c9c9;
	margin-bottom:5px;
	padding-bottom:3px;
}
.title-7 {
	font-size:1.455em; /* 16px */
	text-transform:uppercase;
}
.title-8 {
	font-size:4em; /* 44px */
	font-weight:normal;
	line-height:44px;
	margin-top:-5px;
}

.title-phone { background:url(../img/skin/sprite_pictos.png) 0 -223px no-repeat; padding-left:22px; }
.title-email { background:url(../img/skin/sprite_pictos.png) 0 -339px no-repeat; padding-left:22px; }
.title-map { background:url(../img/skin/sprite_pictos.png) 0 -455px no-repeat; padding-left:22px; }
.title-calendar { background:url(../img/skin/sprite_pictos.png) 0 -569px no-repeat; padding-left:35px; }
.title-video { background:url(../img/skin/sprite_pictos.png) 0 -1029px no-repeat; padding-left:40px; }
.title-audio { background:url(../img/skin/sprite_pictos.png) 0 -1149px no-repeat; padding-left:40px; }


/*  =LINKS
----------------------------------------------------------------------------- */
.link-toggle {
	background:url(../img/skin/sprite_pictos.png) 100% 13px no-repeat;
	padding-right:18px;
}
.active .link-toggle { background-position:100% -99px; }

.link-1 { color:#c6a548; }
.link-1:hover span { text-decoration:underline; }

.link-2 {
	color:#c6a548;
	text-decoration:underline;
}


/*  =BUTTONS
----------------------------------------------------------------------------- */
.button-1 {
	display:block;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	border:2px solid #c6a548;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #af9314;
	background: -moz-linear-gradient(top,  #af9314 0%, #765903 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af9314), color-stop(100%,#765903));
	background: -webkit-linear-gradient(top,  #af9314 0%,#765903 100%);
	background: -o-linear-gradient(top,  #af9314 0%,#765903 100%);
	background: -ms-linear-gradient(top,  #af9314 0%,#765903 100%);
	background: linear-gradient(top,  #af9314 0%,#765903 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9314', endColorstr='#765903',GradientType=0 );
	-pie-background: linear-gradient(#af9314, #765903);
	behavior: url(css/PIE.htc);
	padding:0 10px;
	font:1.455em/37px 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	position:relative;
}
.msie9 .button-1 { behavior:none; }

#print {
	position:absolute;
	right:0;
	top:0;
}
#superbox #print {
	top:-17px;
	right:9px;
}


/*  =BLOCKS
----------------------------------------------------------------------------- */
.home-layout #block-intro {
	padding:10px;
	margin-bottom:30px;
	background:#171717;
}
.home-layout #block-intro .unit {
	width:439px;
	height:486px;
	font:1em 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
}
#block-competition { background:url(../img/skin/bg_block_competition.jpg) 0 0 no-repeat; }
#block-shortfilmcorner { background:url(../img/skin/bg_block_shortfilmcorner.jpg) 0 0 no-repeat; }
.home-layout #block-intro .unit .inner { padding-top:185px; }
.home-layout #block-intro .unit .title,
.home-layout #block-intro .unit .button { margin:0 20px; }
.home-layout #block-intro .unit .subtitle { font-size:1.273em; }
.home-layout #block-intro .unit .list {
	margin-top:15px;
	height:175px;
}
.home-layout #block-intro .unit .list li a {
	display:block;
	padding:10px 20px;
	border-top:1px solid #141414;
}
.home-layout #block-intro .unit .list li a:hover { padding:15px 20px; }
.home-layout #block-intro .unit .list li a p strong {
	font:normal 1.455em 'HelveticaNeueLTStd67MdCn', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.home-layout #block-intro .unit .list li a .desc {
	display:none;
	color:#fff;
	font-size:1.091em;
	margin-top:8px;
}
.home-layout #block-intro .unit .list li a:hover .desc { display:block; }
.block-intro-1 .title { width:380px; }

#block-tools {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #141414;
	background: -moz-linear-gradient(top,  #141414 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#000));
	background: -webkit-linear-gradient(top,  #141414 0%,#000 100%);
	background: -o-linear-gradient(top,  #141414 0%,#000 100%);
	background: -ms-linear-gradient(top,  #141414 0%,#000 100%);
	background: linear-gradient(top,  #141414 0%,#000 100%);
	-pie-background: linear-gradient(#141414, #000);
	behavior: url(css/PIE.htc);
	padding:20px 0 10px;
	position:relative;
}
.msie9 #block-tools { behavior:none; }
#block-tools #tags {
	width:690px;
	padding:0 20px;
}
#block-tools #tags a { padding:0 1px; }
#block-tools #tags a:hover { text-decoration:underline; }
#block-tools #tags .tag-1 { color:#808080; font-size:10px; }
#block-tools #tags .tag-2 { color:#808080; font-size:12px; }
#block-tools #tags .tag-3 { color:#b2b2b2; font-size:16px; }
#block-tools #tags .tag-4 { color:#cccccc; font-size:18px; }
#block-tools #tags .tag-5 { color:#cccccc; font-size:20px; }
#block-tools #tags .tag-6 { color:#f1f1f1; font-size:24px; }
#block-tools #social {
	width:127px;
	padding:0 25px;
	border-left:1px solid #383636;
	position:relative;
	left:-2px;
}
#block-tools #social .title-2{
	text-align: center;
} 
#block-tools #social ul { margin-top:15px; }
#block-tools #social li {
	display:inline;
	margin-right:5px;
}

#block-selection { margin:50px 57px 0 11px; }
#block-selection .carousel {
	width:400px;
	padding:0 25px;
	margin:0 27px;
	position:relative;
}
#block-selection .carousel li {
	width:400px !important;
	height:100px !important;
	overflow:visible !important;
}
#block-selection .carousel-controls a {
	position:absolute;
	top:0;
	display:block;
	width:27px;
	text-align:center;
	line-height:81px;
}
#block-selection .carousel-controls .prev { left:-28px; border-right:1px solid #221b08; }
#block-selection .carousel-controls .next { right:-28px; border-left:1px solid #221b08; }
#block-selection .carousel-controls img { vertical-align:middle; }
#block-selection .picture { margin-right:13px; }
#block-selection .content p { margin:3px 0 7px; }
#block-selection .content .link { margin:0; }

.block-map .title a {
	color:#c6a548;
	text-decoration:underline;
}

.block-event .picture {
	background:#eaeaea;
	width:144px;
	height:144px;
	line-height:144px;
	position:relative;
}
.block-event .content { width:412px; }

#superbox #block-people .content {
	background:#fff;
	padding:20px;
	width:510px;
	height:400px;
}
#superbox #block-people .content .inner {
	width:100%;
	height:400px;
	overflow:auto;
}
#block-people .content p { margin-bottom:12px; }

.block-spec .box-3 {
	padding:0 15px 85px;
	position:relative;
	height:215px;
}
.block-spec .title {
	border-bottom:1px dotted #8c8c8c;
	padding-top:15px;
	padding-bottom:15px;
}
.block-spec .list li { margin-top:20px; }
.block-spec .box-4 {
	padding:5px 20px;
	height:60px;
	position:absolute;
	bottom:15px;
	left:5px;
	width:225px;
}


/*  =LISTS
----------------------------------------------------------------------------- */
.list-1 {
	list-style-type:disc;
	margin-left:15px;
}

.list-map li { padding:2px 0; }
.list-map a { color:#000; }
.list-map a span {
	color:#c6a548;
	text-decoration:underline;
}

.list-contact { border-top:1px dotted #bbb; }
.list-contact li {
	border-bottom:1px dotted #bbb;
	padding:7px;
	line-height:16px;
}
.list-contact li.contact-phone { background:url(../img/skin/sprite_pictos.png) 7px -217px no-repeat; padding-left:29px; }
.list-contact li.contact-email { background:url(../img/skin/sprite_pictos.png) 7px -333px no-repeat; padding-left:29px; }
.list-contact li.contact-site { background:url(../img/skin/sprite_pictos.png) 7px -689px no-repeat; padding-left:29px; }

#list-photos li {
	margin:0 -3px 20px 1px;
	display:inline-block;
	width:175px;
	vertical-align:top;
}
.msie6 #list-photos li,
.msie7 #list-photos li {
	display:inline;
	margin:0 0 20px 1px;
}
#list-photos li .picture {
	width:175px;
	height:175px;
	background:#999;
}
#list-photos li .content { color:#999; }
#list-photos li .content p { margin-top:5px; }
#list-photos li .title {
	color:#c6a548;
	font-size:1.182em;
}

.list-document { border-top:1px dotted #8c8c8c; }
.list-document li {
	border-bottom:1px dotted #8c8c8c;
	padding:7px;
	line-height:16px;
}
.list-document li a {
	color:#212121;
	display:inline-block;
	background:url(../img/skin/sprite_pictos.png) 0 -812px no-repeat;
	padding-left:22px;
}
.msie6 .list-document li a,
.msie7 .list-document li a { display:inline; }
.list-document li.document-external a { background-position:0 -928px; }

#main.logo-grid {
	height: 466px;
	padding: 0px;
	overflow:hidden;
	border:0px;
}

#main.logo-grid .list{
	width: 100%;
	margin-top: 143px;
}

.list-logos li {
	display:block;
	float:left;
	vertical-align: top;
	text-align:center;
}

.msie6 .list-logos li,
.msie7 .list-logos li {
	display:inline;
	margin-right:0;
}

#list-keys li span { font-size:1em; }

#list-anchors li { padding-bottom:10px; }
#list-anchors li a { color:#c6a548; }
#list-anchors li a:hover { text-decoration:underline; }


.list-faq { border-top:1px dotted #bebebe; }
.list-faq li { border-bottom:1px dotted #bebebe; }
.hasJS .list-faq li .question {
	color:#c6a548;
	cursor:pointer;
}
.list-faq li.active .question { color:#212121; }
.hasJS .list-faq li .question:hover { text-decoration:underline; }
.list-faq li .answer { padding-left:38px; }
.hasJS .list-faq li .answer { display:none; }
.list-faq li.active .answer { display:block; }


/*  =FORMS
----------------------------------------------------------------------------- */
.form-select {
	width:100%;
	font-size:1.091em; /* 12px */
	padding:2px 0;
}
.form-submit { display:none; }


/*  =TABS
----------------------------------------------------------------------------- */
.tabs {
	position:relative;
	margin-bottom:100px;
}
.tabs .tabs-nav { padding-top:2px; }
.tabs .tabs-nav li {
	position:relative;
	float:left;
	padding:5px 0;
	margin:0 1px;
	width:92px;
	height:42px;
	vertical-align:top;
	text-align:center;
}
.tabs .tabs-nav li.active {
	background:#fff;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-box-shadow: 0px -1px 2px 0px #bfbfbf;
	-moz-box-shadow: 0px -1px 2px 0px #bfbfbf;
	box-shadow: 0px -1px 2px 0px #bfbfbf;
	behavior: url(css/PIE.htc);
}
.msie9 .tabs .tabs-nav li.active { behavior:none; }
.tabs .tabs-nav li a {
	display:block;
	color:#666;
	font-weight:bold;
}
.tabs .tabs-nav li.active a { color:#212121; }

.tabs-1 {
	position:relative;
	margin-bottom:100px;
}
.tabs-1 .tabs-nav {
	width:290px;
	position:absolute;
	left:0;
	top:0;
}
.tabs-1 .tabs-nav li {
	position:relative;
	padding:7px 10px;
	vertical-align:top;
}
.tabs-1 .tabs-nav li.active {
	background:#fff;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: -2px 1px 2px 1px #bfbfbf;
	-moz-box-shadow: -2px 1px 2px 1px #bfbfbf;
	box-shadow: -2px 1px 2px 1px #bfbfbf;
	behavior: url(css/PIE.htc);
}
.msie9 .tabs-1 .tabs-nav li.active { behavior:none; }
.tabs-1 .tabs-nav li a {
	display:block;
	color:#666;
}
.tabs-1 .tabs-nav li.active a {
	color:#212121;
	font-weight:bold;
}
.tabs-1 .tabs-container { margin-left:273px; }

/*  =CAROUSELS
----------------------------------------------------------------------------- */


/*  =POPINS
----------------------------------------------------------------------------- */
/* Base Superbox Styles */
#superbox-overlay {
    position:fixed;
    top:0;
    left:0;
    z-index:9998;
    width:100%;
    height:100%;
}
#superbox-wrapper {
    position:fixed;
    z-index:9999;
    top:0;
    left:0;/*added by flobou*/
    display:table;
    width:100%;
    height:100%;
}
#superbox-container {
    position:relative;
    display:table-cell;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    vertical-align:middle;
}
#superbox {
    margin:0 auto;
    padding:0;
    overflow-x:hidden;
    zoom:1;
    position:relative;
}
#superbox-container .loading {
    margin:0;
    text-align:center;
}

/* IE */
.msie6 #superbox-container {
    position:absolute;
    top:50%;
    display:block;
    height:auto;
}
.msie7 #superbox-container {
    position:absolute;
    top:51%;
    left:0;
    display:block;
}
.msie6 #superbox {
    position:relative;
    top:-50%;
    display:block;
}
.msie7 #superbox {
    top:50%;
    display:block;
}
.msie6 #superbox-overlay {
    /*position:absolute;
    height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');*/
}
.msie6 #superbox-wrapper {
    /*position:absolute;
    margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}

/* SUPERBOX Theme */
#superbox-overlay { background:#000; }
.msie6 #superbox-overlay {
    /*position:absolute;
    height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');*/
}
.msie6 #superbox-wrapper {
    /*position:absolute;
    margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}
#superbox-container .loading {
    text-align:center;
    font-size:40px;
    color:#fff;
}
#superbox {
	background:#eaeaea;
	color:#212121;
    padding:30px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
	behavior: url(css/PIE.htc);
}
.msie9 #superbox { behavior:none; }
#superbox-innerbox { padding:0; }
#superbox.image { text-align:center; }
#superbox .close,
#superbox .nextprev {
    overflow:hidden;
    margin:0;
}
#superbox .superbox-close {
	position:absolute;
	right:16px;
	top:12px;
}

#pop-content { position:relative; }

.line-through {
    text-decoration: line-through;
}

.yellow-background {
    background-color: yellow;
}

.width-360 {
    width: 360px;
}
