@charset "utf-8";
/* CSS Human Cities Festival */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
}
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	text-align:left;
	color:#3f3d3e;
	background:#fff;
}
a{
	color:#fc5c5c;
	cursor:pointer;
}
a:hover{
	color:#3f3d3e;
}
iframe{
	margin-top:16px;
}

#general{
	width:938px;
	margin:0 auto 0;
	position:relative;
}

/* Header */
#header{
	height:274px;
	background:#fc5c5c url(../images/bg-header-human-cities-festival-fr.png) no-repeat;
}
#header h1{
	width:830px;
	height:264px;
	float:left;
}
#header h1 a{
	display:block;
	width:272px;
	height:191px;
	margin:25px 0 40px 11px;
	text-indent:-9999px;
}
#header ul#languagesMenu{
	padding:0 6px 0;
	font-size:1.2em;
	line-height:1.6em;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
}
#header ul#languagesMenu li{
	display:inline;
}
#header ul#languagesMenu li a{
	text-decoration:none;
	color:#939393;
}
#header ul#languagesMenu li a:hover{
	color:#3f3d3e;
}
#header ul#languagesMenu li.actif a{
	color:#fc5c5c;
}
#human-cities{
	font-size:1.2em;
	line-height:1.4em;
	color:#fff;
	position:absolute;
	top:220px;
	left:14px;
}
#human-cities li{
	display:inline;
}
#human-cities li a{
	text-decoration:none;
	color:#ffc9c9;
}
#human-cities li a:hover{
	color:#fff;
}
#human-cities li.bozar a{
	display:block;
	font-weight:bold;
}

/* Contenu */
#contenu #colCenter{
	width:531px;
	margin:0 5px 0;
	padding:40px 0 20px;
	float:left;
	position:relative;
}
#contenu #colRight{
	width:263px;
	position:absolute;
	top:284px;
	right:0;
}

/* Balises contenu */
#contenu h2{
	font-size:2.4em;
	font-weight:bold;
	text-transform:uppercase;
	color:#939393;
	clear:both;
}
.rubrique-79 #contenu #colCenter h2{
	display:none;
}
#contenu #colRight h2{
	height:44px;
	padding:50px 10px 0;
	margin:0 0 10px;
	color:#fff;
	background:#fc5c5c;
}
#contenu h3{
	margin-top:24px;
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fc5c5c;
	clear:both;
}
.rubrique-79 #contenu #colCenter h3{
	margin:0;
	font-size:2.4em;
	line-height:1em;
}
#contenu h4{
	margin-top:24px;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
}
#contenu .texte h4{
	clear:both;
}
#contenu p{
	font-size:1.2em;
	line-height:1.6em;
	margin-top:0.9em;
}
#contenu p.chapeau, #contenu p.fonction{
	color:#999999;
}
#contenu .texte ul{
	margin-top:0.9em;
	padding-left:12px;
}
#contenu .texte h5{
	margin-top:0.9em;
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
}
#contenu .texte ul li{
	font-size:1.2em;
	line-height:1.6em;
	list-style:square;
}
#contenu .texte ul li ul li{
	font-size:1em;
}
#contenu .texte img{
	margin-right:12px;
}

/* Formulaire Newsletter */
#contenu #colRight h2.newsletter{
	height:24px;
	padding:50px 10px 0;
	margin:0;
	color:#fff;
	background:#fc5c5c;
}
#contenu #colRight form.newsletter{
	padding:12px 10px 12px;
	margin-bottom:10px;
	color:#fff;
	background:#fc5c5c;
}
#contenu #colRight form.newsletter p{
	margin:0;
}
#contenu #colRight form.newsletter p.email input{
	width:231px;
	padding:3px 5px 2px;
	border-color:#f24d4d;
	border-width:1px;
	border-style:solid;
	background:#fff url("../images/form-field-bg.gif") no-repeat;
}
#contenu #colRight form.newsletter p.submit input{
	width:100px;
	margin-top:0.9em;
}

/* Symposium - Liste */
#contenu #colCenter h4.symposium{
	padding-top:36px;
	clear:both;
}
#contenu #colCenter ul.symposium{
	width:536px;
	margin:8px 0 0;
}
#contenu #colCenter ul.symposium li{
	padding-bottom:16px;
	clear:both;
}
#contenu #colCenter ul.symposium li .gauche{
	width:263px;
	margin-top:16px;
	margin-bottom:32px;
	margin-right:10px;
	float:left;
}
#contenu #colCenter ul.symposium li .droite{
	width:258px;
	margin-top:16px;
	margin-bottom:32px;
	float:left;
}
#contenu #colCenter ul.symposium li h4{
	margin:0;
	text-transform:none;
	line-height:1.6em;
	color:#000;
}
#contenu #colCenter ul.symposium li h5{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	color:#fc5c5c;
}
#contenu #colCenter ul.symposium li h5.salle{
	color:#999999;
}
#contenu #colCenter ul.symposium li p{
	margin:0;
}
#contenu #colCenter ul.symposium li p a.image{
	display:block;
	width:263px;
	height:147px;
	margin-bottom:6px;
	text-indent:-9999px;
}

/* Symposium - Fiche */
#contenu p.retour{
	margin-top:24px;
}
#contenu p.retour a{
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	background:#3f3d3e;
}
#contenu p.retour a:hover{
	background:#fc5c5c;
}
#contenu ul#gallerie{
	margin-top:24px;
}
#contenu ul#gallerie li a{
	display:block;
	width:531px;
	height:235px;
	text-indent:-9999px;
}

/* News, Exposition et ColRight - Liste */
#contenu #colCenter ul.news{
	width:536px;
}
#contenu ul.news{
	margin-top:24px;
}
#contenu #colRight ul.news{
	margin:0;
}
#contenu ul.news li{
	width:263px;
	height:222px;
	margin-right:5px;
	margin-bottom:12px;
	float:left;
}
#contenu #colRight ul.news li{
	height:202px;
}
#contenu ul.news li p, #contenu ul.news li h3, #contenu ul.news li h4{
	margin:0;
	font-size:1.2em;
	line-height:1.2em;
	text-transform:none;
}
#contenu ul.news li a{
	display:block;
	height:157px;
	margin-bottom:6px;
	text-indent:-9999px;
	border:1px solid #eeeeee;
}

/* Programme - Liste */
#contenu #colCenter ul.programme{
	width:536px;
}
#contenu ul.programme{
	margin-top:24px;
}
#contenu #colRight ul.programme{
	margin:0;
}
#contenu ul.programme li{
	width:263px;
	height:78px;
	margin-right:5px;
	float:left;
}
#contenu ul.programme li h3{
	margin:0 12px 0 0;
	font-size:1.8em;
	line-height:1.2em;
	text-transform:none;
	text-align:center;
	color:#fff;
	float:left;
}
#contenu ul.programme li p, #contenu ul.programme li h4{
	width:191px;
	margin:0;
	font-size:1.2em;
	line-height:1.2em;
	text-transform:none;
	float:left;
}
#contenu ul.programme li h3 a{
	display:block;
	width:60px;
	height:52px;
	padding-top:8px;
	text-decoration:none;
	color:#fff;
}
#contenu ul.programme li h3.rose a{
	background:#fc5c5c;
}
#contenu ul.programme li h3.gris a{
	background:#939393;
}
#contenu ul.programme li h3 a:hover{
	background:#3f3d3e;
}

/* Sponsors Partenaires - Liste */
.rubrique-83 #contenu .texte h3 {
}
.rubrique-83 #contenu .texte ul {
	padding-bottom: 20px;
	clear: both;
}

.rubrique-83 #contenu .texte ul li {
	float: left;
	width:120px;
	height: 80px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#rubrique-83 #contenu .texte ul li img {
	padding: 0;
	margin: 0;
}

/* Fichiers */
#contenu ul#fichiers li{
	height:50px;
	padding-left:50px;
}

/* Images */
#contenu ul#images{
	width:536px;
	margin-top:12px;
}
#contenu ul#images li{
	width:129px;
	height:129px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}
#contenu ul#images.news li{
	height:205px;
}
#contenu ul#images li p{
	margin:0;
	line-height:1.2em;
}
#contenu ul#images li p a{
	display:block;
	width:129px;
	height:129px;
	text-indent:-9999px;
	margin-bottom:6px;
}

/* Menu */
#menu{
	width:938px;
	height:30px;
	margin-top:-10px;
	clear:both;
}
#menu li{
	width:129px;
	margin-left:5px;
	text-transform:uppercase;
	font-size:1.2em;
	line-height:2em;
	font-weight:bold;
	border-bottom:1px solid #eee;
	background:#fff;
	float:left;
}
#menu li a{
	display:block;
	padding:0 6px 0;
	text-decoration:none;
	color:#3f3d3e;
}
#menu li a:hover, #menu li a.actif{
	color:#fc5c5c;
}

/* Menu secondaire */
#menu-secondaire{
	font-size:1.2em;
	line-height:1.4em;
	text-align:right;
	position:absolute;
	top:170px;
	right:20px;
}
#menu-secondaire li a{
	text-decoration:none;
	color:#ffc9c9;
}
#menu-secondaire li a:hover, #menu-secondaire li a.actif{
	color:#fff;
}

/* Typi */
p#typi{
	margin-bottom:0.9em;
}
#typi a{
	color:#939393;
	text-decoration:none;
}
#typi a:hover{
	color:#3f3d3e;
}

/* Sous-menu Programme */
/* #sous-menu{
	height:12px;
	font-size:1.2em;
	line-height:1.6em;
	text-transform:uppercase;
	border-top:1px solid #e3e3e3;
}
#sous-menu li{
	padding-right:15px;
	float:left;
}
#sous-menu li a{
	color:#fc5c5c;
	text-decoration:none;
}
#sous-menu li a:hover, #sous-menu li a.actif{
	color:#3f3d3e;
} */

/* Calendrier */
/* #calendrier h2{
	display:inline;
}
#calendrier h3{
	width:50px;
	margin:0;
	font-size:2.4em;
	display:inline;
}
#calendrier ul{
	display:inline;
}
#calendrier ul li{
	margin:0 5px 0;
	padding-top:12px;
	display:inline;
}
#calendrier ul li.actif{
	padding:0;
}
#calendrier ul li a{
	font-size:1.2em;
	font-weight:bold;
	color:#939393;
}
#calendrier ul li a:hover, #calendrier ul li.actif a{
	color:#fc5c5c;
}
#calendrier ul li.actif a{
	font-size:2.4em;
	text-decoration:none;
} */

/* Partenaires */
/* #contenu ul#partenaires{
	margin-top:36px;
	clear:both;
}
#contenu ul#partenaires li{
	display:block;
	width:170px;
	height:170px;
	margin-bottom:6px;
	text-indent:-9999px;
} */