@charset "utf-8";
/* FHF 52 - Neftis - 16/06/2008 */

a, a:link { color: #10426F; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }
.titreh2_1 { margin: 0px; padding: 0px 5px 0px 5px; color: #10426f; border-bottom: 1px solid #10426f; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 18px; font-weight: bold; }
.titreh3_1 { margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #10426f; }
.titreh3_2 { margin: 0px 0px 10px 0px; padding: 0px; color: #517b6d; font-weight: bold; }
.imgborderwhite { float: left; border: 4px solid #FFFFFF; margin-right: 10px; }
.table_titre1 { border-bottom: 1px solid #0060a1; }
.table_ligne1 { border-bottom: 1px solid #2bcff2; padding: 3px; }
a img { border: none; }
.image1 { margin: 0 10px 0 0; padding: 5px; background: #FFFFFF; border: none; }

/* not editor */
/* Styles généraux */



body { margin: 0px; padding: 0px; background-image: url(bg_body.gif); background-position: top left; background-repeat: repeat-x; font-size: 12px; color: #575B5B; font-family: Arial, Helvetica, sans-serif;}
div, p { margin: 0px; padding: 0px; }
table { font-size: 12px; }
.clearer { width: auto; height: 0px; font-size: 0px; clear: both; }
.ancre { width: auto; height: 0px; font-size: 0px; }

/* Firefox, fix pour les pointillés autour du flash */
#etabflash:focus{-moz-outline-style: none;}

/* Titres, aussi bien H1, H2... que des structures de titre */


.title { width: auto; position: relative; }
.title h2 { width: auto; position: relative; }
.title span { width: 22px; height: 11px; margin: 0px; padding: 0px; position: absolute; top: 7px; right: 0px; z-index: 4; background-image: url(bigfleche_blue.gif); background-position: top right; background-repeat: no-repeat; }

/* Classes secondaires */

.forcebold { font-weight: bold; }
.forcecolor1 { color: #10426f; }

/* Styles pour des listes */

ul.coche { padding: 15px 15px 15px 20px; margin: 0px; list-style-image: url(coche.png); font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
ul.coche li { padding: 10px 0px 10px 0px; border-bottom: 1px solid #0060a1; }
ul.coche a, ul.coche a:visited, ul.coche a:visited:hover { color: #0060a1; }

/* Quelques séparateurs */

.sep1 { width: auto; height: 0px; margin: 5px 0px 5px 0px; font-size: 0px; border-bottom: 1px solid #8fa6bb; }

/* Style corps principal */


.mainbody { width: 894px; height: auto; margin-left: auto; margin-right: auto; background-image: url(shadow_bg.png); background-position: top left; background-repeat: repeat-y; }
.header {width: 874px; height: auto; margin-left: 10px; position: relative; }
.header img { border: none; }
.header span { position: absolute; top: 65px; left: 183px; z-index: 5; font-family: Arial, Helvetica, sans-serif; color: #6ca6b6; font-size: 10px; }
.mainmenu {width: 870px; height: 120px; margin-left: 10px; padding: 18px 2px 0px 2px; background: url(mainmenu_bg.gif) top left repeat-x #FFFFFF; }
.body { width:874px; height: auto; margin-left: 10px; min-height: 600px; background-color: #e5ede3; position:relative; clear: both; z-index:0;}
.bodyshadow {width: 874px; height: 20px; position:absolute; top: 0px; left: 0px; z-index: 25;}
.bodypages { background-image: url(bg_pages.png); background-position: top left; background-repeat: repeat-y; }
.footer { width: 884px; height: 17px; padding: 4px 5px 0px 5px; margin-left: auto; margin-right: auto; background-image: url(footer_bg.gif); background-position: top left; background-repeat: no-repeat; background-color: #517b6d; font-size: 10px; text-align: center; color: #e5ede3; }
.mainend { width: 874px; height: auto; margin-left: auto; margin-right: auto; padding: 2px 10px 10px 10px; text-align: center; font-size: 10px; color: #667264; }


/* Style menu principal */


.mainmenu .itemmenu { width: 124px; height: 125px; float: left; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #84a7be; cursor: pointer; }
.mainmenu .itemmenu .titre { width: auto; height: 35px; margin-bottom: 4px; padding: 0px 0px 0px 1px; border-left: 1px dotted #85c9eb; position: relative; }
.mainmenu .itemmenu .titre span { width: 100px; height: 33px; overflow: hidden; float: left; margin: 0px 0px 0px 5px; }
.mainmenu .itemmenu .titre .fleche { width: 15px; height: 15px; float: left; }
.mainmenu .itemmenu .titre .colsep { width: 121px; height: 1px; font-size: 1px; position: absolute; bottom: 0px; left: 1px; clear: both; }
.mainmenu .itemmenu .pic { width: auto; height: auto; margin-left: 2px; }
.mainmenu .itemmenu .pic img { border: 1px solid #1e4d77; margin-bottom: 4px; -moz-opacity: .6; opacity: .6; }
.mainmenu .itemmenu .pic .colsep { width: auto; height: 1px; margin-right: 1px; font-size: 1px; clear: both; }
.mainmenu .itemmenufade .pic img { -moz-opacity: 1; opacity: 1; }
.mainmenu .itemmenufade .titre span { font-weight: normal; color: #10426f; }
.mainmenu .nocursor { cursor: default; }


/* Styles corps de la home */


.homeleft { width: 600px !important; width: 588px; height: auto; margin-top: 20px; padding: 0px 5px 0px 5px; float: left; position: relative; z-index: 0; }
.homeright { width: 260px; height: auto; float: right; margin-top: 20px; position: relative; z-index: 0; }
.cartecontent { width: auto; height: auto; position: relative; }
.cartecontent .right { width: 230px; height: auto; position: absolute; top: -20px; right: -5px;}


/* Styles corps des pages */


.pagesleft { width: 250px; height: auto; min-height: 350px; margin: 0px; padding: 0px; background-color: transparent; font-size: 11px; color: #575b5b; float: left; }
.pagesright { width: 620px; height: auto; min-height: 350px; color: #575b5b; float: right; }
.colorleft { width: auto; height: 26px; margin-bottom: 15px; background-color: #2bcff2;}
.colorleft .fleche { width: 7px; height: 8px; margin: 9px 10px 0px 0px; float: right; }
.bigmenuleft { margin: 0px 0px 25px 0px; padding: 0px; list-style: none; overflow: hidden; }
.bigmenuleft a { font-weight: normal; text-decoration: none; color: #575b5b; }
.bigmenuleft li { padding: 6px 0px 8px 25px; border-bottom: 1px dotted #FFFFFF; position: relative; cursor: pointer;}
.bigmenuleft li .puce { width: 15px; height: 15px; position: absolute; top: 6px; left: 4px !important;left: -21px; background-color:#2bcff2;}
.bigmenuleft .forceli1 { background-color: #61a19a; color: #f8faf7; }
.bigmenuleft .forceli1 a { color: #f8faf7; }
.bigmenuleft li ul { padding: 0px; width: 250px; position: relative; margin-left: -25px; bottom: -8px; }
.bigmenuleft .nv2 { padding: 6px 0px 8px 55px; border: none; background-color: #FFFFFF; list-style: none; margin: 0px; color: #575b5b; }
.bigmenuleft .nv2 a { color: #575b5b; }
.bigmenuleft .nv2 .puce { width: 15px; height: 15px; position: absolute; top: 6px; left: 34px !important;left: -51px; background: none transparent; }
.bigmenuleft .forceli2 { background-color: #e6e6e6; }
.bigmenuleft .nocursor { cursor: auto; }

.navbar { width: auto; padding-left: 20px; font-size: 10px; padding-top: 7px; position: relative; z-index: 50; }
.navbar b { color: #0060a1; }
.imgpages { width: auto; height: auto; text-align: center; margin: 20px 0px 10px 0px; }
.imgpages img { border: 4px solid #FFFFFF; }
.carteleft { width: auto; margin: 0px 0px 25px 0px; padding: 10px; background-color: #a0c7b9; background-image: url(carteleft_bg.jpg); background-position: top left; background-repeat: repeat-x; }


/* Styles boites largeur dynamique */


.box_body { width: 601px; height: auto; min-height: 110px; margin: 0px; padding: 1px 1px 50px 1px; background: url(box1_bg.gif) top left no-repeat; position: relative; }
.box2_body { width: 278px; height: auto; min-height: 110px; margin: 0px; padding: 1px 1px 50px 1px; background: url(box2_bg.gif) top left no-repeat; position: relative; }
.box_titletop { width: auto; margin: 15px 10px 0px 20px; color: #10426f; position: relative; }
.box_titletop h2 { width: auto; padding: 0px 25px 0px 0px; margin: 0px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 18px; font-weight: bold; }
.box_titletop span { width: 22px; height: 11px; display: block; margin: 0px; padding: 0px; position: absolute; top: 7px; right: 10px; z-index: 4; background: url(bigfleche_blue.gif) top right no-repeat; }
.box_content { width: auto; margin: 0px 10px 0px 10px; padding: 5px 10px 5px 10px; position: relative; z-index: 2; border-top: 1px solid #10426f; }
.box_content_loca { width: auto; margin: 0px 10px 0px 10px; padding: 5px; position: relative; z-index: 2; border-top: 1px solid #10426f; }
	/* La même boite avec dégradé en fond */
.box_content_grad { width: auto; margin: 0px 11px 0px 11px; padding: 5px; border-top: 1px solid #10426f; font-size: 11px; background-image: url(grad_box.gif); background-position: top left; background-repeat: repeat-x; position: relative; }


/* Les styles des boxes pour la carte sur la home */


/* La box pour afficher le flash */
.cartebox1_body { width: 365px; height: 395px; position: relative; }
.cartebox1_body object { width: 370px; height: 390px; position: absolute; z-index: 30; }

/* La box pour afficher la liste des établissements */
.cartebox2_body { width: 230px; height: 380px; background-color: transparent; position: relative; color: #488171; }
.cartebox2_title { width: auto; height: auto; margin: 0px; padding: 0px; position: absolute; top: 5px; left: 10px; z-index: 2; color: #e03d20; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica; font-size: 30px;}
.cartebox2_header { width: 225px; height: 35px; background-image:url(cartebox2_header.png); background-position: top left; background-repeat: no-repeat; }
.cartebox2_content { width: 225px; background-image:url(cartebox2_bg.png); background-position: top left; background-repeat: repeat-y; position: relative; }
.cartebox2_content .footer { width: 190px; height: auto; margin: 0px; padding: 10px 20px 20px 15px; background-image: url(cartebox2_footer.png); background-position: bottom left; background-repeat: no-repeat; background-color: transparent; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #488171; text-align: left;}
.cartebox2_menu { width: auto; height: auto; margin-top: 0px; min-height: 221px; background-image: url(cartebox2_bgmenu.png); background-position: top left; background-repeat: no-repeat; background-color: transparent; }
.cartebox2_menu ul { padding: 0px 18px 0px 0px; margin: 0px; list-style: none; position: relative; z-index: 25; }
.cartebox2_menu li { padding: 2px 0px 2px 0px; cursor: pointer; }
.cartebox2_menu li.sep { height: 2px; line-height: 2px; margin: 0px; padding: 0px; font-size: 0px; background-image: url(sep_menucarte.gif); background-position: top left; background-repeat: repeat-x; }
.cartebox2_menu li.bgover { background: #8cd9a1; }
.cartebox2_menu ul a { margin-left: 15px; padding-left: 10px; text-decoration: none; color: #488171; background-image: url(dot_green.png); background-position: left 4px; background-repeat: no-repeat; display: block; font-size: 11px; }
.cartebox2_menu ul a.cb2liover {text-decoration: none;  background-image:url(dot_red.png); }

/* La box pour afficher les détails des etabs */
.cartebox3_body { width: 225px; height: auto; padding-top: 47px; min-height: 450px; background: url(cartebox3_bg.png) top left no-repeat transparent; position: relative; z-index: 0;}
.cartebox3_body h4 { width: 170px; text-align: left; padding: 0px 0px 20px 40px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.cartebox3_body img { margin: 0px 0px 10px 20px; padding: 5px; background: #FFFFFF; border: none; }
.cartebox3_close { width: 13px; height: 13px; position: absolute; top: 15px; right: 30px; z-index: 1; }
.cartebox3_close a { padding: 10px; }
.cartebox3_close img { width: 13px; height: 13px; margin: 0px; padding: 0px; }
.cartebox3_body .details { padding-left: 15px; font-size: 11px; color: #10426f; }
.cartebox3_body .details h5 { font-size: 10px; font-weight: bold; padding: 0px; margin: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.cartebox3_body .details * { line-height: 16px; }
.cartebox3_body .details .sep { width: 170px; height: 1px; font-size: 1px; margin: 10px 0px; border-top: 1px solid #8fa6bb; }
.cartebox3_body .details .moreinfos { width: 170px; height: auto; margin-left: 5px; margin-top: 10px; margin-bottom: 5px; }
.cartebox3_body .details .moreinfos img { padding: 0px; margin: 0px; background: none; border: none; }

/* Liste des actualités */

.liste_actualite { font-size: 12px; }
.liste_actualite .box_body { min-height: 170px; padding: 0px; }
.liste_actualite .box_content { font-size: 12px; }
.liste_actualite .box_content .desc { margin: 5px 0px; }

/* Module fichiers */

	/* Colonne de droite accueil ou colonne de gauche pages */
.box2_body #mod_fichier h3, .pagesleft #mod_fichier h3 { margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #10426f; }
.box2_body #mod_fichier ul, .pagesleft #mod_fichier ul { padding: 0px 10px 0px 10px; margin: 0px; list-style: none; color: #10426f; }
.box2_body #mod_fichier li, .pagesleft #mod_fichier li { padding: 3px 0px 3px 0px; margin: 0px; line-height: 12px; vertical-align: middle; }
.box2_body #mod_fichier li a, .pagesleft #mod_fichier li a { padding-left: 15px; background: url(dot_docs.gif) top left no-repeat; color: #10426f; text-decoration: none; display: block; }
.box2_body #mod_fichier li a:hover, .box2_body li a:visited:hover, .pagesleft #mod_fichier li a:hover, .pagesleft li a:visited:hover { text-decoration: underline; }
.box2_body #mod_fichier li.sep, .pagesleft #mod_fichier li.sep { height: 0px; line-height: 0px; padding: 0px; margin: 0px; font-size: 0px; border-bottom: 1px dotted #75a8db; }

.pagesleft #mod_fichier { width: auto; padding: 0px 10px 10px 10px; }

	/* Colonne de droite pages */
.pagesright #mod_fichier h3 { margin: 10px 0px 10px 0px; padding: 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #10426f; }
.pagesright #mod_fichier ul { padding: 0px 10px 0px 10px; margin: 0px; list-style: none; color: #10426f; font-size: 12px; }
.pagesright #mod_fichier li { padding: 3px 0px 3px 0px; margin: 0px; line-height: 12px; vertical-align: middle; }
.pagesright #mod_fichier li a { padding-left: 15px; background: url(dot_docs.gif) left 1px no-repeat; color: #10426f; text-decoration: none; display: block; }
.pagesright #mod_fichier li a:hover, .pagesright li a:visited:hover { text-decoration: underline; }
.pagesright #mod_fichier li.sep { height: 0px; line-height: 0px; padding: 0px; margin: 0px; font-size: 0px; border-bottom: 1px dotted #75a8db; }

.pagesright #mod_fichier { width: auto; padding: 0px 10px 10px 10px; margin: 10px 25px; }

/* Le footer et la fin du site */


.footer a { color: #e5ede3; text-decoration: none; }
.footer a:hover, .footer a:visited:hover { color: #a8e400; }

.mainend a { color: #667264; text-decoration: none; }
.mainend a:hover, .mainend a:visited:hover { color: #667264; text-decoration: underline; }

.mainend h4 { color: #97a095; margin: 10px 0px 5px 0px; padding: 0px; font-weight: normal; font-size: 10px; }
.mainend h4 a { color: #97a095; text-decoration: none; font-weight: bold; }
.mainend h4 a:hover, .mainend h4 a:visited:hover { color: #97a095; text-decoration: underline; }

/* ---------- STYLES EXTERNES - Tirés de scripts par exemple ----------- */

/* noobslide */
#box4 { position:absolute; }
#box4 a { font-weight: bold; }
#box4 div { width:220px; padding-top: 5px; float:left; background: transparent; overflow: hidden; }
#box4 div .content { width: auto; height: auto; padding: 0px 0px 0px 5px; display: block;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#10426f; }
#box4 div .content .more { padding-right: 6px; background: url(mini-fleche.gif) center right no-repeat transparent; }
#box4 h3 { font-size: 12px; font-weight: bold; margin: 0px 0px 0px 5px; padding: 0px; color:#94bd76;}
#box4 img { float:left; margin: 0px 0px 5px 10px; border: 1px solid #99b2bf; padding: 4px; background: #FFFFFF; }
#info4 { background:#fff !important; color:red !important; cursor:default }
.mask3 { position:relative; width: 220px; height: 180px ; overflow:hidden; }
.buttons { width: 205px; text-align: center; padding: 4px 0px 4px 0px; background: url(actus_nav_bg.jpg) center top transparent; border-top: 1px dotted #75a8db; border-bottom: 1px dotted #75a8db; height: 15px; position: relative; margin-bottom:4px; color: #676867;}
.buttons span { padding: 0px 5px 0px 5px; cursor: pointer; }
.buttons div { position: absolute; top: 3px; cursor: pointer; }
.buttons #prev { left: 5px; }
.buttons #next { right: 5px; }
#handles4 .active { font-weight: bold; color: #5fb577; }