/* GENERIC CLASS */ 
  #global{width:100%;background:url(../images/gan/bg-gan.jpg) no-repeat 50% 0;}
  #top, #middle, #bottom{width:1000px;margin:0 auto;}
  #global, #top{z-index:2}
  #middle{z-index:1;}

  #top-bg{background:url(../images/gan/bg-gan-top.png) repeat-x 0 0; width: 100%; height: 337px; position: absolute; top: 0; z-index: 0;}

  .title00{font-size:16px;color:#fff;line-height:32px;margin:5px 6px 0 15px;font-family:"DINOT-Bold";padding:0 0 0 7px;}

  .line00{position:relative;width:100%;font-size:0px;line-height:0px;height:1px;clear:both;border-top:1px solid #fff;}
  .line01{position:relative;width:100%;font-size:0px;line-height:0px;height:1px;clear:both;background:url(../images/gan/bg-pointillesH00.gif) repeat-x 0 0;}
  

  .actu{position:relative;margin:0 6px 0;padding:10px 0;clear:both;}
  .actu .image, .actu .actu00{float:left;display:inline;}
  .actu .image{margin:0 22px 0 0;border-bottom:8px solid #001e49;}
  .actu .actu00{width:274px;}
  .actu .title{font-size:18px; color:#f89412;line-height:1em; text-decoration: none; display: block;}
  .actu .text{font-size:11px;color:#434343;margin:12px 0 0; text-decoration: none; display: block;}
  .actu .read-more{margin:5px 0 0;}
  .actu .read-more, .actu .read-more a{font-size:11px;font-weight:bold;color:#707070;text-align:right;text-decoration:none;}
  .actu .read-more a:hover{text-decoration:underline;}

  .read-all{position:absolute;bottom:12px;right:27px;}
  .read-all a{font-size:12px;color:#001e49;text-decoration:none;}
  .read-all a span{padding: 0 0 0 10px;background:url(../images/gan/bg-fleche02.gif) no-repeat 0 50%;}
  .read-all a:hover{text-decoration:underline;}

  .dossier .title{font-size:18px;line-height:1em;}
/* END GENERIC CLASS */

/* BREADCRUMBS CLASS */
  #breadcrumbs{position:relative;top:0;left:0;width:744px;background:#fff;overflow:hidden;padding: 0 0 10px;z-index:4;}
  #breadcrumbs li{float:left;display:inline;list-style:none;padding:0 5px 0 0;}
  #breadcrumbs li, #breadcrumbs li a{text-decoration:none;font-size:11px;color:#707070;}
  #breadcrumbs li a:hover{text-decoration:underline;}
/* END BREADCRUMBS CLASS */

/* TOP CLASS*/ 
  #identite{position:relative;width:100%;overflow:hidden;z-index:1;}
  #identite a{float:left;display:inline;margin:0 20px 0 0;}
  #identite img{display:block;}
  #identite .title{float:left;display:inline;padding:55px 0 0;font-size:19px;color:#FFD715;font-family:"DINOT-Bold";}

  #espace-client{position:absolute;top:0;right:29px;width:216px;height:54px;z-index:2;}
  #espace-client a{display:block;}
  #espace-client-detail{position:absolute;top:2px;right:0;width:846px;height:177px;overflow:hidden;background:#fff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;display:none;}
  #espace-client-detail .close{position:absolute;top:5px;right:20px;text-decoration:none;font-size:13px;color:#f89412;}
  #espace-client-detail .title{font-size:16px;color:#626262;margin:25px 0 0 35px;}
  #espace-client-detail ul{position:relative;width:100%;overflow:hidden;margin:0 0 0 30px;}
  #espace-client-detail ul li{float:left;display:inline;list-style:none;text-align:center;}
  #espace-client-detail ul li a{text-decoration:none;}
  #espace-client-detail ul li span{font-size:11px;color:#626262;}
  #espace-client-detail ul li a:hover span{text-decoration:underline;}
  #espace-client-detail ul li img{display:block;clear:both}
  #espace-client-detail ul select{float:left;display:inline;width:148px;border:1px solid #adadad;margin:5px 0 0 8px}
  #espace-client-detail ul li a.submit{float:left;display:inline;margin:0 0 0 5px;}

  #assurances-on{display:none;}

  #menu{position:relative;width:100%;margin:0;padding:10px 0 10px;}
  #menu li{float:left;display:inline;list-style:none;}
  #menu li a{display:block;position:relative;overflow:hidden;width:194px;height:47px;font-size:18px;color:#fff;text-decoration:none;line-height:1em;text-align:left;font-family:"DINOT-Bold"}
  #menu li a span{display:block;cursor:pointer;margin:0;padding:3px 0 0 20px;border:1px solid #fff;border-width:0 1px 0 0;}

  #menu li.first{margin:0 0 0 6px;}
  #menu li.first a span{border-width:0 1px 0 1px;}
  #menu li ul li.first a span{border:none;}
  #menu li.first_previous a span, #menu li.first_previous_actif a span{border-width:0 0 0 1px;}

  #menu li a#menu02{width:200px;}

  #menu li.first #menu01 span{padding-left:27px;}
  #menu li a#menu02 span{padding-left:22px;}
  #menu li a#menu03 span{padding-left:41px;}
  #menu li a#menu04 span{padding-left:32px;}

  #menu li.previous a span, #menu li.previous_actif a span{border-width:0;}
  #menu li a.selected, #menu li a.actif{background:url(../images/gan/bg-menu-on.png) no-repeat 0 0;border:0;}
  #menu li a.selected span, #menu li a.actif span{border:0;}

  #menu .smenu{position:absolute;top:56px;left:-3px;width:775px;height:295px;padding:0 0 20px;background:url(../images/gan/bg-smenu.png) no-repeat 0 0;display:none;}
  #menu .smenu .intro{float:right;display:inline;text-align:right;margin:16px 28px 0 0;width:445px;}
  #menu .smenu .intro img, #menu .smenu .intro .desc-img{float:right;display:inline;}
  #menu .smenu .intro img{border:1px solid #f89412;border-width:0 0 8px;margin:0 0 15px;}
  #menu .smenu .intro .desc-img{font-size:12px;color:#626262;margin:0 30px 0 0;}
  #menu .smenu .intro .title, #menu .smenu .intro .desc{clear:both;color:#626262;}
  #menu .smenu .intro .title{font-size:22px;color:#626262;}
  #menu .smenu .intro .desc{position:relative;height:136px;overflow:hidden;font-size:15px;margin:7px 0 0;line-height:1.1em; text-align:justify;}

  #menu li .smenu ul{float:left;display:inline;width:260px;margin:23px 0 0 20px;}
  #menu li .smenu ul li{width:100%;clear:both;border:0;padding:4px 0;border-bottom:1px solid #bfbfbf;}
  #menu li .smenu ul li a{font-size:16px;color:#626262;width:auto;text-align:left;height:auto;}
  #menu li .smenu ul li a img{vertical-align:top;}
  #menu li .smenu ul li a span{padding:0 0 0 7px;display:inline;font-family:Arial;margin: 0 0 0 0; position: relative; top: 9px;}

  #menu li .smenu .fleche{position:absolute;top:-8px;z-index:3;width:33px;height:24px;}
  #menu li #smenu01 .fleche{left:36px;}
  #menu li #smenu02{left:8px;}
  #menu li #smenu02 .fleche{left:214px;}
  #menu li #smenu03{left:16px;}
  #menu li #smenu03 .fleche{left:425px;}
  #menu li #smenu04{left:24px;}
  #menu li #smenu04 .fleche{left:602px;}
/* END TOP CLASS */

/* BOTTOM CLASS*/ 
  #bottom{position:relative;width:100%;overflow:hidden;background:#e5e5e5 url(../images/gan/bg-bottom.png) no-repeat 50% 0;}

  #footers{position:relative;width:1000px;overflow:hidden;margin:0 auto;text-align:left;}

  #footer00{position:relative;width:100%;overflow:hidden;margin:0;}
  #footer00 li{list-style:none;float:left;display:inline;height:63px;}
  #footer00 li a{display:block;font-size:12px;color:#001e49;text-decoration:none;margin:12px 0 0;}
  #footer00 li span{display:block;padding:10px 49px;border:1px solid #001e49;border-width:0 0 0 1px;}
  #footer00 li.first span{border-width:0;}
  #footer00 li.selected{background:#efefef;}
  #footer00 li.selected a span{border-width:0;padding:10px 49px 10px 50px;}
  #footer00 li.previous a span{}
  #footer00 li.next a span{border-width:0;padding:10px 49px 10px 50px;}

  #footer_gan{position:relative;width:100%;background:#efefef;border-bottom:1px solid #fff;text-align:center;margin:0;padding:10px 0;z-index:2;display:none;}
  #footer_gan li{display:inline;list-style:none;}
  #footer_gan li a{color: #001e49; padding:0 20px; font-size: 11px; text-decoration: none;}
  #footer_gan li a:hover{text-decoration: underline;}

  #footer01{position:relative;width:100%;overflow:hidden;}
  #footer01 ul{float:left;display:inline;position:relative;width:231px;overflow:hidden;margin:0 0 0 9px;}
  #footer01 ul li{float:left;display:inline;width:230px;list-style:none;border:1px solid #959595;border-width:1px 0 0;}
  #footer01 ul li a{display:block;padding:6px 0;font-size:11px;color:#959595;text-decoration:none;}

  #footer01 ul.first{margin-left:0;}
  #footer01 ul li.first{border:none;float:left;display:inline;width:231px;}

  #footer_slot{position:relative;width:100%;overflow:hidden;margin: 40px 0 0 0;font-size:11px;color:#959595;display:none;}
/* END BOTTOM CLASS */

/* CONTENT CLASS */
  #content{position:relative;width:100%;clear:both;z-index:2;}
  #content00, #content01{float:left;display:inline;}
  #content00{width:783px;margin:0 0 0 6px;position:relative;z-index:1;}
  #content01{width:197px;position:relative;z-index:2;}
/* END CONTENT CLASS */

/* SPECIFIC CSS MENU DROIT */
  #menu-droit{position:relative;width:197px;height:312px;background:url(../images/gan/bg-menu-droit.png) no-repeat 0 0;z-index:2;}
  #menu-droit .header{position:relative;margin:0 21px 0 17px;}
  #menu-droit .header a{display:block;position:relative;width:100%;font-size:15px;color:#fff;text-decoration:none;background:url(../images/gan/bg-fleche00.gif) no-repeat 100% 21px;padding:8px 0 5px;}
  #menu-droit .header a *{float:left;display:inline; cursor: pointer;}
  #menu-droit .header a br{float:none;display:block;}
  #menu-droit .header a span{width:108px;padding:5px 0 5px;margin:5px 0 0;background:url(../images/gan/bg-blank.gif) repeat-x 0 100%;font-family:"DINOT-Medium"}
  #menu-droit .header a span.auto{width:30px;height:18px;margin:10px 5px 0 0;padding:0;background-image:url(../images/gan/bg-menu-droit-picto00.png);}
  #menu-droit .header a span.habitation{width:23px;height:22px;margin:8px 9px 0 3px;padding:0;background-image:url(../images/gan/bg-menu-droit-picto01.png);}
  #menu-droit .header a span.sante{width:20px;height:20px;margin:10px 10px 0 5px;padding:0;background-image:url(../images/gan/bg-menu-droit-picto02.png);}
  #menu-droit .header a span.conseiller{width:24px;height:25px;margin:13px 9px 0 3px;padding:0;background-image:url(../images/gan/bg-menu-droit-picto04.png);}
  #menu-droit .header a.selected{background-image:url(../images/gan/bg-fleche01.gif);}

  #menu-droit .header a.two_lines{background-position:100% 32px}

  #menu-droit .content{clear:both;text-align:center;position:relative;width:100%;display:none;}
  #menu-droit .content .link{margin:0 auto;display:block;position:relative;width:159px;height:37px;overflow:hidden;background:url(../images/gan/bg-bt01.png) no-repeat 0 0;font-size:12px;color:#001e49;text-align:center;text-decoration:none;cursor:pointer;}
  #menu-droit .content .link span{display:block;width:100%;padding:5px 0 0;cursor:pointer;}

  #menu-droit .last a span{background-image:url(../images/bg-blank.gif);}

  #menu-droit .no-flag a, #menu-droit .no-flag a.selected{background:none;}

  #menu-droit .line00, #menu-droit .line01{width:auto;margin:5px 20px 0;}
  #menu-droit .line01{}

  #trouver-conseiller{position:absolute;width:725px;height:115px;top:10px;right:0;background:url(../images/gan/bg-trouver-conseiller.png) no-repeat 0 100%;}
  #trouver-conseiller p{position:absolute;width:718px;top:-16px;left:3px;margin:0;padding:0;background:url(../images/gan/bg-trouver-conseiller.gif) no-repeat 0 0;font-size:11px;color:#434343;text-align:center;line-height:22px;}
  #trouver-conseiller ul{float:left;display:inline;height:124px;margin:10px 0 0 22px;background:url(../images/gan/bg-barre-V00.png) no-repeat 100% 7px;}
  #trouver-conseiller ul li{float:left;display:inline;width:100%;line-height:1em;clear:both;list-style:none;text-align:left;}
  #trouver-conseiller ul a{font-size:10px;color:#434343;text-decoration:none;}
  #trouver-conseiller ul a:hover{text-decoration:underline;}
  #trouver-conseiller ul li.title{font-size:12px;font-weight:bold;color:#15679a;padding-bottom:5px;}
  
  #trouver-conseiller ul#trouver-conseiller00{width:124px;}
  #trouver-conseiller ul#trouver-conseiller01{width:154px;}
  #trouver-conseiller ul#trouver-conseiller02{width:155px;}
  #trouver-conseiller ul#trouver-conseiller03{width:183px;background:none;}
/* END SPECIFIC CSS MENU DROIT */

/* SPECIFIC CSS HOMEPAGE */
  #homepage{position:relative;width:100%;overflow:hidden;padding:0 0 20px;margin:-10px 0 0;}
  #flash-home{position:relative;width:783px;height:313px;overflow:hidden;}

  #actus-dossiers{position:relative;width:100%;overflow:hidden;z-index:1;margin:10px 0 0;}
  #actus, #dossiers{position:relative;float:left;display:inline;width:496px;height:296px;overflow:hidden;background:url(../images/gan/bg-actus-conseils-dossiers.png) no-repeat 0 0;}
  #actus .actu{height: 90px; overflow: hidden;}
/* END SPECIFIC CSS HOMEPAGE */

/* SPECIFIC CSS CATEGORY */
  #category{position:relative;width:100%;overflow:hidden;padding:0 0 40px;margin:-10px 0 0;}
  #category #content00{width:783px;background:#fff;padding:10px 0 0;}
  
  #category .category{padding:20px 10px;}
  #category .category .masque00{float:left;display:inline;position:relative;width:162px;height:203px;text-align:center;margin:0 12px 0 0;}
  #category .category .masque00 img{display:block;margin:5px auto 0;z-index:1;}
  #category .category .masque00 .masque{position:absolute;top:0;left:0;z-index:2;}
  #category .category .masque00 .masque img{display:block;margin:0;}
  #category .category .title{position:relative;font-size:22px;font-weight:bold;color:#001e49;margin:5px 0 0;}
  #category .category .text{position:relative;font-size:14px;color:#626262;margin:10px 0 0;line-height:1.4em;padding-left:175px;}
  #category .category .intro{position:relative;clear:both;font-size:14px;color:#626262;margin:30px 40px 0;line-height:1.4em;background:url(../images/gan/bg-fleche00.png) no-repeat 0 5px;text-indent:20px;}
  #category .category .text{position:relative;font-size:14px;color:#626262;margin:10px 0 0;line-height:1.4em;}
  #category .category ul.text{padding-left:190px;}

  #category .reseaux{position:relative;width:100%;overflow:hidden;margin:25px 0 0;}
  #category .reseaux .reseau{position:relative;width:378px;height:400px;overflow:hidden;float:left;display:inline;margin:0 0 0 6px;}
  #category .reseaux .reseau00{position:relative;height:350px;padding:25px 40px;background:url(../images/gan/bg-reseau.png) no-repeat 0 0;}
  #category .reseaux .reseau00 h3{position:relative;height:32px;font-size:14px;font-weight:bold;color:#000;line-height:32px;text-align:center}
  #category .reseaux .reseau00 h3 a{font-size:14px;font-weight:bold;color:#000;text-decoration:none;}
  #category .reseaux .reseau00 .title{position:relative;font-size:22px;font-weight:bold;color:#000;margin:5px 0 0;}
  #category .reseaux .reseau00 ul{position:relative;height:260px;overflow:hidden;font-size:12px;color:#626262;margin:25px 0 0;}
  #category .reseaux .reseau00 ul li{list-style:none;}
  #category .reseaux .reseau00 .button{position:relative;width:300px;top:0px;left:0;overflow:hidden;text-align:center;}
  #category .reseaux .reseau00 .button a{display:block;width:300px;height:31px;font-size:14px;font-weight:bold;color:#000;line-height:31px;background:url(../images/bg-blank.gif) no-repeat 0 0;margin:0 auto;text-decoration:none;}
  #category .reseaux .reseau00 .button a span{background:url(../images/bg-blank.gif) no-repeat 0 50%;padding:0 0 0 15px;}
  /*background par categorie*/
  #category .reseaux .patrimoine{background:url(../images/gan/bg-reseau_patrimoine.png) no-repeat 0 0;}
  #category .reseaux .assurance{background:url(../images/gan/bg-reseau_assurance.png) no-repeat 0 0;}
  #category .reseaux .prevoyance{background:url(../images/gan/bg-reseau_prevoyance.png) no-repeat 0 0;}
  
  #category .reseaux .patrimoine h3 a{color:#fff;}
  #category .reseaux .patrimoine .title{color:#cb2b42;}
  #category .reseaux .patrimoine ul li{list-style:none;background:url(../images/gan/bg-fleche01.png) no-repeat 0 2px;text-indent:10px;}
  #category .reseaux .patrimoine .button a{background-image:url(../images/gan/bg-bt02.png);color:#fff;}
  #category .reseaux .patrimoine .button a span{background-image:url(../images/gan/bg-fleche02.png);}

  #category .reseaux .assurance h3 a{color:#001e49;}
  #category .reseaux .assurance .title{color:#57bdee;}
  #category .reseaux .assurance ul li{list-style:none;background:url(../images/gan/bg-fleche03.png) no-repeat 0 2px;text-indent:10px;}
  #category .reseaux .assurance .button a{background-image:url(../images/gan/bg-bt03.png);color:#001e49;}
  #category .reseaux .assurance .button a span{background-image:url(../images/gan/bg-fleche04.png);}

  #category .reseaux .prevoyance h3 a{color:#001e49;}
  #category .reseaux .prevoyance .title{color:#a6cb34;}
  #category .reseaux .prevoyance ul li{list-style:none;background:url(../images/gan/bg-fleche05.png) no-repeat 0 2px;text-indent:10px;}
  #category .reseaux .prevoyance .button a{background-image:url(../images/gan/bg-bt04.png);color:#001e49;}
  #category .reseaux .prevoyance .button a span{background-image:url(../images/gan/bg-fleche06.png);}

  #category .actu{margin:10px 0 0;padding:20px 10px 20px;background:#e5e5e5;-moz-border-radius:0 7px 7px 7px;-webkit-border-radius:0 7px 7px 7px;border-radius:0 7px 7px 7px;}
  #category .actu .image, #category .actu .actu00{float:none;display:block;}
  #category .actu .image{margin:15px auto 0;border-bottom:none;}
  #category .actu .actu00{width:auto;}
  #category .actu .title{font-size:15px;color:#136091;padding:0 0 15px;background:url(../images/gan/bg-pointillesH00.gif) repeat-x 0 100%; font-weight: bold;}
  #category .actu .text{font-size:14px;color:#626262;margin:12px 0 0;}
  #category .actu .read-more{margin:10px 0 0;cursor:pointer;}
  #category .actu .read-more, #category .actu .read-more a{font-size:11px;color:#626262;font-weight:bold;text-align:left;text-decoration:none;}
  #category .actu .read-more a:hover{text-decoration:underline;}
/* END SPECIFIC CSS CATEGORY */

#category #content00_01{padding: 0 0 0 20px;}
#category #content00_01 h1{color:#001e49; font-size:22px; font-weight:bold; margin: 0 0 10px 0;}

.actu-list{background:url(../images/gan/bg-listing.png) no-repeat 0 0; width: 370px; height: 180px; float: left; display:inline; margin: 0 10px 0 0;position:relative;}
.actu-list .image,
.actu-list .actu00{float:left;display:inline;}
.actu-list .flag_actus{position:absolute;top:22px;left:6px;}
.actu-list .image{margin: 30px 15px; border-bottom:8px solid #001e49;}
.actu-list .actu00{width:195px; margin: 30px 0 0;}
.actu-list .title{font-size:18px; color:#f89412; line-height:1em; text-decoration: none; display: block;}
.actu-list .stitle{font-size:13px; font-weight:bold; color:#626262; line-height:1em; text-decoration: none; display: block;margin:5px 0 0;}
.actu-list .text{font-size:11px;color:#434343;margin:12px 0 0; text-decoration: none; display: block;}
.actu-list .read-more{margin:5px 0 0; cursor:pointer;}
.actu-list .read-more,
.actu-list .read-more a{font-size:11px;font-weight:bold;color:#707070;text-align:right;text-decoration:none;}
.actu-list .read-more a:hover{text-decoration:underline;}

#footer_slot h1,
#footer_slot h2{color: #001E49;}

#content00.erreur404 h1{padding:0; color:#001e49; font-size:16px; font-weight:bold; margin:15px 20px;}
#content00.erreur404 #content00_00 h1{display: none;}