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

/* temporaire!!! */
.hover {
	color:#9ccb3b;
}

.sq {
	text-indent:0px;
	border-style:solid;
	border-width:1px;
	float:left;
	margin-right:1px;
	margin-top:1px;
	width:11px;
	height:11px;
	display:table-cell;
	text-align:center;
}
.sq1 {
	margin:0px;
	padding:0px;
	position:relative;
	top:-2px;
}
.triangle {
	float:left;
	visibility:hidden;
}
.triangle-on {
	float:left;
	visibility:visible;
}
.show {
	visibility:visible;
}
/* END OF 'temporaire!!! */


/* 'GLOBAL DEFINITIONS' */
html, body {
    margin:0px;
    padding:0px;
    height:100%;
	background-color:white;
	color:#87888a;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
}
#container {
    width:990px;
    height:590px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	position:relative;
	/*background-color:#CCC;*/
}
a {
	text-decoration:none;
	border:none;
}
img {
	border:none;
	/*vertical-align:bottom;*/
}
:focus {
	outline:none;
}
/* END OF 'GLOBAL DEFINITIONS' */

/* 'INDEX' */

#index-logo {
	width:519px;
	height:307px;
	padding-top:125px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#0F3;*/
}
.index-img {
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
}
.index-a {
	border:none;
}
.index-a-tri01 {
	border:none;
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
	background-image:url(../img/index_tri01.gif);
}
a:visited.index-a-tri01 {
	background-image:url(../img/index_tri01.gif);
}
a:link.index-a-tri01 {
	background-image:url(../img/index_tri01.gif);
}
a:active.index-a-tri01 {
	background-image:url(../img/index_tri01.gif);
}
a:hover.index-a-tri01 {
	background-image:url(../img/index_tri01-g.gif);
}

.index-a-tri02 {
	border:none;
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
	background-image:url(../img/index_tri02.gif);
}
a:visited.index-a-tri02 {
	background-image:url(../img/index_tri02.gif);
}
a:link.index-a-tri02 {
	background-image:url(../img/index_tri02.gif);
}
a:active.index-a-tri04 {
	background-image:url(../img/index_tri02.gif);
}
a:hover.index-a-tri02 {
	background-image:url(../img/index_tri02-g.gif);
}

.index-a-tri03 {
	border:none;
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
	background-image:url(../img/index_tri03.gif);
}
a:visited.index-a-tri03 {
	background-image:url(../img/index_tri03.gif);
}
a:link.index-a-tri03 {
	background-image:url(../img/index_tri03.gif);
}
a:active.index-a-tri03 {
	background-image:url(../img/index_tri03.gif);
}
a:hover.index-a-tri03 {
	background-image:url(../img/index_tri03-g.gif);
}

.index-a-tri04 {
	border:none;
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
	background-image:url(../img/index_tri04.gif);
}
a:visited.index-a-tri04 {
	background-image:url(../img/index_tri04.gif);
}
a:link.index-a-tri04 {
	background-image:url(../img/index_tri04.gif);
}
a:active.index-a-tri04 {
	background-image:url(../img/index_tri04.gif);
}
a:hover.index-a-tri04 {
	background-image:url(../img/index_tri04-g.gif);
}

.index-a-carre {
	border:none;
	float:left;
	height:40px;
	width:40px;
	margin-top:3px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
	background-image:url(../img/index_carre.gif);
}
a:visited.index-a-carre {
	background-image:url(../img/index_carre.gif);
}
a:link.index-a-carre {
	background-image:url(../img/index_carre.gif);
}
a:active.index-a-carre {
	background-image:url(../img/index_carre.gif);
}
a:hover.index-a-carre {
	background-image:url(../img/index_carre-g.gif);
}
/* END OF 'INDEX' */

/* HOME */
.menu {
	width:700px;
	height:170px;
	float:left;
	/*background-color:#0F9;*/
	font-size:12px;
	padding-left:50px;
	padding-top:120px;

}

div.menu-button {
	height:15px;
	width:205px;
	cursor:pointer;
	margin-bottom:2px;
}
div.menu-button-on {
	height:15px;
	width:205px;
	cursor:pointer;
	margin-bottom:2px;
	color:#9ccb3b;
}
.squared {
}
/*liste sous-menu*/
ul.sous-menu {
	list-style:none;
	padding:0px;
	margin:0px;
}
li.sous-menu {
	cursor:pointer;
}

.projets {
	position:relative;
	left:205px;
	top:-15px;

}
.realisations {
	position:relative;
	left:205px;
	top:-15px;
}
.concours {
	position:relative;
	left:205px;
	top:-15px;
}
.media {
	position:relative;
	left:205px;
	top:-15px;
}
.bureau {
	position:relative;
	left:205px;
	top:-15px;
}

/* end of 'liste sous menus*/

div.logo {
	width:190px;
	height:240px;
	float:left;
	/*background-color:#9F0;*/
	padding-top:50px;
	padding-left:0px;
}
img.logo {
	cursor:pointer;
}

#content {
	width:890px;
	height:260px;
/*	background-color:#09C;
*/	float:left;
	padding-left:50px;
	padding-right:50px;
	padding-top:40px;
}

div.tab {
	height:260px;
}
/* 'SECTION NEWS' */
div.news {
	font-size:12px;
	background-color:#cee19f;
}
div.new {
	height:196px;
	}
div.navig-news {
}
.back-news {
	float:left;
	cursor:pointer;
}
.foward-news {
	float:right;
	cursor:pointer;
}
a:visited.news {
	color:#87888a;
}
a:link.news {
	color:#87888a;
}
a:active.news {
	color:#87888a;
}
a:hover.news {
	color:#9ccb3b;;
}
/* END OF 'SECTION NEWS' */

/* 'SOUS MENUS' */
.box {
	height:46px;
	width:46px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
	border-style:solid;
	border-width:1px;
	border-color:#87888a;
}
.box-img {
	height:48px;
	width:48px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
	background-color:#9ccb3b;
}
.img-trans {
	filter:alpha(opacity=30);
	opacity: 0.3;
}
.box-triangle {
	height:48px;
	width:48px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
}
.box-title {
	height:12px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
    padding-top:33px;
}
span.title {
	display:none;
}
span.output {
	
	font-size:12px;
	color:#9ccb3b;
}
a.link {
}

/* END OF 'SOUS MENUS */

/* 'PROJETS' */
.projets-p {
	
}
/* END OF 'PROJETS */
/* 'PUBLICATIONS' */
div.media-wrap {
	float:left;
	margin-right:3px;
}
div.media-content {
	width:450px;
	height:94px;
	overflow:auto;
/*	background-color:#0CC;
*/	font-size:12px;
	float:left;
}
ul.liste {
	margin:0px;
	padding:0px;
	list-style:none;
}
li.liste {
	margin:3px 0px 0px 0px;
}
/* END OF 'PUBLICATIONS' */
/* CONTACTS */
div.contact {
	height:48px;
	float:left;
	margin-top:0px;
	margin-right:3px;
	margin-bottom:3px;
	font-size:12px;
}
p.contact {
	margin:0px 1px 2px 0px;
}
strong.contact {
	font-size:17px;
}
a.mailme, a.download {
	color:#87888a;
}
a:visited.mailme, a:visited.download {
	color:#87888a;
}
a:link.mailme, a:link.download {
	color:#87888a;
}
a:active.mailme, a:active.download {
	color:#87888a;
}
a:hover.mailme, a:hover.download {
	color:#9ccb3b;
}

/* END OF 'CONTACTS' */

/* 'ACTEURS' */
/* END OF 'ACTEURS' */

/* END OF 'HOME' */


/* FICHES PROJETS */
.description {
	width:310px;
	font-size:12px;
	padding-top:50px;
	padding-left:50px;
	/*background-color:#CF0;*/
	float:left;
}
.data {
	height:17px;
}
.squared1 {
	display:inline-block;
	margin-right:10px;
}
.no-margin{
	margin:0px;
}
.green {
	color:#9ccb3b;
}
.grey {
	color:#87888a;
}
.header {
	margin-bottom:50px;
}
div.contenu {
	height:298px;
	overflow:auto;
}
div.text {
	height:auto!important;
	height:298px;
	min-height:303px;
}
p.text {
	margin-top:0px;
	margin-bottom:6px;
}
h3.text {
	margin-top:0px;
	margin-bottom:6px;
	font-size:12px;
}
sup {
	font-size:9px;
	line-height:6px;
}
.navigation {
	padding-top:60px;
}
.back {
	color:#9ccb3b;
	cursor:pointer;
	float:left;
}
.dots {
	float:right;
}
#images {
	float:left;
	display:block;
	width:550px;
	height:490px;
	margin-top:50px;
	margin-left:30px;
	/*background-color:#cde09f;*/
}
.images {
	float:left;
	display:block;
	width:550px;
	height:490px;
	margin-top:50px;
	margin-left:30px;
}
#loaderContainer {
	float:left;
	display:block;
	width:550px;
	height:490px;
	margin-top:50px;
	margin-left:30px;
}
.img-projet {
	cursor:pointer;
	margin:auto;
	position:relative;
}
.img-centree {
	position:relative;
}
.dot {
	border-style:solid;
	border-width:1px;
	float:left;
	margin-right:1px;
	margin-top:1px;
	width:11px;
	height:11px;
	display:inline-block;
	cursor:pointer;
}
.dot-on {
	border-style:none;
	float:left;
	margin-right:1px;
	margin-top:1px;
	width:13px;
	height:13px;
	display:inline-block;
	cursor:pointer;
	background-color:#9ccb3b;
}
.dot-current {
	border-style:none;
	float:left;
	margin-right:1px;
	margin-top:1px;
	width:13px;
	height:13px;
	display:inline-block;
	cursor:pointer;
	background-color:#9ccb3b;
}
/* END OF 'FICHES PROJETS' */

/* 'FICHES BUREAU' */
.img-people {
	margin:auto;
	position:relative;
}
/* END OF 'FICHES BUREAU' */