@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg.jpg) repeat-x;
	font-family:Helvetica, Arial, sans-serif;
}

a:link {color:#F40719; text-decoration:underline;}
a:visited {color:#F40719; text-decoration:underline;}
a:hover {color:#F40719; text-decoration:underline;}
a:active {background-color:#F40719; color:white; text-decoration:none;}

#centreur {
	position:relative;
	margin:0 auto;
	width:960px;
	background-color:white;
}

#principal {
	padding:75px 30px;
}

#blocLogo {
}

#gauche {
	float:left;
	width:337px;
	background-color:white;
	margin:15px 0 160px 0;
}

#gauche h2 {
	font-size:12px;
	color:#555;
}

#gauche img {
	margin:0 0 15px 0;
}

a:link#lienLogo {text-decoration:none; border-bottom:10px solid #FFF; display:block; height:28px; width:293px; background-color:white;}
a:visited#lienLogo {text-decoration:none; border-bottom:10px solid #FFF; display:block; height:28px;  width:293px; background-color:white;}
a:hover#lienLogo {text-decoration:none; border-bottom:10px solid #EEE; display:block; height:28px;  width:293px;background-color:white;}
a:active#lienLogo {text-decoration:none; border-bottom:10px solid #F40719; display:block; height:28px;  width:293px; background-color:white;}

#actualites {
	border-top:2px dotted #BBB;
	margin:15px 0 0 0;
	padding:15px 0;
}


#actualites h2 {
	background: url(../imagesv2/actualites.png) no-repeat;
	height:26px;
}

#actualites ul {
	margin:15px 0;
}

#actualites li {
	list-style-type:none;
	font-size:12px;
	clear:left;
}

#actualites li a:link {text-decoration:none; color:#555; font-weight:bold; display:block; padding:5px 5px 5px 1px; background-color:#DDD; width:210px; float:left;	height:60px; margin:0 0 2px 0;}
#actualites li a:visited {text-decoration:none; color:#555; font-weight:bold; display:block; padding:5px 5px 5px 1px; background-color:#DDD; width:210px; float:left;	height:60px; margin:0 0 2px 0;}
#actualites li a:hover {text-decoration:none; color:#EEE; font-weight:bold; display:block; padding:5px 5px 5px 1px; background-color:#555; width:210px; float:left; height:60px; margin:0 0 2px 0;}
#actualites li a:active {text-decoration:none; color:#555; font-weight:bold; display:block; padding:5px 5px 5px 1px; background-color:#DDD; width:210px; float:left; height:60px; margin:0 0 2px 0;}

#actualites li a:link span.resume {font-weight:normal;}
#actualites li a:visited span.resume {font-weight:normal;}
#actualites li a:hover span.resume, #actualites li a:hover span.resume p {font-weight:normal; color:#bbb;}
#actualites li a:active span.resume {font-weight:normal;}

span.dateheure {
	display:block;
	width:51px;
	height:50px;
	background-color:#F40719;
	float:left;
	margin:0 0 0 2px;
	padding:10px 15px;
	text-align:center;
	color:white;
}

img#logo {
	margin:0 0 15px 0;
	width:293px;
	height:28px;
}

p {
	font-size:12px;
	line-height:17px;
	color:#555555;
}

#droite, #droiteProjections, #droiteActualites {
	float:left;
	margin:0 0 50px 13px;
	width:550px;
	background-color:white;	
	padding:15px 0 0 0;
}

#droite h2 {
	font-size:15px;
	color:#222;
}

#droite img {
	margin:20px 0 0 0;
}

.auteur {
	margin:0;
	padding:0;
	font-weight:bold;
}

.auteurProjet {
	margin:0;
	padding:0 0 20px 0;
	font-weight:bold;
}

.anneeDuree {
	margin:0 0 20px 0;
	padding:0;
}

.legende {
	font-size:11px;
	color:#777;
	margin:5px 0 0 0;
}

#navigation {
	position:absolute;
	top:10px;
	left:50%;
}

#navigation ul {
}

#navigation li {
	font-size:10px;
	padding:20px 4px;
	float:left;
	list-style-type:none;
}

#navigation li.last {
}

#navigation li a:link {color:#555; text-decoration:none; padding:20px 0; }
#navigation li a:visited {color:#555; text-decoration:none; padding:20px 0;}
#navigation li a:hover {background-color:#222; text-decoration:none; color:#EEE;  padding:20px 0;}
#navigation li a:active {background-color:#F40719; text-decoration:none; color:#EEE;  padding:20px 0;}

#navigation li a:link.active {background-color:#222; text-decoration:none; color:#EEE; padding:20px 0;}
#navigation li a:visited.active {background-color:#222; text-decoration:none; color:#EEE; padding:20px 0;}
#navigation li a:hover.active {background-color:#222; text-decoration:none; color:#EEE;  padding:20px 0;}
#navigation li a:active.active {background-color:#222; text-decoration:none; color:#EEE;  padding:20px 0;}

#pied {
	clear:both;
	margin:0 0 50px 30px;
}

#pied p {
	color:#AAA;
	font-size:11px;
}

#pied p a:link {text-decoration:none; color:#AAA;}
#pied p a:visited {text-decoration:none; color:#AAA;}
#pied p a:hover {text-decoration:none; background-color:#555; color:#EEE;}
#pied p a:active {text-decoration:none; background-color:#F40719; color:#EEE;}


.print {
	display:none;
}

a img {
	border:0;
}

.taille11px {
	margin:5px 0 0 0;
	font-size:11px;
	line-height:normal;
	color:#999;
}

.ficheTech, .projectFilm {
	float:left;
	width:270px;
	margin:5px 5px 20px 0;
	padding:5px 0 0 0;
	font-size:11px;
	color:#777;
	/*border-top:30px solid #EEE;*/
}

#droiteProjections h2 {
	background:url(../imagesv2/projections.png) no-repeat;
	width:130px;
	height:18px;
	margin:0 0 20px 0;
}

#droiteActualites h2 {
	background:url(../imagesv2/actualites.png) no-repeat;
	width:130px;
	height:26px;
	margin:0 0 20px 0;
}

#droite a:link img {border-top:10px solid white;}
#droite a:visited img {border-top:10px solid white;}
#droite a:hover img {border-top:10px solid #DDD;}
#droite a:active img {border-top:10px solid white;}


#droiteProjections table, #droiteActualites table {
	border-collapse:collapse;
	margin:0 0 2px 0;
}

#droiteProjections table td, #droiteActualites table td {
	padding:5px 0 5px 1px;
	margin:0;
}

#droiteProjections table tr {
}

.gris1 {background-color:#DDD; width:340px;}
.gris2 {background-color:#EEE; width:340px;}
.gris3 {background-color:#EAEAEA; width:210px; font-size:9px; text-align:center;}
.rouge {background-color:#F40719; color:white; width:210px; text-align:center; font-size:11px;}

.white {color:white;}

#navigationProjets li {
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	display:block;
	padding:5px 0;
}

#navigationProjets li a:link {color:#555; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:visited {color:#555; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:hover {background-color:#F40719; color:white; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:active {background-color:#555; color:white; text-decoration:none; display:block; padding:5px 0;}

#navigationProjets li a:link.active {background-color:#F40719; color:white; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:visited.active {background-color:#F40719; color:white; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:hover.active {background-color:#F40719; color:white; text-decoration:none; display:block; padding:5px 0;}
#navigationProjets li a:active.active {background-color:#F40719; color:white; text-decoration:none; display:block; padding:5px 0;}

#droite img.floatLeft {
	float: left;
	margin:0 10px 1px 0;
}

#droite img.floatRight {
	float: right;
	margin:0 0 10px 1px;
}