html, body {
font-family : helvetica, Arial, sans-serif; 
background-color : White;
}

body {
margin : auto;
width : 800px;
}

#bodyProjects {
	width:1000px;
}


/*************** font ******************/

h1 {
font-size : 35px;
text-align : right;
margin-bottom : 0;
}

a:hover {
text-decoration : underline;
}

h2 {
font-size : 35px;
text-align : right;
color : #22427C;
margin-top : 0;
}

h3 {
font-size : 20px;
font-weight :normal;
margin-top : 30px;
margin-bottom : -15px;	
}

h4 {
text-decoration : underline;
}

a {
color : #22427C;
font-size : 11px;
font-weight : bold;
}

li, p {
color : #22427C;
font-size : 13px;
}

p 
{
color : #22427C;
margin-top : 17px;
}

center {
text-align : center;
}

.corps span 
{
font-weight:normal;
}

.corps a 
{
font-weight:normal;
}

.footer a {
color : #22427C;
text-decoration : none;
text-align : center;
}

.contactD a {
font-size : 17px;
}

.tel {
font-weight : bold;
color : #22427C;
}

a:hover 
{
text-decoration : underline;
}

.gros {
font-size : 30px;
}

.italic {
font-style : italic;
}

.titreProjet span {
	font-size:30px;
	
}

.jaune {
	color:#FEED01;
}

.lienChapitre:link, .lienChapitre:visited{
	color:white;
	text-decoration:none;
	font-size: 15px;
	line-height: 20px;
	font-weight:bold;
}

.lienChapitre:hover{
	color:#FEED01;
	text-decoration:none;
}

.lienEnConstruction {
	color:white;
	text-decoration:none;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}

.txtDefilant, marquee>a {
	font-weight:bold;
	font-size:18px;
}

.titleNosProjets {
text-align:right;
color:white;
font-size:33px;
font-weight:bold;
padding-top:80px;
padding-right:20px;
}

/*************** Mise en forme/Position ******************/

.haut {
padding-top : 1%;
/*padding-bottom : 5%;*/
text-align : center;
background-color : White;
/* background-image : url("../images/hautPage.png");
background-position : 60% 50%;
background-repeat : no-repeat; */
}

.divbandeau {
display : block;
margin-bottom : 0;
text-align:center;
}

.titre {
border-bottom : solid 3px #22427C;
padding-right : 5%;
padding-left : 5%;		
}

.corps {
padding-left : 5%;
padding-right : 5%;
}

.contact {
width : 731px;
height : 530px;
margin-left : 35px;
background-repeat : no-repeat;

}

.contactG{
float : left;
display : table-cell;
width : 55%; 
padding-left : 0%;
height:420px;
}

.contactD {
display : table-cell;
width : 40%;

text-align : right;
padding-top : 10%;
padding-right : 5%;
float:right;
}

.ligne {
border-bottom : solid 3px white;
display : table;
}

.gauche {
width : 45%;
margin-left :5%;
margin-right : 5%;
float : left;
display : table-cell;
}

.droit {
width : 45%;
margin-left : 5%;
padding-right : 5%;
display : table-cell;
}

.footer {
position: relative;
width : 80%;
height : 70px;
margin : auto;
text-align:center;
}

.footer img {
margin : 0px;
margin-left : 15px;
margin-right : 15px;
}

.projet1 {
width:800px;
height:153px;
background:url("../images/fondProjet1.jpg");
}

.projet2 {
width:800px;
height:153px;
background:url("../images/fondProjet2.jpg");
}

.projet3 {
width:800px;
height:153px;
background:url("../images/fondProjet3.jpg");
}

.titreProjet {
	float:left;
	color:white;
	padding-right:30px;
	margin-top:25px;
	width:490px;
	height:110px;
	line-height: 110px;
	border-right: 3px solid #FFFFFF;
	text-align:right;
}

.documentsProjet {
	float:left;
	padding-left:30px;
    height: 130px;
    padding-left: 30px;
    text-align: left;
    width: 245px;
	margin-top:17px;
} 

#projets {
	float:left;
	width:100%;
	position:relative;
	/* margin-top:30px; */
	/* margin-bottom:30px; */
	min-height:200px;
	background:#727172;
	/* background: -webkit-gradient(
		linear,
		left bottom, right top,
		from(#7d7d7d),
		to(#595959)
	);
	background: -webkit-linear-gradient(
		left bottom,
		#7d7d7d,
		#595959
	);
	background: -moz-linear-gradient(
		left bottom,
		#7d7d7d,
		#595959
	);
	background: -o-linear-gradient(
		left bottom,
		#7d7d7d,
		#595959
	);
	background: linear-gradient(
		left bottom,
		#7d7d7d,
		#595959
	); */
	/* background-image:url("../images/bigTriangle.png"); */
	color:white;
}

#div_triangleTop {
	position:absolute;
	width:105px;
	height:91px;
	background-image:url("../images/bigTriangle.png");
	left:180px;
	top:-20px;
}


#projets #div_triangleTop {
	position:absolute;
	width:105px;
	height:91px;
	background-image:url("../images/bigTriangle.png");
	left:250px;
	top:-20px;
}

#projets .columnTop {
	float:left;
	width:50%;
}


#projets .columnTop #div_titleProjet {
	/* float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:29px;
	padding:15px;
	padding-bottom:15px;
	padding-right:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:solid 2px #c7fe01;
	font-size:35px;
	background-image:url("../images/coins_logo.png");
	background-repeat:no-repeat;
	background-position: 135px 5px;
	line-height:1em; */
	float: left;
    width: 100%;
    margin-top: 70px;
    padding: 15px;
    padding-left: 154px;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: solid 2px #c7fe01;
    font-size: 32px;
    background-repeat: no-repeat;
    background-position: 135px 5px;
    line-height: 1em;
    font-weight: bold;
}

#projets .columnTop #div_titleProjet .smallProjet {
	font-size:20px;
	display:block;
	line-height:24px;
}

#projets .columnTop #div_introProjet {
	/* float:left;
	width:100%;
	margin-top:30px;
	padding:20px;
	padding-top:0;
	padding-left:40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:20px;
	line-height:1.2em; */
	float: left;
    width: 100%;
    margin-top: 90px;
    padding: 20px;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 70px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
}

#projets .column {
	float:left;
	width:30%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:2.5%;
}

#projets .column:last-child {
	margin-right:2.5%;
}

.greenProjet, a.greenProjet:link, a.greenProjet:visited, a.greenProjet:hover {
	color:#c7fe01;
	font-size:inherit;
	text-decoration:inherit;
}

#projets .column .imageArea  {
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	padding-bottom:10px;
}

#projets .column .imageArea img {
	/* border:solid 10px #c7fe01; */
	max-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#projets .column .imageArea .triangle {
	width:58px;
	height:50px;
	background-image:url("../images/triangle.png");
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:8%;
}

#projets #musea .imageArea .maquette {
	width: 150px;
    height: 150px;
    background-image: url(../images/musea-maquette.png);
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    bottom: -75px;
    /* top: 50px; */
    left: 50%;
}

#projets #vigie .imageArea .maquette {
	width: 150px;
    height: 150px;
    background-image: url(../images/vigie-maquette.png);
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    bottom: -75px;
    /* top: 50px; */
    left: 50%;
}

#projets #lemail .imageArea .maquette {
	width: 150px;
    height: 150px;
    background-image: url(../images/immeuble-mail.png);
    background-repeat: no-repeat;
    background-size: 125px;
    position: absolute;
    bottom: -50px;
    /* top: 50px; */
    left: 60%;
}

/* #projets #labirat .imageArea .triangle{
	right:30%;
} */

/* #projets .imageArea .triangle {
	left:30%;
} */

#projets .right  {
	text-align:right;
	/* width:48.5%; */
}

#projets .column .residenceArea {
	float:left;
	width:100%;
	padding-right:26px;
	padding-bottom:10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#projets .column .residenceArea  .title {
	font-size:40px;
	font-weight:bold;
}

#projets .column .residenceArea .infoResidence {
	font-size:19px;
	font-weight:bold;
	line-height:1.3em;
}

#projets  .column .documentsArea {
	float:left;
	width:100%;
	padding:26px;
	padding-top:0;
	padding-left:0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#projets  .column .documentsArea a:link,#projets  .column .documentsArea a:visited, #projets  .column .documentsArea a:hover {
	font-size:inherit;
	font-weight:normal;
	color:white;
}

#projets .column .documentsArea a:hover {
	color:#c7fe01;
}

.construction, .construction a:link, .construction a:hover, .construction a:visited {
	color:#BBB !important;
}

#projets #documentsSeparator {
	float:left;
	width:5%;
	background:url("../images/separatorLoupe.png") no-repeat;
	height:257px;
}

#bodyProjects .footer {
	background: #c7fe01 !important;
    display: inline-block;
    width: 100%;
	padding: 15px 0;
	height: auto;
}

#bodyProjects .footer a {
	color: #727172;
}

#perspectives {
	float:left;
	margin-bottom:20px;
	width:100%;
}

#perspectives img {
	float:left;
	max-width:100%;
}

.div_titleNosProjets {
	width:794px;
	height:128px;
	background:url("../images/bandeau.png");
}

.div_construction {
height:300px;
display:block;
padding-top:100px;
text-align:center;
font-size:24px;
}

#div_operations
{
	display:block;
	margin-top:20px;
	margin-bottom:30px;
	height:600px;
	width:800px;
}

#div_operations iframe
{
	height:600px;
	width:800px;
	border:none;
}

/*************** listes ******************/

.listeCorps li
{
list-style-image : url("../images/puce3.png");
margin-left : -6%;
margin-top : 0px;
}

.listeCorpsGd li 
{
list-style-image : url("../images/puce3.png");
margin-left : -6%;
margin-top : 0px;
margin-bottom : 30px;
}

/****************** img ********************/
img {
border : none;
}