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

}


* {
	margin: 0;
	padding: 0;
}


body {
	font-size: 21px;
	font-family: 'AtelierMonoCondensedRegular';
	line-height:22px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#logo {position:fixed; top:15px; left:15px;	color: #EE3124;
}
#logo3 {position:fixed; top:185px; left:15px;	color: #EE3124;
}
#logo2 {
	position:fixed;
	top:15px;
	left:400px;
	color: #00298C;
}

#logo4 {
	position:fixed;
	top:15px;
	left:580px;
	color: #00298C;
}

a:link { text-decoration: none; color:#000; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; 	color: #00298C;
}

a img { border: none; }
/*a img:hover { border: none; 
	opacity: 0.7;
}
*/
#menu_projets {
		color: #EE3124;
		line-height:22px;
	font-size: 21px;
    font-family: 'AtelierMonoCondensedRegular';

    width: 215px;
    overflow: hidden;
    top: 15px;
	left: 130px;
    position: fixed;
}



#menu_info {
		color: #EE3124;
		line-height:22px;
	font-size: 21px;
    font-family: 'AtelierMonoCondensedRegular';

    width: 215px;
    overflow: hidden;
    top: 6px;
	left: 280px;
    position: fixed;
}


#menu_projets ul, #menu_info  ul {
	list-style: none;
	margin: 0 0 0px 0;
}

#logo a {
	color: #EE3124;
	text-decoration:none;
}

#logo  a:visited {
	color: #EE3124;
}

#logo  a:hover {
	color: #00298C;
}



/*#menu_projets ul li.active a {
	color: #00298C;
}
*/
 #menu_info ul li.active a {
	color: #00298C;
}

#menu_projets ul, #menu_info  ul {
	list-style: none;
	margin: 0 0 0px 0;
}

#menu_projets a, #menu_info a {
	color: #EE3124;
	text-decoration:underline;
}

#menu_projets a:visited, #menu_info a:visited {
	color: #EE3124;
}

#menu_projets a:hover, #menu_info  a:hover {
	color: #00298C;
}
#menu_projets ul li.section-title {	color: #EE3124; list-style:none;
 }

#content {
	height: 100%;
	top: 0;
	padding-top:170px;
	padding-left:130px;
	z-index:-10;
	background-color: #FFF;
}
#cache {background-color:#FFF; position:fixed; top:0px; left:0px; width:100%; height:200px;	z-index:-2;}

.container {
    padding: 0px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

#titre {
	border:1px solid #000;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;

}

#suivant {
	position:fixed;
	top:725px;
	z-index: 10;
}

h1 {
	font-size: 21px;
	font-weight:normal; margin-bottom:15px;
		line-height:20px;
}

h2 { 	font-size: 21px;
	
	line-height:22px;
	font-weight:normal;
	margin-bottom:10px;
	width:250px;
 }
h3 { font-size: 15px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; line-height:18px; font-weight:normal; margin-bottom:15px}

h4 {
	font-size: 21px;
	
	line-height:22px;
	font-weight:normal;
	margin-top:40px;
	width:250px;
	color:#999;}
	
h4 a {color:#999;}
h4 a:visited {color:#999;}
h4 a:hover {color:#00298C;}

#texte_projet { font-size: 14px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; line-height:22px; font-weight:normal;}

#img-container	{
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 0px 0; }

#img-container a:link { text-decoration: none; color:#999; }
#img-container a:visited { text-decoration: none; color: #999; }

#img-container a:hover { text-decoration: none; color:#00298C; }

#once { clear: left; }
.grow { float:left; margin-bottom: 21px; }
	.thumb {   text-align:left; display: table; height: 250px; position: relative; overflow: hidden; padding-right: 15px; margin-top: 15px;  } 

	.caption { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: left; margin-top: 20px; margin-left:-5px;	color: #999;   }
	.caption em { font-style: normal; display: none; text-align: center; }
	
	.thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: bottom; text-align: left; }
	.thumb-img { #position: relative; display:block; }
	.thumb-img  a:hover { opacity: 0.7 }

	.thumb-img a:hover { #position: relative; display:block; color: #00298C; }



.caption a {color: #00298C; }

#buffet { font-size: 18px; color:#999; position:fixed; bottom:15px}
#buffet a:visited {  color:#999;}
#buffet a {  color:#999;}

#buffet a:hover {  color:#00298C;}



#colgauche { margin-left:270px; top:170px; position:absolute; }