/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#fff repeat-x;
color:#505050;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#000065;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#000065;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#99CC66;
margin:0 auto;
text-align:left;
width:980px;
padding: 0;
}

#sitename{
background:url("header_bg.jpg") top center repeat-x;
clear:both;
height:175px;
margin:0px;
width:980px;
}

#sitename_gauche{
background:url("header_gauche.jpg") top left no-repeat;
height:175px;
margin:0px;
padding:0px;
width:40px;
float: left;
}

#sitename_droite{
background:url("header_droite.jpg") top right no-repeat;
height:175px;
margin:0px;
padding:0px;
width:40px;
float: right;
}

#sitename a#logo{
margin: 0 0 0 10px;
padding: 0;
border: 0;
display: block;
width: 355px;
height: 150px;
background: url("assurance-mutuelle-sante-mca-logo.png") no-repeat;
}
#sitename #logo2{
padding: 0 0 40px 10px;
border: 0;
}

#nav{
background:url("/gif/bg_header.jpg") top center repeat-x;
float: left;
height: 43px;
width:980px;
margin: 0;
padding: 0;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
display: block;
height: 161px;
float: left;
}

/*
#nav a{
background:url(/gif/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}
*/
/*
#nav li{
background:url("/gif/tabs.gif") no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url("/gif/tabs.gif") no-repeat 0 -41px;
}


#nav #current a{
background:url("/gif/tabs.gif") no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}
*/

#header{
height:30px;
position:relative;
width:980px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a{
color:#000065;
}

#topbox a:hover{
text-decoration:underline;
}

#leftside{
float:left;
margin: 10px 0 0 30px;
padding:20px 20px 5px 11px;
width:300px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#rightside{
float:right;
margin:10px 50px 20px 0;
width:300px;
}

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}

#content_container1 {
  margin: 48px 0px -16px 0px;
  padding: 0;
  border: 0;
  display: block;
  background: url("nav_bg.png") top left repeat-y;
}

#content_container2 {
  margin: 0 8px 0 6px;
  padding: 0;
  border: 0;
  background: url("nav_top_bg.png") top left repeat-x;
}

#content{
  margin: 1px 0 0 0;
  padding: 20px 20px 0 20px;
  border: 0;
  min-height: 690px;
  _height: 690px;
  background: url("nav_bottom_bg.png") bottom left repeat-x;
}

#content div.accueil_sante{
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
  min-height: 115px;
  _height: 115px;
}
#content div.accueil_sante #image_comparateur{
  margin: 0 0 0 320px;
  padding: 0;
  border: 0;
  texte-align:center;
}

#texte_comparateur{
  width:920px;
}
#texte_comparateur p{
color:#000000;
font-size:1.1em;
width:900px;
margin: 0px auto;
padding: 5px;
text-align:center;
}

#content div.accueil_haut {
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
  min-height: 270px;
  _height: 270px;
}
div.accueil_haut #sante {
 margin: 60px 0 0 200px;
 border: 0;
 float: left;
 width : 184px;
 min-height: 180px;
 _height: 180px;
background: url("mutuelle-assurance-sante.gif") bottom right no-repeat;
}
a#sante p{
font-size: 16pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:600;
padding: 130px 0 0 0;
text-align: center;
}

div.accueil_haut #prevoyance {
margin: 40px 200px 0 0;
border: 0;
float: right;
width : 182px;
 min-height: 180px;
 _height: 180px;
background: url("mutuelle-complementaire-retraite.gif") bottom left no-repeat;
}
a#prevoyance  p{
font-size: 12pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:600;
padding: 135px 0 0 0;
text-align: center;
}

#content div.accueil_haut_t {
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
  min-height: 200px;
  _height: 200px;
}
div.accueil_haut_t #sante_t {
 margin: 0 0 0 200px;
 border: 0;
 float: left;
 width : 184px;
 min-height: 180px;
 _height: 180px;
}
a#sante_t p {
font-size: 10pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:normal;
text-align: center;
}
div.accueil_haut_t #prevoyance_t {
margin: 0 200px 0 0;
border: 0;
float: right;
width : 182px;
 min-height: 180px;
 _height: 180px;
}
a#prevoyance_t  p {
font-size: 10pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:normal;
padding: 0;
text-align: center;
}

#content div.accueil_bas {
  margin: 10px 0 0 0;
  padding: 0;
  border: 0;
  min-height: 200px;
  _height: 200px;
}
div.accueil_bas #habitation {
 margin: 5px 0 0 80px;
 border: 0;
 float: left;
 width : 182px;
 min-height: 178px;
 _height: 178px;
background: url("assurance-multirisques-habitation.gif") bottom right no-repeat;
}
a#habitation p {
font-size: 16pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:600;
padding: 130px 0 0 0;
text-align: center;
}
div.accueil_bas #automobile {
 margin: 5px 0 0 110px;
 border: 0;
 float: left;
width : 181px;
 min-height: 178px;
 _height: 178px;
background: url("assurances-automobile.gif") bottom right no-repeat;
}
a#automobile p {
font-size: 16pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:600;
padding: 135px 0 0 0;
text-align: center;
}
div.accueil_bas #moto {
 margin: 10px 80px 0 0;
 border: 0;
 float: right;
width : 180px;
 min-height: 178px;
 _height: 178px;
background: url("devis-assurance-moto.gif") bottom left no-repeat;
}
a#moto p {
font-size: 16pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:600;
padding: 130px 0 0 0;
text-align: center;
}

#content div.accueil_bas_t {
  margin: 10px 0 0 0;
  padding: 0;
  border: 0;
  min-height: 300px;
  _height: 300px;
}
div.accueil_bas_t #habitation_t {
 margin: 10px 0 0 80px;
 border: 0;
 float: left;
 width : 182px;
 min-height: 178px;
 _height: 178px;
}
a#habitation_t p {
font-size: 10pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:normal;
padding: 0;
text-align: center;
}
div.accueil_bas_t #automobile_t {
 margin: 10px 0 0 110px;
 border: 0;
 float: left;
width : 181px;
 min-height: 178px;
 _height: 178px;
}
a#automobile_t p {
font-size: 10pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:normal;
padding: 0;
text-align: center;
}
div.accueil_bas_t #moto_t {
 margin: 10px 80px 0 0;
 border: 0;
 float: right;
width : 180px;
 min-height: 178px;
 _height: 178px;
}
a#moto_t p {
font-size: 10pt; 
color: #000000; 
font-family:Verdana,Arial,sans-serif; 
font-weight:normal;
padding: 0;
text-align: center;
}



#footer{
background: url("footer_bg.jpg") top left repeat-x;
clear:both;
height:109px;
margin:0px;
padding:0px;
width:980px;
/*float: left;*/
}

#footer p{
color:#000000;
font-size:0.9em;
width:600px;
margin: 0px auto;
padding: 65px 0px 0px 0px;
text-align:center;
}

#footer_gauche{
background: url("footer_gauche.jpg") top left no-repeat;
height:109px;
margin:0px;
padding:0px;
width:40px;
float:left;
}

#footer_droite{
background: url("footer_droite.jpg") top right no-repeat;
height:109px;
margin:0px;
padding:0px;
width:40px;
float:right;
}

#footer a{
color:#000000;
font-weight:600;
margin: 0px 10px;
}

#footer a:hover{
color:#000000;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
}

.nav{
color:#000065;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url("/gif/boxbg.gif") top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

/* BLOCKS INDEX */

div.index_box_left {
  margin-top: 30px;
  
}

div.index_box_left .title {
  background: url("/gif/top_tab.png") top left no-repeat;
  width: 300px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.index_box_center {
  margin-top: 30px;
}

div.index_box_center .title {
  background: url("/gif/top_tab.png") top left no-repeat;
  width: 180px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.index_box_right {
  margin-top: 30px;
}

div.index_box_right .title {
  background: url("/gif/top_tab.png") top left no-repeat;
  width: 200px;
  height: 20px;
  float: left;
  margin-top: -17px;
  color: #ffffcc;
  padding: 2px 0 0 20px;
  font-weight: bolder;
}

div.dual_col_center {
  clear: right;
  padding: 2px 0px 0px 0px;
  margin: 0;
}

div.dual_col_center div.col_right {
  float: right;
  padding: 0;
  margin: 0px 0px 0px 0px;
}

/* menu */
a#item1 {
  background:  url("accueil_theme.png") top no-repeat;
  height: 43px;
  width: 163px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item1:hover, a#item1:focus, a#item1:active {
  background: url("accueil_theme.png") bottom no-repeat;
}

a#item2 {
  background: url("presentation_theme.png") top no-repeat;
  height: 43px;
  width: 164px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item2:hover, a#item2:focus, a#item2:active {
  background:  url("presentation_theme.png") bottom no-repeat;
}

a#item3 {
  background:  url("infos_theme.png") top no-repeat;
  height: 43px;
  width: 163px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item3:hover, a#item3:focus, a#item3:active {
  background:  url("infos_theme.png") bottom no-repeat;
}

a#item4 {
  background: url("comparateur_theme.png") top no-repeat;
  height: 43px;
  width: 163px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item4:hover, a#item4:focus, a#item4:active {
  background:  url("comparateur_theme.png") bottom no-repeat;
}

a#item5 {
  background:  url("communication_theme.png") top no-repeat;
  height: 43px;
  width: 164px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item5:hover, a#item5:focus, a#item5:active {
  background:  url("communication_theme.png") bottom no-repeat;
}

a#item6 {
  background:  url("contact_theme.png") top no-repeat;
  height: 43px;
  width: 163px;
  margin: 0;
  padding: 0;
  border: 0;
}
a#item6:hover, a#item6:focus, a#item6:active {
  background:  url("contact_theme.png") bottom no-repeat;
}

#contactez_nous {
  margin-top: 30px;
  background-color: #ffffff;
  border: 1px solid #000065;
  width: 480px;
  min-height: 80px;
  _height: 80px;
}

#devis_assurance {
  margin: 30px 0 20px 10px;
  background-color: #ffffff;
  border: 1px solid #000065;
  width: 900px;
  min-height: 80px;
  _height: 80px;
}
#devis_assurance .tableau_garantie {
 border: 1px solid blue;
 
}
#devis_assurance .tableau_garantie td{
 border: 1px solid blue; 
}
#devis_assurance .tableau_garantie .entete_1{
 background-color: #0099CC;
 text-align:center;
}
#devis_assurance .tableau_garantie .entete_2{
 background-color: #CCFFFF;
 text-align:center;
}
#devis_assurance .tableau_garantie .entete_para{
 background-color: #FFFF99;
 color:#0099CC;
 text-align:left;
 font-weight: bold;
}
#devis_assurance .tableau_garantie .texte_para_1{
 background-color: #CCFFCC;
 color:#000000;
 text-align:center;
}
#devis_assurance .tableau_garantie .texte_para_2{
 background-color: #CCFFFF;
 color:#000000;
 text-align:left;
}
#devis_assurance .tableau_garantie .texte_para_3{
 background-color: #CCFFCC;
 color:red;
 text-align:left;
}
#devis_assurance .tableau_garantie .texte_para_4{
 background-color: #FFFF99;
 color:#000000;
 text-align:left;
}
#devis_assurance .tableau_garantie .texte_para_rouge{
 background-color: #FFFF99;
 color:red;
 text-align:left;
}
#devis_assurance .tableau_garantie .texte_blanc{
 font-size:10.0pt;
 font-family:Verdana,Arial,sans-serif;
 color:white;
}
#devis_assurance .tableau_garantie .texte_rouge{
 font-size:10.0pt;
 font-family:Verdana,Arial,sans-serif;
 color:red;
}
#devis_assurance .tableau_garantie .texte_noir{
 font-size:10.0pt;
 font-family:Verdana,Arial,sans-serif;
 color:#000000;
}

div.tableau_liens {
  background-color:#99CC66;
  margin:0 110px 0 110px;
  border-top:solid black 1.5pt;
  border-left:none;
  border-bottom:solid black .75pt;
  border-right:none;
  color: #ffffff;
  font-size: 16pt;
  font-weight: bold;
  width: 680px;
  min-height: 80px;
  _height: 80px;
}

div.tableau_liens a {
  color: #ffffff;
}

div.tableau_liens a:hover {
  color: #000065;
}

div.tableau_liens #gauche {
  float: left;
  padding: 10px 0 0 50px;
  color: #ffffff;
}

div.tableau_liens #centre {
  margin: 10px 200px 0 200px;
  width: 280px;
  text-align:center;
}

div.tableau_liens #droite {
  float: right;
  padding: 10px 50px 0 0;
}

div.tableau_pub {
  background-color:#56B35F;
  margin:0 15px 0 15px;
  border-top:solid black 1.5pt;
  border-left:none;
  border-bottom:solid black .75pt;
  border-right:none;
  width: 870px;
  min-height: 120px;
  _height: 120px;
}

div.tableau_pub #espace1 {
  float: left;
  padding: 10px 0 0 50px;
  color: #ffffff;
  font-size: 9pt;
  font-weight: bold;
  width: 140px;
}

div.tableau_pub #espace2 {
  float: right;
  margin : 10px 10px 0 0;
  /*padding: 0 50 0 0;*/
  color: #ffffff;
  font-size: 12pt;
  font-weight: bold;
  text-align : center;
  width: 660px;
}

div.tableau_pub #espace2 p {
  color: #ffffff;
  font-size: 8pt;
  font-weight: bold;
}




form.form_assurance {
  margin: 5px 10px;
  padding: 0;
  border: 0;
}

form.form_assurance label{
  float: left;
  color: #000066;
  width: 145px;
  font-weight: bold;
}
form.form_assurance input{
}

form.form_assurance_sante {
  margin: 5px 10px;
  padding: 0;
  border: 0;
}

form.form_assurance_sante label{
  float: left;
  color: #000066;
  width: 200px;
  font-weight: bold;
}

form.form_assurance_sante span {
color: #000066;
font-size: 9pt;
font-weight: bold;
}
form.form_assurance input{
  margin-left: 10px;
}
form.form_assurance_sante2 label{
  float: left;
  color: #000066;
  width: 100px;
  font-weight: bold;
}

form.form_assurance_sante2 span {
color: #000066;
font-size: 9pt;
font-weight: bold;
}
form.form_assurance_sante2 input{
 margin-left: 10px;
}

h1.titre{
padding-left: 10px;
color: #000066;
font-size: 16pt;
font-weight: bold;
text-align:center;
}

h2.titre{
padding-left: 0px;
color: #000066;
font-size: 14pt;
font-weight: bold;
text-align:center;
}

h3.titre{
padding-left: 0px;
color: #000066;
font-size: 12pt;
font-weight: bold;
text-align:center;
}

h4.titre{
color: #000000;
font-size: 12pt;
font-weight: bold;
text-align:left;
}
h4.titre_bleu{
color: #0000FF;
font-size: 14pt;
font-weight: bold;
text-align:left;
}
h4.texte{
padding-left: 10px;
color: #000000;
font-size: 10pt;
font-weight: bold;
text-align:center;
}
.clear {
  clear: both;
  width: 100%;
  display: block;
  height: 15px;
  overflow:hidden;
}
input.btn_grand {
margin-right: 400px;
float:right;
color:#000066; 
font-size:12pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}
input.btn_petit {
margin-right: 415px;
float:right;
color:#000066; 
font-size:8pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}

input.btn_precedent {
float:left;
color:#000066; 
font-size:10pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}

.info {
padding-left: 40px;
}

.titre_page { font-size: 16pt; color: #000066; }
.titre_rub  { font-size: 14pt; color: #000066; }
.titre_art  { font-size: 12pt; color: #000066; }
.texte { font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.texte_rouge { color:red; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }

.font_sommaire_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_article_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_titre_prix {color:#111111; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-decoration:underline; }
.font_prix {color:darkred; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.font_prix_unite {color:#111111; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_contenu {color:#000066; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.font_ref {color:#000066; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_10 {color:#000066; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal;}
.font10_b {color:#000066; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font12_b {color:#000066; font-size:12pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font_photo {color:#000066; font-size:6pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }

.font_accueil  { font-size: 14pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_accueil_p  { font-size: 10pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font8_b {color:#000066; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
