/*   G.Drouen -  06/2016  */
/*   SFEN                 */

html{font-size: 90%;}
body{background:#fff; font:1rem/1.65rem 'Open Sans', sans-serif;}
a, a:hover{transition: all ease 500ms;}

/* header */
body > header{background: url('../images/header_bg.png') center top no-repeat #264b8a; }
body > header .title{font-size:27px; color:#fff; letter-spacing: 10px; text-align: center; text-transform: uppercase; padding:100px 0;}

/* nav */
body > header .logo{margin: -20px 0 0 0; display: inline-block; vertical-align: top;}
body > header .menu-nav{ float: right;}
header nav.menu{height: auto; position: relative;}
header nav.menu ul{float: right;}
header nav.menu ul li{margin: 0; padding: 0; background-color: #fff; display: inline-block;}
header nav.menu ul li a{display: inline-block; text-transform: uppercase; padding: 0 9px; color:#000; font: bold 13px/70px 'Open Sans', sans-serif;}
header nav.menu ul li a, header nav.menu ul.home li a{padding: 0 20px;}
header nav.menu ul li a:hover{color: #0046b9;}
header nav.menu ul li.active a{color: #0046b9;}
header nav.menu ul li.current > a, header nav.menu ul li.active > a{background: transparent;}
header nav.menu ul li.item-200{background:#0046b9;}
header nav.menu ul li.item-200 a{color: #fff;}
header nav.menu ul.home li a::after{display: none;}
header nav.menu ul.home li a{width: auto; height: auto;}



/* content */ 
.page .wrap, .page #main{padding: 0 0 15px 0;  width: 1000px;}

/*hp*/
#front-cover{font-size:inherit;}
#front-cover.old.short{border:none;}
#front-cover.old.short .front-cover-txt{padding: 0; margin: 0;}
#front-cover h2, .item-page h2{text-transform: uppercase; letter-spacing: 5px; font-weight: normal;}

nav.hp-menu{}
nav.hp-menu>div{display: inline-block; float: left; width:500px; font-size: 0.9rem; line-height:17px;}
nav.hp-menu p{margin: 20px 20px 20px 0; padding: 0; min-height: 55px;}
nav.hp-menu .more{background-color: #f1f1f1; padding: 15px 30px; font-weight: bold; margin-bottom: 30px;}
nav.hp-menu .more a{color: #000;}
nav.hp-menu .more a::after{content: '\f105'; margin-left: 10px; font-family: 'Awesome'; font-size: 15px;}
nav.hp-menu>div:nth-child(2n) .more{background-color: #e5e5e5;}



h1{text-transform: uppercase; letter-spacing: 8px; font-size: 1.5rem; padding: 50px 0 25px 0;}


table.adhesion{border-collapse: collapse; width: 100%; border:none; text-transform: uppercase; margin-bottom: 30px;}
table.adhesion tr:nth-child(2n) td{background-color: #f1f1f1;}
table.adhesion tr th, table.adhesion tr td{border:none; text-align: center; padding:15px; font-weight: normal; letter-spacing: 3px;}
table.adhesion tr td:nth-child(1){text-align: left;}
table.adhesion tr td:nth-child(2),table.adhesion tr td:nth-child(3){letter-spacing: 0;}
table.adhesion tr th:nth-child(3),table.adhesion tr td:nth-child(3){color: #0046b9;}
table.adhesion span.ico{background: url(../images/ico_adhesions.png); width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin:0 20px 0 5px;}
table.adhesion span.ico-enseignant{background-position: -36px 0;}
table.adhesion span.ico-profm35{background-position: -72px 0;}
table.adhesion span.ico-profp35{background-position: -108px 0;}
table.adhesion span.ico-retraite{background-position: -144px 0;}


ul.sfen-social{list-style: none; margin: 0; padding: 0;}
ul.sfen-social li:first-child{margin-left: 0;}
ul.sfen-social li{margin-left: 20px; text-align:center; display: inline-block;}
ul.sfen-social li a{display: block; height: 180px; width: 180px;  background: url(../images/ico_social.png) center center no-repeat #f1f1f1;}
ul.sfen-social li:nth-child(1) a{background-position: 0 0;}
ul.sfen-social li:nth-child(2) a{background-position: -180px 0;}
ul.sfen-social li:nth-child(3) a{background-position: -360px 0;}
ul.sfen-social li:nth-child(4) a{background-position: -540px 0;}
ul.sfen-social li:nth-child(5) a{background-position: -720px 0;}
ul.sfen-social li a:hover{text-decoration: none; background-color: #0046b9;}
ul.sfen-social li:nth-child(1) a:hover{background-position: 0 -180px;}
ul.sfen-social li:nth-child(2) a:hover{background-position: -180px -180px;}
ul.sfen-social li:nth-child(3) a:hover{background-position: -360px -180px;}
ul.sfen-social li:nth-child(4) a:hover{background-position: -540px -180px;}
ul.sfen-social li:nth-child(5) a:hover{background-position: -720px -180px;}

.btn-big {display:block; background-color: #0046b9; color: #fff; padding: 15px 30px; box-shadow:none; border-radius: 0; font-weight: bold; font-size:16px;}
.btn-big::after{content: '\f105'; font-family: 'Awesome'; font-size: 25px; right: -800px; position: relative;}
.btn-big:hover{background-color: #000; color: #fff; opacity: 0.85; text-decoration: none;}

.item-page ul.square{list-style: none;}
.item-page ul.square li{position: relative;}
.item-page ul.square li::before{position: relative; content: ""; display: inline-block; width: 6px; height: 6px; background-color: #0046b9; margin-right: 10px;}

.reg_info.connect a{display: inline-block; background:#e2017b; padding: 4px 10px; color:#fff; font-weight: bold;}
.reg_info div.btn-nav{background: #ac9861; color: #fff; border:0; padding: 2px 10px; border-radius: 0;}
.reg_info div.btn-nav:hover{opacity: 0.85; background: #0046b9; color: #fff;}
/*.reg_info div.btn-nav span{display: none;}*/
.reg_info div.btn-nav nav.user{left: 0;}

/*jtsfen*/
.item-page #procs article .proc-nfo{margin-left: 0;}
.item-page #procs article .proc-nfo h2{text-transform: none; letter-spacing: 0; font-weight: bold;}
.item-page #procs .ui-accordion-header{padding-top: 1rem; padding-bottom: 1rem;}

/* TOC */
.nfo{text-align: left;}
nav.article{font-size:0.9rem; min-width: 235px;}

#com_article #main, #com_authenticate #main, #com_toc #main{padding-top: 30px;}

/* footer */
body > footer{background-color: #404040; padding:15px 0; font-size:12px; color:#fff; margin-top: 15px; text-align: left;}
body > footer strong{color: #fff}
body > footer .wrap{background: transparent; padding-top: 0;}
body > footer .logo{float:right; margin: 35px 0 20px 20px;}