@charset "utf-8";
/* CSS Document */
body{
	background:#fff;
	font-family:Tahoma, Arial, sans-serif;
	color:#666;
	font-size:12px;
	margin:0;
	padding:0;
	}
h1,h2,h3,h4,h5,h6{
	font-family:Tahoma, Arial, sans-serif;
}
hr{
	color:#ccc;
	margin:20px 0;
	float:left;
}
p{
	font-family:Tahoma, Arial, sans-serif;
	color:#666;
	font-size:12px;
	margin:0 0 10px;
	}
a{
	color:#666;
}
a:hover{
	color:#F8A407;
}
#bgtop{
	background:#FF9900;
	height:2px;
}
#shadowleft{
	width:980px;
	background:url(../images/shadow-left.jpg) repeat-y left top;
	margin:0 auto;
}
#shadowright{
	width:980px;
	background:url(../images/shadow-right.jpg) repeat-y right top;
}
#header{
}
#logo{
	height:115px;
	padding-top:30px;
	width:350px;
	float:left;
}
#flash{
	height:145px;
	width:600px;
	float:left;
}
#content{
}
#content h2{
	padding:0;
	margin:0 0 30px;
}
#content h3{
	color:#484848;
	font-size:24px;
	letter-spacing:-1px;
}
#content .tracetop{
	background:url(../images/tracetop.png) no-repeat left top;
	height:230px;
}
#content .tracebottom{
	background:url(../images/tracebottom.png) no-repeat left bottom;
	height:230px;
}
#content .tracebottom table{
	margin:0;
	height:230px;
}
#content .tracebottom table td.desc{
	vertical-align:bottom;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:0;
}
#content .tracebottom h3{
	margin:0;
}
#content .tracebottom p, #content .tracebottom li{
	font-size:10px;
}
#content .event-actua{
	padding:0 10px 0 0;
}
#content .event-actua .event-actua-in{
	background:url(../images/bgevent.jpg) repeat-x;
	padding:10px;
	width:200px;
	float:left;
}
.eventxt{
	width:150px;
	float:left;
	margin:0 10px 0 0;
}
.evenimg{
	width:40px;
	float:left;
}
.marginB10L{
	float:left;
	margin:0 0 10px;
	width:200px;
}
#content .event-actua table{
	margin:0;
}
#content .event-actua table td{
	padding:5px;
}
#content .event-actua  p{
	font-size:10px;
	margin:0 0 5px;
	line-height:12px;
}
#content .event-actua  a.titre{
	color:#484848;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	text-decoration:none;
}
#content .event-actua  a.titre:hover{
	text-decoration:underline;
}
#content .event-actua  p.date{
	color:#3399CC;
}
#content .event-actua  img{
	border:1px solid #ddd;
}
#content  #datecles p.date{
	color:#3399CC;
	font-size:11px;
	font-weight:bold;
	padding-top:1px;
}
#content  #datecles p{
	color:#666;
	font-size:12px;
	margin:0 10px 10px 0;
}
#datecles ul{
	margin:0 0 10px;
	list-style:none;
}
#datecles ul li{
	margin:0 0 5px;
}
#content h5{
	margin:0;
}
#content  #datecles h4 {
	line-height:1.1;
	font-size:14px;
	margin:0 0 5px;
	color:#333;
}
#content  #datecles h4 a{
	line-height:1.1;
	font-size:14px;
	margin:0 0 5px;
	color:#333;
}
#content  #datecles h4 a:hover{
	color:#F8A407;
	text-decoration:none;
}
#content  #datecles a{
	color:#484848;
	font-size:12px;
	margin:0 0 10px;
	text-decoration:none;
}
#content  #datecles a:hover{
	text-decoration:underline;
}
#content .linkbiog,#content #datecles a.linkbiog{
	display:inline-block;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	margin:0 10px 0 0;
}
#content .linkbiog:hover,#content #datecles a.linkbiog:hover{
	color:#F8A407;
}
#content .current,#content #datecles a.current{
	color:#3399CC;
}
#content .divcollection ,.divpublication{
	text-align:center;
}
#content .divcollection{
	text-align:center;
	border:1px solid #ddd;
	padding:10px 0;
}
#content .divcollection img{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	}
#content .divcollection img:hover{
	border:1px solid #fff;
	}
#content .divcollection h4{
	margin:0;
	}
#content .divcollection a{
	color:#3399CC;
	font-size:11px;
	text-decoration:none;
	}
#content .divcollection a:hover{
	color:#F8A407;
	}
#content .divPortfolio, .divevenement {
	height:50px;
	padding:10px 0;
	background:url(../images/bgportfolio.jpg) repeat-y;
}
#content .divPortfolio img{
	float:right;
	margin:-10px 0 0 0;
}
#content .divevenement img{
	float:left;
	margin:0 10px 0 0;
}
#content .divPortfolio h4{
	margin:0 0 5px;
	font-size:16px;
	line-height:1;
}
#content .divPortfolio h4 a {
	color:#3399cc;
	font-size:16px;
	text-decoration:none;
	letter-spacing:-0.2px;
}
#content .divPortfolio h4 a:hover{
	color:#F8A407;
}
#content  .divevenement h4{
	margin:0 0 5px;
	line-height:1.1;
}
#content  .divevenement h4 a{
	color:#666;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#content .divevenement h4 a:hover{
	color:#F8A407;
}
#content .divPortfolio p{
	margin:0;
	line-height:1.2;
	width:230px;
}
#content .divevenement p{
	margin:0;
	line-height:1;
}
#content p.pagination{
	text-align:center;
	margin:0;
}
#content p.pagination a{
	display:inline-block;
	height:10px;
	padding:5px;
	text-decoration:none;
	width:5px;
}
#content p.pagination a.prev{
	background:url(../images/prev.png) no-repeat center 10px;
}
#content p.pagination a.next{
	background:url(../images/next.png) no-repeat center 10px;
}
#content p.pagination a.prev-noactive{
	background:url(../images/prev-noactive.png) no-repeat center 10px;
}
#content p.pagination a.next-noactive{
	background:url(../images/next-noactive.png) no-repeat center 10px;
}
#content p.pagination a:hover.prev{
	background:url(../images/prev-hover.png) no-repeat center 10px;
}
#content p.pagination a:hover.next{
	background:url(../images/next-hover.png) no-repeat center 10px;
}
#content p.pagination a.curent{
	font-size:16px;
}
#content p.pagination a:hover{
	color:#F8A407;
}
#content a.linkportfolio{
	background:url(../images/link-portfolio.png) no-repeat right 6px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	padding:0 10px 0 0;
	display:block;
	margin:0 0 10px;
	float:none;
	width:80px;
}
#content a.linkportfolio:hover{
	background:url(../images/link-portfolio-over.png) no-repeat right 6px;
	color:#f8a407;
}
#content #listimg{
	background:url(../images/bggallery.png) no-repeat 0 0;
}
#content #listimg  td{
	height:75px;
	padding:2px 0 1px 1px;
	text-align:center;
	vertical-align:middle;
	width:96px;
}
#content #listimg td img{
}
#content #listimg td img:hover{
	margin:0 -1px -1px 0;
}
#content #gallerybigImg{
	padding:0 0 0 30px;
}
#content #gallerybigImg h3{
	font-size:24px;
}
#content #gallerybigImg img{
cursor: url(../images/zoomin.cur) , pointer;
}
#content #gallerybigImg table{
}
#content #gallerybigImg table td{
	vertical-align:top;
	padding:0 0 0 20px;
}
#contact label{
	color:#7f7f7f;
	float:left;
	font-size:12px;
	width:80px;
	font-weight:normal;
}
#contact .nom, .objet, .mail, .Societe{
	background:#f5f5f5;
	color:#666;
	border:1px solid #CCC;
	font-size:13px;
	padding:0 5px;
}
#contact .nom{
	width:180px;
}
#contact .mail{
	width:240px;
}
#contact .objet{
	width:200px;
}
#contact .Societe{
	width:150px;
}
#contact .nom:hover, .mail:hover, .objet:hover {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #BBBBBB;
}
#contact textarea{
	background:#f5f5f5;
	border:1px solid #CCCCCC;
	color:#666;
	font-size:13px;
	width:325px;
	margin:0;
}
#contact textarea:hover{
	background:#fff;
	border:1px solid #bbb;
}
#contact .submit{
	background:#FFF;
	border:1px solid #CCCCCC;
	width:68px;
	height:26px;
	position:relative;
	left:80px;
	color:#7f7f7f;
}
#contact .submit:hover{
	background:#f5f5f5;
	color:#666;
	border:1px solid #CCC;
}
#content .fade{
position:absolute;
}
/****************	bredcrumbs	*******************/
.bredcrumbs{
	margin-bottom:1em;
	color:#3399CC;
}
.bredcrumbs a{
	font-size:11px;
	color:#3399CC;
	text-decoration:none;
}
.bredcrumbs a:hover{
	color:#F8A407;
	text-decoration:underline;
}
/*****************	navigation	********************/
#content #navigation{
}
#content #navigation ul{
	list-style:none;
	margin:0;
}
#content #navigation ul li{
	display:inline;
}
#content #navigation ul li a{
	display:block;
	height:40px;
}
#content #navigation ul li a span{
	display:none;
}
/********************/
#content #navigation ul li.item1 a{
	background:url(../images/navigation.png) no-repeat left 0;
	width:80px;
}
#content #navigation ul li.item1 a:hover{
	background:url(../images/navigation.png) no-repeat left -640px;
}
#content #navigation ul li#current.item1 a{
	background:url(../images/navigation.png) no-repeat left -320px;
}
#content #navigation ul li#current.item1 a:hover{
	background:url(../images/navigation.png) no-repeat left -640px;
}
/********************/
#content #navigation ul li.item2 a{
	background:url(../images/navigation.png) no-repeat left -40px;
	width:99px;
}
#content #navigation ul li.item2 a:hover{
	background:url(../images/navigation.png) no-repeat left -680px;
}
#content #navigation ul li#current.item2 a{
	background:url(../images/navigation.png) no-repeat left -360px;
}
#content #navigation ul li#current.item2 a:hover{
	background:url(../images/navigation.png) no-repeat left -680px;
}
/********************/
#content #navigation ul li.item7 a{
	background:url(../images/navigation.png) no-repeat left -80px;
	width:83px;
}
#content #navigation ul li.item7 a:hover{
	background:url(../images/navigation.png) no-repeat left -720px;
}
#content #navigation ul li#current.item7 a{
	background:url(../images/navigation.png) no-repeat left -400px;
}
#content #navigation ul li#current.item7 a:hover{
	background:url(../images/navigation.png) no-repeat left -720px;
}
/********************/
#content #navigation ul li.item3 a{
	background:url(../images/navigation.png) no-repeat left -120px;
	width:80px;
}
#content #navigation ul li.item3 a:hover{
	background:url(../images/navigation.png) no-repeat left -760px;
}
#content #navigation ul li#current.item3 a{
	background:url(../images/navigation.png) no-repeat left -440px;
}
#content #navigation ul li#current.item3 a:hover{
	background:url(../images/navigation.png) no-repeat left -760px;
}
/********************/
#content #navigation ul li.item4 a{
	background:url(../images/navigation.png) no-repeat left -160px;
	width:113px;
}
#content #navigation ul li.item4 a:hover{
	background:url(../images/navigation.png) no-repeat left -800px;
}
#content #navigation ul li#current.item4 a{
	background:url(../images/navigation.png) no-repeat left -480px;
}
#content #navigation ul li#current.item4 a:hover{
	background:url(../images/navigation.png) no-repeat left -800px;
}
/********************/
#content #navigation ul li.item5 a{
	background:url(../images/navigation.png) no-repeat left -200px;
	width:108px;
}
#content #navigation ul li.item5 a:hover{
	background:url(../images/navigation.png) no-repeat left -840px;
}
#content #navigation ul li#current.item5 a{
	background:url(../images/navigation.png) no-repeat left -520px;
}
#content #navigation ul li#current.item5 a:hover{
	background:url(../images/navigation.png) no-repeat left -840px;
}
/********************/
#content #navigation ul li.item6 a{
	background:url(../images/navigation.png) no-repeat left -240px;
	width:84px;
}
#content #navigation ul li.item6 a:hover{
	background:url(../images/navigation.png) no-repeat left -880px;
}
#content #navigation ul li#current.item6 a{
	background:url(../images/navigation.png) no-repeat left -560px;
}
#content #navigation ul li#current.item6 a:hover{
	background:url(../images/navigation.png) no-repeat left -880px;
}
/********************/
#content #navigation ul li.item8 a{
	background:url(../images/navigation.png) no-repeat left -280px;
	width:83px;
}
#content #navigation ul li.item8 a:hover{
	background:url(../images/navigation.png) no-repeat left -920px;
}
#content #navigation ul li#current.item8 a{
	background:url(../images/navigation.png) no-repeat left -600px;
}
#content #navigation ul li#current.item8 a:hover{
	background:url(../images/navigation.png) no-repeat left -920px;
}
/********************/
.imgcontain{
	width:80px;
	height:80px;
	margin:0 auto 10px;
	position:relative;
}
#collaps{
}
.marginB10{
	margin-bottom:10px;
}
.marginB25{
	margin-bottom:25px;
}
.marginB40{
	margin-bottom:40px;
}
div.marginR60{
	margin-right:60px;
}
div.marginR30{
	margin-right:30px;
}
div.marginR50{
	margin-right:50px;
}
.paddingT21{
	padding-top:21px;
}
.paddingT55{
	padding-top:55px;
}
.imgright{
	float:right;
	margin:0 0 0 15px;
}
.imgleft{
	float:left;
	margin:0 20px 0 0 ;
}
.displayinline{
	display:inline;
}
.upper {
	text-transform:uppercase;
	}
#gallerydesctitle{
	font-size:11px;
}
#content #gallerybigImg #linkprincipal{
}
#content #gallerybigImg #zoomin{
	font-size:10px;
}
#clients .client{
	padding:10px 5px;
	float:left;
}
#clients .client p{
	background:transparent url(../images/bgportfolio.jpg) repeat-y scroll 0 0;
	width:370px;
	float:left;
}
.borders{
	border:1px solid #DDDDDD;
	padding:7px;
	text-align:center;
	height:50px;
}
#clients .client img{
	
	}
#clients .client a{
	text-decoration:none;
}
#clients .client a:hover{
	text-decoration:none;
}
#publication p{
	margin-bottom:5px;
}
#publication a{
	text-decoration:none;
	font-size:14px;
}
#publication a:hover{
	color:#F8A407;
}
#temoingage a{
	text-decoration:none;
	font-size:11px;
}
#temoingage a:hover{
	color:#F8A407;
}
/*******************************/
#footer{
	margin:0 auto;
	width:980px;
	background:url(../images/footerbg.jpg) left bottom;
	padding:0;
	height:125px;
}
#footer p{
	font-size:10px;
	padding:0 0 0 30px;
	text-align:left;
	margin:80px 0 10px 0;
	display:inline-block;
	float:left;clear:both;
}
#footer a{
	background:url(../images/back.png) no-repeat 0 4px;
	padding:0 0 0 10px;
	margin:0 0 0 166px;
	cursor:pointer;
	float:left;
	display:inline-block;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	
}
#footer a:hover{
	background:url(../images/back-hover.png) no-repeat 0 4px;
	color:#3399CC;
}