/* CSS Document */


html, body
{
margin:0;
padding:0;
text-align:center;
/*background-color:#FFFFFF;*/
}

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

div
{
margin:0;
padding:0;
}

/*********************************************************************************************/

/**
** block
**/

#mutuelle
{
width:960px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

/**
** entete
**/

#entete
{
position:relative;
width:100%;
height:auto;
}

#entete p
{
margin:0;
padding:0;
text-align:right;
font-size:10px;
}

#entete h2
{
position:absolute;
top:10px;
left:320px;
margin:0;
padding:0;
}

#entete h2 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:60px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

#entete h3
{
position:absolute;
top:65px;
left:310px;
margin:0;
padding:0;
}

#entete h3 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
text-decoration:none;
color:#c21e1e;
}


#entete img
{
border:none;
float:left;
clear:none;
}

/**
** menu
**/

#menu
{
position:relative;
width:100%;
height:auto;
float:left;
height:37px; /* 39px - 2px du padding = 37px */ 
padding-top:2px;
padding:0;
margin:0;
background-image:url(../image/menu.gif);
background-repeat:repeat-x;
background-position:bottom;
margin-bottom:10px;
}

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

#menu li
{
float:left;
}

#menu .m_g_a
{
padding:0;
padding-left:8px;
background-image:url(../image/menu_gauche_a.gif);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#menu .m_d_a
{
padding-right:8px;
background-image:url(../image/menu_droite_a.gif);
background-position:right;
background-repeat:no-repeat;
float:left;
}

#menu a
{
height:37px;
display:block;
background-image:url(../image/menu_centre_a.gif);
background-repeat:repeat-x;
background-position:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:37px;
float:left;
color:#ffffff;
text-decoration:none;
}

#menu a:hover
{
color:#dac76e;
color:#aaa;
}

#menu .m_g_a_s
{
padding:0;
padding-left:8px;
background-image:url(../image/menu_gauche.gif);
background-position:left;
background-repeat:no-repeat;
float:left;
}

#menu .m_d_a_s
{
padding-right:8px;
background-image:url(../image/menu_droite.gif);
background-position:right;
background-repeat:no-repeat;
float:left;
}

#menu .selection_a
{
background-image:url(../image/menu_centre.gif);
color:#c21e1e;
line-height:normal;
}


/**
** colonnes (gauche, centre, droite)
**/

#col_gauche
{
width:240px;
float:left;
position:relative;
/*background-color:#434C53;*/
}
 
#colonnes
{
width:720px;
float:right;
position:relative;
}

#col_droite
{
width:263px; /* 270px - 7px du padding = 163px */ 
float:right;
position:relative;
padding-left:7px;
/*background-color:#D9E02C;*/
}

#col_centre
{
float:left;
display:inline;
position:relative;
width:450px;
/*background-color:#AF292C;*/
}

/**
** Pied de page
**/


#pied_page
{
clear:both;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
/*background-color:#365C5C;*/
}

#pied_page ul
{
display:inline;
}

#pied_page li, #pied_page a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#c21e1e;
text-decoration:none;
display:inline;
}

#pied_page p
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#c21e1e;
}

/*********************************************************************************************/

/**
** 
**/

h1, h1 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#c21e1e;
text-decoration:none;
display:inline;
}

/**
** Les cadres
**/

.cadre
{
border-color:#c21e1e;
border-style:solid;
border-width:1px;
background-color:#fdfdf1;
overflow:auto;
}

.cadre h3
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#c21e1e;
height:20px;
background:no-repeat left 0px;
padding:12px 0 0 35px;
margin:20px 0 0 10px;
border-bottom-color:#c21e1e;
border-bottom-style:solid;
border-bottom-width:2px;
}

/** specifiques cadre gauche **/

.cadre_gauche
{
width:232px;
}

.cadre_gauche h3
{
width:170px;
}

/** specifiques cadre droit **/

.cadre_droite
{
width:260px;
}

.cadre_droite h3
{
width:200px;
}

/** specifiques cadre centre **/

.cadre_centre
{
width:448px;
}

/**
** Contact telephone direct
**/

#form_tel_cont
{
background-image:url(../image/par_telephone.gif);
background-repeat:no-repeat;
height:199px;
width:180px; /* 190px - 10px du padding = 180px */
height:189px; /* 199px - 10px du padding = 189px */
margin-left:auto;
margin-right:auto;
margin-top:10px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
padding-top:10px;
padding-left:10px;
}

#form_tel_cont form
{
margin-left:auto;
margin-right:auto;
}

#form_tel_cont input
{
margin-top:5px;
margin-bottom:7px;
}

#form_tel_cont input.quand 
{
margin:0;
}

#form_tel_cont input.heure
{
width:16px;
margin:2px 0 0 2px;
}

#form_tel_cont select
{
margin-top:5px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
display:block;
}

#form_tel_cont input.ok
{
margin-left:auto;
margin-right:auto;
display:block;
}

/**
** Contact mail direct
**/

#form_mail_cont
{
background-image:url(../image/par_mail.gif);
background-repeat:no-repeat;
width:180px; /* 190px - 10px du padding = 180px */
height:95px; /* 105px - 10px du padding = 95px */
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
padding-top:10px;
padding-left:10px;
}

#form_mail_cont form
{
text-align:center;
margin-left:auto;
margin-right:auto;
}

#form_mail_cont input
{
margin-top:5px;
margin-bottom:1px;
}

#form_mail_cont input#ok
{
margin-top:5px;
margin-bottom:0px;
}

/**
** garanties
**/

#garanties
{
width:100px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:10px;
}

/**
** Contact telephone indirect
**/

#telephone
{
width:232px;
height:95px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
position:relative;
padding:0;
}

#telephone h4
{
position:absolute;
top:9px;
left:8px;
margin:0;
padding:0;
}

#telephone h4 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-decoration:none;
color:#dac76e;
}

#telephone h5
{
position:absolute;
top:36px;
left:4px;
margin:0;
padding:0;
}

#telephone h5 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:34px;
font-weight:normal;
text-decoration:none;
color:#000000;
}

#telephone h6
{
position:absolute;
top:75px;
left:102px;
margin:0;
padding:0;
}

#telephone h6 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#867a42;
}

/**
** Contact chat indirect
**/

#chat
{
width:233px;
height:119px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
padding:0;
position:relative;
}

#chat h4
{
position:absolute;
top:6px;
left:56px;
margin:0;
padding:0;
}

#chat h4 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#dac76e;
}

#chat h5
{
position:absolute;
top:30px;
left:75px;
width:120px;
margin:0;
padding:0;
}

#chat h5 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
text-decoration:none;
color:#000000;
}

#chat h6
{
position:absolute;
top:90px;
left:157px;
margin:0;
padding:0;
}

#chat h6 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:underline;
color:#867a42;
}

/**
** Contact chat indirect
**/

#mail
{
width:233px;
height:70px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
position:relative;
}

#mail h4
{
position:absolute;
top:7px;
left:10px;
margin:0;
padding:0;
}

#mail h4 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#dac76e;
}

#mail h5
{
position:absolute;
top:30px;
left:30px;
margin:0;
padding:0;
}

#mail h5 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-decoration:none;
color:#000000;
}

#mail h6
{
position:absolute;
top:42px;
left:157px;
margin:0;
padding:0;
}

#mail h6 a
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:underline;
color:#867a42;
}

/**
** partenaires
**/

#partenaires
{
width:160px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:10px;
}

/**
** informations
**/

#informations
{
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
text-align:center;
overflow:auto;
}

#informations .infos
{
background-image:url(../image/informations.gif);
background-repeat:no-repeat;
background-position:center;
width:149px;
float:left;
height:60px;
margin-bottom:20px;
}

#informations .infos a
{
width:149px;
height:60px;
display:block;
text-decoration:none;
color:#867a42;
margin:0;
}

#informations .infos p
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#867a42;
margin:0;
}

#informations .infos strong
{
font-size:30px;
color:#c21e1e;
}



/*********************************************************************************************/

.impression:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
 
.impression
{
display: inline-block;
}

/* pour IE-mac \*/
* html .clearfix
{
height: 1%;
}

.impression
{
display:block;
}
/* fin pour IE-mac */  

 
/*printer styles*/ 
@media print
{ 
/* cache la colonne de gauche pour l'impression */ 
#col_gauche
{
display:none;
}

/* cache la colonne de droite pour l'impression */ 
#col_droite
{
display:none;
}
 
#colonnes, #col_centre
{
width:100%;
float:none;
}
}