body {
	background-color: #fff;
	font-family: Verdana, arial,sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0;
}

a {
	color:#5c5c5c;
	text-decoration: none;
}

a img {
	border:0 none;
}

a:hover{
	/*color:#5B5B5B;*/
	color:#949494g;
}

p {
	margin:0;
	padding:0;
}

.floatLeft {
	float: left;
}

.floatRight{
	float: right;
}

.ocre {
	color: #5b5b5b;
}

	#loader {
		height:30px;
		position:absolute;
		width:700px;
		top:50%;
		margin-top:-210px;
		margin-left:-399px;
		left:50%;
	}
	
/* SECONDBLANK */
/*///////////////////////////////////////////////*/
	#secondBlank {
		/*border: 1px solid #cecece;*/
		width:798px;
		height:360px;
		position:absolute;
		top:50%;
		left:50%;
		margin: auto;
		margin-left:-399px;
		margin-top:-180px;
		z-index:200;
		background-color:white;
	}
	
		#fermer {
			height:13px;
			position:absolute;
			right:-5px;
			top:-14px;
			width:40px;
			cursor: pointer;
		}

		#secondFermer {
			cursor:pointer;
                        height:13px;
                        position:absolute;
                        right:-27px;
                        top:15px;
                        width:40px;
		}
		
			
		#retourAccueil {
                    cursor:pointer;
                    height:13px;
                    position:absolute;
                    right:16px;
                    top:15px;
		}
	
		#secondContenant {
			height:0px;
			left:10px;
			padding:5px;
			position:absolute;
			top:-28px;
			width:766px;
			z-index:2;
		}

		#cadre{
			margin-top:25px;
                        position: relative;
                        top: -30px;
                        height: 390px;
                        background: white;
		}

/* BLANK */
/*///////////////////////////////////////////////*/

	#blank {
		/*border: 1px solid #cecece;*/
		width:798px;
		height:360px;
		position:absolute;
		top:50%;
		left:50%;
		margin: auto;
		margin-left:-399px;
		margin-top:-180px;
		z-index:100;
		background-color:white;
	}
	
		#fermer {
			height:13px;
			position:absolute;
			right:-27px;
                        top:15px;
			width:40px;
			cursor: pointer;
		}
	
		#contenant {
			height:0px;
			left:10px;
			padding:5px;
			position:absolute;
			top:-29px;
			width:766px;
			z-index:2;
		}
		
		#contactBox {
			background-color:white;
			height:311px;
			left:50%;
			margin:-129px auto auto -399px;
			position:absolute;
			top:50%;
			width:798px;
			z-index:1000;
			filter : alpha(opacity=95);
			opacity:0.95;
		}	

/* XHR */
/*///////////////////////////////////////////////*/
/* PROJETS */

	#rechercher{
		background-color:#92928B;
		height:30px;
		position:absolute;
		right:-13px;
		top:-11px;
		width:270px;
	}
	
	#typeProjet {
            left:-6px;
            position:absolute;
            top:43px;
	}

			#typeProjet ul{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}

			#typeProjet li{
				display: inline;
				margin-right:10px;
			}
	
	#consulter {
		cursor:pointer;
	}
	
	.white {
		color:white;
	}
	
	#carousel {
		/*border:#CECECE solid 1px;*/
		background-color:whitesmoke;
		height:196px;
		left:5px;
		overflow:hidden;
		position:absolute;
		top:58px;
		width:766px;
	}

	#encadre {
		/*border:1px solid #CECECE;*/
		border-left:0px;
		border-right:0px;
		height:200px;
		left:-10px;
		position:absolute;
		top:57px;
		width:798px;
	}

		#carouselItem {
			float:left;
			height:190px;
			margin-right:46px;
			padding:5px;
			width:191px;
		}

	#carouselPrec{
		background:whiteSmoke;
		height:196px;
		left:-10px;
		position:absolute;
		top:58px;
		width:15px;
		/*border-top:#CECECE solid 1px;
		border-bottom:#CECECE solid 1px;*/
		filter : alpha(opacity=90);
		opacity:0.90;
	}

	#carouselSuiv {
		background:whiteSmoke;
		height:196px;
		position:absolute;
		right:-12px;
		top:58px;
		width:15px;
		/*border-top:#CECECE solid 1px;
		border-bottom:#CECECE solid 1px;*/
		filter : alpha(opacity=90);
		opacity:0.90;
	}

		#clickSuiv, #clickPrec{
			width:16px;
			height:30px;
			position:absolute;
			top:86px;
			cursor:pointer;
		}

		#clickPrec {
			background: url(../media/site/images/prec.gif) no-repeat;
			left:0px;
		}

			#clickPrec:hover {
				background: url(../media/site/images/precOn.gif) no-repeat;
			}

		#clickSuiv {
			background: url(../media/site/images/suiv.gif) no-repeat;
			right:-2px;
		}

			#clickSuiv:hover {
				background: url(../media/site/images/suivOn.gif) no-repeat;
			}
		
	.carre_num {
		border:1px solid #fff;
		width: 90px;
		height:90px;
		cursor: pointer;
		float: left;
	}
	
	.carre_titre {
		/*border:1px solid #CECECE;*/
		width: 90px;
		height:90px;
		cursor: pointer;
		background-color: white;
		float: left;
	}
	
	.legende {
		display:block;
		margin-right:30px;
		margin-top:15px;
		text-align:right;
		font-size:60px;
		color:#EBEBEB;
	}
	
/* XHR DETAILS */

	#petitCarousel {
		/*border:1px solid #CECECE;*/
		height:260px;
		left:8px;
		overflow:hidden;
		position:absolute;
		top:-31px;
		/*width:300px;*/
		width:500px;
		z-index:2000;
	}
	
		.petitCarouselItem {
			float:left;
			height:300px;
			/*width:300px;*/
			width:500px;
			margin-right:5px;
			overflow:hidden;
		}
	
	#petitCarouselPrec{
		height:202px;
		left:-12px;
		position:absolute;
		top:-1px;
		width:20px;
	}
	
	#petitCarouselSuiv {
		height:202px;
		/*left:309px;*/
		left:509px;
		position:absolute;
		top:-1px;
		width:20px;
	}
		
		#petitClickSuiv, #petitClickPrec{
			width:16px;
			height:30px;
			position:absolute;
			top:86px;
			cursor:pointer;
		}
		
		#petitClickPrec {
			background: url(../media/site/images/prec.gif) no-repeat;
			left:0px;
		}
			
			#petitClickPrec:hover {
				background: url(../media/site/images/precOn.gif) no-repeat;
			}
		
		#petitClickSuiv {
			background: url(../media/site/images/suiv.gif) no-repeat;
			right:-2px;
		}
		
			#petitClickSuiv:hover {
				background: url(../media/site/images/suivOn.gif) no-repeat;
			}
	
		#descriptionDetails1 {
			height:27px;
			/*left:335px;*/
			left:535px;
			padding-left:5px;
			position:absolute;
			top:93px;
			/*width:392px;*/
			width:192px;
		}
		
		#descriptionDetails2{
			/*border-left:1px solid #CECECE;*/
			height:177px;
			position:absolute;
			right:20px;
			top:11px;
			width:232px;
			padding-left:5px;
		}

		.petitMozaic {
			float:left;
			margin:1px;
		}
		
		
		
		
/* XHR_AGENCE */
	
	#navAgence {
		position:absolute;
		top:203px;
		left:4px;
	}

	#descriptionGauche {
	/*	border-right:1px solid #CECECE;*/
		background-color:#eaeaea;
		height:290px;
		left:0px;
		padding:5px;
		position:absolute;
		top:0px;
		width:229px;
	}

	#planDroite {
		overflow:hidden;
		position: absolute;
		right:0px;
		top:0px;
		width:558px;
		height:300px;
	}
	
		#planDroiteCoulissant {
			width:1116px;
			height:300px;
		}
	
		#planBureau {
			float: left;
			width:558px;
			height:300px;
		}
		
		#planAcces {
			float: left;
			width:558px;
			height:300px;
		}
		
/*XHR_CONTACT */
	#fermerContact {
		position:absolute;
		right:8px;
		top:4px;
		z-index:1001;
		height:13px;
	}
	
	#erreurContact {
		color:red;
		position:absolute;
		right:12px;
		top:39px;
		z-index:1001;
	}
	
	.red {
		color: red;
	}
	
	#encadreContact {
		background-color:#230A08;
		height:93px;
		left:0;
		padding:5px;
		position:absolute;
		top:0;
		width:788px;
	}
	
	.inputContact {
		font-family:Verdana,arial,sans-serif;
		font-size:10px;
		height:12px;
		width:134px;
	}
	
	.textareaContact {
		font-family:Verdana,arial,sans-serif;
		font-size:10px;
		height:56px;
		overflow:auto;
		width:340px;
	}
	
	#submitContact{
		margin-bottom:12px;
	}
	
	#coordonneesContact {
		position:absolute;
		right:12px;
		top:17px;
	}
	
	#submitTd {
		vertical-align: bottom;
		padding-left:12px;
	}

/*XHR_EQUIPE */
.colonne {
	float: left;
	height:220px;
	width:260px;
	/*border-right:solid black 1px;*/
}

.colonne p {
	text-align:justify !important;
}
	
		
					 /* FIN XHR */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/


			
				 /* FIN BLANK */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/


/* CONTENEUR */
/*///////////////////////////////////////////////*/

	#conteneur {
		/*border:1px solid #CECECE;*/
		
		height:360px;
		left:50%;
		margin:-180px auto auto -399px;
		overflow:hidden;
		position:absolute;
		top:50%;
		width:798px;
		z-index:1;
	}
				 /* FIN CONTENEUR */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/

/* BLABLA */
/*///////////////////////////////////////////////*/

	#blabla{
		left:-1px;
		position:absolute;
		top:112px;
		width:542px;
		text-align:justify;
	}
	
	#imgBlabla{
		background-color:white;
		height:64px;
		left:1px;
		position:absolute;
		top:0px;
		width:537px;
	}

				    /* FIN BLABLA */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/

/* LOGO */
/*///////////////////////////////////////////////*/

	.logo {
		background:transparent url(../media/site/images/logo.gif) no-repeat scroll 0% 50%;
		bottom:-3px;
		height:77px;
		left:-7px;
		position:absolute;
		width:380px;
		z-index:4;
	}
	
	.logoGris{
		background:transparent url(../media/site/images/logoGris.gif) no-repeat scroll 0% 50%;
		bottom:0px;
		height:77px;
		left:0px;
		position:absolute;
		width:380px;
		z-index:1;
	}
	
	
					 /* FIN LOGO */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/


/* CHIEN */
/*///////////////////////////////////////////////*/


	#chien {
		height:439px;
		position:absolute;
		right:21px;
		top:60px;
		width:240px;
		z-index:0;
	}
	
	
	
					/* FIN CHIEN */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/


/* MENU */
/*///////////////////////////////////////////////*/

	#msgMenu {
		left:50%;
		margin:-143px auto auto -400px;
		position:absolute;
		text-align:left;
		top:50%;
		width:200px;
	}
	
	#mentionsLegales {
		left:50%;
		margin:185px auto auto 202px;
		position:absolute;
		text-align:right;
		top:50%;
		width:200px;
	}

	.menu {
		height:20px;
		margin-right:5px;
		position:absolute;
		left:4px;
		top:4px;
		z-index:3;
	}

    #ul-menu {
        position: absolute;
        top: 10px;
        width: 500px;
    }

	.menu ul, #typeProjet ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0px;
		padding:0px;
	}

	.menu li, #typeProjet li{
		display:inline;
		float: left;
		margin-right:10px;
                text-align: center;
                width: 73px;
	}

    .menu li a, #typeProjet li a {
        text-transform : uppercase;
    }
	
		.miBorder {
			background-color:white;
			height: 14px;
			cursor:pointer;
		}

                .miBorder div {
			height: 15px;
		}

        #picto_informations .greg {
            position: absolute;
        }

		
		#picto_informations, #picto_agence, #picto_projets {
			position : relative;
		}
		
		.contact {
			/*position : absolute;*/
			left:1px;
			cursor:pointer;
		}
		
		#contactLi {
			margin-right:20px;
		}
		
		/* cadres */ 
		.contact { top: 6px;}
		/*#picto_informations { left: 44px;}*/
		/*#picto_projets { left: 40px;}
		#picto_agence { left: 82px;}*/
		
		/* images */ 
		/*#picto_contact img{ position:absolute; left:2px; top: 0px; }
		#picto_informations img{ position:absolute; left:1px; top: 1px; }
		#picto_projets img{ position:absolute; left:3px; top: 0px; }
		#picto_agence img{ position:absolute; left:3px; top: -1px; }	*/
	
					 /* FIN MENU */
/*///////////////////////////////////////////////*/
/*///////////////////////////////////////////////*/

/* EDITEUR */

.gray60{
	color: #666666;
}

.gray40{
	color: #999999;
}

.black {
	color: black;
}

.blackBold {
	color: black;
	font-weight: bold;
}


#informations_1, #informations_3 {
    position:relative;
    top:-13px;
}