/* ------ GLOBAL ------ */
html { font-size: 100.01%; }
body  { margin: 0; padding: 0; color: #333; font: normal normal .76em Tahoma, Arial, sans-serif; line-height: 18px; background: #662555 url(img/bkg.gif) repeat-x }
table { border-collapse: collapse }
tr, td { margin: 0; padding: 0; vertical-align: top }
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0px }
a img, :link img, :visited img { border: 0 }
ul, li { margin: 0; padding: 0; list-style-type: none }
a { color: #733262; text-decoration: none }
a:hover { color: #984181; text-decoration: underline }
p, ul { margin: 0 0 .8em }
.fl-l { float: left }
.fl-r { float: right }
.clear { clear: both }

/* ------ Global ------ */
h1 { display: block; padding: 0 0 10px 0; font: normal normal 1.65em Tahoma, Arial, sans-serif; color: #57264A }
h2 { clear: both; display: block; margin: 0 0 5px 0; padding: 4px 0 4px 28px; border-top: 1px solid #57264A; font: bold normal 1.2em Tahoma, Arial, sans-serif; color: #57264A; background: #F1EBEF url(img/pictos/arrow_fold.gif) 10px 11px no-repeat }
h3 { clear: both; display: block; margin: 5px 0 1px; padding: 0 0 3px 0; font: normal bold 1.15em Tahoma, Arial, sans-serif; color: #863771; border-bottom: 1px solid #DBC0D3 }
h4 { clear: both; display: block; font: normal bold 1.1em Tahoma, Arial, sans-serif }
h5 { clear: both; display: block; margin: 0; padding: 2px 0 2px 20px; background: #E8DAE4 url(img/pictos/ring.gif) 8px 8px no-repeat; font: normal bold 1em Tahoma, Arial, sans-serif; text-transform: uppercase }


li { margin-left: 10px; padding-left: 15px; background: url(img/pictos/kr.gif) left 8px no-repeat }
.ariane { margin-bottom: 1em; padding-bottom: 5px; font-size: .95em; border-bottom: 1px solid #777 }
.step { padding: 0 3px }
.encadre { margin: 0 auto 15px; padding: 10px; background-color: #F4EFF3; border: 1px solid #57264A }
.encadre h2 { border-top: 0; background: #FFF url(img/pictos/arrow_fold.gif) 10px 11px no-repeat }

------ STRUCTURE ------ */
#wrapper { position: relative; width: 94%; margin: 0 auto }
#wrapper.accueil { width: 955px; margin: 0 auto }
#structure { min-width: 955px }
#header { height: 131px; background: url(img/top_bkg.gif) top left repeat-x }
#logo { height: 131px; background: url(img/logo_bkg.jpg) top left no-repeat }
#access { padding: 13px 15px 0; background: url(img/access_bkg.gif) top left repeat-x }
#fusion-column { width: 100%; background: #FFF url(img/bkg_left.gif) top left repeat-y }
#wrapper.accueil #fusion-column { background: #F1EBEF }
#left-column { float: left; width: 165px; padding: 15px }
#main-column { padding: 15px; overflow: hidden }
#wrapper.accueil #main-column { width: 635px; padding: 15px 20px; background: #F1EBEF }
#right-column { width: 250px; padding: 15px; color: #333; background: #E8DAE4 }
/* ------ MENU ------ */
#menu { height: 38px; background-color: #57264A; font-size: 1.15em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.8px; overflow: hidden }
#menu li { float: left; margin: 0; padding: 10px 0 9px 0; background: none }
#menu li:hover { background: url(img/menu_hover.gif) left bottom repeat-x }
#menu li.selected { background-color: #F1EBEF }
#menu li.selected a { color: #57264A; background: url(img/menu_select.gif) center bottom no-repeat; cursor: default }
#menu a { padding: 10px 25px; color: #E8DAE4; text-decoration: none; background: url(img/menu_li.gif) right center no-repeat }
/* ------ SS-MENU ------ */
#ssmenu-photo { margin-bottom: 10px; }
#ssmenu li { margin: 0; padding: 5px 0 5px 15px; background: url(img/pictos/ssmenu_off.gif) left top no-repeat }
#ssmenu li:hover { background: url(img/pictos/ssmenu_on.gif) left top no-repeat }
#ssmenu li.selected { font-weight: bold; background: url(img/pictos/ssmenu_on.gif) left top no-repeat }
#ssmenu ul.niveau2 li { padding: 3px 0 0 0; font-weight: normal; background:transparent none repeat scroll 0 0 }
#ssmenu ul.niveau2 li.selected { font-weight: bold }
/* ------ RIGHT-COL ------ */
#right-column h2 { margin: 0; padding: 4px 0 4px 27px; color: #FFF; font: normal normal 1em Tahoma, Arial, Helvetica, sans-serif; background: #57264A url(img/pictos/plus.gif) 10px 50% no-repeat }
.push { margin-bottom: 15px }
.push-content { overflow: hidden; padding: 5px 10px; background-color: #FFF }
/* ------ FOOTER ------ */
#footer { clear: both; padding: 10px 15px; background: #57264A; color: #FFF; border: 1px solid #F1EBEF; border-top: none; text-align: right; }
#footer a { color: #FFF; padding: 0 10px; text-decoration: underline }
#footer a:hover { color: #FFF; padding: 0 10px; text-decoration: none }
#footer a.workflow { margin-left: 10px; padding: 0 0 5px 20px; background: url(img/pictos/lock.gif) left top no-repeat }


/* ------ FORMULAIRE ------ */
fieldset { clear: both; margin: 0; padding: 20px; border: 1px solid #57264A }
label { float: left; width: 115px; padding: 2px 10px 0 0; text-align: right } 
input[type=button],input[type=reset],input[type=submit] { width: auto; height: 23px; padding: 0 10px }
input[type=button],input[type=reset] { background-color: #E8DAE4 }
input[type=submit] { background-color: #984181; border-color: #57264A; color: #FFF; }
input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover { background-color: #FFF; color: #333; }
input[type="radio"] { margin: 3px 5px 0 8px }
input { width: 120px; height: 18px; padding: 3px 4px 0; font-family: Arial, sans-serif; border: 1px solid #A68A9E }
select { width: auto; height: 23px; padding: 3px 0 0; font-family: Arial, sans-serif; border: 1px solid #A68A9E; background-color: #FFF }
fieldset p { margin: 0 0 .4em }
.margin { margin-left: 125px }
.pass { font-size: .9em }
/* ------ Search ------ */
#search { margin: 5px 0 0; font-size: .9em }
#search input { width: 95px; height: 15px; padding: 2px 5px 0; font-size: 11px; }
#search select { width: 95px; height: 19px; padding: 1px 0 0; font-size: 11px; }
#search .ok { width: 31px; height: 20px; margin: -6px 0; padding-left: 0; border: 0 }
/* ------ Advanced Search ------ */
#tabs-search { margin: 0; padding: 0 0 27px 0; border-bottom: 1px solid #57264A; font-size: 1em }
#tabs-search ul { margin: 0 }
#tabs-search li { float: left; height: 20px; margin: 2px -1px 0 0; padding: 2px 0; background-color: #F1EBEF; border: 1px solid #57264A; text-align: center; background-image: none }
#tabs-search li.active { border-bottom: 1px solid #FFF; background-color: #FFF; text-align: center }
#tabs-search li:hover { background-color: #FFF }
#tabs-search li.active, #tabs-formations li.active a { cursor: default }
#tabs-search a { margin-top: 0px; padding: 3px 15px 5px; text-decoration: none }
#tabs-search a:hover { color: #733262; text-decoration: none }
#advanced fieldset { border-top: none  }
/* ------ Result ------ */
#result li { padding-bottom: 15px }
#pagination { margin: .5em 0 1em 0; padding-top: 10px; border-top: 1px solid #777; text-align: right }
#pagination a { margin-right: 3px; padding: 1px 5px;  }
#pagination a:hover { color: #FFF; background-color: #974080; text-decoration: none }
#pagination .current { margin-right: 3px; padding: 3px 10px; background-color: #974080; color: #FFF }




/* ------ Column ------ */
.column-first, .column, .column-last { float: left }
.innercolumn { border-left: 1px solid #777; margin-right: 15px; padding: 0 0 15px 15px } 
.column-first .innercolumn { border: 0 none; padding-left: 0 }
.column-last .innercolumn { margin-right: 0 }
.liste { border-bottom: 1px solid #CBADB5; clear: left; margin: 0; padding: 10px 0 }
.liste .img-liste { float: left }
.date { color: #777; font-size: .95em; font-weight: bold; }
.bloc { clear: both; padding: 15px; color: #333; background-color: #F1EBEF; border: 1px solid #57264A }
/* ------ Structure ------ */
.membre-data { width: 208px; margin: 0 0 15px 15px; background-color: #F1EBEF }
.membre-thumb { text-align: center }
.membre-thumb img { max-width: 200px; padding: 3px; background-color: #FFF; border: 1px solid #57264A }
.membre-adresse { padding: 5px 15px 10px 15px; background-color: #F1EBEF }
.email { padding: 2px 10px 2px 22px; background: transparent url(img/email.gif)  no-repeat 0 50% }
.website { padding: 2px 10px 2px 22px; background: transparent url(img/world.png)  no-repeat 0 50% }
/* ------ Actus ------ */
#actu .actu-resume { margin-bottom: 15px; padding: 10px; background-color: #F4EFF3; border: 1px solid #57264A }
#actu .actu-body img { margin: 0 15px; padding: 3px; background-color: #FFF; border: 1px solid #57264A }
/* ------ Formations ------ */
#tabs-formations { margin: 5px 0 10px 0; padding: 0 0 33px 10px; border-bottom: 1px solid #57264A; font-size: 1em; text-transform: uppercase }
#tabs-formations ul { margin: 0 }
#tabs-formations li { float: left; height: 20px; margin: 2px -1px 0 0; padding: 5px 0; background-color: #F1EBEF; border: 1px solid #57264A; text-align: center; background-image: none }
#tabs-formations li.active { border-bottom: 1px solid #FFF; background-color: #FFF; text-align: center }
#tabs-formations li:hover { background-color: #FFF }
#tabs-formations li.active, #tabs-formations li.active a { cursor: default }
#tabs-formations a { margin-top: 0px; padding: 10px 15px; text-decoration: none }
#tabs-formations a:hover { color: #733262; text-decoration: none }
/* ------ Articles ------ */
.article-body { clear: both; padding: 15px; color: #333; background-color: #F4EFF3; border: 1px solid #57264A }
.article-date { color: #777; font-size: .95em }
.article-summary { font-weight: bold }
/* ------ Annuaire ------ */
.annuaire-contact { padding: 5px 15px 10px 15px; background-color: #F1EBEF }
/* ------ Document ------ */
#document h3 { margin-bottom: 15px }
#document fieldset { margin: 0 auto; width: 350px; }
.document_telechargement li { margin: 0; padding: 2px 0 2px 20px; background: url(img/pictos/upload.gif) left 6px no-repeat   }
#document a.pdf, a.doc, a.xls, a.ppt, a.sxw, a.sxc, a.sxi, a.image, a.defaut {  margin: 0; padding: 4px 25px 4px 0 }
#document a.pdf { background: transparent url(img/pictos/pdf.png) right 50% no-repeat }
#document a.doc { background: transparent url(img/pictos/msword.png) right 50% no-repeat }
#document a.xls { background: transparent url(img/pictos/msexcel.png) right 50% no-repeat }
#document a.ppt { background: transparent url(img/pictos/mspowerpoint.png) right 50% no-repeat }
#document a.sxw { background: transparent url(img/pictos/ooo_texte.png) right 50% no-repeat }
#document a.sxc { background: transparent url(img/pictos/ooo_classeur.png) right 50% no-repeat }
#document a.sxi { background: transparent url(img/pictos/ooo_presentation.png) right 50% no-repeat }
#document a.image { background: transparent url(img/pictos/image.png) right 50% no-repeat }
#document a.defaut { background: transparent url(img/pictos/defaut.png) right 50% no-repeat }

 



/* ------ ACCUEIL ------ */
#ressources { margin: 0 0 10px 0; overflow: hidden }
#ressources li { float: left; width: 250px; height: 72px; margin: 0 20px 20px 0; padding: 0; font-weight: bold; background: url(img/ressources_bkg.gif) left top no-repeat }
#ressources li:active { background: url(img/ressources_bkg-on.gif) left top no-repeat }
#ressources .thumb { float: left; padding: 15px; width: 42px; height: 42px }
#ressources .description { float: left; padding: 15px 15px 15px 0; width: 163px; height: 42px }
/* Zoom sur */
#zoom { width: 635px; background: url(img/zoom_bkg.gif ) top left repeat-y; overflow: hidden }
#zoom .zoom-top { height: 15px; background: url(img/zoom_top.gif ) top left no-repeat }
#zoom .zoom-content { padding-left: 15px; overflow: hidden } 
#zoom .info { float: left; width: 150px }
#zoom .thumb { position: relative; height: 100px; }
#zoom .mask { position: absolute; left: 0 }
#zoom .description { float: left; width: 440px; margin: 0 15px } 
#zoom .zoom-bottom { width: 635px; height: 15px; background: url(img/zoom_bottom.gif) bottom left no-repeat }
/* A propos */
#unjf { margin-bottom: 20px }
#unjf li { margin-bottom: 10px; padding: 0 0 10px 22px; border-bottom: 1px solid #956388; background: url(img/pictos/check.gif) left top no-repeat }
/* Vidéo */
#video { width: 250px; font-size: .9em; background: #FCFBFC url(img/video_bkg.gif) left top no-repeat; line-height: 14px }
#video li { float: left; width: 110px; margin: 0px; padding: 10px 0 0 10px; background: none; line-height: 14px; text-align: center }
#video a:hover { text-decoration: none; font-weight: bold }
#video .video-bottom { height: 10px; background: url(img/video_bottom.gif) left bottom no-repeat }
/* Event */
#event .event-top { height: 40px; background: url(img/event_top.gif ) top left no-repeat }
#event .event-content { padding: 0 10px; background: url(img/event_bkg.gif ) top left repeat-y }
#event .event-bottom { height: 10px; background: url(img/event_bottom.gif) bottom left no-repeat }
.mesr { float: left; height: 84px; position: relative; top: -12px }
/* Title */
.title { padding: 0 0 10px }
#access .title { padding-bottom: 2px }
#video li.title { width: 100px; padding: 30px 0 0 20px; text-align: left }
#ressources .title { padding-left: 5px }