/****** FEUILLE DE STYLE GENERALE DU SITE ********/

html{
	background-color: #F2F1E9;
}

body{
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}

iframe{
	display: none;
}

h1, h2, h3, h4, h5, p, ul, li{
	margin: 0px;
	padding: 0px;
}

h1, div.h1{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #009EDF;
}

h2, div.h2{
	color: #000;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}

h3{
	color: #000;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
}

p{
	line-height: 16px;
}

.left{
	text-align: left;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.justify{
	text-align: justify;
}

.bold{
	font-weight: bold;
}

.normal{
	font-weight: normal;	
}

.underline{
	text-decoration: underline;
}

.italic{
	font-style: italic;
}

.hide{
	display: none;	
}

.exposant{
	vertical-align: super;
	font-size: 10px;
}

.error{
	font-size: 36px;
	font-weight: bold;	
	line-height: 36px;
	text-align: center;
}

a.error{
	font-size: 28px;
	text-align: center;
	display: block;
}

span.red{
	color: #CC0202;
}

a{
 	text-decoration: none;
	color: #000;
}

a:hover, div#footer, div#footer a:hover{
 	text-decoration: none;
	color: #009EDF;
}

a img{
	border-width: 0px;
	cursor: pointer;
}

ul{
	list-style-type: none;
}

input, textarea{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #333;
}

input{
	width: 224px;	
}

input.radio{
	width: auto;
	margin-left: 10px;
}

input.checkbox{
	width: auto;
	margin-right: 10px;
}

input.button{
	width: auto;	
}

div.clear{
	clear: both;	
}

/** GLOBAL CSS STRUCTURE **/
#pastille{
	position: absolute;
	left: 0px;
	top: 0px;	
}
			
div#global{
	background-color: #FFF;
	margin: 11px auto;
	width: 860px;
	padding: 0px 10px;
}

div#header{
	height: 102px;
}

div#header a#header_logo img{
	margin: 5px 0px 0px 60px;	
}

div#header img#header_slogan, div#header img#header_tel{
	position: absolute;
}

div#header img#header_slogan{
	margin: 25px 0px 0px 95px;
}

div#header img#header_tel{
	margin: 55px 0px 0px 318px;
}

div#body{
	margin-top: 40px;
}

/*** MENU ***/

ul#menu{
	position: absolute;
	display: inline;
	list-style-type: none;
	height: 32px;
	margin-left: -1px;
	width: 862px;
	z-index: 10;
}

ul#menu li{
	float: left;
}

ul#menu li a{
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 7px;
}

ul#menu li a#menu_accueil_a{
	background-image: url(../img/structure/menu/menu_accueil.png);
	width: 99px;
}

ul#menu li a#menu_dossier_a{
	background-image: url(../img/structure/menu/menu_dossier.png);	
	width: 149px;
}

ul#menu li a#menu_rachat_a{
	background-image: url(../img/structure/menu/menu_rachat.png);	
	width: 152px;
}

ul#menu li a#menu_solutions_a{
	background-image: url(../img/structure/menu/menu_solution.png);	
	width: 178px;
}

ul#menu li a#menu_questions_a{
	background-image: url(../img/structure/menu/menu_questions.png);	
	width: 187px;
}

ul#menu li a#menu_contact_a{
	background-image: url(../img/structure/menu/menu_contact.png);	
	width: 97px;
}

ul#menu li a:hover, ul#menu li a.active{
	background-position: 0px -36px;
	color: #FFF;
	font-style: italic;
}

/*** FOOTER ***/
div#footer{
	position: absolute;
	margin-left: -20px;
	padding: 0px 10px 0px 10px;
	width: 880px;
}

div#footer, div#footer a{
	color: #666;
	font-size: 11px;
	line-height: 12px;
}

div#footer_mention{
	background: transparent url(../img/structure/acces_rapide.png) no-repeat bottom center;
	height: 125px;
	background-color: #F2F1E9;
	padding: 10px 15px 0px 5px;
}

div#footer_mention p{
	text-align: center;	
}

div#footer_link{
	height: 100px;
	background-color: #FFF;
	padding-left: 15px;
}

div#footer_link h4{
	font-weight: bold;
	font-size: 11px;
}

div#footer_link div{
	margin: 10px 0px;
	float: left;
	height: 75px;
}

div#footer_link div.access_border{
	border-left: 1px #E3E4E4 solid;
	padding-left: 10px;
}

div#footer_link div#access_produits{
	width: 262px;
}

div#footer_link div#access_rachats{
	width: 165px;
}

div#footer_link div#access_outils{
	width: 233px;
}

div#footer_link div#access_central{
	width: 167px;
}

/*** POPUP ***/
div#popup_storage_view{
	display: none;
}

div.popup_background{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
}

div.popup{
	position: absolute;	
	z-index: 90;
	background-color: transparent;
	display: none;
}

div#popup_close{
	background: transparent url('../img/structure/popup/closebox.png') no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	margin: -5px 0px 0px -5px;
	cursor: pointer;
}

div.popup td.popup_body{
	background-color: #FFF;
	position: relative;
}

div.popup td.popup_body div#popup_close2{
	width: 630px;
	height: 23px;
	background: transparent url('../img/structure/popup/popup_close2.png') no-repeat;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding-top: 7px;
	cursor: pointer;
}

div.popup td.popup_body div#popup_close2:hover{
	color: #991E84;
}

div.popup td.border-top{
	height: 25px;
	width: 27px;
}

div.popup td.border-top-left{
	background: transparent url('../img/structure/popup/zoom-shadow1.png') no-repeat;
}

div.popup td.border-top-center{
	background: transparent url('../img/structure/popup/zoom-shadow2.png') repeat-x;
}

div.popup td.border-top-right{
	background: transparent url('../img/structure/popup/zoom-shadow3.png') no-repeat;
}

div.popup td.border-left{
	background: transparent url('../img/structure/popup/zoom-shadow4.png') repeat-y;
}

div.popup td.border-right{
	background: transparent url('../img/structure/popup/zoom-shadow5.png') repeat-y;
}

div.popup td.border-bottom{
	height: 26px;
	width: 27px;
}

div.popup td.border-bottom-left{
	background: transparent url('../img/structure/popup/zoom-shadow6.png') no-repeat;
}

div.popup td.border-bottom-center{
	background: transparent url('../img/structure/popup/zoom-shadow7.png') repeat-x;
}

div.popup td.border-bottom-right{
	background: transparent url('../img/structure/popup/zoom-shadow8.png') no-repeat;
}

div.popup div.popup_header{
	background: transparent url('../img/structure/popup/popup_header.jpg') no-repeat;
	width: 630px;
	height: 140px
}

div.popup h1{
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0px 20px 0px;
}

div.popup h2{
	color: #991E84;
	padding-left: 5px;
}

div.popup p.mention{
	color: #999999;
	font-size: 10px;
	padding: 5px;
}

/** DEMANDE EN LIGNE BLOC **/
div.popup div.bloc_demande_ligne{
	margin: 50px 0px 30px 30px;
}

div.bloc_demande_ligne a{
	display: block;
	background: transparent url(../img/structure/demande-rachat-credit.png) no-repeat 0px -40px;
	width: 561px;
	height: 41px;
}

div.bloc_demande_ligne a:hover{
	background-position: 0px 0px;
}

/*** POPUP CONTACT ***/

div#bloc_contact{
	background: transparent url('../img/structure/popup/popup_contact_bck.png') no-repeat 0px 20px;
	width: 630px;
}

div#popup_body p.popup_header{
	width: 250px;
	margin-bottom: 22px;
}

div#popup_body td{
	font-weight: bold;
}

div#bloc_contact td.first_col{
	padding-left: 5px;
}

div#popup_body table{
	margin: 10px 0px 20px 0px;
}

div#popup_body input{
	width: 90px;
}

div#popup_body input.radio{
	width: auto;
}

div#popup_body textarea{
	width: 238px;
	height: 25px;
}

div#popup_body div.h1{
	font-size: 13px;
	line-height: 16px;
	margin: 15px 0px 18px 0px;
}

div#bloc_contact td#valider_contact{
	text-align: right;
	padding-right: 20px;
}

/** PLAN **/
ul#structure_plan{
	padding-bottom: 10px;
}

ul#structure_plan li{
	margin-left: 15px;
}

ul#structure_plan ul{
	margin: 5px 0px;
}