/* CSS Document */

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

body
{
background-color: #D0D0D0;
margin: auto;
text-align: center;
}

h1
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #000000;
padding: 0px 0px 15px 0px;
}

h2
{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #00444F;
padding: 15px 0px 10px 0px;
}

h3
{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #3B6066;
padding: 15px 0px 10px 0px;
}

p
{
font-family: Verdana;
font-size: 8pt;
color: #000000;
line-height: normal;
text-align: justify;
}

body div#Wrap
{
/*border: 1px solid red;*/
width: 762px;
margin: auto;
padding-top: 1em;
text-align: center;
}

body div#Wrap div#header
{
background-image: url(../img/hypothequeconseil.jpg);
height: 206px;
width: 762px;
background-repeat: no-repeat;
}

body div#Wrap div#MainMenu
{
/*border: 1px solid red;*/
float: left;
width: 762px;
}

body div#Wrap div#MenuWrap
{
/*border: 1px solid #FFCC00;*/
background-image: url(../img/MainMenu.jpg);
background-repeat: no-repeat;
float: left;
height: 70px;
width: 762px;
}

body div#Wrap div#MenuWrap ul
{
/*border: 1px solid #FFCC00;*/
display: inline;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 543px;
}
body div#Wrap div#MenuWrap ul li
{
/*border: 1px solid #FFCC00;*/
display: block;
float: left;
height: 20px;
list-style-type: none;
text-indent: -10000px;
}
body div#Wrap div#MenuWrap ul li a
{
background-image: url(../img/acceuil.jpg);
display: block;
float: left;
list-style-type: none; 
text-indent: -10000px;
}
body div#Wrap div#MenuWrap ul li#accueil
{
background-image: url(../img/acceuil.jpg);
height: 23px;
width: 84px;
}
body div#Wrap div#MenuWrap ul li#accueil a
{
background-image: url(../img/acceuil.jpg);
height: 23px;
width: 84px;
}
body div#Wrap div#MenuWrap ul li#accueil a:hover
{
background-image: url(../img/accueil-rl.jpg);
height: 23px;
width: 84px;
}
body div#Wrap div#MenuWrap ul li#services
{
background-image: url(../img/servicesoffert.gif);
height: 23px;
width: 148px;
}
body div#Wrap div#MenuWrap ul li#services a
{
background-image: url(../img/servicesoffert.gif);
height: 23px;
width: 148px;
}
body div#Wrap div#MenuWrap ul li#services a:hover
{
background-image: url(../img/servicesoffert-rl.gif);
height: 23px;
width: 148px;
}
body div#Wrap div#MenuWrap ul li#taux
{
background-image: url(../img/Taux-Demandeenligne.gif);
height: 23px;
width: 186px;
}
body div#Wrap div#MenuWrap ul li#taux a
{
background-image: url(../img/Taux-Demandeenligne.gif);
height: 23px;
width: 186px;
}
body div#Wrap div#MenuWrap ul li#taux a:hover
{
background-image: url(../img/taux-demandenline-rl.gif);
height: 23px;
width: 186px;
}

body div#Wrap div#MenuWrap ul li#contactezmoi
{
background-image: url(../img/contacthypothequeconseil.gif);
height: 23px;
width: 122px;
}
body div#Wrap div#MenuWrap ul li#contactezmoi a
{
background-image: url(../img/contacthypothequeconseil.gif);
height: 23px;
width: 122px;
}
body div#Wrap div#MenuWrap ul li#contactezmoi a:hover
{
background-image: url(../img/contacthypothequeconseil-rl.gif);
height: 23px;
width: 122px;
}

body div#Wrap div#content
{
background-image: url(../img/content-bground.jpg);
/*border: 1px solid red;*/
float: left;
width: 762px;
background-repeat: repeat-y;
}
body div#Wrap div#content div#left
{
/*border: 1px solid #FFCC00;*/
float: left;
margin: 0px 0px 0px 13px;
padding: 10px;
width: 154px;
}
body div#Wrap div#content div#left div#leftWrap
{
margin: auto;
text-align: center;
display: inline;
}
body div#Wrap div#content div#left div#leftWrap p
{
display: block;
padding: 5px 0px 5px 0px;
}
body div#Wrap div#content div#left div#leftWrap p a img
{
border: 0px;
}
body div#Wrap div#content div#left div#leftWrap h3
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #00444F;
padding: 15px 0px 10px 0px;
text-decoration: underline;
}
body div#Wrap div#content div#left div#leftWrap ul
{
display: block;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 16px;
}
body div#Wrap div#content div#left div#leftWrap ul li
{
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
line-height: normal;
text-align: left;
font-weight: bold;
padding: 5px 0px 5px 0px;
list-style-image: url(../img/arrow2.jpg);
}
body div#Wrap div#content div#left div#leftWrap ul li a
{
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
line-height: normal;
text-align: left;
font-weight: bold;
padding: 5px 0px 5px 0px;
text-decoration: none;
list-style-image: url(../img/arrow2.jpg);
}
body div#Wrap div#content div#left div#leftWrap ul li a:hover
{
text-decoration: underline;
color: #680000;
}



body div#Wrap div#content div#right
{
/*border: 1px solid #006633;*/
float: left;
display: inline;
width: 500px;
margin: 1em 0px 0px 25px;
padding: 0px;
}
body div#Wrap div#content div#right div#rightWrap
{
/*border: 1px solid red;*/
display: inline;
float: left;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
body div#Wrap div#content div#right div#rightWrap div.list
{
/*border: 1px solid red;*/
width: 450px;
margin: 0px 0px 0px 3em;
}
body div#Wrap div#content div#right div#rightWrap div.list ul
{
display: inline;
/*border: 1px solid red;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}
body div#Wrap div#content div#right div#rightWrap div.list ul li
{
text-align: left;
padding: 0px 0px 5px 20px;
list-style-image: url(../img/arrow.gif);
list-style-position: outside;
}
body div#Wrap div#content div#right div#rightWrap p
{
/*border: 1px solid #FFCC00;*/
display: block;
text-align: justify;
padding: 10px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
body div#Wrap div#content div#right div#rightWrap div.main
{
height : 70px;
width: 515px;
margin : 15px 0 15px 0;
text-align : justify;
overflow : scroll;
}
body div#Wrap div#content div#right div#rightWrap table
{
font-family: Times New Roman;
font-size: 12pt;
}
body div#Wrap div#content div#right div#rightWrap p a img
{
border: 0px;
}

body div#Wrap div#bottomcurve
{
float: left;
background-image: url(../img/bottomcurve.jpg);
width: 762px;
height: 15px;
margin-bottom: 1px;
}

body div#Wrap div#validation
{
/*border: 1px solid #FFCC00;*/
float: left;
width: 762px;
margin: 0px 0px 1em 0px;
padding: 0px;
}
body div#Wrap div#validation p
{
/*border: 1px solid red;*/
display: block;
padding: 0px 5px 0px 0px;
}
body div#Wrap div#validation p a img
{
border: 0px;
}

.demand
{
/*border: 1px solid red;*/
margin-left: 135px;
text-align: center;
}
.demand a img
{
border: 0px;
}

.icons
{
float: left;
border: 4px double #3B6066;
margin: 0px 20px 8px 0px;
}