/*
	1.HEADER
	2.CONTENT LAYOUT
	3.TEXTCONTENT
	4.MARGECONTENT 
	5.FOOTERCONTENT
	6.ANNONCES
	
	Couleurs :
	- Vert : #56b0b4
	- Noir : #474848
*/
body{
	font-size:62.5%;
	font-size:0.8333em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#474848;
}
hr{ display:none; }
a{ text-decoration:none; }
/* 1.HEADER */
#header{
	height:157px;
	position:absolute;
	width:100%;
}
#header-container{
	width:990px;
	height:157px;
	margin:0px auto;
}
#header #hr{
	width:637px;
	height:20px;
	background:url(../images/commun/layout/hr-header.png) no-repeat top left;
	position:absolute;
	top:132px;
	margin:0 0 0 352px;
}
#header div#hr hr{
  display: none;
}
#header form{
	width:179px;
	height:40px;
	position:absolute;
	top:0px;
	margin:0 0 0 811px;
}
#header form input#search{
	width:120px;
	height:18px;
	margin:19px 0 0 15px;
	border:0;
	background:none;
	font-size:11px;
	position:absolute;
}
#header form input#searchButton{
	width:24px;
	height:18px;
	border:0px;
	cursor:hand;
	margin:17px 0 0 149px;
}


/* 2. CONTENT LAYOUT */

#content{
	width:100%;
	padding:200px 0 0 0;
}
	#content-container{
		width:990px;
		margin:0px auto;
	}
	.withMarge{
		background:url(../images/commun/layout/marge.png) repeat-y top right;
	}
	#textContainer{
		float:left;
		padding:50px 0 30px 72px;
		width:600px;
	}
	#margeCloser{
		clear:both;
	}
	

/* 3. TEXTCONTENT */
#content-container h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#474848;
	margin:0px;
	line-height:24px;
}
#content-container #bandeau76{
	width:990px;
	height:76px;
	background:url(../images/commun/layout/bandeau76.png) no-repeat top left;
}
#content-container #bandeau106{
	width:990px;
	height:106px;
	background:url(../images/commun/layout/bandeau106.png) no-repeat top left;
}
	#content-container #bandeau106 h1{
		margin:0 95px 0 0;
		padding:50px 0 0 210px;
	}
	#content-container #bandeau106 h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		font-weight:normal;
		color:#56b0b4;
		margin:0 50px 0 210px;
		position:absolute;
		top:220px;
	}
	#content-container #bandeau106 a#printBouton{
		float:right;
		display:block;
		background:url(../images/commun/layout/imprimer.png) no-repeat top left;
		width:44px;
		height:38px;
		margin:58px 14px 0 0;
	}
	#content-container #bandeau106 #printBouton span{ display:none; }

.littleHr{
	width:550px;
	height:40px;
	background:url(../images/commun/layout/hr-little.png) no-repeat top left;
	clear:both;
}
.littleHr hr{
  display: none;
}	
#exemples{
	width:557px;
	height:427px;
	background:url(../images/commun/layout/tableau.jpg) no-repeat bottom right;
	margin:60px 0 0 0;
	border:#FFFFFF 1px solid;
}
#exemples h2.titreExemple{
	font-size:1.2em;
	font-weight:normal;
	line-height:20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:320px;
	margin:30px 0 0 80px;
	color:#6ca9ab;
}
#exemples ul{
	width:400px;
	margin:25px 0 0 33px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
#exemples li{
	display:inline;
	width:175px;
	float:left;
	padding:0;
	margin:0 0 20px 20px;
	text-align:center;
	line-height:18px;
	font-size:1.1em;
	color:#a48247;
}
#accueil h2{
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0 0 3px 0;
}
#accueil #top{
	height:280px;
}
#accueil #top .left{
	height:280px;
	float:left;
	margin:0 0 0 0;
}
#accueil #top .right{
	width:260px;
	height:250px;
	background:#ffffff;
	float:right;
	padding:35px 25px 0 20px;
}
#accueil #top ul{
	list-style-type:none;
	padding:0;
	margin:20px 0 0 0;
}
#accueil #top li{ padding:0 0 15px 0; }
#accueil #textContainer{
	float:left;
	padding:0 0 70px 92px;
	width:560px;
}
#accueil #textContainer h2{
	font-size:1.4em;
	margin:15px 0 3px 0;
}

/* 4. MARGECONTENT */

#marge{
	width:310px;
	float:right;
	color:#999999;
	margin:0 0 30px 0;
}
#postit{
	width:276px;
	height:254px;
	background:url(../images/commun/layout/postit.jpg) no-repeat top left;
	margin:25px 0 40px 0;
}
img.partner{
	margin:25px 88px 25px 87px;
}
#marge .topMarge{
	background:url(../images/commun/layout/marge-top.png) no-repeat top left;
	width:299px;
	height:70px;
	position:absolute;
}

#marge #marge-container{
	position:relative;
	padding:10px 25px 0 30px;
}
#marge p{
	font-size:0.833em;
	padding:0;
}

.blurb{
	width:230px;
	margin:0 0 60px 40px;
}
.blurb ul{
	padding:0 0 0 20px;
	margin:0 0 20px 0;
}
.blurb li{
	font-size:0.833em;
	margin:0 0 10px 0;
}
.blurb a{
	display:block;
	float:right;
	font-size:0.833em;
	font-weight:bold;
}

	/*4.1 Newsletter */
	#marge #newsletter{
		margin:20px 20px 60px 20px;
		background:url(../images/commun/layout/input-newsletter.png) no-repeat top left;
	}
	#marge #newsletter .champ{
		width:147px;
		height:18px;
		line-height:10px;
		border:none;
		background:none;
		font-size:1em;
		font-family:Arial, Helvetica, sans-serif;
		margin:4px 8px 4px 8px;
		color:#5e6467;
	}
	#marge #newsletter .submit{
		border:none;
		background:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		font-weight:bold;
	}

/* 5. FOOTERCONTENT */
#footer{
	height:351px;
	width:100%;
}
#footerMenu{
	width:142px;
	height:208px;
	float:left;
	margin:60px 0 0 0;
}
#footerMenu ul{
	list-style-type:none;
	text-align:right;
	margin:35px 10px 0 0;
	padding:0;
}
#footerMenu ul li{
	margin:5px 0 5px 0;
}
#footerMenu ul li a{
	font-size:0.833em;
	font-weight:normal;
	color:#ffffff;
}

#footer-container{
	width:990px;
	height:351px;
	margin:0px auto;
}
#footer h3{
	margin:0px;
	padding:13px 0 13px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#ffffff;
	font-weight:normal;
}
#footer p{
	margin:0 0 8px 0;
}
#footer hr{
	display:none;
}
#footer #contact{
	width:490px;
	margin:0 0 0 50px;
	float:left;
}
	#footer #contact form{ margin:0; }
	#footer #contact input.small{
		width:190px;
		margin:8px 5px 4px 0;
	}
	#footer #contact input.big{
		width:414px;
		margin:4px 8px 4px 0;
	}
	#footer #contact textarea{
		width:414px;
		margin:4px 8px 4px 0;
		height:112px;
	}
	#footer #contact input.small, #footer #contact input.big, #footer #contact textarea{
		padding: 1px 5px 1px 18px;
		font-size:1em;
		font-family:Arial, Helvetica, sans-serif;
		color:#474848;
	}
	#footer #contact input.submit{
		font-size:1em;
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		margin:4px 8px 4px 0;
		font-weight:bold;
		padding:4px 8px 4px 8px;
	}
	#footer #contact br{
		display:none;
	}
#footer #adresse{
	margin:0 0 0 710px;
}
	#footer #adresse img{
		margin:17px 0 0 0;
	}
#footer #copyright{
	width:990px;
	text-align:center;
	font-size:0.833em;
	color:#9c9b9b;
	padding:12px 0 0 0;
	line-height:14px;
}

/* 6. ANNONCE */
#annonces{
	width:681px;
	height:341px;
	position:absolute;
	top:140px;
}
#annonces #cache{
	width:681px;
	height:341px;
	position:absolute;
	background:#ffffff;
	z-index:20;
}
.annonceBackgroundDefault{
	background:url(../images/annonces/background-default.png) no-repeat top left;
	width:681px;
	height:281px;
}