/* fonts */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-facebook:before { content: "\f09a";}
.fa-twitter:before { content: "\f099";}
.fa-rss:before { content: "\f09e";}
.fa-vimeo-square:before {content: "\f194";}
.fa-minus:before { content: "\f068";}
.fa-search:before { content: "\f002";}
.fa-phone-square:before { content: "\f098";}
.fa-chevron-down:before { content: "\f078";}
.fa-chevron-up:before {content: "\f077";}
.fa-angle-left:before {content: "\f104";}
.fa-angle-right:before {content: "\f105";}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: Helvetica,Arial,sans-serif;
  color: #5c5d58;color:#5D5C58;
  font-size: 14px;
  background-color:#687B39;
  /*background:  url("../../IMG/jpg/bg3.jpg") no-repeat center top;*/
/*  background:transparent url("../../IMG/jpg/fond5.jpg") no-repeat top center; */
  }

a {outline:none;outline: transparent;color: #700072;
}
.col-centre a {color:#26C4F4;
color:rgba(153, 31, 142, .8);/*rose sabine*/
}
a:focus, a:hover {color:#E42618;
color:rgba(153, 31, 142, .8);/*rose sabine*/
outline:none;outline: transparent;color: #26C4F4;}

.footer a {color: #3370b7; outline:none;outline: transparent;}
.footer a:focus, .footer a:hover {color:#E42618;outline:none;outline: transparent;color: #26C4F4;}


h1, h2, h3, h4, h5, h6 {
    color: #838183;
    color:#0A82E7;/*sabine*/
    color:rgb(101, 209, 209);/*vert sabine*/
    font-family: Helvetica,Arial,sans-serif;
}
h1 {

font-size: 2em;
    font-weight: normal;
    line-height: 1.4em;
    padding-bottom: 10px;
    padding-top: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #1775C5;
    color : rgb(153, 31, 142)/* violet sabine*/
}
h2 {font-weight:normal;font-size: 18px; color:#9B958D; margin-bottom: 1em;}
h3.spip {
    font-size:1.8em;font-weight: normal;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: left;
}


/******** listes ul/ol   SN 280219 ****/

ul.spip, ol.spip {
margin-left:0px;
padding-left: 1.2em;
}


/*** navigation ***/
/*.navbar-wrapper {
    position: fixed;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%;height:auto;
    z-index: 99; 
} */

div#position-logo {
    background: white;
    padding-top:30px;
    height: 250px;
    width: 280px;
    padding-left: 0px;
    margin-left: -13px;
}


.container.bandeau {
background:url("../../IMG/rubon0.jpg") no-repeat top right;
}

.container-menu {
  /*background:transparent url("../../IMG/jpg/fond5.jpg") no-repeat 70% top;*/
  min-height:120px; padding-left:0;padding-right:0;
 /*  background:transparent url("bandeau2017_2.jpg") no-repeat 70% top; min-height:120px; padding-left:0;padding-right:0; */
/*   background:transparent  no-repeat 70% top; min-height:120px; padding-left:0;padding-right:0; */

}
.navbar-default { border:0;background:transparent;margin-bottom:-7px;border-radius:0;/*min-height:150px;*/ margin-top:0px;
}

/*#navbar { margin-top:120px;}*/
#navbar { margin-top:0px;
padding:0px;}


.navbar-default .navbar-nav > li > a {
   text-transform:uppercase;color:#615050;
   font-size: 12px; line-height: 12px;
   font-weight:bold;
}
.navbar-nav > li > a {padding-top:15px; padding-bottom:15px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a {color:#C78025;color: #22CAF0;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:transparent;color: #22CAF0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background:transparent;color: #22CAF0;}

.dropdown-menu {font-size:12px;}
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover  {background:none; color: #26C4F4;}

.navbar-brand {padding:0;margin-top:20px;height:auto;margin-left:0;}

.navbar-default .navbar-toggle {background-color:#2877BA; color:#000;border:1px solid #2877BA;margin-right:0;}
.navbar-default .navbar-toggle:hover {border:1px solid #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}

/*** ajout SN 09/07/24 cause decalage vers le bas ***/
.ppal_row {
  margin-top:-7px;
}
/*** page accueil ***/
.container-accueil {/*background-color: #fff;*/}

.container-principal {}

.container.bandeau{background-color:white;}

.img-left {margin-right:1em;}

.col-centre {text-align:justify;}

/*.home .col-centre img {margin-right: 10px;}*/

.row {background-color:white;}

/*** col gauche ***/
.col-gauche, .col-droite {
  /* background:transparent url("../img/fond_gauche.png") no-repeat 100% 0;*/
   /*min-height:300px;*/position:relative; 
padding-top: 50px;
margin-top: -7px;
    background: rgba(198, 209, 55, .8); /*vert*/
    color:#fff;/*sabine*/
}
.col-gauche .row {
    background: rgba(198, 209, 55, .2); /*vert*/
    }

.col-gauche p {
/*	background: RGBA(81, 72, 65, 0.51);
	border:1px solid gray;	*/
	padding:3px;
}
.col-gauche ul {list-style:none;}
.col-centre {margin-top:30px;}/*sabine*/

.col-gauche .mgauche {
  margin-bottom:20px;
}
.col-gauche .mgauche .spip li  {
    background-color: white;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgb(101, 209, 209);/*sabine*/
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    list-style-type: none;
    margin: 0;
    opacity: 0.8;
    padding: 3px 12px 3px 20px;
    text-indent: 0;
    text-transform: uppercase;
}
.col-gauche .mgauche .spip {
   margin-left:0;
   border-top: 1px solid rgb(101, 209, 209);/*sabien*/
   margin: 30px 0 0;
   padding: 0;
}
.col-gauche .mgauche  li a {color: #615050;}

.img-colgauche {position:absolute;top:0;right:30px;}

#formulaire_recherche input.text {width:90%;padding-left:20px;}
#formulaire_recherche .submit {background:#2B77BC;border:0;color:#fff; border-radius:5px; padding:3px 5px;}

.visuel-gauche {margin-top:20px;}



.formulaire_newsletter p.boutons {
	    color: black;
    }
      

/*** col droite ***/
.col-droite {
    background: rgba(51, 157, 191, .8); /*violet*/
}
.col-droite h2 {
color:white;
}

#colonne-droite img.spip_logo {
margin-left:auto;
margin-right:auto;
float:none;
display:block;
padding-bottom:10px;
}

#prochains-evts, #evts-passes {
    background: rgb(206, 182, 212);
    text-align: center;
}
ul.evenements .item {background: white; color:#700072;}
ul.liste-items.evenements {padding: 3px;}

.news {margin-bottom:20px;color: #919a72;color:#979476;}
.news  ul {list-style:none;margin-left:0;padding-left:0;}
.news  ul li { margin-bottom:1em;}
.news  ul li a {color: #35468b;display:block; width:100%;color:#225988;}
.news  ul li a:hover {color: #26C4F4;text-decoration:none;}

.news  ul li a:before  {
   content: "\f105";   font-family: 'FontAwesome'; color: #35468b; margin-right:5px;
}
.col-droite h3 {
color: #414041;
font-size:1.4em;
padding-top:7px;
}
.col-droite h4 {
   background-position: 0 5px;
    background-repeat: no-repeat;
    border-top: 1px solid #d9d5d5;
    color: #615050;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 5px;
    padding-top: 4px;
    text-align: center;
    text-transform: uppercase;
}

/*** pages sec ***/
.ubi_sommaire {list-style:none;border:1px solid #f1f1f1;margin-left:0;padding-left:10px; padding-top:10px; padding-bottom:10px;}

.pull-right {margin-left:0.8em;margin-bottom:0.5em;}
.pull-left  {margin-right:0.8em;margin-bottom:0.5em;}


/** Tableaux **/
table.spip {
    font-size: 12px;
   margin: auto;
   margin-bottom: 1em;
   border: 1px solid rgb(101, 209, 209) ;/*sabine*/
/* border-collapse: separate; */
   width:100%
}
table.spip caption {
   caption-side: top; /* 'bottom' pas pris en compte par IE */
   text-align: center;
   margin: auto;
   padding: 3px;
   font-weight: bold;
   font-size:1em;
}

table.spip  th, table.spip  td {
   padding: 3px;
   text-align: left;
   vertical-align: middle;
   border:1px solid rgb(101, 209, 209);/*sabine*/
}

table.spip  tr.row_first { background: white; }
table.spip  tr.row_odd { background: white;}
table.spip  tr.row_even { background: white; }



/*** footer ***/
.footer {
   margin-top:20px;color:#fff;background-color: rgba(153, 31, 142, .6);/*sabine*/
	text-align:center;
}
.footer .spip_logo {float:none;}

.footer  .container {
  border-top:1px solid #d9d5d5;
  padding-top:15px; padding-bottom:15px; 
}
.footer .col2 .contenu-col {min-width:200px;}
.footer .colfooter .contenu-col {border-right:1px solid #fff;border-left:1px solid #fff;min-height:80px;padding-left:20px;}
.footer .col1 .contenu-col  {border-right:0;}
.footer img {margin:5px;padding:5px 2px; background:#fff;/*sabine*/
}

.spip_documents dt,
.spip_documents a {
background:#fff; /*sabine*/
}

.spip_documents_center {
    clear: both;
    display: block;
    margin: 1.385em auto;
    width: 100%;
}
.spip_documents_center a {display:block;width:100%;padding-top:10px;}
.spip_documents_center a img {margin:0 auto;width:auto;}
.spip_documents_left {margin-right:15px;}
.spip_documents_right {margin-left:15px;}



#documents_portfolio span {
margin-bottom:10px;/*sabine*/
}

.art12 table.spip {border:none;border-collapse:separate;border-spacing:3px;
}/*sabine*/
.art12 table.spip td { border:none;background:#E3E2DE;
padding:10px;}/*sabine*/
.art12 table.spip td:first-child {background:#bdddbd;font-weight:bold;}/*sabine*/

.caractencadre-spip {color: rgb(153, 31, 142);}/* violet sabine*/
.caractencadre-spip {color: rgb(101, 209, 209); } /* vert sylvain...*/
.caractencadre2-spip {color:rgb(153, 31, 142); font-weight:bold;}/*violet sabine*/
.texteencadre-spip { background: rgba(153, 31, 142, .2);padding:10px;border:none;font-size:120%;color: rgb(153, 31, 142);}/* mauve sabine*/
/*strong {font-size:120%; line-height:1.2em;}  sabine*/
.spip_cadre { background:rgba(153, 31, 142, .8); /* mauve sabine*/}

.texteencadre-spip a {

    color: rgb(17, 191, 191);

}

/* scroll top */

#scroll_to_top {
  position: fixed;
  width: 35px;
  height: 35px;
  bottom: 50px;
  right: 50px;
  display: none;
}

/* listes dans la page centrale */
									        .liste_contenu_rub {
 margin-top: 2em;
 background-color: #f6f6e7;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 20px;
 padding-right: 10px;
}									        

/*****************************************************
Formulaires formidable
***********************************************/
input.checkbox, input.radio {
	float: left;
	margin-right: 20px;
}
div.editer {
    background: #f1f3ed;
    padding-top: 12px;
    padding-left:8px;
}
div.editer input.text, div.editer textarea {
	float:right;
	margin-right:10px;
	max-width:68%
}
div.editer.saisie_input label,div.editer.saisie_textarea label{
    max-width: 30%;
    text-align: left;
    padding-bottom:6px;
}
div.editer.saisie_textarea {
	height:10em;
}
.formulaire_formidable p.boutons {
margin-top:13px;
}

.formulaire_formidable fieldset {
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.formulaire_formidable .saisie_input p.explication {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.formulaire_spip input.text {
      color:grey;
      }

.formulaire_spip label {
    padding-right: 10px;
    color:grey;
}    
.formulaire_spip fieldset legend {
    color:grey;
    font-size:1.2em;
    text-align:left;
}    


/******* bidouille pour bug barre typo de crayons *******/
.markItUp .markItUpHeader ul a em {
  width: 2rem;
  height: 2rem;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width : 767px) {
      body {background:none}
      .container-menu {background:#fff;}
      .visuel-gauche {display:none;}
      .container.bandeau {
	    background: none !important;
      }
      .navbar {
margin-top:-265px; /*sn090218*/
margin-bottom:25px;
      }
	div#position-logo {width: 204px;margin-left: auto;margin-right: auto; padding-left:0px;}
	.dropdown-menu > li > a {white-space: normal;}
	.navbar-nav > li {padding-right:30px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 1199px){
   .navbar-nav > li > a {padding-left:10px; padding-right:10px;}
   #formulaire_recherche input.text {width:85%; }
   élément {}
   div#position-logo {width: 241px;padding-left: 17px;}
}

@media only screen and (min-width : 768px) and (max-width : 991px){
	body {background:none}
    #menu-recherche {padding:0;}
    .navbar-brand {margin-top:40px;}
}

@media only screen and (max-width : 1199px) {
     /* .navbar-brand img {height:80px;width:auto;}*/
      .navbar-brand img {width:auto;}
      #navbar {margin-top:0;}
}

@media only screen and (max-width : 1023px) {
      .col-centre {margin-top:20px;}
      .img-colgauche {display:none;}
      .col-gauche .mgauche {margin-bottom:20px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
      /*#navbar {margin-top:130px;}*/
/*      .col-gauche {margin-top:-30px; }*/
      .col-gauche ul {margin-top:40px;}
      
      /* navbar */
      .navbar .navbar-collapse {
         padding-right:0;
      } 
     .navbar .navbar-nav {
       border-top:2px solid #E3E2DE; border-bottom:2px solid #E3E2DE;
	background:white;
      }
      .navbar-nav > li > a {margin-left:15px;margin-right:10px;}
     
}
@media only screen and (min-width : 1200px) { 
/*    .col-gauche {padding-top:130px;}   */
    .navbar .navbar-nav { min-width:850px; 
	width:100%;padding-left: 21%;}
    .navbar-nav > li > a {margin-left:20px;margin-right:20px;padding-left:10px;padding-right:10px;}
}

@media only screen and (min-width : 1700px) { 
   /*.container-menu  {background:transparent url("../img/fond_bandeau.png") no-repeat 80% top;}*/
   .container-menu  {background:transparent  no-repeat 80% top;}
}