/* CSS Document */

*
{
margin:0;
padding:0;
}

html, body
{
margin:0;
padding:0;
text-align:center;
}

img
{
border:none;
/*float:left;*/
/*clear:none;*/
}

div
{
margin:0;
padding:0;
}

/**
** contenu
**/

#cadre
{
width:968px;
text-align:left;
margin-left:auto;
margin-right:auto;
/*background-color:#99FF00;*/
margin-bottom:0px;
padding:0;
}

/**
** entete
**/

#entete
{
position:relative;
width:968px;
height:107px;
background-image:url(/image/entete_mutuelle.jpg);
}

#entete #logo
{
margin-top:20px;
}

#entete #entete_telephone
{
position:absolute;
width:207px;
height:94px;
background-image:url(/image/entete_telephone.gif);
right:10px;
bottom:5px;

width:204px;
height:90px;
}

/**
** menu
**/

#menu
{
width:100%;
height:40px;
background-image:url(/image/menu.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
}

#menu a
{
text-decoration:none;
color:#666666;
/*border:#CCCCCC solid 1px;*/
display:block;
height:40px;
}

#menu #menu_gauche
{
width:10px;
height:40px;
background-image:url(/image/menu_gauche.jpg);
float:left;
}

#menu #menu_centre
{
width:948px;
height:40px;
float:left;
}

#menu #menu_droite
{
width:10px;
height:40px;
background-image:url(/image/menu_droite.jpg);
float:left;
}

#menu ul
{
padding:0;
margin:0;
list-style-type:none;
}

#menu li
{
float:left;
}

/**
** comparateur
**/


#comparateur
{
height:auto;
width:335px;
margin-top:20px;
float:left;
}

#comparateur_haut
{
width:100%;
height:10px;
background-image:url(/image/comparateur_haut.jpg);
background-repeat:no-repeat;
float:left;
font-size:0px;
}

#comparateur_bas
{
width:100%;
height:10px;
background-image:url(/image/comparateur_bas.jpg);
float:left;
font-size:0px;
}

#comparateur_centre
{
width:100%;
background-image:url(/image/comparateur_centre.jpg);
float:left;
}


.comparateur_titre
{
height:47px;
width:281px;
margin-left:30px;
}

.comparateur_titre_gauche
{
width:10px;
height:47px;
background-image:url(/image/comparateur_titre_gauche.jpg);
float:left;
}

.comparateur_titre_droite
{
width:10px;
height:47px;
background-image:url(/image/comparateur_titre_droite.jpg);
float:left;
}

.comparateur_titre_centre
{
width:261px;
height:47px;
background-image:url(/image/comparateur_titre_centre.jpg);
float:left;
}

#comparateur h4
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#18a1e8;
margin-top:8px;
font-style:italic;
}

#comparateur h5
{
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#696969;
margin-top:1px;
margin-left:0px;
}

.comparateur_cadre_rose
{
width:313px;
height:auto;
background-image:url(/image/comparateur_rose.jpg);
background-repeat:repeat-y;
border-color:#f0f0f0;
border-style:solid;
border-width:1px;
margin:0 auto;
}

.comparateur_cadre_rose2
{
width:313px;
height:auto;
background-color:#e3bfdd;
border-color:#f0f0f0;
border-style:solid;
border-width:1px;
margin:0 auto;

height:100px;
}

#comparateur table.niveau
{
margin:10px auto;
}

#comparateur a
{
text-decoration:none;
}

#comparateur img.etoile
{
padding-top:9px;
width:20px;
height:20px; 
}

#comparateur img.logo_niveau
{
width:45px;
}

#comparateur span.niveau
{
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#d21ab3;
font-size:14px;
font-weight:bold;
font-style:italic;
text-align:center;
}

#comparateur_slider
{
margin:0 auto;
margin-top:10px;
}

.ui-slider-handle { position: absolute; height: 22px; width: 32px; top: 0px; left: 0px; background-image: url(/image/curseur.png);  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-1 { width: 298px; height: 49px; position: relative; background-image: url(/image/slider.png); background-repeat: no-repeat; background-position: center center; }


#comparateur_form
{
margin:10px 5px 10px 5px;
color:#333333;
font-size:14px;
color:#666666;
}

#comparateur_form h5
{
width:100%;
border-bottom-color:#FFFF00;
border-bottom-style:solid;
border-bottom-width:1px;
color:#18a1e8;
font-size:16px;
margin:5px 0 15px 0;
font-family:"Times New Roman", Times, serif;
}

#comparateur_form h6
{
width:100%;
color:#9e9e56;
font-size:14px;
font-weight:bold;
margin:5px 0 15px 0;
font-family:"Times New Roman", Times, serif;
}

#comparateur_form label.marge
{
margin:0 5px;
}

#comparateur_form .ligne
{
margin:15px 0 15px 10px;
display:block;
}

#comparateur_form select
{
color:#333333;
height:18px;
font-size:10px;
}

#comparateur_form input[type=submit]
{
border:none;
color:#fff;
background: transparent url(/image/ok_comparer.png) no-repeat top left;
width:168px;
height:53px;
margin-left:100px;
margin-top:20px;
cursor:pointer;
}

#comparateur_form input.submit
{
border:none;
color:#fff;
background: transparent url(/image/ok_comparer.png) no-repeat top left;
width:168px;
height:53px;
margin-left:100px;
margin-top:20px;
cursor:pointer;
}

/**
** col_home_milieu
**/

#col_home_milieu
{
float:left;
margin-top:20px;
width:308px;
background-color:#FFFFFF;
height:530px;
}

#col_home_milieu .cadre_mutuelle
{
float:left;
background-image:url(/image/cadre_mutuelle.jpg);
background-repeat:no-repeat;
width:278px;
height:120px;
margin-left:15px;
margin-bottom:30px;
}

.cadre_mutuelle img
{
float:left;
width:80px;
margin-left:10px;
margin-right:10px;
margin-top:25px;
}

.cadre_mutuelle p
{
float:left;
margin-top:10px;
font-size:14px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
width:170px;
}

.cadre_mutuelle p span, .cadre_mutuelle p span a
{
color:#d21ab3;
font-weight:bold;
text-decoration:none;
}

.cadre_mutuelle p a
{
font-size:14px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}

/**
** col_home_droite
**/

#col_home_droite
{
float:left;
margin-top:20px;
width:325px;
float:right;
}

/**
** col_home_milieu : contactmail
**/

#col_home_droite #contactmail
{
background-image:url(/image/contact_mail.png);
background-repeat:no-repeat;
width:268px; /* 318 - 50 (padding) */
height:48px; /* 108 - 60 (padding) */
margin-left:7px;
padding-left:50px;
padding-top:60px;
}

#contactmail input[type=text]
{
width:200px;
height:20px;
}

#contactmail input.text
{
width:200px;
height:20px;
}

#contactmail input[type=submit]
{
background-color:#FFFF00;
}

#contactmail input.submit
{
background-color:#FFFF00;
}

/**
** col_home_droite : slideshow
**/

#col_home_droite #slideshow
{
position:relative;
height:350px;
}

#slideshow img
{
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#slideshow img.active
{
z-index:10;
opacity:1.0;
}

#slideshow img.last-active
{
z-index:9;
}

/**
** part2
**/

#part2
{
width:100%;
/*background-color:#3399CC;*/
float:left;
}

/**
** article
**/

#article_mutuelle
{
height:auto;
width:324px;
margin-top:20px;
float:left;
}

#article_mutuelle_haut
{
width:100%;
height:10px;
background-image:url(/image/cadre_article_mutuelle_haut.jpg);
background-repeat:no-repeat;
float:left;
font-size:0px;
}

#article_mutuelle_bas
{
width:100%;
height:10px;
background-image:url(/image/cadre_article_mutuelle_bas.jpg);
float:left;
font-size:0px;
}

#article_mutuelle_centre
{
width:100%;
background-image:url(/image/cadre_article_mutuelle_centre.jpg);
float:left;
}

#article_mutuelle h2
{
color:#d21ab3;
font-size:18px;
margin-left:10px;
margin-bottom:10px;
}

#article_mutuelle p
{
color:#666666;
font-size:14px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

#article_mutuelle p a
{
color:#666666;
text-decoration:none;
font-weight:bold;
float:right;
margin-right:10px;
}

/**
** commentaire
**/

#comment_mutuelle
{
height:auto;
width:630px;
margin-top:20px;
float:right;
}

#comment_mutuelle_haut
{
width:100%;
height:60px;
background-image:url(/image/cadre_mutuelle_haut.jpg);
background-repeat:no-repeat;
float:left;
}

#comment_mutuelle_bas
{
width:100%;
height:32px;
background-image:url(/image/cadre_mutuelle_bas.jpg);
float:left;
font-size:0px;
}

#comment_mutuelle_centre
{
width:100%;
background-image:url(/image/cadre_mutuelle_centre.jpg);
float:left;
}

#comment_mutuelle h1
{
color:#1fb9e9;
font-size:20px;
margin-left:20px;
margin-top:20px;
}

#comment_mutuelle h1 a
{
color:#1fb9e9;
font-size:20px;
text-decoration:none;
}

#comment_mutuelle p
{
color:#666666;
font-size:14px;
/*
margin-left:30px;
margin-right:30px;
margin-bottom:10px;
*/
/*top:-283px;*/
font-size:16px;
text-align:justify;
line-height:25px;

background-image:url(/image/fond_mutuelle.jpg);
background-position:top;
background-repeat:no-repeat;
padding-left:50px;
padding-right:50px;
padding-top:30px;
padding-bottom:30px;
margin:0;
}

#comment_mutuelle p a
{
color:#666666;
text-decoration:none;
font-weight:bold;
}


/**
** pied_page
**/

#pied_page
{
width:100%;
height:30px;
margin:50px 0;
color:#3c3c3c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#pied_page p
{
width:100%;
text-align:center;
}

#pied_page p a
{
color:#3c3c3c;
text-decoration:none;
}

/**
** cadre_one
**/

#cadre_one
{
height:auto;
width:969px;
margin-top:20px;
float:left;
color:#666666;
}

#cadre_one #cadre_one_haut, #cadre_one #cadre_one_bas
{
width:100%;
height:15px;
background-image:url(/image/cadre_one_haut.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
font-size:0px;
}

#cadre_one #cadre_one_bas
{
background-image:url(/image/cadre_one_bas.jpg);
}

#cadre_one #cadre_one_centre_haut, #cadre_one #cadre_one_centre_bas
{
background-image:url(/image/cadre_one_centre_haut.jpg);
background-repeat:repeat-y;
background-position:center;
padding:10px 20px;

height:auto;
}

#cadre_one #cadre_one_centre_bas
{
background-image:url(/image/cadre_one_centre_bas.jpg);

height:200px;
}

#cadre_one h1
{
color:#ffff88;
font-size:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:90%;
padding:4px;
border-bottom:dotted 1px #ffff88;
}
