* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-image:url(../img/bg.gif);
	background-position:top left;
	background-repeat: repeat-x;
	background-color:#EA690B;
	line-height:1.6em;
}

a:link      { color: #f05000; font-weight: bold; text-decoration: none;  }
a:hover { color: #d2001e; text-decoration: underline; }
a:visited { color: #f05000; font-weight: bold; text-decoration: none;  }
a:visited:hover { color: #d2001e; text-decoration: underline;   }

b, strong {
	font-weight:bold;
}

img {
	border:0
}

.center {
text-align:center;
}

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


hr{
	background-image:url(../img/line.gif);
	height:1px;
	border:none;
	clear:both;
	}

.img-shadow, .img-shadow-pt {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(../img/ombre.png) no-repeat bottom right !important;
  background: url(../img/ombre.gif) no-repeat bottom right;
  margin: 0;
  padding:0;
  }
  
 .img-shadow-map {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(../img/ombre.png) no-repeat bottom right !important;
  background: url(../img/ombre.gif) no-repeat bottom right;
  margin: 10px 0 20px 0;
  padding:0;
  }
   
.img-shadow img {
  display: block;
  border: 5px solid #fff;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: 0 10px 10px 0;
  }
  
 .img-shadow-pt img, .photo img {
  display: block;
  border: 2px solid #fff;
  margin: 0px 10px 10px 0px;
 
  } 
/* ******************* FORMULAIRE HAUT *********************** */
.pageNav input, .pageNav textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 0px;
	margin:3px 0 0 3px;

}
.formText {
	float:left;
	height:30px;
	padding:0px  10px 0 10px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.bgInput {
	float:left;
	height:30px;
	width:121px;
	padding:0  2px 0 2px;
	background-image:url(../img/bg_input.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.btOk input {
	float:left;
	height:21px;
	width:30px;
	margin:0 0 0 0px;
	color:#fff;
	background-color:#000;
	background-image:url(../img/envoyer.png);
	background-position:top center;
	background-repeat:no-repeat;
}

/* ******************* AUTRES FORMULAIRES *********************** */

#pageContentTextLeft input[type=text] {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-width:0px;
	height:31px;
	margin:5px 0 0 3px;
	padding:5px 0 0 5px;
	background-image:url(../img/bg_input1.png);
	background-position:top left;
	background-repeat:no-repeat;

}
#pageContentTextLeft textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-width:0px;
	height:121px;
	margin:5px 0 0 3px;
	padding:5px 0 0 5px;
	background-image:url(../img/bg_input2.png);
	background-position:top left;
	background-repeat:no-repeat;

}
#pageContentTextLeft select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-width:0px;
	width:151px;
	margin:5px 0 0 3px;
	padding:5px 0 0 5px;
	background-image:url(../img/bg_input1.png);
	background-position:top left;
	background-repeat:no-repeat;

}

input.formError, textarea.formError {
	color:#000
}

input[type=file].formError {
	color:#ff0000
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 0px;
	width:110px;
}

pageNavSubmit  {
	background-image:none;
	padding:1px;
	border:none;
	background-color:#8cb30d;
	border:1px outset #CCCCCC;
	margin:0 0;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer
}

input[type=checkbox], input[type=radio], input[type=image] {
	background-image:none;
	border:none;
	margin:0;
	padding:0
}

input#submit, input#submitOk  {
	float:right;
	clear:both;
	padding:5px;
	margin:20px 60px 0 20px;
	border:none;
	cursor:pointer;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	width:81px;
	background-color:#000;
	background-image:url(../img/bg_input3.gif);
	background-position:center;
	background-repeat:no-repeat;


}

input#submitOk {
	margin:0;
	padding:2px;
}

button {
	font-size:11px;
	background-image:none;
	padding:1px;
	border:none;
	background-color:#8cb30d;
	border:1px outset #CCCCCC;
	margin:0 5px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

form {
	display:inline;
	margin:0;
}

.login div {
	text-align:center;

}
.login label, .login input[type=text], .login input[type=password] {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.login label {
	text-align: right;
	width: 75px;
	padding: 5px 10px 0 0;
}

.login br {
	clear: left;
}

.error {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#AEB300;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../img/flm.gif) no-repeat left;
	padding:5px 15px 0px 15px;
	margin-top:10px;
	float:right;
}

	.image {
	}
	
	.marge{
		margin:0 20px 10px 0;
	}

/* ******************* STRUCTURE *********************** */
#container {
	position:relative;
	margin:0 auto 0 auto;
	width:955px;
}


/* ******************* STRUCTURE LEFT *********************** */
#pageLeft {
	width:232px;
	float:left;
	margin-top:50px;
}

	#pageLeftTop {
		float:left;
		width:232px;
		height:260px;
		background-image:url(../img/pressagrum.png);
	}
	
	#pageLeftTop h1 {
	display:none;
	}
	
	#pageLeftTop h2 {
	color:#fff;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	}
	
	#pageLeftTop h3 {
	padding: 35px 10px 0px 30px;
	color:#fff;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	}

	#pageLeftTop a {
		display:block;
		width:232px;
		height:180px;
	}
	
	#pageLeftMenu {
		float:left;
		width:232px;
		background: url(../img/leftBg.png) repeat-y;
		padding: 10px 10px 0px 30px;
		text-align:left;
	}
	
	#pageLeftMenu h1{
		font-weight:bold;
		font-size:12px;
	}
	
	.nbRea {
			font-size:11px;
			text-align:left;
			color:#aaaaaa;
			font-weight:normal;
			margin:0 0 20px 0;
	}
	
	#pageLeftMenu hr{
	}
	
	#pageLeftMenu li{
		font-size:11px;
		list-style-image:url(../img/flm.gif);
		height:20px;
		width:180px;
		margin:10px 0 0 0;
		background-image:url(../img/line.gif);
		background-repeat:repeat-x;
		background-position:bottom left;

	}
	.Accueil a:link, .Agence a:hover, .Agence a:visited, .Agence a:visited:hover {
			color:#666666;
	}
	.Agence a:link, .Agence a:hover, .Agence a:visited, .Agence a:visited:hover {
			color:#E31319;
	}
	.Presta a:link, .Presta a:hover, .Presta a:visited, .Presta a:visited:hover {
			color:#f05000;
	}
	.Portfolio a:link, .Portfolio a:hover, .Portfolio a:visited, .Portfolio a:visited:hover {
			color:#F79900;
	}
	.Contact a:link, .Contact a:hover, .Contact a:visited, .Contact a:visited:hover {
			color:#AEB300;
	}
	
	
	
/* ******************* */
	
	#pageLeftActusTop {
		float:left;
		width:232px;
		height:100px;
		background-image:url(../img/actusTop.png);
	}
	
	#pageLeftActusTop p{
		padding-right:50px;
		text-align:right;
		font-weight:normal;
		color:#FFF;
		font-size:10px;
		line-height:30px;
	}
		
	#pageLeftActus, #pageLeftPort  {
		float:left;
		width:202px;
		background: url(../img/leftBg.png) repeat-y;
		padding:0 20px 20px 20px;
	}
	
		#pageLeftActus h4, #pageLeftPort h4 {
			text-align:left;
			color:#000;
			font-size:11px;

		}
		#pageLeftActus h5, #pageLeftPort h5 {
			font-size:11px;
			text-align:left;
			color:#aaaaaa;
			font-weight:normal;
			margin:0 0 20px 0;
		}
		
		#pageLeftActus p, #pageLeftPort p {
			text-align:left;
			padding:0 10px 0 0;
		}
		
		#pageLeftActus hr {
		}
		
		*+html #pageLeftActus hr, * html #pageLeftActus hr {
		}
		
/* ******************* */
		
	#pageLeftPortTop {
		float:left;
		width:232px;
		height:110px;
		background-image:url(../img/portTop.png);
	}
	

/* ******************* */
	
	#pageLeftBottom {
		float:left;
		width:232px;
		height:40px;
		background-image:url(../img/leftBottom.png);
	}
	#pageLeftBottom p{
		padding-right:50px;
		text-align:right;
		font-weight:normal;
		color:#FFF;
		font-size:10px;
		line-height:30px;
	}
	
/* ******************* CONTENU *********************** */

#pageContent {
	float:right;
	width:720px;
	margin-top:3px;
	margin-bottom:20px;
}
	#pageContentTopAccueil {
		float:left;
		top:0;
		width:732px;
		height:270px;
		background-image:url(../img/contentTopAccueil.png);
		background-repeat:no-repeat;
		line-height:1em;
	}
	#pageContentTopAgence {
		float:left;
		top:0;
		width:732px;
		height:270px;
		background-image:url(../img/contentTopAgence.png);
		background-repeat:no-repeat;
		line-height:1em;
	}
	
	#pageContentTopPresta {
		float:left;
		top:0;
		width:732px;
		height:270px;
		background-image:url(../img/contentTopPresta.png);
		background-repeat:no-repeat;
		line-height:1em;
	}
	
	#pageContentTopPortfolio {
		float:left;
		top:0;
		width:732px;
		height:270px;
		background-image:url(../img/contentTopPortfolio.png);
		background-repeat:no-repeat;
		line-height:1em;
	}
	
	#pageContentTopContact {
		float:left;
		top:0;
		width:732px;
		height:270px;
		background-image:url(../img/contentTopContact.png);
		background-repeat:no-repeat;
		line-height:1em;
	}

	#pageContentTopText {
		height:210px;
		vertical-align:middle;
		
	}
	#pageContentTopText h1 {
		font-family : Times New Roman, Times, serif;
		padding:40px 20px 0 520px;
		text-align:left;
		color:#fff;
		font-size:20px;
		line-height:24px;
		font-weight:normal;
		
	}
	#pageContentTopText h2 {

		padding:5px 20px 0 520px;
		text-align:left;
		color:#fff;
		font-size:12px;
		line-height:24px;
		font-weight:normal;
		
	}
	
	
		#topLeft {
			float:left;
			margin:6px 0 0 12px;
		}
		
		#topMiddle {
			float:left;
			margin:6px 0 0 140px;
			padding-top:5px;
		}
		
		#topMiddle a:link, #topMiddle a:hover, #topMiddle a:visited, #topMiddle a:visited:hover{
			color:#000;
			font-weight:bold
		}
		
		#topRight {
			float:right;
			margin:6px 12px 0 0;
		}
			
	#pageContentText {
		float:left;
		width:670px;
		background-image:url(../img/bgContent.png);
		padding:0px 30px 20px 30px;
		font-size:11px;
	}
	
	#pageContentText ul {
		list-style-image:url(../img/flm.gif);
		margin:0 0 20px 30px;
	}
			
	#pageContentText ul li {
	padding:0;
	margin:0;
	}

		#pageContentTextLeft {
			width:670px;
			float:left;
		}
			#pageContentTextLeft .titre {
				float:left;
			}
			
			#pageContentTextLeft h2 {
				display:none;
			}
			
			#pageContentTextLeft h3 {
				font-size:2.5em;
				font-weight:normal;
				font-family : Times New Roman, Times, serif;
				text-align:left;
				padding:0 0 15px 0;
				margin:40px 0 20px 0;
				background-image:url(../img/line.gif);
				background-repeat:repeat-x;
				background-position:bottom left;

			}
			
			#pageContentTextLeft .portDate {
			
			text-align:right;
				color:#aaaaaa;
				font-weight:normal;
			}

	#pageContentTextLeft .Accueil{
			color:#666;
	}			
	#pageContentTextLeft .Agence{
			color:#E31319;
	}
	#pageContentTextLeft .Presta{
			color:#f05000;
	}
	#pageContentTextLeft .Portfolio{
			color:#F79900;
	}
	#pageContentTextLeft .Contact{
			color:#AEB300;
	}
			
			#pageContentTextLeft p {
			margin:0px 0 20px 0;
				
			}	
			
			*+html #pageContentTextLeft hr, * html #pageContentTextLeft hr { /* pour ie7 et inférieur */
			}
		
		
		#pageContentTextRight {
			width:215px;
			float:right;
			text-align:right;
			padding-top:20px;
		}	
		
			#pageContentTextRight h3 {
				font-size:18px;
				font-weight:normal;
				height:20px;
				color:#8cb30d;
				background-image:url(../img/fl_default.png);
				background-repeat:no-repeat;
				background-position:right;
				padding:0 20px 0 0;
				margin:0 0 16px 0;
			}
	
	#pageContentTextList {
		float:left;
		width:663px;
		background-image:url(../img/bgContent.png);
		padding:35px 0 50px 55px;
		margin-top:87px;
	}
	
	#pageContentTextList .intro {
		clear:both;
		padding:0 15px 50px 15px;
	}

			
	.pageNav {
		float:right;
		height:25px;
		width : 455px;
		margin:1px 0 15px 0;
	}
	

	.pageNavSubmit  {
		background-image:none;
		border:none;
		background-color:#8cb30d;
		border:1px outset #CCCCCC;
		margin:0;
		color:#FFFFFF;
		font-weight:bold;
		cursor:pointer
	}


/* ******************* PORTFOLIO *********************** */
	
	#pageContentPort {
		float:left;
		width:659px;
		background-image:url(../img/bgContent.png);
		padding:10px 6px 50px 55px;
	}
	
		#pageContentPort .titleH, #pageContentTextList .titleH {
			float:left;
			width:580px;
			margin-bottom:20px;
		}
		
		#pageContentTextList .titleHNav {
			float:left;
			width:610px;
		}
			
			*+html #pageContentTextList .titleH, * html #pageContentTextList .titleH { /* pour ie7 et inférieur */
				margin-bottom:-5px;
			}
		
		
		#pageContentPort .titre, #pageContentTextList .titre {
			float:left;
		}
		
		#pageContentPort h2, #pageContentTextList h2 {
			display:none;
		}
		
		#pageContentPort hr, #pageContentTextList hr {
			margin:20px 10px 0px 10px;
		}		
		
			*+html #pageContentPort hr, * html #pageContentPort hr, *+html #pageContentTextList hr, * html #pageContentTextList hr { /* pour ie7 et inférieur */
				margin:13px 10px 0px 10px;
			}
			
		#pageContentPort .titleA {
			float:left;
			margin-top:6px;
		}
			
		.titleA a:link, .titleA a:hover, .titleA a:visited, .titleA a:visited:hover {
			vertical-align:middle;
			background:url(../img/hoverl.png) no-repeat right;
			padding:5px 15px 5px 0;
		}


/* ******************* BOXES *********************** */
		
		.pageContentBox {
			float:left;
			width:568px;
			margin:30px 0 0 20px;
		}
		
		.pageContentBox p {
			margin-bottom:10px;
		}
		
		.pageContentBox ul {
			list-style-image:url(../img/flb.gif);
		}
				
		.pageContentBox ul li {
			margin:0.5em 0 0 20px;
		}
		
			.pageContentBoxTitle {
				position:absolute;
				margin:-5px 0 0 -10px;
				height:20px;
			}
				
				
				.pageContentBoxTitleL {
					float:left;
					background:url(../img/portTopBL.png) left no-repeat;
					min-width:100px;
					height:21px;
					padding:1px 0 0 5px;
					font-weight:bold;
				}
				
				.pageContentBoxTitleR {
					float:left;
					background:url(../img/portTopBR.png) no-repeat;
					width:5px;
					height:22px;
				}
			
			.pageContentBox .pageContentBoxTop {
				width:750px;
				min-height:100px;
				background:url(../img/portTop.png) top no-repeat;
				padding:35px 0px 10px 20px;
			}
			
			.pageContentBoxTopL {
				float:left;
				width:420px;
				padding:0 20px 0 0;
			}
			.pageContentBoxTopL a img{
					background:url(../img/bgThumb.png) no-repeat;
					cursor: pointer; cursor:-moz-zoom-in; cursor: url('img/z.ani');
				}
			
			.pageContentBoxTopR {
				float:left;
				width:230px;
			}
			
			.pageContentBoxTopR span {
				font-size:10px;
			}
			
			.pageContentBoxTopR ul {
				list-style:none;
			}
			
			.pageContentBoxTopR ul li {
				
			}
			
			
				.pageContentBoxTopR img {
					background:url(../img/bgThumb.png) no-repeat;
					cursor: pointer; cursor:-moz-zoom-in; cursor: url('img/z.ani');
				}
			
			.pageContentBox .pageContentBoxBottom {
				width:568px;
				height:17px;
				background:url(../img/portBottom.png) top no-repeat;
			}


		.pageContentBox2L {
			float:left;
			width:256px;
			margin:25px;
		}
		
			.pageContentBox2L .pageContentBoxTop {
				width:216px;
				min-height:100px;
				background:url(../img/box2Top.png) top no-repeat;
				padding:35px 20px 10px 20px;
			}
			
			.pageContentBox2L .pageContentBoxBottom {
				width:256px;
				height:17px;
				background:url(../img/box2Bottom.png) top no-repeat;
			}
			
			.paginTop {
				float:left;
				font-weight:normal;
				height:30px;
				background-image:url(../img/line.gif);
				background-repeat:repeat-x;
				background-position:bottom left;
				padding:10px 0 20px 0;
			}
			
			.paginBottom {
				float:left;
				font-weight:normal;
				height:30px;
				background-image:url(../img/line.gif);
				background-repeat:repeat-x;
				background-position:top left;
				margin:20px 0 10px 0;
			}
			
			.listNav {
				float:left;
				padding:20px 0 0 0px;
			}
		
			.listResults {
				float:right;
				text-align:right;
				padding:20px 0 0 0px;
			}

		.openUrl {
			margin-top:25px;
		}
		
		.openUrl a:link, .openUrl a:hover, .openUrl a:visited, .openUrl a:visited:hover {
			padding-left:20px;
			background:url(../img/flm.gif) left no-repeat;
			font-weight:bold
		}
		
		.cols {
			float:left;
			width:290px;
			padding:20px 0 30px 20px
		}
		
	#pageContentBottom {
		float:left;
		width:720px;
		height:263px;
		background-image:url(../img/bgContentBottom.png);
		background-repeat:no-repeat;
		background-position:bottom middle;
		padding:0 5px 5px 5px;
	}
	
	#footer {
		float:left;
		width:732px;
		height:44px;
		background-image:url(../img/bgContentBottom.png);
		font-weight:normal;
		color:#FFF;
		font-size:10px;
	}	
			
	#footerLeft {
		float:left;
		position:relative;
		vertical-align:top;
		top:5px;
		margin:0 5px 0 20px 

		}
	#footerImg{
		
		float:left;
		position:relative;
		vertical-align:top;
		top:7px;
		}
		
		#footerRight {
			float:right;
			position:relative;
			vertical-align:top;
			top:5px;
			margin:0 50px 0 20px 
		}
		
		
.cl {
	clear:both;
}	

.clr {
	clear:both;
}

.pano img {
	float:left;
	margin:0 15px 35px 20px;
}

.pano dl {
	float:left;
	width:250px;
	margin:20px 0 0 20px;
}

.pano dl dt, .pano dl dd {
	float:left;
}

.pano dl dd img {
	float:left;
	margin:-7px 0 -7px 3px
}

.modForm div {
	text-align:center;
}
.modForm label, .modForm input[type=text], .modForm input[type=password], .modForm input[type=file], .modForm select, .modForm textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.modForm label {
	text-align: right;
	float: left;
	width: 110px;
	padding: 5px 10px 0 0;
}

.modForm label.radioLabel {
	width:auto;
	text-align:left;
	float:left;
	padding:0 25px 0 8px;
	margin-top:4px;
}

.modForm input[type=radio] {
	float:left;
	margin:4px;
}

.modForm br {
	clear: left;
}

.modForm input[type=file] {
	margin-left:10px;
}


.formLeft {
	float: left;
}

.formRight {
	float: left;
}

.formLeft label {
	width: 120px;
}

.formRight label {
	width: 120px;
}

.album img {
	cursor:pointer
}

.album_details {
	width:400px;
	margin-top:20px;

}

.album_details .photo {

	height:112px;
	text-align:center;
	float:right; 
	padding-top:25px;

	
  background: url(../img/ombre.png) no-repeat bottom right !important;
  background: url(../img/ombre.gif) no-repeat bottom right;
  margin: 0;
  padding:0;
}

.album_details .photo:hover {
	background-color:#000;
}

.album_details .photo a img {
	max-width:150px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:25;
    color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:24; 
	color: #0D0D0E; 
	background:;
  text-decoration:none;
}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	font-weight:bold;
	top:20px;
	left:-132px;
	padding:0;
	width:150px;
	text-align: left;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	line-height:1.5em;
}
a.tt:hover span.top{
	display: block;
	padding: 20px 8px 0;
	background: url(../img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 2px;
	background: url(../img/bubble.gif) no-repeat bottom;
}

/* google map */

#map {
	width: 650px;
	height: 380px;
	display: block;
  	border: 5px solid #fff;
  	/* Cette ligne permet de placer correctement notre image par rapport à notre*/       
	/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
 	margin: 0 10px 10px 0;
    padding:0;
}


#map input[type=submit] {
	clear:both;
	padding:5px;
	margin:20px 60px 0 20px;
	border:none;
	cursor:pointer;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	width:81px;
	background-color:#000;
	background-image:url(../img/bg_input3.gif);
	background-position:center;
	background-repeat:no-repeat;
}