a img 
{
	border:0px;
	border-style:none;
}

body
{
	margin-top:0px;
	font-family: arial;
	font-size:12px;
	direction:ltr;	
	background:#FFFFFF;
}
.clr
{
	clear:both;
}
.fleft
{
	float:left;
}

.fright
{
	float:right;
}


#warper
{
	width:760px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	background:#FFFFFF;
}

#navigation
{
	background:#000000;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:15px;
	padding:7px;
	text-align:right;
	width:760px;
	width:747px;
	
	
	position:relative;
	top:0px;
	overflow: hidden;
	z-index: 3;
	
}
#navigation ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}

#navigation ul li
{
	position:relative;
	top:0px;
	right:5px;
	float:right;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #FFFFFF;
}
#navigation ul li a
{
	color:#FFFFFF;
	text-decoration:none;
}

#navigation ul li a:hover
{
	color:#c4e6a7;
	text-decoration:none;
}


#logo
{
	width:760px;
	height:70px;
}
 
#logoimg
{
	position:relative;
	top:22px;
	left:0px;
}	
#logoslog
{

	position:relative;
	z-index:100;
	top:30px;
	right:10px;
	float:right;
	font-size:22px;
	height:36px;
	overflow:hidden;
	
}
#logoslog span
{
	color:#CA0404;
	font-size:30px;
}

.hr
{
	height:6px;
	color:#000000;
	background-color:#000000;
	margin:0;
	padding:0;
	overflow:hidden;
	width:760px;
	
}
 

/* INDEX */

/* // #### INDEX START ##### \\*/

#indexGreen
{
	background-color:#C4E6A7;
	width:243px;
	
}
#indexBrown
{
	background-color:#ebe5e5;
	width:243px;
}
#indexBlue
{
	background-color:#daf1f7;
	width:243px;
}

.index_title
{
	padding:10px;
	border-bottom:5px solid #FFFFFF;
	font-weight:bold;
	margin-left:-15px;
	margin-right:-15px;
	text-align:center;
	font-size:14px;
	height:20px;
}
.index_title div
{
	padding-top:5px;
}
 
.index_info
{
	font-size:12px;
	color:#000000;
	margin:10px;
}

/* // #### INDEX PROJECTS START ##### \\*/

#indexGreen_project
{
	width:250px;
	background-color:#FFFFFF;
	border-top:5px solid #000000;
}
#indexBrown_project
{
	width:250px;
	background-color:#83756c;
}
#indexBlue_project
{
	width:250px;
	background-color:#7da09c;
}

/* // #### PROJECTS START ##### \\*/
.project_title
{
	font-weight:bold;
	font-size:13px;
	padding:5px;
	padding-left:15px;
}
.project_image
{
	float:left;
	width:120px;
	height:118px;
	margin:5px;
}
.readmore
{
	float:left;
	width:80px;
	margin:auto;
	margin-top:10px;
	padding-bottom:10px;
	
	margin-right:5px;
	padding-left:30px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	
	color:#FFFFFF;
}
.readmore a
{
	color:#FFFFFF;
	text-decoration:none;
}
.readmore a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

.project_text_index
{
	padding-right:5px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#3b393a;
	color:#FFFFFF;
}

#footer
{
	text-align:center;
	color:#000000;
	font-weight:bold;
}
#footer a
{
	color:#000000;
	text-decoration:none;
}

#footer a:hover
{
	color:#000000;
	text-decoration:underline;
}

#content
{
	width:760px;
	overflow:hidden;
	margin:auto;
	
}

/* PROJECTS */
.project_explain
{
	background-color:#eaf6e0;
	width:240px;
	text-align:center;
	border-bottom:3px solid #FFFFFF;

}
.project_explain_title
{
	background-color:#DDF1CC;
	width:245px;
	border-bottom:3px solid #FFFFFF;
	text-align:center;
	height:35px;
	line-height:35px;
	color:#2d2e28;
	font-size:14px;
	font-weight:bold;
}

.project_brown
{
	width:255px;
	background-color:#ebe5e5;
	border-right:3px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
.project_brown_title
{
	background-color:#d5cbcc;
	height:35px;
	line-height:35px;
	width:245px;
	padding-left:10px;
	font-weight:bold;
	border-bottom:3px solid #FFFFFF;


}
.project_blue
{
	width:255px;
	background-color:#daf1f7;
}
.project_blue_title
{
	background-color:#b5e4ee;
	height:35px;
	line-height:35px;
	width:245px;
	padding-left:10px;
	font-weight:bold;
	border-bottom:3px solid #FFFFFF;
}
.project_hr
{
 
	margin:0;
	padding:0;
	margin-top:2px;
	margin-bottom:2px;
	height:6px;
	border-left:2px solid #FFFFFF;
	overflow:hidden;
	
	color:#000000;
	background-color:#000000;
}


.project_text
{
	margin:5px;
	font-size:11px;
	font-weight:bold;
	color:#3b393a;
	floar:right;
}
.project_text_index
{
	padding-right:5px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#3b393a;
	color:#FFFFFF;
}
.project_img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.project_read_more
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	float:left;
}
.project_read_more a
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:none;
}
.project_read_more a:hover
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:underline;
}
.more_projects_body a
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:none;
}
.more_projects_body a:hover
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:underline;
}

.pages 
{
	font-size:13px;
	font-weight:bold;
	color:#386698;
}
.pages span
{
	color:#010000;
	font-size:13px;
	font-weight:bold;
}
.pages a
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:none;
}
.pages a:hover
{
	font-size:13px;
	font-weight:bold;
	color:#010000;
	text-decoration:underline;
}
 

#projectinfo_warp
{
	width:750px;
	background-color:#eaf4c0;
	padding-left:10px;
	padding-top:10px;
}
#projectinfo_image_warp
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:-10px;
	background-color:#c3b5b5;
	width:290px;
	height:275px;
	text-align:center;
	border-bottom:6px solid #000000;
}
#projectinfo_image_warp img 
{
	width:253px;
	height:242px;
	margin-top:15px;
	
}
#projectinfo_morephotos
{
	width:700px;
	margin-top:-10px;
	background-color:#daf1f7;
	text-align:left;
	padding-left:40px;
	padding-right:20px;
}
 
.project_image_bit
{
	width:90px;
	height:90px;
	margin:10px;
	border:1px solid #a2b5b9;
	
}
.project_image_sep
{
	width:1px;
	height:91px;
	border:0px;
	margin-bottom:10px;
}

/* ################# creer ############### */
#career
{
	width:370px;
	float:left;
	padding:10px;
	font-weight:bold;
	font-size:11px;
	color:#000000;
	background-color:#ebe5e5;
}
#career_leftbottom
{
	width:390px;
	clear:left;
	float:left;
	text-align:center;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 2px
}
#career_leftbottom div
{
	margin-top:5px;
	margin-bottom:18px;
}
#career_leftbottom span
{
	color:#CA0404;
	font-size:15px;
}
#career_images
{
	float:right;
	width:370px;
	margin-right:-5px;

}
/*##################### Contact ################## */
#contact_map
{
	float:right;
	width:351px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}
.contact_left
{
	float:left;
	width:406px;
	background-color:#daf1f7;
	
}
.contact_left2
{
	float:left;
	width:406px;
	
	margin-top:-2px;
	
}
.contact_text
{
	float:left;
	margin-left:5px;
	margin-top:5px;
	font-size:11px;
	font-weight:bold;
}
.contact_text2
{
	margin-left:0px;
	margin-top:5px;
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
	background-color:#ebe5e5;
}
* html .contact_text2
{
	margin-top:-13px;
	margin-bottom:-15px;
}
.contact_left img
{
	border-left:3px solid #FFFFFF;
}

.contact_bottom
{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	float:left;
	letter-spacing:2px;

}
.contact_bottom div
{
	margin-top:2px;
	margin-bottom:5px;
}
.contact_bottom span
{
	color:#CA0404;
	font-size:14px;
}
.contact_text textarea
{
	overflow:auto;
	border:1px solid #83756c;

}
.contact_text input
{
	overflow:auto;
	border:1px solid #83756c;
}
 
.formSubmit
{
	background:#eaf6e0;
	border:1px solid #83756c;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.click
{
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-top:-10px;
	color:#000000;
}
.click a
{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.click a:hover
{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

#errorstring
{
	color:#175497;
	font-weight:bold;
	
}
.alert
{
	display:none;
}