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


@font-face {
    font-family: 'Swiss';
    src: url('../font/swiss_721_medium-webfont.eot');
    src: url('../font/swiss_721_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/swiss_721_medium-webfont.woff') format('woff'),
         url('../font/swiss_721_medium-webfont.ttf') format('truetype'),
         url('../font/swiss_721_medium-webfont.svg#Swiss721Medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swiss';
    src: url('../font/swis721_bt_bold-webfont.eot');
    src: url('../font/swis721_bt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/swis721_bt_bold-webfont.woff') format('woff'),
         url('../font/swis721_bt_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Swiss';
    src: url('../font/swis721_md_bt_medium_italic-webfont.eot');
    src: url('../font/swis721_md_bt_medium_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/swis721_md_bt_medium_italic-webfont.woff') format('woff'),
         url('../font/swis721_md_bt_medium_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    }

body {
	margin-left : 30px;
	margin-top : 22px; /* c'est 30 aussi mais on compense un truc, là, à 8px*/
	background-color: #ffffff;
}	

body, h1 {
	text-align: left;
	line-height: 1.4;
	font-family: 'Swiss', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

h1 {
	font-weight : normal;
	margin : 0;
	border-bottom : 1px solid black;
	padding-bottom : 7px;
	margin-bottom : 8px;
}

	
nav {
	background-color: #ffffff;
	width: 141px;
	margin-left : 0px;
	margin-top : 0px;
	line-height: 1.4;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	position: fixed;
	color: #000000;
	
}

/*
nav div {
	border-bottom : 1px solid black;
	padding-bottom : 7px;
	margin-bottom : 8px;
}
*/

aside {
	width: 141px;
	margin-left:770px;
	padding-top: 0px;
	position:fixed; 
}
#liste_image {
	margin-left: 156px;
	width : 600px;
	height : auto;
}

#anglais {

color : LightSlateGray;
}

#contenu, #liens, #infos{
	float : left;
	padding-top: 0px;
	color: #000000;
	line-height: 1.4;
}

#contenu, #liens{
	width : 141px;
}

#infos{
	width : 294px;
	margin-left: 156px;
}

#contenu{
	margin-left: 156px;
	}

#liens{
	margin-left: 12px;
}



#contenu_scroll img{
	width: 500px;
}



#vignettes img{
	width: 165px;
}
#legende_txt {
	float: left;
	width: 144px;
}
#navigation {
	width: 144px;
	padding-left: 38px;
	float: left;
}


#video {
	padding-bottom: 10px;
}

img {
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
	
a:hover { 
	border-bottom: 1px solid #000;
}	
	



/* temp. mozaique : PAS TOUCHE SANS PRécautions !!*/

#container{
	
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
}

#colonne1, #colonne2, #colonne3, #colonne4, #colonne5 {
	width:184px;
	max-width:184px;
	float:left;
	height:100%;
	/*background: red;*/
}

#colonne1, #colonne2, #colonne3, #colonne4{
	margin: 0 24px 0 0;
}

#projet1, #projet2, #projet3, #projet4, #projet5, #projet6, #projet7, #projet8, #projet9, #projet10, #projet10, #projet11, #projet12, #projet13, #projet14, #projet15 {
margin-bottom: 20px;
left: 0;
height: 249px;
/*background: grey;*/
}

.autres {
height: 184px;
width:126px;
background: grey;
}

.book {
height: 126px;
width:184px;
background: grey;
margin-bottom: 58px;
}

p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}