/********************************************
 * Domaine : mutuelle.org
 *
 * Exploitant : Mutuelle du Médecin
 *
 * Rôle : Feuille de style spécifique page d'accueil
 *
 * Auteur : Ultra-Fluide, copyright 2011
 ********************************************/


@font-face {
    font-family: 'GillSansMT';
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt_italic-webfont.eot');
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_italic-webfont.woff') format('woff'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_italic-webfont.ttf') format('truetype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_italic-webfont.svg#GillSansMTItalic') format('svg');
    font-weight: italic;
    font-style: italic;

}

@font-face {
    font-family: 'GillSansMT';
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt_bold-webfont.eot');
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_bold-webfont.woff') format('woff'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_bold-webfont.ttf') format('truetype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt_bold-webfont.svg#GillSansMTBold') format('svg');
    font-weight: bold;
    font-style: bold;

}

@font-face {
    font-family: 'GillSansMT';
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt-webfont.eot');
    src: url('/fileadmin/templates/styles/typos/gill_sans_mt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt-webfont.woff') format('woff'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt-webfont.ttf') format('truetype'),
         url('/fileadmin/templates/styles/typos/gill_sans_mt-webfont.svg#GillSansMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 

#header #right {float:left; height:350px; padding-bottom:16px; position:relative; width:651px; padding-right:10px; background:url(images/slideshows_bg.png) no-repeat scroll right bottom transparent;}
  
  #header #acces{position:absolute;left:442px; top:11px;z-index:12; zoom:1;}
  #header #cadre{width:650px; height:311px;position:absolute;left:0px; bottom:16px; }
  #header #cadre_img{position:absolute;left:0px; top:0; z-index:12; zoom:1; }
  #header #adhesion{width:153px; height:184px; position:absolute; top:92px; left:525px; z-index:12; zoom:1; background: url(images/adhesion.png) no-repeat scroll left top transparent; }
  #header #slides{width:650px; z-inde:0; zoom:1;} 
  #header div.slides_container{width:650px; height:250px;z-inde:0; zoom:1;}
    
#mmenu  {width:583px; margin-left:67px;background-color:#1f61a3; height:40px; z-index:11; zoom:1;position:relative; top:-15px;}
   #mmenu li{height:27px; margin-left: -8px; position:relative; list-style:none;float:left;padding:13px 24px 0 24px; background:url(images/menu_bg.png) no-repeat scroll left top;}
   #mmenu li:first-child{margin-left: 0px;}
   #mmenu li ul{display: none; position: absolute; top: 40px; left: 8px; border: 2px solid #144168;}
   #mmenu li ul li{margin-left: 0px; padding: 10px 10px 8px 10px; float: none; width: 150px; height: auto; background-image: none; background-color: #e3edf6; border-bottom: 2px solid #144168;}
   #mmenu li ul li a{ font-weight:normal; color: #2061a3; text-transform: none; }  
   #mmenu li ul li:last-child{border-bottom: none;}  
   #mmenu li ul li:hover{ background-color: #689dc7; background-image: none;}
   #mmenu li ul li:hover a{ color:#ffffff;}
   #mmenu li:hover{ background:url(images/menu_bg_hover.png) no-repeat scroll left top ;}
   #mmenu li:hover ul{display: block;}
   #mmenu li a{text-transform:uppercase; text-decoration:none; color:#ffffff; font-size:13px; font-weight:bold;}
    
  #contient div.flash {width:300px; float:left; padding-left:50px; margin-bottom:15px; background:url(images/ligne.png) no-repeat scroll right top;}
   #contient div.flash div.slides2_container{width:278px; height:245px;}
#contient div.center {width:300px; float:left; padding-left:25px; padding-right:50px;margin-bottom:15px;} 
  #contient div.center h2{font-size:13px; color:#1e5a9a; font-size:17px; text-transform:uppercase; margin-bottom:15px; font-weight:normal; } 
  #contient div.center p{margin-bottom:12px;} 
  #contient div#c164 {float:left; width:275px;margin-bottom:15px;}
  #contient div#c164 form {padding:15px; height:159px; background: url(images/bloc.png) no-repeat scroll left top transparent; }
  #contient div#c164 form p strong {color:#1e5a9a; text-transform:uppercase; }
  #contient div#c164 form p {margin-bottom:5px; color:#1e5a9a; clear:both; overflow:auto; zoom:1;}
  #contient fieldset label.formulaire champs obligatoire {width:65px; }
  #contient fieldset input {border: 1px inset #acadb2}
  #contient fieldset #nom{float:right;margin-right:10px;width:160px;}
  #contient fieldset #tel{ float:right;margin-right:10px;width:160px;}
  #contient fieldset #label-nom{float:left; width:60px;}
  #contient fieldset #label-tel{ float:left;width:60px;}
  #contient fieldset  #label-jour {float:left; width:45px;}
  #contient fieldset  #label-heure {float:left; width:45px;}
  #contient fieldset  #jour {float:left; width:70px; background-color:#ffffff; margin-right:10px;}
  #contient fieldset  #heure {float:left; width:70px; background-color:#ffffff;}


  #contient div.devis form input.button {border:none; margin-top:15px;font-size:13px; background: url("images/fleche_jaune.png") no-repeat scroll left top transparent;
  color: #1F61A3;
  font-weight: bold;
  padding-left: 18px; width:auto;
  }
  #contient div.devis form a {font-weight:bold; text-decoration:none; background: url(images/fleche_jaune.png) no-repeat scroll left center transparent; padding-left:18px;color:#1f61a3}
  
.slide2 {display:none;}
.slide3 {display:none;}
.slide4 {display:none;}
.slide5 {display:none;}
.slide6 {display:none;}
.slide7 {display:none;}
    
  #footer #info #numerovert  { float:left;}
  #footer #info #numerovert img{margin-bottom:58px; margin-top:50px;}
#footer #info  #pmenu {clear:both; float:right; margin-right:36px;margin-top:-30px;}
  #footer #info  #pmenu li{ float:left;margin-right:15px; list-style:none;}
  #footer #info  #pmenu li a{ font-size:12px; color:#666666; text-decoration:none;}
  
  #footer #info #servicesplus {margin-right:50px; width:700px;padding-left:39px; background: url(images/diagonale.png) no-repeat scroll left top transparent; float:left; }
  #footer #info #servicesplus h2{font-size:26px; color:#1e5a9a; margin-bottom:10px;}
  
  #footer #info #servicesplus div.service1{float:left;width:345px;  position:relative;}
  #footer #info #servicesplus div.service2{float:left;width:355px;  position:relative; }
  #footer #info #servicesplus #pied {margin-left:365px;  font-size:12px; color:#666666; width:200px; }
  
  #footer #info #servicesplus div.service1 h3{margin-right:10px; font-size:15px; text-align:right;float:left; margin-left:20px;padding-left:20px; color:#1e5a9a; background: url(images/fleche_jaune.png) no-repeat scroll left 2px;}
  #footer #info #servicesplus div.service1 h3 small{font-weight:normal;  font-size:11px; color:#666666;  }
  #footer #info #servicesplus div.service1 p.logo {float:right; width:auto;margin-right:15px;}
  #footer #info #servicesplus div.service1 p.tel{font-size:14px; padding-left:20px; padding-top:3px; width:326px; height:22px;margin-left:3px; margin-top:1px;  background: url(images/bande.png) no-repeat scroll left bottom #1e5a9a; color:#ffffff; }
  #footer #info #servicesplus div.service1 p.tel strong{font-size:18px;}
  

  #footer #info #servicesplus div.service2 h3{font-size:15px; text-align:right;float:left; margin-left:20px;padding-left:20px; margin-right:10px;color:#1e5a9a; background: url(images/fleche_jaune.png) no-repeat scroll left 2px;}
  #footer #info #servicesplus div.service2 h3 small{font-weight:normal;  font-size:11px; color:#666666;  }
  #footer #info #servicesplus div.service2 p.logo {float:right; width:auto;}
  #footer #info #servicesplus div.service2 p.tel{font-size:14px; padding-left:20px; padding-top:3px; width:326px;height:22px;margin-top:6px;  background: url(images/bande.png) no-repeat scroll left bottom; color:#ffffff; }
  #footer #info #servicesplus div.service2 p.tel strong{font-size:18px;}
  
   
 #uf {clear:both; color: #b4b4b4; font-weight: normal; margin:20px auto 0 auto; width:500px;}
#uf a {color: #b4b4b4; text-decoration: none;}
#uf a:hover { text-decoration: underline;}