@charset "utf-8";
/* CSS Document */

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

body {
	margin:0;
	font-size: 13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#58452b;
	line-height: 130%;
	background-color:#ffffff;
	background:url(../img/bg_body.gif) repeat-x 0 0;
	}

body *{
	margin:0;
	padding:0;
	border:0;
	}
	
a {
	text-decoration:underline;
	color:#cba674;
	}

a:link, a:visited {
	color:#cba674;
	text-decoration:underline;
	}
a:hover {
	color:#58452b;
	text-decoration:underline;
	}
	
h1 {
	background:url(../img/tt_presentation_1.gif) no-repeat 15px 0;
	width:961px;
	height:28px;
	color:#FFF;
	font-size:20px;
	padding:15px 0 0 35px;
	display:block;
	float:left;
	}
h2 {
	font-size:16px;
	text-transform:uppercase;
	color:#cba674;
	width:901px;
	height:35px;
	background:url(../img/tt_h2.gif) no-repeat 15px 0;
	padding:3px 0 5px 65px;
	display:block;
	float:left;
	}
	
h3 {
	font-size:16px;
	text-transform:uppercase;
	color:#cba674;
	width:901px;
	height:35px;
	padding:3px 0 5px 65px;
	display:block;
	float:left;
	}


p {
	padding:20px 20px 10px 35px;
	}

.gras{
	font-weight:bold;
	display:block;
	float:left;
}

.normal{

	display:block;
	float:left;
}

.marron{
	font-weight:bold;
	color:#cba674;
	display:block;
	float:left;
	margin-bottom:10px;
}

.tt_marron{
	font-size:14px;
	font-weight:bold;
	color:#cba674;
	display:block;
	float:left;
	margin-bottom:10px;
	line-height:20px;
}

.attention{
	font-size:15px;
	font-weight:bold;
	color:#000;
	display:block;
	float:left;
	margin-bottom:10px;
	line-height:20px;
	font-style:italic;
}

.add{
	line-height:20px;
	}

ul{
	/*display:block;*/
	display:inline;
	float:left;
	width:557px;
	height:312px;
	margin:0 0 0 35px;
	list-style:none;
	}
	
li.argu-1 {
	background:url(../img/bg_li_presentation_1.gif) no-repeat;
	height:78px;
	padding:3px 30px 0 45px;
	}

li.argu-2 {
	background:url(../img/bg_li_presentation_2.gif) no-repeat;
	height:78px;
	padding:3px 30px 0 45px;
	}

li.argu-3 {
	background:url(../img/bg_li_presentation_3.gif) no-repeat;
	height:78px;
	padding:3px 30px 0 45px;
	}

li.argu-4 {
	background:url(../img/bg_li_presentation_4.gif) no-repeat;
	height:78px;
	padding:3px 30px 0 45px;
	}

/* UTILE */
.clearboth {
	clear:both;
	height:1px;
	}

/* CONTAINER */

#container {
	width:990px;
	margin: 0 auto 0 auto;
	}

/* HEADER */

#header {
	height:355px;
	}

/* MENU */

#menu {
	height:62px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#menu ul {
	width:990px;
	height:62px;
	display:block;
	float:left;
	background:url(../img/isf-nav.gif) no-repeat;
	overflow:hidden;
	background-position: 1px 0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

#menu ul li {
	display:inline;
}

#menu ul li a.bt_1, a.bt_4 {
	height:62px;
	width:255px;
	display:block;
	float:left;
	cursor: pointer;
	}
#menu ul li a.bt_2, a.bt_3 {
	height:62px;
	width:240px;
	display:block;
	float:left;
	cursor: pointer;
	}

menu ul li:hover {
	cursor: pointer;
	/*cursor: hand;*/
	}

#menu ul li a.bt_1:hover, #menu ul li#presentation.selected  {
	background:url(../img/isf-nav.gif) no-repeat;
	background-position: 1px -62px;
	display:block;
	float:left;
	}
	
#menu ul li a.bt_2:hover, #menu ul li#investir.selected {
	background:url(../img/isf-nav.gif) no-repeat;
	background-position: -254px -62px;
	display:block;
	float:left;
	}

#menu ul li a.bt_3:hover, #menu ul li#souscription.selected {
	background:url(../img/isf-nav.gif) no-repeat;
	background-position: -494px -62px;
	display:block;
	float:left;
	}

#menu ul li a.bt_4:hover, #menu ul li#contacts.selected {
	background:url(../img/isf-nav.gif) no-repeat;
	background-position: -734px -62px;
	display:block;
	float:left;
	}

/*#menu ul li:hover {
	cursor:pointer;
	}*/

#menu ul li a span{
	visibility:hidden;
	text-decoration:none;
	display:none;
	}	


/* CONTENT */

#content{
	width:990px;
	overflow:hidden;
	background-color:#FFF;
	background:url(../img/bg_content.gif) no-repeat;
	min-height:500px;
	}
	
/* FOOTER */

#footer{
	height:121px;
	background:url(../img/bg_footer.jpg) no-repeat center;
	padding:0 0 0 0;
	position:absolute;
	width:100%;
	background-color:#000;
	}
	
#footer #content_footer{
	margin:0 auto;
	width:990px;
	
	}
	
#footer #content_footer p{
	padding:30px 0 0 25px;
	color:#9d8b72;
	line-height:100%;
	display:block;
	}



/*#footer p a{
	text-decoration:underline;
	}

#footer p a:link, a:visited {
	color:#cba674;
	text-decoration:underline;
	}
*/
#footer p a:hover {
	color:#FFF;
	text-decoration:underline;
	}

/*--------------- FORM ---------------*/ 

#form_container form input{
	width:300px;
	height:20px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	background-color:#000;
	border:solid 1px #9fa2a2;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	}
	
#form_container form textarea{
	width:300px;
	height:150px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	background-color:#000;
	border:solid 1px #9fa2a2;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	}
			
#form_container form select{
	width:150px;
	height:20px;
	margin:0 0 0 0;
	padding:0;
	display:block;
	float:left;
	background-color:#cfd0d0;
	border:solid 1px #9fa2a2;
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	}
	
#form_container form p {
	width:500px;
	padding:0 0 0 0;
	}				

#form_container #button p {
	text-align:center;
	margin:0 0 0 0;
	}
	
.separator {
	background:url(../img/bg_separator.gif) no-repeat;
	height:10px;
	width:961px;
	min-height:10px;
	margin-left: 15px;
	display:inline;
	float:left;
	}


.center {
	margin: 0 auto;
	text-align:center;
	display:block;
	}

/* DEBUG */

/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}

* {margin: 0; padding: 0;}*/

/*-------------- BUTTONS ---------------*/


a.bt_download{
	margin: 0 auto;
	text-align:center;
	min-height:118px;
	height:118px;
	width:404px;
	display:block;
	background:url(../img/bt_telechargez.gif) no-repeat;
	overflow:hidden;
	background-position: 0 0;
	/*-display:inline;*/
	}

a.bt_download:hover{
	background-position: 0 -118px;
	}
	
a.bt_souscription{
	margin: 10px auto;
	text-align:center;
	min-height:29px;
	height:29px;
	width:221px;
	display:block;
	background:url(../img/bt_souscription.gif) no-repeat;
	overflow:hidden;
	background-position: 0 0;
	/*-display:inline;*/
	}

a.bt_souscription:hover{
	background-position: 0 -29px;
	}

a.bt_notice{
	margin: 10px auto;
	text-align:center;
	min-height:29px;
	height:29px;
	width:221px;
	display:block;
	background:url(../img/bt_notice.gif) no-repeat;
	overflow:hidden;
	background-position: 0 0;
	-/*display:inline;*/
	}

a.bt_notice:hover{
	background-position: 0 -29px;
	}
	
a.bt_prospectus{
	margin: 10px auto;
	text-align:center;
	min-height:29px;
	height:29px;
	width:221px;
	display:block;
	background:url(../img/bt_prospectus.gif) no-repeat;
	overflow:hidden;
	background-position: 0 0;
	/*-display:inline;*/
	}

a.bt_prospectus:hover{
	background-position: 0 -29px;
	}
	

#studio{
	margin:0 0 0 15px;
	display:block;
	}
	
#studio #milieu_studio {
	background:url(../img/bg_studio_haut.gif) no-repeat;
	}

#studio #milieu_studio h3{
	padding:10px 10px 5px 20px;
	height:15px;
	font-size:24px;
	}
	
#studio #milieu_studio h4{
	padding:0 10px 0 20px;
	font-size:16px;
	color:#CBA674;
	}
	
#studio #milieu_studio p{
	padding:10px 20px 10px 20px;
	color:#CBA674;
	}

#studio #milieu_studio p a{
	color:#8c5b18;
}
	
#studio #haut_studio{
	background:url(../img/bg_studio_haut.gif) no-repeat;
	min-height:5px;
	height:5px;
	}
	
#studio #bas_studio{
	background:url(../img/bg_studio_bas.gif) no-repeat;
	min-height:5px;
	height:5px;
	}
	
#notice{
	margin:0 0 0 15px
	}
	
#notice #milieu {
	background:url(../img/bg_notice_haut.gif) no-repeat;
	}

#notice #milieu h3{
	padding:10px 20px 10px 20px;
	font-size:24px;
	height:15px;
	}
	
#notice #milieu p{
	padding:10px 30px 10px 20px;
	}

#notice #milieu p a{
	color:#8c5b18;
	text-decoration:none;
	text-decoration:underline;
}

#notice #milieu p a:hover{
	color:#58452b;
	text-decoration:underline;
}

/*#notice #haut{
	background:url(../img/bg_notice_haut.gif) no-repeat top;
	min-height:5px;
	height:5px;
	display:block;
	}*/
	
#notice #bas{
	background:url(../img/bg_notice_bas.gif) no-repeat;
	min-height:5px;
	height:5px;
	}

