/* = Structure */
/* ---------------------------------------- */
body {
	margin: 0;
  	padding: 0 0 50px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	color: #333;
	background: url(/img/gen/bg_gen.jpg) #180305 repeat-x;
}
#page {
	width: 741px;
	margin: auto;
	font-size: .9em;
	text-align: left;
}
#entete {
	position: relative;
	height: 110px;	
	background: transparent url(/img/gen/bg_dropshadow_menu.gif) 0 bottom no-repeat;
}
#corps {
	/* 	position: relative; */
	background: transparent url(/img/gen/bg_dropshadow.gif) 0 0 no-repeat;
}
#contenu {
	margin: 0 13px;
	padding: 6px 6px 0 6px ;
	background: #FFF;
}
#texte {
	clear: both;
	padding: 0 25px 33px 25px;
	background: transparent url(/img/gen/shadow_bottom.gif) bottom center no-repeat;
}
.clear {
	clear: both;
	text-size: 1px;
	height: 1px;
	margin: 0;
}

/* = Entete */
/* ---------------------------------------- */
#entete h1 {
	margin: 0;
	position: absolute;
	left: 544px;
	top: 39px;
}
#entete ul {
	position: absolute;
	left: 45px;
	top: 87px;
	margin: 0;
	padding: 0;
}
#entete li {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 12px 0 0;
	height: 23px;
}
#entete li a {
	display: block;
	height: 23px;
	width: 90px;
	background-repeat: no-repeat;
	background-position: 0 -46px;
}
#entete li a#nav1 {
	background-image: url(/img/gen/b_role.gif);
}
#entete li a#nav2 {
	background-image: url(/img/gen/b_expertise.gif);
}
#entete li a#nav3 {
	background-image: url(/img/gen/b_portfolio.gif);
}
#entete li a#nav4 {
	background-image: url(/img/gen/b_contact.gif);
}
#entete li a:hover {
	background-position: 0 -23px;
}
#entete li.select a {
	background-position: 0 0 !important;
}
#entete li a span {
	display: none;
}


/* = Entete de section */
/* ---------------------------------------- */
#section {
	background: url(/img/gen/bg_rideaux.jpg) 0 0 no-repeat;
	padding-top: 67px;
}
#section img {
	vertical-align: bottom;
}
#section #titre {
	background: #FFF;
	margin: 0 0 7px 0;
	text-align: left;
}
#section #titre h2 {
	margin: 0;
	position: relative;
}
#section #titre h2 a {
	position: absolute;
	left: 568px;
	top: 0;
	width: 135px;
}


/* = Texte general */
/* ---------------------------------------- */
img {
	border: none;
}
p {
	margin: 0 0 1em 0;
}
sup {
	text-size: 8px;
	position: relative;
	top: 2px;
}
a {
	color: #D70600;
	text-decoration: underline;
}
 a:hover {
	color: #FFF;
	text-decoration: none;
	background: #D70600;
}
#texte li.sup {
	background-position: 0 9px;
}
#texte ul {
	margin: 0 0 1em 15px;
	padding: 0;
}
#texte ul li {
	list-style: none;
	margin: 0;
	padding:  0 0 0 15px;
	background: transparent url(/img/gen/dots_list.gif) 0 6px no-repeat;
}
#texte h1 {
	font-family: "Arial narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
	margin: 30px 0 14px 0;
	padding-left: 9px ;
	background: transparent url(/img/gen/dots_h1.gif)  left center no-repeat;
}
#texte .boxfolio {
	border: 1px solid #E4E0D7;
	border-right: none;
	background: transparent url(/img/portfolio/bg_boxfolio.gif) top right repeat-y;
	margin: 24px 0 1em 0;
	padding: 17px 34px 17px 17px;
	position: relative;
}
#texte .boxfolio .col_fleche {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none; /* pour IE mac car il ne peut pas positionner la fleche correctement */
}
/* commented backslash hack v2 \*/
	* html #texte .boxfolio {
		height: 1%;
	}
	#texte .boxfolio .col_fleche {
		display: block;
	}
/* end hack */

#texte .boxfolio .thumbnail {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #e4e0b7;
}
#texte .boxfolio p {
	margin: 0 0 .5em 133px;
}
#texte .boxfolio .clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: normal;
}
#texte .col1 {
	margin: 6px 0 0 0;
	float: left;
	width: 300px;
}
#texte .col2 {
	margin: 6px 0 0 0;
	margin-left: 317px;
}


/* = Contenu accueil */
/* ---------------------------------------- */
#section.acc {
	padding-top: 157px;
}
#texte.acc {
	padding-right: 307px;
}
#texte.acc div {
	position: relative;
}
#texte ul.portfolio {
	list-style: none;
	position: absolute;
	left: 412px;
	top: 0;	
	width: 300px;
	margin: 0;
	padding: 0;
}
#texte ul.portfolio li {
	float: left;
	margin: 0 17px 17px 0;
	border: 1px solid #e4e0b7;
	background: none;
	padding: 0;
}
#texte ul.portfolio li img {
	vertical-align: bottom;
}


/* = Pied de page */
/* ---------------------------------------- */

#pieddepage {
	padding: 5px 19px;
}
#pieddepage a {
	color: #A18F7A;
	text-decoration: none
}
#pieddepage a:hover {
	color: #A18F7A;
	text-decoration: underline;
	background: none;
}
#pieddepage p {
	text-align: right;
	font-size: .9em;
	color: #A18F7A;
	margin: 0;
}
#pieddepage span {
	display: block;
	float: left;
	text-align: left;
}