@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

html{
	height:100%;
	background:url(../img/bg_body.jpg) top left repeat;
}

body{
	color:#878787;
	height:100%;
	font-size:81.25%;	/* 1em = 13px */
	background:url(../img/bg_main.jpg) top left repeat-x;
}

#page{
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	background:url(../img/bg_page.png) top center repeat-y;
}

.lastElem{
	margin-bottom:0px !important;
}

a{
	color:#878787;
}

a:hover{
	text-decoration:none;
}

/* Bullet list */

.bulletList li{
	margin-bottom:10px;
	padding-left:22px;
	background:url(../img/bullet.png) 10px 5px no-repeat;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	background:url(../img/bg_main.jpg) top left repeat-x;
}

#header .content{
	height:136px;
	width:995px;
	margin:0 auto;
}

/********** LOGO **********/

#header h1{
	position:relative;
	font-size:1em;
	padding-top:30px;
	height:71px;
}

#header h1 img{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}

/********** MENU **********/

#menu{
	background:url(../img/bg_menu.png) top left repeat-x;
}

/* Hack IE */

* html #menu{
	margin-left:1px;
}

*+html #menu{
	margin-left:1px;
}

#menu ul{
	width:100%;
	overflow:hidden;
	height:35px;
	background:url(../img/bg_menu_right.png) right top no-repeat;
}

#menu span{
	position:absolute;
	left:-9999em;
}

#menu li{
	height:100%;
	float:left;
}

#menu a{
	display:block;
	height:100%;
}

#menu a:hover, #menu .active{
	background-position:left -35px !important;
}

#menu .accueil{
	width:110px;
	background:url(../img/menu_accueil.png) left top no-repeat;
}

#menu .isf2010{
	width:128px;
	background:url(../img/menu_isf2010.png) left top no-repeat;
}

#menu .equipe{
	width:166px;
	background:url(../img/menu_equipe.png) left top no-repeat;
}

#menu .holding{
	width:155px;
	background:url(../img/menu_holding.png) left top no-repeat;
}

#menu .contact{
	width:86px;
	background:url(../img/menu_contact.png) left top no-repeat;
}

#menu .invest{
	width:171px;
	background:url(../img/menu_invest.png) left top no-repeat;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	padding:27px 18px 49px;
	width:958px;
	margin:0 auto;
}

#inner{
	border-top:1px solid #bebebe;
	border-bottom:1px solid #fff;
	padding-left:1px;
	background:url(../img/bg_border_inner.png) top left no-repeat;
}

#innerBorder{
	width:927px;
	overflow:hidden;
	padding:10px 18px 18px 10px;
	border-bottom:1px solid #c4c4c4;
	background:#f3f3f3 url(../img/bg_inner.png) left top repeat-x;
}

/********** HOME **********/

#innerBorder .stdCol{
	width:300px;
	float:left;
	display:inline;
	margin-right:13px;
}

#innerBorder .colVisu{
	text-align:center;
	margin-right:23px;
}

#innerBorder .colVisu .visu{
	display:block;
	margin-bottom:12px;
}

#innerBorder h2, .titreNiv1{
	font-size:1.38em;
	padding:15px 0;
	color:#0d84bc;
	margin-bottom:10px;
	background:url(../img/bg_titre.png) bottom left no-repeat;
}

#innerBorder h3.plus{
	font-size:1em;
	color:#3e4e64;
	line-height:1.7em;
	margin-bottom:25px;
	padding-left:15px;
	background:url(../img/ico_plus.png) left 7px no-repeat;
}

#innerBorder .colTxt{
	width:290px;
	margin-right:23px;
}

#innerBorder .colTxt p{
	margin-bottom:25px;
	line-height:1.75em;
	text-align:justify;
}

#innerBorder .colActu{
	margin:0;
	width:291px;
}

#innerBorder .colActu p{
	line-height:1.5em;
	text-align:justify;
	margin-bottom:15px;
	padding:7px;
	background-color:#f4f6ec;
}

/* Carousel */

#homeCarousel{
	width:300px;
	height:426px;
	overflow:hidden;
}

#homeCarousel .jcarousel-container, #homeCarousel .jcarousel-clip{
	width:300px;
	overflow:hidden;
}

#homeCarousel .jcarousel-clip{
	
}

#homeCarousel .jcarousel-item{
	width:300px;
	height:409px;
	text-align:center;
}

#carouselNav{
	height:26px;
	padding:0 10px;
	overflow:hidden;
}

#carouselNav #carouselLeft, #carouselNav #carouselRight{
	width:26px;
	height:26px;
	cursor:pointer;
	float:left;
	background:url(../img/btn_carousel.png) left top no-repeat;
}

#carouselNav #carouselRight{
	background-position:-26px top
}

#carouselNav ul{
	width:225px;
	float:left;
	height:11px;
	margin-top:6px;
	text-align:center;
}

#carouselNav li{
	display:inline;
}

#carouselNav span{
	width:12px;
	height:11px;
	cursor:pointer;
	margin:0 2px;
	background:url(../img/btn_carousel.png) left -26px no-repeat;
	display:-moz-inline-stack; /* Pour Firefox 1-2 */
    display:inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */
}

#carouselNav span small{
	position:absolute;
	left:-9999em;
}

#carouselNav .active span{
	background-position:-12px -26px;
}

/********** ISF 2010 **********/

#inner .homeLeft{
	width:626px;
	float:left;
	padding-right:15px;
}

#inner .exSynthese{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}

#inner .exSynthese .colLeft{
	width:280px;
	display:inline;
	margin-right:35px;
	float:left;
}

#inner .exSynthese .formule{
	display:block;
	margin-top:10px;
	font-size:1em;
	color:#5e5e5e;
	font-weight:normal;
}

#inner .exSynthese .colRight{
	width:280px;
	float:left;
}

#inner .exSynthese li{
	padding:3px 0;
	font-size:1em;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #888;
}

#inner .exSynthese li strong{
	font-weight:normal;
	color:#5e5e5e;
	float:left;
	line-height:1.3em;
}

#inner .exSynthese li span{
	float:right;
	line-height:1.3em;
}

#inner .schema{
	display:block;
	margin-bottom:10px;
}

#btnDL{
	width:100%;
	overflow:hidden;
	margin:10px 0;
	font-size:0.82em;
}

#btnDL a{
	display:block;
	text-align:center;
	margin-bottom:4px;
}

#btnDL li{
	width:155px;
	height:285px;
	float:left;
	margin-right:2px;
	display:inline;
	text-align:center;
	padding-top:6px;
	background:url(../img/bg_btn_dl.jpg) left top no-repeat;
}

#btnDL img{
	margin-bottom:30px;
}

#btnDL .last{
	margin:0;
}

#inner .homeRight{
	width:283px;
	float:left;
}

#inner .homeRight p{
	margin-bottom:20px;
	text-align:justify;
}


#inner .homeRight li{
	margin-bottom:20px;
	text-align:justify;
	text-indent:20px;
	line-height:1.5em;
}

/********** CONTACT **********/

#innerBorder.pageContact{
	padding:40px 30px;
	width:897px;
	background:none;
}

.pageContact form{
	float:left;
	margin-bottom:30px;
	width:271px;
	height:375px;
	padding:15px 10px;
	background:url(../img/bg_contact.jpg) top left no-repeat;
}

.pageContact h2{
	margin-bottom:30px;
}

.pageContact label, .pageContact .label{
	float:left;
	width:61px;
	padding-right:3px;
	font-size:1.08em;
	text-align:right;
	margin-bottom:8px;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
}

.pageContact .inputText{
	float:left;
	height:15px;
	width:190px;
	padding:2px 6px;
	border:none;
	font-size:0.92em;
	background:url(../img/bg_input.png) right top no-repeat;
}

.pageContact input.radio{
	width:13px;
	height:13px;
	float:left;
}

.pageContact label.radio{
	font-size:0.75em;
	margin-right:5px;
}

.pageContact textarea{
	width:190px;
	height:86px;
	padding:5px 6px;
	border:none;
	background:none;
}

.pageContact .txtMsg{
	width:202px;
	height:96px;
	float:left;
	margin-bottom:15px;
	background:url(../img/bg_textarea.png) top left no-repeat;
}

.pageContact .btnEnvoyer{
	text-align:right;
	padding-right:5px;
	height:1%;
	overflow:hidden;
}

.pageContact .btnEnvoyer input{
	margin-left:5px;
	float:right;
}

.pageContact .btnEnvoyer strong{
	font-size:0.75em;
	float:left;
	width:150px;
	text-align:left;
	line-height:1em;
	padding-top:5px;
}

.pageContact .btnEnvoyer .erreur{
	color:#ab0d0d;
}

.pageContact .btnEnvoyer .envoiOK{
	color:#357c00;
}

.pageContact #gMap{
	width:537px;
	height:361px;
	float:right;
	margin-bottom:30px;
	margin-top:8px;
	background:url(../img/gmap.jpg) top left no-repeat;
}

/********** EQUIPE **********/

#innerBorder.pageEquipe{
	background:none;
	padding:10px 0 18px 0;
	width:955px;
}

.pageEquipe .intro{
	font-size:1.08em;
	font-style:italic;
	margin-bottom:25px;
	padding-left:8px;
}

.pageEquipe .intro a{
	color:#5abec9;
	text-decoration:none;
}

#equipe{
	width:640px;
	float:left;
	padding-bottom:10px;
	background-color:#f7f9f0;
}

#equipe h2{
	color:#5f5e5e;
	width:420px;
	font-size:1.33em;
	background:#f0f4e2;
	font-weight:normal;
	padding:5px 5px 5px 15px;
	margin-bottom:15px;
}

#equipe ul{
	padding-left:17px;
}

#equipe li{
	width:600px;
	overflow:hidden;
	margin-bottom:15px;
}

#equipe li img{
	float:left;
	margin-right:10px;
	border:1px solid #868785;
}

#equipe li .desc{
	float:left;
	width:490px;
}

#equipe .titreNiv1{
	padding:0 0 10px 0;
	margin-bottom:5px;
}

#equipe p{
	margin:0;
	font-size:0.82em;
	text-align:justify;
}

.pageEquipe .equipeSidebar{
	width:275px;
	float:right;
}

.pageEquipe .equipeSidebar p{
	font-size:0.92em;
	text-align:justify;
	margin-bottom:17px;
}

.pageEquipe .equipeSidebar li{
	line-height:1.5em;
}

/********** MENTIONS **********/

#innerBorder.pageMentions{
	background:none;
	padding-top:50px;
}

#innerBorder.pageMentions h2{
	font-weight:bold;
	font-style:italic;
	font-size:1.75em;
	text-align:center;
	color:#565350;
	padding:30px 0 10px;
	margin-bottom:10px;
	background:url(../img/bg_titre.png) center bottom no-repeat;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
}

.pageMentions .main{
	background:url(../img/visu_cire.jpg) 190px top no-repeat;
}

.pageMentions p{
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:center;
	color:#565350;
	font-size:1.08em;
	background:url(../img/bg_titre.png) center bottom no-repeat;
}

.pageMentions .last{
	background:none;
}

.pageMentions a{
	color:#009ee0;
	text-decoration:none;
}

/********** INVESTISSEMENT **********/

#invest{
	width:600px;
	padding-left:20px;
	padding-bottom:10px;
	float:left;
}

#invest p{
	text-align:justify;
	margin-bottom:10px;
}

#investSchema{
	padding-top:20px;
	width:100%;
	overflow:hidden;
}

#investSchema .left{
	padding-left:20px;
	width:620px;
	float:left;
}

#investSchema .right{
	width:310px;
	float:right;
}

#investSchema .right h2{
	padding-top:0px;
	color:#2a411d;
}

#investSchema .right p{
	margin-bottom:15px;
	color:#2a411d;
}

#investSchema p span{
	text-decoration:underline;
}

#investSchema .txtBlue{
	color:#0d84bc !important;
}

.investSidebar{
	width:310px;
	float:right;
}

.investSidebar .desc{
	padding:10px;
	margin-bottom:20px;
	color:#878787;
	margin-top:30px;
	background-color:#e9f2e3;
}

.investSidebar .btnDL{
	padding-left:125px;
	background:url(../img/bg_box.jpg) left center no-repeat;
}

.investSidebar .btnDL a{
	display:block;
	margin-bottom:10px;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:17px;
	padding-top:5px;
	text-align:center;
	background:url(../img/bg_footer.png) center top no-repeat;
}

#footer .content{
	width:950px;
	margin:0 auto;
	text-align:center;
	color:#c4c7c2;
	font-size:0.8em;
	font-weight:bold;
}

#footer a{
	color:#c4c7c2;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}