/* 
Site : CNCCEP 
Version : 1.0
Design :Churchill

Reprise pour les élections 2012 par Ecedi
JEN 20120131

Reprise pour les élections 2017 par Churchill 20170208
*/


body { 
  background:#c9e4ff url('../img/bk-page-interne.png') repeat-x 0 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size:0.813em;
  color:#4C4C4C;
  margin:0;
  -webkit-font-smoothing : antialiased;
}
@media (max-width:767px) {
  body { 
    background:#c9e4ff;
  }
}

.home { background:#c9e4ff url('../img/bk-page.png') repeat-x center top; }
.home  #menu li {font-size:0.9em;}

@media (max-width:767px) {
  .home { 
    background:#c9e4ff url('../img/bk-home-sm.jpg') no-repeat left top;
  }
}

a, a:link, a:visited { text-decoration:none; color:#a92618; }
a:focus, a:hover, a:active { text-decoration:underline; }

img { border:0; }
p { margin:0; line-height:1.538em; }
ul, li { margin:0; padding:0; list-style:none; line-height:1.538em; }

h1, h2, h3 { margin:0; }
h1 { font-size:1.5em; color:#2070A9; }
h2 { font-size:1.3em; color:#a92618; }
h3 { color:#245d85; font-size:1.077em; margin:1em 0; }
h4 { color:#245D85; font-size:1.077em; } 
h5 { color:#245D85; font-size:1em; }

.home h2 { font-size:1em;color:#2070A9; } 
h3 span /* soustitre */{
  display:block;
  padding:2px 0;
  font-size:.9em;
}

/* 
 * -----------------------------------------------------------
 * = GÉNÉRAL
 * -----------------------------------------------------------
 */

#page {
  width:1100px;
  margin:0 auto;
  text-align:center;
  position:relative;
}
@media (max-width:1119px) {
  #page {
    width:950px;
  }
}
@media (max-width:969px) {
  #page {
    width:750px;
  }
}
@media (max-width:767px) {
  #page {
    width:100%;
  }
}
.home #page {
  width:768px;
  padding:1px 0 0;
}
@media (max-width:767px) {
  .home #page {
    width:100%;
  }
}

#header,
#content {
  text-align:left;
}

/* lien 'lire la suite' */
.read-more,
.spip_in,
.spip_out {
  background:url(../img/sprites-pictos.gif) no-repeat 0 -404px;
  padding:0 0 0 18px;
}

.content-inner a {
  font-weight:bold;
}

/* haut de page */
#back-top {
  clear:both;
  text-align:right;
  padding:0 40px;
}
.texte #back-top {
  padding:0;
}
@media (max-width: 767px) {
  #back-top {
    padding:0 10px;
    margin-bottom:0;
  }
}

#back-top a {
  background:url(../img/sprites-pictos.gif) no-repeat 0 5px;
  padding:0 0 0 18px;
  font-weight:normal;
}

/* retour liste */
#back-list {
  margin:0 0 3em;
}

#back-list a {
  background:url(../img/sprites-pictos.gif) no-repeat 0 -86px;
  padding:0 0 0 18px;
  font-weight:normal;
}

/* retour liste candidats */
#back-list-candidats {
  clear:both;
  text-align:right;
  padding:0 40px;
}
.texte #back-list-candidats {
  padding:0;
}
#back-list-candidats a {
  background:url(../img/sprites-pictos.gif) no-repeat 0 -86px;
  padding:0 0 0 18px;
  font-weight:normal;
}
@media (max-width: 767px) {
  #back-list-candidats {
    padding:0 10px;
    margin-bottom:0;
  }
}

/* listes à puce */
ul.spip li {
  margin:.4em 0;
  background:url(../img/puce-texte.gif) no-repeat 0 8px;
  padding:0 0 0 15px;
}

/* liens d'évitements */
#skip-links {
  z-index:10;
  position:absolute;
  top:5px;
  right:70px;
}
@media (max-width: 767px) {
  #skip-links {
    top:0;
    right:6px;
  }
}
#skip-links li {
  display:inline;
  background:url(../img/puce-small.gif) no-repeat 0 8px;
  padding:0 1px 0 9px;
}
#skip-links li:first-child { background:none; }
#skip-links a {
  color:#384652;
  font-size:0.846em;
}

/* tableau */

table.spip {
  width:600px;
}

table.spip td {
  padding:5px 10px;
  border:1px solid #eee;
}

table.spip tr:hover td {
  background:#efefef;
}

table.commissions{
  width:580px;
  border-collapse:collapse;
  font-size:1.1em;
}
table.commissions th{
  width:35px;
  padding:2px 5px;
}
table.commissions td{
  width:auto;
}
table.commissions tr.alternate{
  background:#f3f3f3;
}

/* 
 * -----------------------------------------------------------
 * = HEADER
 * -----------------------------------------------------------
 */

#header {
  position:relative;
  background:url(../img/sprite-bk-lg.gif) no-repeat -3375px top;
  min-height:140px;
  height:auto;
}
@media (max-width: 1119px) {
  #header {
    background:url(../img/sprite-bk-md.gif) no-repeat -2930px top;
  }
}
@media (max-width: 969px) {
  #header {
    background:url(../img/sprite-bk-sm.gif) no-repeat -2340px top;
  }
}
@media (max-width: 767px) {
  #header {
    background:url(../img/bk-header-sm.png) no-repeat;
  }
}

h1 {  
  width:241px;
  min-height:23px;
  height:auto;
  color:#fff;
  font-size:.8em;
  position:relative;
  top:80px;
  left:115px;
  line-height:1em;
}
@media (max-width: 767px) {
  h1 {  
    width:220px;
    font-size:9px;
    top:50px;
    left:80px;
  }
}

#header h1 a  {
  color:#fff;
  text-decoration:none;
}
#header .logo  {
  position:absolute;
  top:30px;
  right:16px;
}
@media (max-width: 767px) {
  #header .logo  {
    top:95px;
  }
}

.home #header {
  background:url(../img/bk-header.png) no-repeat left 101px;
  min-height:282px;
  height:auto;
  padding-top:101px
}
.home #header .logo  {
  position:absolute;
  top:209px;
  right:10px;
}
@media (max-width: 767px) {
  .home #header {
    background:none;
    min-height:282px;
    padding-top:94px
  }
  .home #header .logo  {
    position:absolute;
    top:345px;
    right:16px;
    width:63px;
    height:80px;
  }
}

.home h1 /* logo */ { 
  width:414px;
  min-height:38px;
  height:auto;
  color:#fff;
  font-size:1.231em;
  position:relative;
  top: 180px;
  left: 215px;
  line-height:1em;
}
@media (max-width: 767px) {
  .home h1 { 
    width:65%;
    height:82px;
    top:110px;
    left:0;
    line-height:1em;
    padding:30px 10% 15px 25%;
    background:url(../img/bg-h1-home-sm.jpg) no-repeat;
    border-radius:0 0 120px 0
  }
}


/* = MENU */

#menu {
  padding:89px 0 0 70px;
}
@media (max-width:767px) {
  #menu {
    padding:60px 0 0 0;
    margin:0 10px;
  }
}

#menu ul {
  background:url(../img/bk-menu-interne-lg.png) repeat-y left top #fff;
}
@media (max-width: 1119px) {
  #menu ul {
    background:url(../img/bk-menu-interne-md.png) repeat-y left top #fff;
  }
}
@media (max-width: 969px) {
  #menu ul {
    background:url(../img/bk-menu-interne-sm.png) repeat-y left top #fff;
  }
}
@media (max-width: 767px) {
  #menu ul {
    background:#fff;
    display:inline-block;
    width:100%;
    margin-bottom:-5px;
    padding-bottom:8px;
  }
  .home #menu ul {
    margin-bottom:0;
  }
}

.home #menu {
  padding:188px 0 0 125px;
}
.home #menu ul {
  padding:16px 0 0;
  background:url(../img/bk-menu.png) repeat-y -33px top;
}
@media (max-width: 767px) {
  .home #menu {
    padding:110px 0 0 0;
  }
  .home #menu ul {
    padding:8px 0;
    background:#fff;
    border-radius:0 0 10px 10px;
  }
}

#menu li {
  padding:0 9px 0 0;
  display:inline;
}
#menu li.twitter {
  float:right;
  padding-right:37px;
}
@media (max-width: 969px) {
  .interne #menu li {
    font-size:0.713em;
  }
  #menu li.twitter {
    float:none;
  }
}
@media (max-width: 767px) {
  #menu li {
    padding:3px 4%;
    width:70%;
    font-size:10px;
    display:block;
  }
  .interne #menu li.twitter {
    float:none;
  }
}

#menu a {
  text-transform:uppercase;
  color:#245d85;
  font-weight:bold;
}

#menu li.twitter a {
  background:url(../img/picto-twitter.png) no-repeat right center;
  padding-right:25px;
}
.home #menu li.twitter a span {
  display:none
}
@media (max-width: 969px) {
  .interne #menu li.twitter a {
    background-size:auto 100%;
    padding-right:20px;
  }
}
@media (max-width: 767px) {
  .home #menu li.twitter a {
    background-size:auto 100%;
    padding-right:20px;
  }
  .home #menu li.twitter a span {
    display:inline;
  }
}

#menu a:focus, 
#menu a:hover, 
#menu a:active {
  color:#A92618; 
  text-decoration:none;
}

#menu .on {
  color:#A92618;
}

/* 
 * -----------------------------------------------------------
 * = MENU INTERNE
 * -----------------------------------------------------------
 */
.menu-interne {
  margin-bottom:40px;
}
.menu-interne li {
  display:inline-block;
}
.menu-interne li:after {
  display:inline-block;
  content:"/";
  margin:0 6px 0 10px;
}
.menu-interne li:last-child:after {
  display:none;
}
@media (max-width: 767px) {
  .menu-interne li {
    display:block;
  }
  .menu-interne li:after {
    display:none;
  }
}

 /* 
 * -----------------------------------------------------------
 * = FOOTER
 * -----------------------------------------------------------
 */

/* = menu 'footer' */
#menu-bottom {
  text-align:right;
  position: relative;
  margin: -16px 30px 50px 0;
}
@media (max-width: 767px) {
  #menu-bottom {
    margin: 0 20px 20px 0;
  }
}

.home #menu-bottom {
  padding:0 0 0 70px;
  margin:-80px 0 0 0;
  text-align:left;
}
@media (max-width: 767px) {
  .home #menu-bottom {
    padding:0;
    margin:10px 0 20px 0;
    text-align:center;
  }
}

#menu-bottom li {
  display:inline;
  background:url(../img/puce-small.gif) no-repeat 0 8px;
  padding:0 1px 0 9px;
}

#menu-bottom li:first-child {
  background:none;
  padding:0 1px 0 0;
}

#menu-bottom a {
  color:#384652;
  font-size:0.846em;
}
@media (max-width: 767px) {
  #menu-bottom a {
    font-size:0.7em;
  }
}


/* 
 * -----------------------------------------------------------
 * = PAGES INTERNES
 * -----------------------------------------------------------
 */

#content {
  background:#fff url(../img/bk-content-lg.png) repeat-y left top;
}
@media (max-width: 1119px) {
  #content {
    background:#fff url(../img/bk-content-md.png) repeat-y left top;
  }
}
@media (max-width: 969px) {
  #content {
    background:#fff url(../img/bk-content-sm.png) repeat-y left top;
  }
}
@media (max-width: 767px) {
  #content {
    background:#c9e4ff;
    padding:0 10px 30px;
    position:relative;
  }
  #content:before {
    background:#fff;
    position:absolute;
    bottom:9px;
    right:50%;
    left:10px;
    display:block;
    height:29px;
    content:"";
    border-left:1px solid #d9d9da;
    border-bottom:1px solid #d9d9da;
    border-radius:0 0 0 20px;
  }
  #content:after {
    background:url(../img/bk-bottom-sm.png) no-repeat right bottom;
    position:absolute;
    bottom:0;
    right:4px;
    left:50%;
    display:block;
    height:30px;
    content:"";
  }
  .home #content:before,
  .home #content:after {
    display:none;
  }
}
.home #content { background:none; }
@media (max-width: 767px) {
  .home #content { padding-bottom:0; }
}

.content-inner {
  background:url(../img/sprite-bk-lg.gif) no-repeat -2250px bottom;
}
@media (max-width: 1119px) {
  .content-inner {
    background:url(../img/sprite-bk-md.gif) no-repeat -1955px bottom;
  }
}
@media (max-width: 969px) {
  .content-inner {
    background:url(../img/sprite-bk-sm.gif) no-repeat -1560px bottom;
  }
}
@media (max-width: 767px) {
  .content-inner {
    background:#fff;
    border-left:1px solid #d9d9da;
    border-right:1px solid #d9d9da;
  }
}

.content-inner .texte { 
  background:url(../img/sprite-bk-lg.gif) no-repeat 0 0;  
  padding:0 48px 80px 110px;
}
@media (max-width: 1119px) {
  .content-inner .texte { 
    background:url(../img/sprite-bk-md.gif) no-repeat 1px 0;  
  }
}
@media (max-width: 969px) {
  .content-inner .texte { 
    background:url(../img/sprite-bk-sm.gif) no-repeat 1px 0;  
  }
}
@media (max-width: 767px) {
  .content-inner .texte { 
    background:url(../img/bk-top.png) repeat-x; 
  }
}

.content-inner p {
  margin:1em 0;
}

.interne h2 {
  margin:50px 0 15px 40px;
  text-transform:uppercase;
  display:inline-block;
}
.interne .texte h2 {
  margin:50px 0 15px 0;
}
@media (max-width: 767px) {
  .interne h2 {
    margin:30px 10px 15px 10px;
  }
  .interne .texte h2 {
    margin:30px 0 15px 0;
  }
}

.intro {
  color:#245D85;
}

.liste .intro {
  background:#f7f7f7;
  padding:0 40px 40px;
  text-align:center;
  margin-bottom:-15px;
}

/* = page liste */
.content-inner .liste { 
  background:url(../img/sprite-bk-lg.gif) no-repeat -1125px 0; 
  padding: 0 8px 50px 60px;
}
@media (max-width: 1119px) {
  .content-inner .liste { 
    background:url(../img/sprite-bk-md.gif) no-repeat -975px 0; 
  }
}
@media (max-width: 969px) {
  .content-inner .liste { 
    background:url(../img/sprite-bk-sm.gif) no-repeat -780px 0; 
  }
}
@media (max-width: 767px) {
  .content-inner .liste { 
    background:url(../img/bk-top-liste.png) repeat-x; 
  }
}
@media (max-width: 767px) {
  .content-inner .liste { 
    padding:0;
  }
  .content-inner .texte { 
    padding:0 10px;
  }
}

.content-inner #rub-2 { 
  background:url(../img/sprite-bk-lg.gif) no-repeat 1px 0; 
  padding: 0 8px 50px 59px;
}
@media (max-width: 1119px) {
  .content-inner #rub-2 { 
    background:url(../img/sprite-bk-md.gif) no-repeat 1px 0; 
  }
}
@media (max-width: 969px) {
  .content-inner #rub-2 { 
    background:url(../img/sprite-bk-sm.gif) no-repeat 1px 0; 
  }
}

.liste .item {
  padding:0 40px 40px;
  margin:0 0 40px;
}
@media (max-width: 767px) {
  .liste .item {
    padding:0 10px 20px;
    margin:0 0 20px;
  }
}


.liste h3 span {
  color:#9D9D9D;
  font-weight:bold;
  font-size:.8em;
}

.liste .soustitre {
  color:#2070A9;
}

.liste .first {
  background:#f7f7f7;
}

/* = Règlementation */
.reglementation .read-more {
  margin:2em 0;
  background-position:0 -404px;
  font-weight:bold;
}

.texte-fondateur {
  border-top:1px dotted #ccc;
  padding:1em 0 0;
}

/* = Allocution */
#allocution h3 span {
  color: #245D85;
  font-size: 1em;
  margin:1em 0 0;
}
#allocution .intro {
  margin:0 0 2em;
}
#allocution .chapo {
  color:#000;
  padding:0 15%; 
}
.allocution {
  padding:0 40px;
}

/* = Candidats */

#candidats h3 {
  text-align:center;
  margin:0 0 3em;
}

#candidats h3 span {
  font-size:1.5em;
}

#candidats ul.spip li {
  background:none;
}

#candidats #back-list {
  text-align:right;
  margin:2em 0 0;
}

/* liste candidats */
table.candidats{
  margin:5px 0 15px 0;
  background:#F7F7F7;
  border-collapse:collapse;
  color: #000000;
  width:100%;
}
table.candidats tr {
  border-bottom:1px solid #e5e5e5;
}
table.candidats tr:last-child {
  border-bottom:none;
}
table.candidats th,
table.candidats td{
  padding:20px 13px;
}
table.candidats th{
  min-width:250px;
  background:#fff;
  text-align:left;
  font-weight:normal;
}
table.candidats tr.over{
  border:1px solid #E5E5E5;
}
table.candidats tr.over td,
table.candidats tr.over th{
  background:#F3F3F3;
}
table.candidats tr.over th{
  color:#C13010;
}
table.candidats th{
  
}
table.candidats td{
  padding:2px 13px;
  color: #4c4c4c;
  font-style: normal;
  text-align:center;
}
@media (max-width: 991px) {
  table.candidats th{
    min-width:150px;
  }
}
@media (max-width: 767px) {
  table.candidats th {
    min-width:90%;
    display:block;
    padding:20px 5%;
  }
  table.candidats td {
    width:40%;
    display:block;
    float:left;
    padding:20px 5%;
  }
}

.candidats .items {
  clear:both;
  display:block;
  overflow:hidden;
  padding:8px;
  margin:0 0 1em;
}
.candidats .items:hover {
  background:#efefef;
}

.candidats h4 {
  margin:0;
  color:#000;
  display:block;
  float:left;
}

.candidats ul {
  margin:0;
  display:block;
  float:right;
}

.candidats li { 
  display:inline;
}

.candidats a {
  color:#4C4C4C;
  width:18px;
  height:26px;
  background:url(../img/sprites-pictos.gif) no-repeat 0 0;
  display:inline-block;
}

.lire a {
  background-position:0 -142px;
}

.lire a:focus, .lire a:hover, .lire a:active {
  color:#245D85;
  background-position:0 -206px;
  text-decoration:none;
}

.ecouter a {
  background-position:0 -262px;
}

.ecouter a:focus, .ecouter a:hover, .ecouter a:active {
  background-position:0 -349px;
  color:#245D85;
  text-decoration:none;
}

/* = Communiqué de presse */
.content-inner .btn-telecharger {
  float:right;
  display:block;
  margin:100px 0 20px 30px;
}
.btn-telecharger a {
  display:block;
  width:140px;
  padding:20px;
  border:3px solid #245d85;
  border-radius:10px;
  text-align:center;
}
.btn-telecharger a span {
  display:block;
  color:#245d85;
}


@media (max-width: 767px) {
  .content-inner .btn-telecharger {
    float:none;
    margin:20px 0;
  }
  .btn-telecharger a {
    width:79%;
    padding:20px 10%;
  }
}




/* = plan du site */
#sitemap a {
  color:#4c4c4c;
  font-weight:normal;
}

#sitemap h3 a {
  color:#245D85;
  font-weight:bold;
}

#sitemap ul {
  margin:0 0 0 1em;
}


/* 
 * -----------------------------------------------------------
 * = HOME
 * -----------------------------------------------------------
 */

/* = HOME */
.home #content {
  background:url(../img/bk-home-btm.png) no-repeat right bottom;
  overflow:hidden;
}
@media (max-width: 767px) {
  .home #content {
    background:none;
  }
}

/* = colonne de gauche */
#left { 
  background:url(../img/accroche.png) no-repeat left top #467CA1;
  float:left;
  width:414px;
  text-align:right;
}
#accroche {
  color:#fff;
  text-transform:uppercase;
  font-size:0.846em;
  padding:8px 6px 12px 100px;
  text-align:left;
}

#accroche strong { 
  font-size:120%; 
  font-weight:bold; 
}

#accroche .date { 
  font-size:160%;
}

#accroche .line2 {
  padding:0 0 0 25px;
}
@media (max-width: 767px) {
  #left { 
    background:#467CA1;
    float:none;
    width:100%;
    text-align:left;
    border-radius:10px;
    margin:10px 0;
  }
  #accroche {
    padding:15px;
    text-align:center;
  }
  #accroche .line2 {
    padding:0;
  }
}


/* = colonne de droite */
#right {
  background:url(../img/bk-home-top.png) no-repeat right top;
  width:354px;
  min-height:136px;
  height:auto!important;
  height:136px;
  float:right;
}
#right .article {
  padding:12px 95px 15px 25px;
}
@media (max-width: 767px) {
  #right {
    background:#fff;
    width:100%;
    min-height:0;
    height:auto;
    float:none;
    border-radius:10px;
  }
  #right .article {
    padding:15px;
  }
}

#right p { 
  margin:.3em 0; 
}

#right .read-more {
  display:block;
}

.center {
  text-align:center;
}