img{
  max-width: 100%;
}

.navbar-header{
  margin-top: 7px;
}

.brand img{
  position: absolute;
  width: 14%;
  margin-top: -11px;
}

.navbar-default{
  border: none;
}

.navbar-default .navbar-nav>li>a{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 17px;
  padding-bottom: 5px;
}

.navbar-default .navbar-nav>li>a:hover{
  color: #ffffff;
  border-bottom: 1px solid white;
}

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

.navbar-nav>li>.dropdown-menu{
  text-transform: uppercase;
}

.nav_victimes .dropdown-menu>li>a{
  color: #5bc4d0;
}

.nav_auteurs .dropdown-menu>li>a{
  color: #ffb14d;
}

.nav_pros .dropdown-menu>li>a{
  color: #919191;
}

.dropdown-menu{
  border-radius: 0px;
}

.navbar-default .navbar-nav>li>a:focus{
  color: #ffffff;
  outline: none;
}

.navbar-default .navbar-nav>.active>a:hover{
  color: #ffffff;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:after{
   content: "";
  position: absolute;
  top: 40px;
  left: 38%;
  margin-left: -15px;
  width: 0px;
  height: 0px;
  margin: 0px auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
}

.nav_victimes{
  background-color:rgba(91,196,208,0.6);
}

.nav_auteurs{
  background-color:rgba(255,185,94,0.6);
}

.nav_pros{
  background-color:rgba(145,145,145,0.6);
}

.navbar{
  position: absolute;
  width: 100%;
  min-height: 65px;
  z-index: 10;
}

.navbar-default .navbar-nav>li>a{
  color: #ffffff;
  font-size: 12px;
  font-family: 'Arimo', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
}

.navbar-default .navbar-nav>.active>a{
  color: #ffffff;
  background-color: transparent;

}

.navbar-toggle{
	background-color: rgba(250,250,250,0.5);
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #ffffff;
}

.container-fluid{
	padding: 0px;
}

.row{
  margin-left: 0px;
  margin-right: 0px;
}

.logo{
  position: absolute;
  width: 50%;
  margin-top: -18.5%;
  margin-left: 25%;
}

.content{
  margin-top: 40px;
  margin-bottom: 20px;

  font-family: 'Arimo', sans-serif;
  color: #454545;
  font-size: 14px;
}

.content_victimes h1{
  color: #5bc4d0;
}

.content_victimes a{
  color: #5bc4d0;
  border-bottom: 1px solid #5bc4d0;
}

.content_auteurs h1{
  color: #ffb95e;
}

.content_auteurs a{
  color: #ffb95e;
  border-bottom: 1px solid #ffb95e;
}

.content_pros h1{
  color: #5bc4d0;
}

.content_pros a{
  color: #919191;
  border-bottom: 1px solid #919191;
}

a img, .content_victimes a img, .content_auteurs a img, .content_pros a img {
  border: 0;
  text-decoration: none;
  border-bottom: 0px !important;
}

h1{
  font-family: 'Anton', sans-serif;
  color: #454545;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 30px;
  margin-bottom: 35px;
}

h2{
  font-family: 'Anton', sans-serif;
  color: #919191;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 20px;
  margin-top: 10px;
}

h3{
  font-family: 'Anton', sans-serif;
  color: #454545;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 18px;
  margin-top: 10px;
}

h4{
  font-family: 'Arimo', sans-serif;
  color: #454545;
  text-transform: none;
  font-size: 16px;
  margin-top: 10px;
}

.backgroundOrange{
  margin-top: -2%;
  background-color: #ffb95e;
}

.backgroundGris{
  margin-top: -2%;
  background-color: #919191;
}

.mailBleu{
  background-color: #5bc4d0;
  margin-top: 20px;
  padding-right: 150px;
  z-index: -1;
}

.mailBleu h1{
  font-family: 'Anton', sans-serif;
    color: #ffffff;
    font-size: 20px;
    text-align: right;
    letter-spacing: 1px;
    margin-top: 18px;
    margin-bottom: 17px;
}
.mailBleu a{
  color: #ffffff;
}

.adressePro p{
  font-family: 'Arimo', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #919191;
  text-align: center;
  margin-top: 50px;
}

.contactTel h1{
  font-family: 'Anton', sans-serif;
  color: #ffffff;
  font-size: 22px;
  text-align: left;
  letter-spacing: 1px;
  margin-top: 18px;
  margin-bottom: 17px;
}

.titleBackgroundColor{
  background-color: #919191;
  margin-top: 50px;
}

.contactAdresse p{
  color: #919191;
  text-align: left;
  font-weight: 700;
  font-size: 15px;
  margin-top: 18px;
  margin-bottom: 20px;
}

.horaire h1{
  font-family: 'Anton', sans-serif;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  text-transform: none;
  letter-spacing: 1px;
  margin-top: -95px;
  margin-bottom: 55px;
}

.titreHomePage h1{
  font-family: 'Anton', sans-serif;
  color: #ffffff;
  font-size: 24px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.horaireBleu{
  background-color: #5bc4d0;
  margin-top: 20px;
}

.horaireOrange{
  background-color: #ffb95e;
  margin-top: 20px;
}

.pictoHoraire{
  display: block;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;

}

.subTitleHomePage h1{
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  color: #454545;
  font-size: 18px;
  text-align: left;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.fond{
	position: relative;
	width: 100%;
	z-index: -1;
}

.hexa{
	position: absolute;
	/*width: 30%;
	left: 35%;
  padding-top: 8%;
  */
	width: 25%;
  left: 37.5%;
  padding-top: 4%;
	opacity: 0.9;
}

.losange{
	position: absolute;
	/*left: 31.5%;
	padding-top: 8%;
	width: 37%;
  */
  left: 34%;
	padding-top: 3.5%;
	width: 32%;
}

#titleHeader h1{
	font-family: 'Anton', sans-serif;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*font-size: 3vw;*/
  font-size: 2.5vw;
}

#titleHeader{
	position: absolute;
}
#titleHeader h1 a:link, #titleHeader h1 a:visited{
    color: #ffffff;
    text-decoration: none;
}
#titleHeader h1 a:hover {
  text-decoration: none;
}

.fleche{
	position: absolute;
	width: 20%;
	left: 40%;
	margin-top: 41%;

  display: none;
}

#subTitleHeader h1{
	font-family: 'Anton', sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*color: #919191;
  font-size: 1.3vw;*/
  color: #FFFFFF;
  font-size: 1vw;
}

#subTitleHeader{
	position: absolute;
	/*left: 46.7%;
	padding-top: 42.5%;*/

  left: 47.5%;
	padding-top: 21.5%;
}

.hexagon1 {
  position: relative;
  width: 250px;
  height: 144.34px;
  margin-top: 130px;
  margin-bottom: 100px;
  background-image: url('../images/img-victime.jpg');
  background-size: auto 265.5811px;
  background-position: center;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
  border-left: solid 10px #ffffff;
  border-right: solid 10px #ffffff;
}

.hexagon2 {
  position: relative;
  width: 250px;
  height: 144.34px;
  margin-top: 130px;
  margin-bottom: 100px;
  background-image: url('../images/img-auteurs.jpg');
  background-size: auto 265.5811px;
  background-position: center;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
  border-left: solid 10px #ffffff;
  border-right: solid 10px #ffffff;
}

.hexagon3 {
  position: relative;
  width: 250px;
  height: 144.34px;
  margin-top: 130px;
  margin-bottom: 100px;
  background-image: url('../images/img-pro.jpg');
  background-size: auto 265.5811px;
  background-position: center;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
  border-left: solid 10px #ffffff;
  border-right: solid 10px #ffffff;
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 176.78px;
  height: 176.78px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 26.61px;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 230.0000px;
  height: 132.79056191361394px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-66.3953px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-66.3953px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-66.3953px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -88.3883px;
  border-top: solid 14.1421px #ffffff;
  border-right: solid 14.1421px #ffffff;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -88.3883px;
  border-bottom: solid 14.1421px #ffffff;
  border-left: solid 14.1421px #ffffff;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon1:after {
  content: "";
  position: absolute;
  top: 5.7735px;
  left: 0;
  width: 230.0000px;
  height: 132.7906px;
  z-index: 2;
  background: inherit;
}

.hexagon2:after {
  content: "";
  position: absolute;
  top: 5.7735px;
  left: 0;
  width: 230.0000px;
  height: 132.7906px;
  z-index: 2;
  background: inherit;
}

.hexagon3:after {
  content: "";
  position: absolute;
  top: 5.7735px;
  left: 0;
  width: 230.0000px;
  height: 132.7906px;
  z-index: 2;
  background: inherit;
}

h1.titleHome {
  font-family: 'Anton', sans-serif;
  text-align: center;
  color: #454545;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 22px;
  margin-top: 80px;
  margin-bottom: 0px;
  line-height: 30px;
}

p{
  font-family: 'Arimo', sans-serif;
  text-align: left;
  color: #454545;
  font-size: 14px;
  margin-top: 20px;
}

mark{
  background-color: transparent;
  padding-bottom: 1px;
}

.note{
  font-family: 'Anton', sans-serif;
  color: #919191;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 1px;
  font-size: 14px;
  margin-top: 20px;
}

.page_sommaire .container {
  margin-top: -130px;
}
.textHome p{
	text-align: center;
}
div.textHome{
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 25px;
  text-align: center;
}

.introHompage {
  margin-top: 70px;
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
  text-align: center;
  color: #454545;
  font-size: 16px;
}
.introHompage p {
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
  text-align: center;
  color: #454545;
  font-size: 16px;
  line-height: 1.8;
}
.introHompage blockquote.spip {
  padding: 0;
  margin: 0;
  margin-top: 60px;
  border: none;
}
.introHompage blockquote.spip p{
  font-size: 20px;
}

a.aButton{
  text-decoration: none;
}
.textHome_victimes .caractencadre2-spip{
	color: #00bad0;
}

.classButton_victimes{
  margin-top: 10px;
  border-radius: 0px;
  border: none;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  background-color: #5bc4d0;
  color: #ffffff;
  padding-top: 9px;
}

.classButton_victimes:hover{
  color: #ffffff;
  background-color: #00bad0;
}

.classButton_victimes:active{
  outline-style: none!important;
  color: #454545!important;
  background-color: #5bc4d0!important;
}

.classButton_victimes:focus{
  outline-style: none!important;
}

.textHome_auteurs .caractencadre2-spip{
	color: #ff8f00;
}

.classButton_auteurs{
  margin-top: 10px;
  border-radius: 0px;
  border: none;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  background-color: #ffb14d;
  color: #ffffff;
  padding-top: 9px;
}

.classButton_auteurs:hover{
  color: #ffffff;
  background-color: #ff8f00;
}

.classButton_auteurs:active{
  outline-style: none!important;
  color: #454545!important;
  background-color: #ffb14d!important;
}

.classButton_auteurs:focus{
  outline-style: none!important;
}

.textHome_pros .caractencadre2-spip{
	color: #686868;
}

.classButton_pros{
  margin-top: 10px;
  border-radius: 0px;
  border: none;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  background-color: #919191;
  color: #ffffff;
  padding-top: 9px;
}

.classButton_pros:hover{
  color: #ffffff;
  background-color: #686868;
}

.classButton_pros:active{
  outline-style: none!important;
  color: #454545!important;
  background-color: #919191!important;
}

.classButton_pros:focus{
  outline-style: none!important;
}

.backgroundFooter{
  background-color: #f7f7f7;
  margin-top: 50px;
}

.marginFooter{
  padding-top: 30px;
  padding-bottom: 30px;
}

footer h1{
  font-family: 'Anton', sans-serif;
  text-align: center;
  color: #454545;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 1px;
}

footer p{
  font-size: 12px;
  text-align: center;
  margin-top: 0px;
}

footer a{
  display:block;
  text-align:center;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  color: #5bc4d0;
  letter-spacing: 0.5px;
  margin-top:10px;
  margin-bottom: 10px;
}

footer a:hover{
  text-decoration: none;
  color: #00bad0;
}

footer img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 7%;
}

.textStrong{
  padding-top: 10px;
  font-weight: 700;
}

.copyright{
  padding-top: 10px;
  font-size: 10px;
  margin-top: 20px;
}


/*-----------------------------*/

@media(min-width: 250px){
    #titleHeader{
      left: 41.6%;
      padding-top: 5%;
    }
    .page_sommaire .container {
      margin-top: -50px;
    }
}

@media(min-width: 400px){
    #titleHeader{
      left: 41.6%;
      padding-top: 6.5%;
    }
    .hexagon1{
      left: 11%;
    }
    .hexagon2{
      left: 11%;
    }
    .hexagon3{
      left: 11%;
    }
    .page_sommaire .container {
      margin-top: -50px;
    }
  }

@media(min-width: 450px){
    .hexagon1{
      left: 13%;
    }
    .hexagon2{
      left: 13%;
    }
    .hexagon3{
      left: 13%;
    }
    .page_sommaire .container {
      margin-top: -50px;
    }

  }

@media(min-width: 500px){
    #titleHeader{
      /*left: 39.5%;
      padding-top: 13.5%;*/
      left: 41.6%;
      padding-top: 8.5%;
    }
    .hexagon1{
      left: 18%;
    }
    .hexagon2{
      left: 18%;
    }
    .hexagon3{
      left: 18%;
    }
    .page_sommaire .container {
      margin-top: -50px;
    }
  }

@media(min-width: 550px){
    .hexagon1{
      left: 22%;
    }
    .hexagon2{
      left: 22%;
    }
    .hexagon3{
      left: 22%;
    }
    .page_sommaire .container {
      margin-top: -50px;
    }
  }

@media(min-width: 600px){
    #titleHeader{
      left: 41.6%;
      padding-top: 9.5%;
    }
    .hexagon1{
      left: 25%;
    }
    .hexagon2{
      left: 25%;
    }
    .hexagon3{
      left: 25%;
    }
  }

@media(min-width: 650px){
    .hexagon1{
      left: 28%;
    }
    .hexagon2{
      left: 28%;
    }
    .hexagon3{
      left: 28%;
    }

    .page_sommaire .container {
      margin-top: -50px;
    }
  }

@media(max-width:767px){/*xs*/
    /*#subTitleHeader{
      left: 43.5%;
      padding-top: 40.5%;
    }
    #subTitleHeader h1{
      font-size: 2.5vw;
    }*/

    .fleche{
      width: 30%;
      left: 35%;
      margin-top: 39%;
    }
    .marginNav{
      margin-left: 20px;
      margin-right: 20px;
    }
    .brand img{
      width: 20%;
    }
    .contactTel{
      margin-top: -15px;
    }
    .contactTel h1{
      font-size: 14px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .contactTelOrangePro{
      padding-left: 15px;
    }
    .mailBleu{
      padding-right: 15px;
    }
    .navbar-default .navbar-nav>.active>a:after{
      content: "";
      position: absolute;
      top: 40px;
      left: 5.5%;
      width: 0px;
      height: 0px;
      margin: 0px auto;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid white;
    }
    .navbar-nav{
      padding-top: 40px;
      padding-left: 20px;
      padding-bottom: 20px;
    }

    .page_sommaire .container {
      margin-top: -50px;
    }
  }


@media(min-width:768px){/*sm*/
    .navbar{
      border-radius: 0px;
    }
    .navbar-nav{
      margin-left: 12%;
    }
    .nav>li>a{
      padding-right: 10px;
      padding-left: 5px;
    }

    #titleHeader{
      left: 41.6%;
      padding-top: 9.5%;
    }
    .hexagon1{
      left: 13%;
    }
    .hexagon2{
      left: 13%;
    }
    .hexagon3{
      left: 13%;
    }
    .marginNav{
      margin-left: 5px;
    }
    .navbar-default .navbar-nav>li>a{
      font-size: 11px;
    }

    .page_sommaire .container {
      margin-top: -130px;
    }

  }

@media(min-width:992px){/*md*/
    #titleHeader{
      left: 41.6%;
      padding-top: 9.5%;
    }
    .hexagon1{
      left: 5%;
    }
    .hexagon2{
      left: 5%;
    }
    .hexagon3{
      left: 5%;
    }
    .marginNav{
      margin-left: 50px;
    }
    .nav>li>a{
      padding-right: 10px;
      padding-left: 10px;
    }


  }

@media(min-width:1200px){/*lg*/
    #titleHeader{
      /*left: 40.4%;
      padding-top: 15.5%;*/
      left: 41.6%;
      padding-top: 9.5%;
    }
    .hexagon1{
      left: 15%;
    }
    .hexagon2{
      left: 15%;
    }
    .hexagon3{
      left: 15%;
    }
    .marginNav{
      margin-left: 50px;
    }
    .navbar-default .navbar-nav>li>a{
      font-size: 12px;
    }
    .nav>li>a{
      padding-right: 10px;
      padding-left: 10px;
    }


  }


/*** Styles propres aux articles de spip ***/
.chapo {
	margin-bottom: 1.5em;
	font-style:italic;
}
.ps, .notes {
	clear:both;
	margin-top:5px;
	border-top:solid 1px #e8e8e8;
	padding-top:0px;
	margin-bottom: 1em;
}
.ps p, .notes p {
  margin-top: 10px;

  font-style:italic;
  font-size: 0.9em;
  color:#999;
}

h5.spip, h6.spip, h7.spip {
  font-size: 1.4rem;
  font-weight: normal;
}

blockquote.spip_poesie {
  font-family: 'Anton', sans-serif;
  color: #919191;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 1px;
  font-size: 14px;

  margin: 20px 0;
  padding: 0;
  border: none;
}
.texte img{
  width: auto;
	max-width: 100%;
}

/* ---------------- horizontal rule
*/
hr {
  clear: both;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #D6D6D6;
  margin: 1em 0;
  padding: 0; }

/* ---------------- tables
*/
table {
  margin-bottom: 18px;
  width: 100%; }

th,
td {
  padding: 6px 10px 7px 0px;
  border-top: 1px solid #f2f2f2; }

th {
  font-weight: bold;
  vertical-align: top;
  text-align: left; }

thead:first-child tr th,
thead:first-child tr td {
  border-top: 0; }

/* ---------------- images
*/
img {
  width: 100%;
  /* responsive */
  height: auto;
  vertical-align: middle; }
.left {
  float: left;
  margin: 0 15px 8px 0; }

.right {
  float: right;
  margin: 0 0 8px 15px; }

.center {
  display: block;
  margin: 2.5em auto;
  margin-bottom: 20px;
  clear: both; }
  .center img {
    /* if class on container */
    display: block;
    margin: 0 auto; }

.indent {
  margin-left: 20px; }

/* thumbnail images for gallery (inline)
*/
/* ---------------- video
*/
video, object, embed {
  max-width: 100%;
  height: auto; }

/* flexible video containers, with fixed ratio (cf Foundation, Alistapart) */
.flex-video {
  position: relative;
  height: 0;
  padding-top: 25px;
  /* default for youtube player */
  padding-bottom: 67.5%;
  /* default 4:3 ratio */
  overflow: hidden; }

/* to override, use extra classes: */
.flex-video.widescreen {
  padding-bottom: 56.25%;
  /* 16:9 widescreen ratio */ }

.flex-video.vimeo {
  padding-top: 0;
  /* no player */ }

.flex-video video,
.flex-video object,
.flex-video embed,
.flex-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

  /* Logos, documents et images */
  .spip_logos { float: left; margin: 0; margin-right: /*@margin-bottom*/1em/*/@*/; margin-bottom: /*@margin-bottom*/1em/*/@*/; padding: 0; border: none; }

  .spip_documents { margin-bottom: /*@margin-bottom*/1em/*/@*/; padding: 0; background: none; }
  .spip_documents,
  .spip_documents_center,
  .spip_doc_titre,
  .spip_doc_descriptif {
  	margin-right: auto;
  	margin-left: auto;
  	text-align: center;
  }
  .spip_documents .credits {
  	font-size:0.9em;
  	font-style:italic;
  	color:#666;
  }
  .spip_documents_center {
  	clear: both;
  	display: block;
  	width: 100%;
  	margin: 2.5em auto 20px;
  }
  .spip_documents_left { float: left; margin: 0 15px 8px 0; }
  .spip_documents_right { float: right; margin: 0 0 8px 15px; }
  .spip_doc_titre {}
  .spip_doc_descriptif { clear: both; }