/* CSS Document */
body{ 
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	margin:0; padding:0; background:#fff url(/imgs/background.jpg) repeat-x bottom fixed; 
}

/* disposition des blocs principaux */
#global{ width:942px; height:auto; margin:20px auto}
img {border:none}
#conteneur{ width:725px; float:left; margin:0px 10px 10px 0px}
#contenu { width:100%; margin:0px}
#header{ width:100%; height:90px; margin-bottom:20px; overflow:hidden;}

#sidebar{ width:205px; float:left}

/*--------------------
HEADER
---------------------*/
#header .contact{ float:right; padding-right:5px;}
#header h1{ margin:0px; padding-top:15px; width:360px; height:68px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; letter-spacing:1px; color:#8c9291; line-height:30px}
/* ajouter �a aux styles du h1 */
#header h1 {
    position: relative;
    font-size: 11px;
	font-weight:bold;
	color:#A6B3AA;
    letter-spacing: 0.001em;
}
/* styles du texte au dessous du logo */
#header .base-line {
    position: absolute;
    right: 70px;
    top: 40px;
}
#header h1 img{ display: block}

/* ; 
				position: absolute;
				z-index: 2
*/
/*--------------------
SIDEBAR
---------------------*/
#sidebar div{ margin-bottom:6px; width:206px; overflow:hidden}
#sidebar div.border{border:1px solid #b0d0ea; width:204px; overflow:hidden}
#sidebar #btn{ margin:13px 0px 25px}
#sidebar #btn a.btn{ padding:8px; background: url(/imgs/btn.gif) no-repeat; display:block; margin-bottom:4px; color:#525655; text-decoration:none; text-align:center}
#sidebar #btn a.btn:hover{ color:#1f729a}

#sidebar #banner3{ height:auto}
#sidebar #banner4{ height:auto; background:url(/imgs/bg-banner.png) no-repeat; font-weight:bold; text-align:center}
#sidebar #banner4 span.big{ font-size:25px; color:#414042}
#sidebar #banner4 span.small{font-size:16px; color:#656466}
#sidebar #banner4 a{ text-decoration:none; display:block; height:72px; width:100%; padding-top:8px}
#sidebar #banner4 a:hover{ text-decoration: underline; color:#656466}

#sidebar a img{ border:none}
/*--------------------
CONTENU DIV
---------------------*/
#block1, #block2, #block3, #block4, #block5{ margin:0px 3px 3px 0px; float:left; overflow:hidden; color:#525655; text-align:center; }
#contenu div.nomarge{ margin:0px; margin-bottom:3px}

#contenu div a.link{ color:#000; text-decoration:none; font-weight:normal; display:block; position:absolute; left:0px; top:0px; padding-top:15px; 
height:278px; width:360px; background:url(/imgs/blank.gif)} 
#contenu div a.link:hover{text-decoration: underline} 

#contenu div p{ font-size:13px; text-align:left}

#contenu a{ text-decoration:none; font-weight:bold}
#contenu a:hover{text-decoration: underline}

#block1, #block2{ height:278px; width:360px; position:relative;}
#block3, #block4{ height:158px; width:360px; position:relative;} 
#block5{ height:158px; width:419px} 

#block1{ background:url(/imgs/grl.gif) no-repeat}
#block2{ background:url(/imgs/gerance.gif) no-repeat}
#block4{ background:url(/imgs/gerance-libre.png) no-repeat}
#block5{ background:url(/imgs/forum.png) no-repeat;}

#block1 div{ margin:70px 0px 20px 0px; text-align:center; font-size:16px; display:block; width:100%}
#block1 div span{ font-size:37px; color:#525655; margin-left:60px}
#block1 div span span{ font-size:48px; color:#5db404; font-weight:bold; margin:0px}
#block1 p{ background:url(/imgs/puce-green.gif) no-repeat 0px 3px; padding-left:15px; width:260px; margin:0px auto; clear:both}

#block2 span.titre{color:#df5e1b; font-size:37px; font-weight:bold; display:block; margin:82px auto 10px; padding-left:60px}
#block2 ul{ margin:0px;  text-align:left; font-size:17px; width:280px}
#block2 li{ list-style:none; background:url(/imgs/puce-orange.gif) no-repeat 0px 4px; padding:0px 0px 10px 15px; line-height:12px}
#block2 li span.small{ font-size:11px}
#block2 img{padding-right:150px}

#block3 a{ display:block; width:315px; height:37px; text-align:left; padding:15px 0px 0px 45px; color:#356802; overflow:hidden; font-weight:normal; font-size:13px}
#block3 a.btn1{background: url(/imgs/bg-btn.png) no-repeat}
#block3 a.btn2{background: url(/imgs/bg-btn2.png) no-repeat}
#block3 a span.bold{ font-weight:bold}

#block4 span.titre{ font-size:34px; color:#1f78a8; font-weight:bold; display:block; padding-left:55px; margin:20px 0px 10px}
#block4 p{ background:url(/imgs/puce-blue.gif) no-repeat 0px 3px; padding-left:15px; width:300px; margin:0px auto}
#block4 a.link{text-indent:-3000px}

#block5 a{ display:block; height:100%; text-indent:-3000px}

.blue{ color:#1e77a7}
.green{color:#52a918}

/*--------------------
FOOTER
---------------------*/
#footer{width:940px; height:auto; clear:both; color:#596e80; font-size:10px; text-align:center;}
#footer p{ border:1px solid #fff; padding:10px}
#footer a{color:#596e80; text-decoration:none}
#footer a:hover{text-decoration: underline}

#footer {
		position: relative;
	}
	#smartlinks {
		margin: 0 0 20px 0;
		padding: 25px 0 0 10px;
		display: block;
		float: left;
		width: 734px;
		height: 112px;
		background: url('/imgs/home-footer.png') no-repeat;
		position: relative;
		left: -10px;
	}
	#smartlinks ul {
		float: left;
		text-align: left;
		margin: 0 0 0 15px;
		padding: 0 0 0 15px;
	}
	
	#smartlinks li.title {
		color: #596e80;
		font-size: 16px;
		font-weight: bold;
		list-style-type: none;
	}
	#partners {
		position: absolute;
		top: 1px;
		right: 0;
		margin: 0 0 0 0px;
		padding: 6px 0;
		display: block;
		float: left;
		height: 112px;
		width: 214px;
		background: url('/imgs/home-partenaire.png') no-repeat;
	}