/*----------------------------------------------------------*/
/*--- GENERAL ----------------------------------------------*/

* {margin:0 auto; padding:0 auto;}
img {border:none;}
body{
	background:#554733 url(/images/bg.gif) center top;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#shadow{
	background:url(/images/bg-shadow.png) center top repeat-y;
	width:982px;
}
#page{
	text-align:left;
	border:3px solid #5a4c3b;
	width:956px;
	background:#ffffff url(/images/bg-page.gif) left top repeat-y;
	clear:both;
}

h1{
	color:#aa9070;
	font-weight:100;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:972px;
	text-align:right;
	padding:5px 10px 3px 0;
	background:url(/images/bg-h1.png) center bottom no-repeat;
}
h2{
	font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#8f795e;
	font-weight:bold;
	padding:22px 0 15px 0;
}
h3{
	font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#07526b;
	font-weight:bold;
	padding:8px 0 6px 0;
	text-transform:uppercase;
}
h4{
	font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#372e24;
	padding:8px 0 6px 0;
	font-weight:bold;
}
h6{
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#aa9070;
	padding:15px;
	background:url(/images/bg-h6.png) center top no-repeat;
}
	p{
		padding:3px 0 8px 0;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color:#372e24;
		text-align:justify;
	}
		p strong, p b{
			color:#448fa3;
			font-size:14px;
			font-weight:100;
		}
		p em, p i{
			color:#07526b;
			font-style:normal;
		}
		p em strong, p em b, p i strong, p i b{
			color:#372e24;
		}
	a{
		color:#b66e16;
	}
	a:hover{
		color:#07526b;
	}
	h6 a{
		color:#aa9070;
		text-decoration:none;
	}
	h6 a:hover{
		color:#aa9070;
		text-decoration:underline;
	}
	ul, ol{
		color:#372e24;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		padding:5px 0 15px 30px;
	}
	ol{
		list-style:none;
		padding:5px 0 15px 0px;
	}
	ol li{
		font-weight:bold; color:#448fa3;
	}
		ol ol{padding:5px 0 15px 30px; list-style:circle;}
		ol ol li{font-weight:100;color:#372e24;}
	table{
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color:#372e24;
		border:none;
	}
		th{background:#89cce2;border:1px solid #448fa3;}
		td{border:1px solid #372e24;}
		
		table.partners {
			color:#372e24;
			border:none;
		}
			table.partners td {border:0;}
	hr{
		color:#448fa3;
	}
/*----------------------------------------------------------*/



/*----------------------------------------------------------*/
/*--- MENU -------------------------------------------------*/

#header{
	background:url(/images/bg-entete.gif) left top no-repeat;
	height:339px;
	position:relative;
}
	#header img{
		position:absolute;
		right:0;
		top:12px;
	}
	#header a{
		display:block;
		color:#FFF;
		text-decoration:none;
		margin:0;
	}
	#header a:hover{
		background-color:#b29775;
		font-style:normal;
	}
	#header ul{
		width:200px;
		padding: 12px 0 0 0;
		margin:0;
		list-style:outside;
		list-style-type:none;
		font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
		border-bottom:1px solid #b29775;
	}
	#header li{
		margin:0; padding:0;
		border:none;
		display: inline;
	}
		#header ul li a{
			background:#7c6952;
			padding:3px 0 2px 12px;
			margin:0;
			border-bottom:1px solid #b29775;
			width: 188px;
		}
			#header ul ul{
				margin:0;
				padding:0;
				width:auto;
				border-bottom:none;
			}
				#header ul ul li a{
					background:#7c6952 url(/images/menu-list.gif) 12px 5px no-repeat;
					margin:0;
					padding-bottom:3px;
					padding-left:31px;
					width: 169px;
				}

	.accueil #header ul li a#accueil,
	.services #header ul li a#services,
	.domaines #header ul li a#domaines,
	.expertcomplice #header ul li a#expertcomplice,
	.realisations #header ul li a#realisations,
	.acces #header ul li a#acces,
	.contact #header ul li a#contact {background:#b29775;}
	
	.media #header ul ul li a#media,
	.strategique #header ul ul li a#strategique,
	.marketing #header ul ul li a#marketing,
	.communications #header ul ul li a#communications,
	.expertises #header ul ul li a#expertises,
	.equipe #header ul ul li a#equipe,
	.complices #header ul ul li a#complices {background:#b29775 url(/images/menu-list.gif) 12px 5px no-repeat;}
/*----------------------------------------------------------*/



/*----------------------------------------------------------*/
/*--- COLONNE GAUCHE ---------------------------------------*/

#leftcol{
	background:url(/images/bg-gauche.jpg) left top no-repeat;
	float:left;
	min-height:448px;
}
	#leftcol img{
		padding-top:18px;
	}
/*----------------------------------------------------------*/



/*----------------------------------------------------------*/
/*--- COLONNE CENTRE ---------------------------------------*/

#centercol{
	float:left;
	width:380px;
	padding-left:20px;
}

#centercol form p {
	clear: both; 
	float: left;
	margin: 0 0 5px 0; 
	border-bottom: 1px solid #89cce2; 
	padding: 0;
	width: 380px;
}
#centercol label {
	float: left; 
	width: 140px; 
	display: block; 
	margin: 3px 0 0 0;
}
#centercol input, #centercol textarea {
	width: 230px; 
	float: left; 
	margin: 0 0 5px 0;
	border: 1px solid #89cce2;
	border-left: 3px solid #89cce2;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
#centercol textarea {height: 75px; overflow:auto;}
#centercol input#effacer, #centercol input#envoyer {
	width: auto; 
	padding: 5px 10px; 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	background: #89cce2;
	border: 0; 
	color: #07526b;
	cursor: pointer;
}

#centercol input:hover#effacer, #centercol input:hover#envoyer {background: #07526b; color: #fff;}
#centercol input#effacer {margin: 0 5px 0 140px;}
#centercol form p.noborder {border: 0;}
/*----------------------------------------------------------*/



/*----------------------------------------------------------*/
/*--- COLONNE DROITE ---------------------------------------*/

#rightcol{
	margin-top:21px;
	float:right;
	width:338px;
	background:url(/images/bg-nouvelles.jpg) right top repeat-y;
}
	#rightcol h2{
		padding:6px 0 8px 37px;
		background:url(/images/bg-h2.gif) right top repeat-y;
		max-height:30px;
		color:#FFF;
	}
	#rightcol h2:first-child{
		padding:14px 0 16px 37px;
		background:url(/images/bg-np2.gif) right top no-repeat;
		max-height:46px;
	}
	#rightcol h3{
		padding:0 10px 0 37px;
		font: 14px/16px Verdana, Arial, Helvetica, sans-serif;
		font-weight:100;
		color:#448fa3;
		text-transform:inherit;
	}
	#rightcol h4{
		padding:0 10px 9px 37px;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		font-weight:100;
		color:#448fa3;
	}
	#rightcol h5{
		padding:3px 10px 0 37px;
		font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
		font-weight:100;
		color:#372e24;
		text-align:right;
	}
	#rightcol p{
		padding:2px 10px 8px 37px;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color:#372e24;
	}
		#rightcol p img{
			float:left;
			padding: 3px 10px 10px 0;}
	#rightcol a{
		display:block;
		color:inherit;
		text-decoration:none;
	}
	#rightcol a.pale{
		background:url(/images/bg-nouvelles2.jpg) right top repeat-y;
	}
		#rightcol a:hover{
			background:url(/images/bg-nouvelles3.jpg) right top repeat-y;
			font-weight:bold;
		}
	#rightcol a em{
		padding: 5px 10px 5px 0;
		display:block;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		font-weight:100;
		font-style:normal;
		color:#372e24;
		text-decoration:underline;
		text-align:right;
	}
	#rightcol .fright{
		float:right;
	}
	
#rightcol form {padding:14px 0 16px 37px; margin: 0;}
#rightcol form p {
	clear: both; 
	float: left;
	margin: 0 0 5px 0; 
	border-bottom: 1px solid #89cce2; 
	padding: 0;
	width: 285px;
}
#rightcol label {
	float: left; 
	width: 100px; 
	display: block; 
	margin: 3px 0 0 0;
}
#rightcol input, #rightcol textarea {
	width: 174px; 
	float: right; 
	margin: 0 0 5px 0;
	border: 1px solid #89cce2;
	border-left: 3px solid #89cce2;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
#rightcol textarea {height: 75px; overflow:auto;}
#rightcol input#effacer, #rightcol input#envoyer {
	width: auto; 
	padding: 5px 7px; 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	background: #89cce2;
	border: 0; 
	color: #07526b;
	cursor: pointer;
	float: left;
}

#rightcol input:hover#effacer, #rightcol input:hover#envoyer {background: #07526b; color: #fff;}
#rightcol input#envoyer {margin: 0 5px 0 100px;}
#rightcol form p.noborder {border: 0;}	
/*----------------------------------------------------------*/



/*----------------------------------------------------------*/
/*--- BAS DE PAGE ------------------------------------------*/

#footer{
	background:url(/images/bg-bdp.gif) left top repeat-x;
	clear:both;
	height:89px;
}
	#footer .fleft{
		width:200px;
		float:left;
		text-align:right;
	}
	#footer .fleft a{
		display:block;
		height:14px;
		background:url(/images/bg-haut-de-page.gif) left top no-repeat;
		color:#ede5da;
		font-size:10px;
		text-decoration:none;
		padding:33px 5px 0 0;
	}
	#footer .fleft a:hover{
		background:url(/images/bg-haut-de-page-rl.gif) left top no-repeat;
		color:#89cce2;
	}
	#footer p{
		padding-top:50px;
		font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
		color:#FFF;
		text-align:center;
	}
		#footer p a{
			color:#FFF;
			font-style:italic;
			text-decoration:none;
		}
			#footer p a:hover{
				font-style:normal;
			}
	#footer p strong{
		font-size:14px;
		color:#FFF;
		font-weight:bold;
	}
/*----------------------------------------------------------*/