@charset "utf-8";
.ufr { margin:0; padding:0; width:100%; background:#ffffff; }
.ufr .main_page { padding:0; margin:0 auto; background:#ffffff; }

.ufr a {text-decoration: none}

/*contenu-deux-colonnes*/
.ufr #contenu-deux-colonnes { margin:0 auto; padding:0; width: 962px; background:#ffffff; }



/********** sous-menu ***********/

.ufr #fil_ariane { font: normal 0.65em Arial, Helvetica, sans-serif; color: #ffffff; width: 947px; height: 20px; margin: 0 auto; background-color: #2e5693; padding-top: 10px; margin-top: -1px; padding-left: 15px; border-top: 1px solid #263f82; }
.ufr #fil_ariane a { color: #dedede; }
.ufr #fil_ariane a:hover { color: #ffffff; }

.ufr #titre_service { width: 947px; height: 25px; line-height: 25px; margin: 0 auto; background: #2e5693 url('images/coin-titre-service.png') no-repeat right bottom; padding: 5px 0 5px 15px; color: #ffffff; font-size: 1em; }
.ufr #titre_service_sans_coin { width: 947px; height: 25px; line-height: 25px; margin: 0 auto; background-color: #2e5693; padding: 5px 0 5px 15px; color: #ffffff; font-size: 1em; }
.ufr #titre_service p, #titre_service_sans_coin p { font: normal 1.3em  Arial, Helvetica, sans-serif; color: #ffffff; text-shadow: 1px 1px 1px #000000; }

.ufr #contenu-deux-colonnes #colonne-gauche { width: 194px; float: left; }

.ufr #contenu-deux-colonnes #colonne-gauche #menu-vertical { width: 194px; position: relative; background: #2e5693; }
.ufr #contenu-deux-colonnes #colonne-gauche .fin_menu_vertical { 
  width: 194px; 
  height: 38px; 
  background: #2e5693;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; 
}

.ufr #contenu-deux-colonnes #bloc_contact { width: 193px; margin: 0 auto; background-color: #ffffff; }

.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche a {
    color: #2E5693;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche a:hover {
    color: #000000;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche a:visited {
    color: #52878B;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche #bloc_contact .csc-default h1:after {
    border-left: 60px solid transparent;
    border-right: 0 solid transparent;
    border-top: 23px solid #fff;
    content: "";
    height: 0;
    left: 162px;
    position: absolute;
    top: 0;
    width: 0;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche #bloc_contact .csc-default h1 {
    background: none repeat scroll 0 0 #00326e;
    color: #ffffff;
    font-family: brandon grotesque bold;
    font-size: 1.2em;
    font-weight: normal;
    height: 28px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding: 7px 5px;
    position: relative;
    text-transform: uppercase;
    width: 183px;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche #bloc_contact .csc-default h2:after {
    border-left: 60px solid transparent;
    border-right: 0 solid transparent;
    border-top: 23px solid #fff;
    content: "";
    height: 0;
    left: 162px;
    position: absolute;
    top: 0;
    width: 0;
}
.ufr #contenu-deux-colonnes #colonne-gauche #bloc_gauche #bloc_contact .csc-default h2 {
    background: none repeat scroll 0 0 #00326e;
    color: #ffffff;
    font-family: brandon grotesque bold;
    font-size: 1.2em;
    font-weight: normal;
    height: 28px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding: 7px 5px;
    position: relative;
    text-transform: uppercase;
    width: 183px;
}

.ufr #diaporama_ombre_carroussel .ajust-diaporama {height: 45px; width: 766px; }
.ufr #diaporama_ombre_carroussel { width: 766px; margin-bottom: 20px; float: right; }
.ufr #diaporama_ombre_carroussel #cu3er-container_sousaccueil { width: 756px; height: 316px; float: right; }
.ufr #diaporama_ombre_carroussel .ombre {width: 756px; height: 38px; float: right; background:url('images/ombre_portee_770.png') bottom no-repeat; }
.ufr #diaporama_ombre_carroussel #carroussel {width: 766px; }
.ufr #block_carrousel { width:766px; min-height: 254px; margin:0 auto; }

/********** menu secondaire pour les sous-menus de paris 1 ***********/

.ufr #menu-vertical .liste { color: #c89108; list-style: outside none square; margin-left: 30px; margin-bottom: 0; }
.ufr #menu-vertical .liste li { padding: 5px 0 1px 0; }
.ufr .croix { background: url('images/chevron_replie.png') no-repeat 145px 10px; }
.ufr .croix.act { background: url('images/chevron_deplie.png') no-repeat 145px 10px; }
.ufr #menu-vertical .listsousmenu { 
  color: #c89108;
  list-style: outside none square;
  margin: 0;
  padding: 0 0 0 12px;
 }

.ufr #menu-vertical .liste li a { color: #ffffff; text-shadow: 1px 1px 1px #000000; font: bold 0.75em  Arial, Helvetica, sans-serif; }
.ufr #menu-vertical .liste li a:hover { color: #cccccc; }
.ufr .noir, .marron, .jaune, .rouge, .bleu, .vert, .blanc {
  padding-left: 0; 
  margin-bottom: 3px;
  padding-top: 2px;
  padding-bottom: 3px;
  line-height: 15px;
  width: 140px;
}

.ufr .menu_deplie { display: block; }

/********place-de-texte*******/

.ufr .texte_blanc {color: #ffffff; }
.ufr #colonne-droite { width: 766px; float: right; margin-top: 35px;  margin-bottom: 20px; background : #fff !important; border-right: 1px solid #dedede; }

.ufr #titre-de-texte { width: 766px; float: right; background-color: #ffffff; }
.ufr #titre-de-texte p { width: 756px; font: bold 1.3em  Arial, Helvetica, sans-serif; color: #263f82; text-shadow: 1px 1px 1px #ffffff; text-align: left; padding-bottom: 4px; padding-top: 10px; margin-top: 3px; border-top: 1px solid #dedede;  border-bottom: 1px solid #dedede; margin-right: 5px; margin-left: 5px; }
.ufr #titre-de-texte h1 { width: 756px; font: bold 1.3em  Arial, Helvetica, sans-serif; color: #263f82; text-shadow: 1px 1px 1px #ffffff; text-align: left; padding-bottom: 4px; padding-top: 10px; margin-top: 3px; border-top: 1px solid #dedede;  border-bottom: 1px solid #dedede; margin-right: 5px; margin-left: 5px; }
.ufr .image-univers {display:  none; }

/***** affichage drapeau des langues ****/
.ufr #lang { 
  position: relative; 
  display: block; 
  float: right !important; 
  width: 735px; 
  background-color: #ffffff; 
  height: 25px; 
  border-left: 1px solid #dedede; 
  padding: 0px 10px 0 20px; 
  }
.ufr #lang img { padding: 5px 5px 0 0; float: right !important;}

/** css du bloc de texte **/

.ufr #zone-de-texte { 
  position: relative;
  float: left;
  display: block;
  font: normal 1em  Arial, Helvetica, sans-serif; 
  width: 503px; 
  min-height: 200px; 
  background-color: #ffffff; 
  margin: 0px 0 0 0px; 
  padding: 10px 15px 15px 15px;
  }

.ufr #zone-de-texte p { font: normal 0.75em  Arial, Helvetica, sans-serif; }
.ufr #zone-de-texte .align-left { text-align : left; }
.ufr #zone-de-texte .align-right{ text-align : right; }
.ufr #zone-de-texte .align-center{ text-align : center; }
.ufr #zone-de-texte .align-justify {text-align: justify; }
.ufr #zone-de-texte th {font-weight: bold; color: #005bc3;}
.ufr #zone-de-texte .indent { margin-left: 18px; }
.ufr #zone-de-texte .important { color: #8a0020; }
.ufr #zone-de-texte .detail {color: #186900; }
.ufr #zone-de-texte .name-of-person {color: #0f0094; }
.ufr #zone-de-texte ol, #zone-de-texte ul { margin-left: 15px;  }
.ufr #zone-de-texte ol li, #zone-de-texte ul li {margin-left: 14px; font-size: 1em; list-style-type: square; }
.ufr #zone-de-texte h1 {
    font-size: 1.2em;
    font-weight: normal;
    color: #00326e;
    padding-top: 5px;
    padding-bottom: 10px;
    text-decoration: underline;
}
.ufr #zone-de-texte h2 { font-size: 1.1em; font-weight: bold; color: #2e5693; padding-left: 17px; background: transparent none; padding-top: 8px; padding-bottom: 15px;}
.ufr #zone-de-texte h3 { font-size: 1em; font-weight: bold; color: #005bc3;  padding-top: 10px; padding-bottom: 12px; }
.ufr #zone-de-texte h4 {font-size: 0.75em; font-weight: bold; color: #000000; padding-top: 10px; padding-bottom: 12px; }
.ufr #zone-de-texte .tel-bleu { font-weight: bold; color: #005bc3; }
.ufr #zone-de-texte .middle {vertical-align: middle; }
.ufr #zone-de-texte .texte-gris { color: #676767; font-size: 0.75em; }
.ufr #zone-de-texte .titre-ligne { color: #263f82; font-size: 1.3em; padding-top: 10px; padding-bottom:5px; font-weight: bold; text-align: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 20px; margin-bottom: 20px; }
.ufr #zone-de-texte .bodytext { margin: 0; padding: 0; border: none; }
.ufr #zone-de-texte a { color: #2e5693;  }
.ufr #zone-de-texte a:hover {  color: #000000; }
.ufr #zone-de-texte a:visited { color: #52878b;}
.ufr #zone-de-texte hr { height: 1px; border: none; background-color: #dedede; }
.ufr #zone-de-texte table td { vertical-align: middle; }

#zone-de-texte h2.align-center::before {
    border-left: 10px solid #00326e;
    content: "";
    display: block;
    height: 10px;
    left: auto;
    position: absolute;
    top: 15px;
}
.ufr #zone-de-texte h2.align-center {
    background: transparent none;
    color: #2e5693;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 8px;
}

.ufr #lagauche { 
  float: left; 
  width: 239px !important; 
  margin: 0 !important; 
  padding: 0 10px 0 0 !important; 
  border-right: 1px solid #dedede; 
  }
.ufr #ladroite { 
  float: right; 
  width: 239px !important; 
  text-align:left; 
  margin: 0 !important; 
  padding: 0 0 0 10px !important; 
  }
.ufr #lagauche ul, .ufr #ladroite ul {
    margin-left: 15px;
  }
.ufr #zone-de-texte #bloc-deux-colonnes {
  float: right;
  display: block;
  margin-top: 10px; 
  font: normal 1em  Arial, Helvetica, sans-serif; 
  width: 500px !important; 
  background-color: #ffffff; 
  border-left: 1px solid #dedede; 
  border-right: 1px solid #dedede; 
  margin: 0 0 20px 0; 
  padding: 0px 0px 0px 0px !important;
}  
.ufr #bloc-deux-colonnes {
  float: right;
  display: block;
  margin-top: 10px; 
  font: normal 1em  Arial, Helvetica, sans-serif; 
  width: 200px !important; 
  background-color: #ffffff; 
  border-left: 0px solid #dedede !important; 
  border-right: 0px solid #dedede !important; 
  margin: 0 0 20px 0; 
  padding: 0px 15px 10px 15px !important;
}
.ufr #bloc-deux-colonnes p { font: normal 0.75em  Arial, Helvetica, sans-serif; }
.ufr #bloc-deux-colonnes .align-left { text-align : left; }
.ufr #bloc-deux-colonnes .align-right{ text-align : right; }
.ufr #bloc-deux-colonnes .align-center{ text-align : center; }
.ufr #bloc-deux-colonnes .align-justify {text-align: justify; }
.ufr #bloc-deux-colonnes th {font-weight: bold; color: #005bc3;}
.ufr #bloc-deux-colonnes .indent { margin-left: 18px; }
.ufr #bloc-deux-colonnes .important { color: #8a0020; }
.ufr #bloc-deux-colonnes .detail {color: #186900; }
.ufr #bloc-deux-colonnes .name-of-person {color: #0f0094; }
.ufr #bloc-deux-colonnes ol, #zone-de-texte ul { margin-left: 15px;  }
.ufr #bloc-deux-colonnes h2 { font-size: 1.1em; font-weight: bold; color: #2e5693; padding-left: 20px; background: url('images/puce-h2.png') no-repeat left center; padding-top: 12px; padding-bottom: 15px;}
.ufr #bloc-deux-colonnes h3 { font-size: 1em; font-weight: bold; color: #005bc3;  padding-top: 10px; padding-bottom: 12px; }
.ufr #bloc-deux-colonnes h4 {font-size: 0.75em; font-weight: bold; color: #000000; padding-top: 10px; padding-bottom: 12px; }
.ufr #bloc-deux-colonnes .tel-bleu { font-weight: bold; color: #005bc3; }
.ufr #bloc-deux-colonnes .middle {vertical-align: middle; }
.ufr #bloc-deux-colonnes .texte-gris { color: #676767; font-size: 0.75em; }
.ufr #bloc-deux-colonnes .titre-ligne { color: #263f82; font-size: 1.3em; padding-top: 10px; padding-bottom:5px; font-weight: bold; text-align: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 20px; margin-bottom: 20px; }
.ufr #bloc-deux-colonnes .bodytext { margin: 0; padding: 0; border: none; }
.ufr #bloc-deux-colonnes a { color: #2e5693;  }
.ufr #bloc-deux-colonnes a:hover {  color: #000000; }
.ufr #bloc-deux-colonnes a:visited { color: #52878b;}
.ufr #bloc-deux-colonnes hr { height: 1px; border: none; background-color: #dedede; }
.ufr #bloc-deux-colonnes table td { vertical-align: middle; }

/** options en bas contenu droite  **/

.ufr #zone-option { width: 766px; height: 45px; background: none; border-top: 1px solid #dedede; }
.ufr #zone-option p { width : 754px; font: normal 11px  Arial, Helvetica, sans-serif; color: #000000; line-height: 35px; text-align: right; }
.ufr #zone-option p a { color: #858585; }
.ufr #zone-option p a:hover { color: #000000; }

.ufr #options { float: right; height: 40px;  }
.ufr #options a { font: normal 0.75em Arial, Helvetica, sans-serif; color: #858585; line-height: 40px; }



/** bloc contact  **/

.ufr .tx-up1contact-pi1 { 
  font-family: Arial, Helvetica, sans-serif !important; 
  margin-top: 20px; 
  border-top: 1px solid #dedede; 
  padding-top: 16px;
  }
.ufr .tx-up1contact-pi1 img { max-width: 180px !important; border:none !important; }

.ufr .tx-up1contact-pi1 h1 { 
  width:193px; 
  height: 42px; 
  background: url('images/sous-contact.png') no-repeat left top !important; 
  }
.ufr .tx-up1contact-pi1 h1 p {height: 28px; padding-top:14px;  padding-left: 4px; font: bold 1.2em  Arial, Helvetica, sans-serif; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.ufr .tx-up1contact-pi1 a { color: #2e5693; }
.ufr .tx-up1contact-pi1 a:hover { color: #000000; }
.ufr .tx-up1contact-pi1 a:visited { color: #52878b; }

.ufr #contenu-contact { margin-bottom: 15px;  border: 1px solid #00326e; font: normal 0.75em  Arial, Helvetica, sans-serif; padding: 4px;}
.ufr #contenu-contact h2 { width: 184px; font: bold 1.4em  Arial, Helvetica, sans-serif; color: #263f82; }
.ufr #contenu-contact .interieur-contact { padding-left: 3px;  border-left: 1px solid #2e5693;  border-right: 1px solid #2e5693; padding-bottom: 5px; border-bottom: 2px solid #2e5693; }
.ufr #contenu-contact h3 {  font: bold 1.1em  Arial, Helvetica, sans-serif; color: #005bc3; text-align: left; padding-top: 5px; }
.ufr #contenu-contact h4 {font: bold 1em Arial, helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px; }
.ufr #contenu-contact hr { border: none; height: 1px; background-color: #dedede; margin-top: 6px; margin-bottom: 6px; }
.ufr #contenu-contact ol, .ufr #bloc_contact #contenu-contact ul {   }
.ufr #contenu-contact ol li, .ufr #bloc_contact #contenu-contact ul li { margin-left: 14px; padding-top: 2px; padding-bottom: 2px; list-style-image : url('images/puce.png'); }
.ufr #contenu-contact .tel-bleu { font-weight: bold; color: #005bc3; }
.ufr .display { display: none; }
.ufr #contenu-contact .espace { height: 14px; }
.ufr #contenu-contact .petit-texte { font-size: 0.75em; }
.ufr .image-contact { display: none; }

/** css de zone de contenu gauche **/
.ufr .conteneurActus {}
.ufr .conteneurActusTop { width: 194px; height: 10px; background: url('images/bord-haut-bloc-gauche.png') no-repeat; }
.ufr .conteneurActusCenter {border-left: 1px solid #263f82; border-right: 1px solid #263f82; }
.ufr .conteneurActusBottom {width: 194px; height: 10px; background: url('images/bord-bas-bloc-gauche.png') no-repeat;}


/** css du carroussel **/
.ufr .jcarousel-skin-tango .jcarousel-container {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
}

.ufr .liste_images_carroussel { width: 736px; margin-top: 11px; }
.ufr .liste_images_carroussel ul {width: 736px; margin: 0 auto; padding-bottom: 10px; }
.ufr .liste_images_carroussel ul li { max-width : 184px; padding: 10px 4px 10px 4px; margin-left: 0 !important;}
.ufr .liste_kiosque { width: 174px !important; }
.ufr .liste_images_carroussel ul li a {text-decoration: none; list-style-type: none; }
.ufr .liste_images_carroussel ul li .titre_lien_carroussel p{padding: 14px 0 4px 4px; font: bold 1em Arial, Helvetica, sans-serif !important; color: #263f82; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 6px; }
.ufr .prev { width: 60px; height: 30px; background: url('images/prev.png') no-repeat; float: left; cursor: pointer; margin-left: 62px; }
.ufr .prev:hover { background: url('images/prev-hover.png') no-repeat; }
.ufr .next { width: 60px; height: 30px; background: url('images/next.png') no-repeat; float: right; cursor: pointer; margin-right: 62px; }
.ufr .next:hover { background: url('images/next-hover.png') no-repeat; }
.ufr .liste_images_carroussel .texte-carroussel {  }
.ufr .liste_images_carroussel .texte-carroussel h4 { padding-left: 4px; font: bold 1em Arial, Helvetica, sans-serif !important; color: #263f82; min-height: 30px; }

/** css du plugin plan du site 
.ufr .tx-dropdownsitemap-pi1 {font: normal 1em Arial, Helvetica, sans-serif; color: #858585; } **/

/** css du plugin news **/
.ufr .news-list-date { color: #2e5693; font-size: 0.75em; }
.ufr .news-list-item { }
.ufr .news-list-item a {color: #263f82; text-decoration: none; }
.ufr .news-list-item a:hover {color: #2e5693; }
.ufr .news-list-item .image { float: left; text-align: center; width: 85px; min-height: 85px; }
.ufr .news-list-item .news-list-category { font: normal 0.65em Arial, Helvetica, sans-serif; color: #2e5693; float: right; }
.ufr .news-list-item .news-list-morelink a { font-size: 0.80em; font-weight: bold; color: #858585; }
.ufr .news-list-item .news-list-morelink a:hover {color: #000000; }
.ufr .news-list-item .clearer { clear: both; border: none; height: 1px; background-color: #dedede; padding: 0 5px; }

.ufr .englob-news { min-height: 85px; }
.ufr .englob-news .clear-hr {height: 1px; margin: 5px auto; clear: both; background-color: #dedede; }

/** plan du site **/
.urf DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, .ufr DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 1px solid #999 !important;
}

/** extension languagemenu **/
.tx-srlanguagemenu-pi1 .NO {
    float: right !important;
    font-size: 0.8em;
}
/* default styles for extension "tx_dropdownsitemap_pi1" */
.ufr .tx-dropdownsitemap-pi1 UL, .tx-dropdownsitemap-pi1 OL {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }
.ufr .tx-dropdownsitemap-pi1 A, .tx-dropdownsitemap-pi1 A:link, .tx-dropdownsitemap-pi1 A:visited, .tx-dropdownsitemap-pi1 A:hover, .tx-dropdownsitemap-pi1 A:active {
            color: #858585;
            background-color: inherit;
        }
.ufr .tx-dropdownsitemap-pi1 DIV {
            margin-left: 20px;
            margin-top: 2px;
            padding: 2px;
        }
.ufr .tx-dropdownsitemap-pi1 LI.open OL {
            display: block;
        }
.ufr .tx-dropdownsitemap-pi1 LI.closed OL {
            display: none;
        }
.ufr .tx-dropdownsitemap-pi1 LI.open UL {
            display: block;
        }
.ufr .tx-dropdownsitemap-pi1 LI.closed UL {
            display: none;
        }
.ufr .tx-dropdownsitemap-pi1 SPAN.ifsub {
            text-transform: uppercase;
            font-weight: bold;
        }
.ufr .tx-dropdownsitemap-pi1 SPAN.spc {
            text-transform: uppercase;
            font-style: italic;
        }
.ufr .tx-dropdownsitemap-pi1 .description {
            font-style: italic;
            font-size: 80%;
            margin-left: 5px;
        }
.ufr .tx-dropdownsitemap-pi1 DIV {
        }
.ufr .tx-dropdownsitemap-pi1 DIV.level_2 {
        }
.ufr .tx-dropdownsitemap-pi1 DIV.level_3 {
        }
.ufr .tx-dropdownsitemap-pi1 DIV.level_4 {
        }
.ufr .tx-dropdownsitemap-pi1 DIV.level_5 {
        }
.ufr .tx-dropdownsitemap-pi1 DIV.expAll {
            border: solid 1px #DBA83B;
            background-color: #FCF2C8;  
            color: inherit;
            padding: 5px;
        }
.ufr .tx-dropdownsitemap-pi1 IMG {
            margin-right: 5px;
        }
.ufr div#contenu-deux-colonnes div#colonne-droite div#zone-de-texte dl.csc-menu dt {
  font-size: 0.9em !important;
    background: url("images/puce.png") no-repeat left !important;
    padding-left: 15px !important;
}       
.ufr div#contenu-deux-colonnes div#colonne-droite div#zone-de-texte dl.csc-menu dd {
  font-size: 0.75em !important;
  padding-left: 24px !important;
  padding-bottom:5px !important;
}

.ufr DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    color: #2e5693;
    font-size:0.8em;
    padding-top:10px;
    padding-bottom:20px;
}