@charset "iso-8859-1";
@import url("general.css");
@import url("jquery-ui.css");
@import url("jquery-ui-1.8.7.custom.css");
/*
BODY
*/
html{margin:0;padding:0;}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background: url(../images/bg.jpg) #000 no-repeat top center;
	margin:0;
	padding:0;
	outline:none;
}
/*
TOOLBOX
*/
.clear{clear:both;}
.orange {
	color:#ff6600;
}
.slashes {
	color:#ff6600;
	font-size:24px;
	font-weight:bold;
}
a {
	color:#F60;
	text-decoration:underline;
	outline:none;
}
a:hover{
	text-decoration:none;
}
h1{
	font-size:32px;
	font-weight:normal;
	color:#f60;
	margin-left:8px;
	text-transform:uppercase;
}
.dialog a{color:#f60;}
/*
//POUR FAIRE FONCTIONNER LE HOVER DU MENU
*/
.nav-wrap {   }
#example-one { margin: 0 auto; list-style: none; position: relative; }
#example-one li { display: inline; }
#example-one li a {text-decoration:none;}
#example-one li a:hover { color: white; text-decoration:underline;}
#magic-line { position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background: #ff6600; }
.current_page_item a{
	color:#ff6600;
}
.current_page_item a:hover{
	color:#ff6600;
}
/*
/CONTENT
*/

#content {
	margin:0 auto;
	background:url(../images/content_bg.png) repeat;
	width:998px;
	display:block;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:0 18px;
	margin-bottom:10px;
}

	
	#header {
		font-family:"Arial Black", Arial, Gadget, sans-serif;
		font-size:12px;
		background:url(/images/header_bg.jpg)right top no-repeat #000;
		height:152px;
		font-weight:bold;
	}
		#header #logo{
			width:325px;
			font-size:14px;
			float:left;
			margin-top:22px;	
		}
		#header #langue-social-wrapper{
			float:right;	
			margin:2px 0;
		}
		#header #langue {
			text-align:center;
			color:#f60;
			background-color:#000;
			padding:4px;
			width:150px;
			
		}
		#header #social-wrapper{
			width: 39px;
			padding-left:115px;
		}
  		#header #social-wrapper ul#social{
			list-style:none;
			padding:0;
			margin:0;
			font-size:11px;
			width:36px;
			text-align:center;
		}
			#header #social-wrapper ul#social span{display:none;}
			#header #social-wrapper ul#social li{margin:0;}
			#header #social-wrapper ul#social li a#facebook{
				background:url(/images/btn_facebook.png)	top center no-repeat;
				height:36px;
				display:block;
				margin-top:35px;
				margin-bottom:10px;
			}
				#header #social-wrapper ul#social li a#facebook:hover{
					background-position:bottom;
					cursor:pointer;
				}
			#header #social-wrapper ul#social li a#twitter{
				background:url(/images/btn_twitter.png)	top center no-repeat;
				height:36px;
				display:block;
			}
				#header #social-wrapper ul#social li a#twitter:hover{
					background-position:bottom;
					cursor:pointer;
				}

		#header #adresse {
			padding-top:95px;
			padding-left:362px;
			text-align:left;
			display:block;
		}
			#header #adresse a{text-decoration:none;color:#fff;}
				#header #adresse a:hover{text-decoration:underline;}
	#slogan{
		background:url(../images/slashes.png) right bottom no-repeat;
		padding-right:190px;
		padding-top:100px;
		font-size:20px;
		font-weight:bold;
		text-align:right;
		margin:20px 0;
	}	
			
	#topmenu {
		margin:20px 0 0;
		padding:0px;
		text-align:right;
		margin-bottom:20px;
	}
		#topmenu a{color:#fff;}
		#topmenu ul{
			list-style:none;
			padding-right:18px;
		}
			#topmenu ul li{
				display:inline;
				font-size:21px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#ff6600;
			}
				#topmenu ul li a:hover{text-decoration:none;}
				

		#corps div.contenu{
			overflow-y:scroll;	
			display:none;
			padding:0px 20px;
			height:500px;
			font-size:14px;
			border:1px solid #202020;
		}
		#corps ul li{
			list-style-image:url(../images/bullet2.png);	
		}
		#corps #realisations #realisations_tab ul#realisations_menu li{list-style:none;}
		#corps h1{
			position:absolute;
			font-size:130px;
			color:#666;
			margin:0;
			padding:0;
			z-index:-1;
			display:none;
		}
		#corps #portfolio{display:block;}
		#corps #portfolio #h1_portfolio{display:block;}
		#corps #nouvelles #archives{
			width:15%;
			float:left;
			text-align:center;
			padding:0;
			margin-right:20px;
			height:100%;
		}
			#corps #nouvelles #archives ul{
				list-style:none;
				padding:10px;
				margin:0;
				border:1px dotted #333;
			}
				#corps #nouvelles #archives ul li{
					margin:0 0 20px;	
				}
		#corps #nouvelles #nouvelles_details{
			margin:0;
			padding:0;
		}
		#corps #nouvelles #nouvelles_details ul.details{
			list-style:none;
			padding:0;
			margin:0 0 40px;
		}
			#corps #nouvelles #nouvelles_details ul.details li.nouvelles_date{
				font-size:12px;
				color:#fff;
				list-style:none;
			}
			#corps #nouvelles #nouvelles_details ul.details .nouvelles_titre{
				font-weight:bold;

			}
				#corps #nouvelles #nouvelles_details ul.details .nouvelles_titre a{
					text-decoration:none;
					color:#f60;
				}
					#corps #nouvelles #nouvelles_details ul.details .nouvelles_titre a:hover{color:#ccc;}
			#corps #nouvelles #nouvelles_details ul.details .nouvelles_texte{
				font-size:12px;	
				padding:10px 0;
				display:none;
				list-style:none;
			}
	#index_services{
		float:left;	
		width:66%;
		margin-top:20px;
	}
		#index_services ul li{list-style-image:url(../images/bullet2.png)}
	#nouvelles_short{
		float:right;
		width:33%;
		border:1px dotted #333;
		margin-top:20px;
		height:100%;
		min-height:275px;
	}
		#nouvelles_short h1{padding-left:10px;}
	#nouvelles_short div{
		float:left;
	}
		#nouvelles_short .nouvelle {
			display:block;
			font-size:11px;
			line-height:13px;
			padding:0 20px;
		}
	
	#footer{
		padding:10px 0;
		margin:0 auto;
		width:1034px;

	}
/************************************************************************************************************   Portfolio */
#portfolio .contenu{overflow:hidden;}
#portfolio-wrapper{margin:20px 0;}
.main_image {
    width: 654px;
    height: 459px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	margin:0 3px 0 0;
}
	.main_image h2 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 5px;
		padding: 10px 10px 0;
	}
	.main_image p {
		font-size: 12px;
		line-height: 14px;
		padding: 10px;
		margin: 0;
	}
	.block small { /*--We'll be using this same style on our thumbnail list--*/
		font-size:11px;
		font-style:italic;
	}
		.main_image .block small {margin-left: 10px;}
	.main_image .desc{
		position: absolute;
		bottom: 0;
		left: 0; /*--Stick the desc class to the bottom of our main image container--*/
		width: 100%;
		display: none; /*--Hide description by default, if js is enabled, we will show this--*/
	}
	.main_image .block{
		width: 100%;
		background: #111;
		border-top: 1px solid #000;
		
	}
	.main_image a.collapse { /*--This is our hide/show tab--*/
		background: url(/images/btn_collapse.jpg) no-repeat left top;
		height: 27px;
		width: 93px;
		text-indent: -99999px;
		position: absolute;
		top: -27px;
		right: 20px;
		border:1px solid #000;
	}
	.main_image a.show {background-position: left bottom;}
.image_thumb {
    float: left;
    width: 299px;
    background: #333;
	margin-bottom:3px;
	height:74px;
}
	.image_thumb img {
		border: 1px solid #333;
		padding: 3px;
		margin:2px 0;
		background: #666;
		float: left;
	}
	.image_thumb ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.image_thumb ul li{
			margin: 0;
			padding: 12px 10px;
			background: #333 url(nav_a.gif) repeat-x;
			width: 279px;
			float: left;
		}
			.image_thumb ul li.hover { /*--Hover State--*/
				background: #930;
				cursor: pointer;
			}
			.image_thumb ul li.active { /*--Active State--*/
				background: #930;
				cursor: default;
			}
			html .image_thumb ul li h2 {
				font-size: 11px;
				margin:0 0 5px 0;
				padding: 0;
			}
			.image_thumb ul li .block {
				float: left;
				margin-left: 10px;
				padding: 0;
				width: 170px;
			}
			.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

	#corps #realisations #realisations_tab{overflow-y:scroll;height:350px;}
	#corps #realisations #realisations_tab table{border-bottom:1px dotted #999;padding-bottom:20px;}
	#corps #realisations #realisations_tab h2{text-transform:uppercase;}
	#corps #realisations #realisations_tab ul li{
		font-size:11px;
	}