/* PAGE MANIFESTE */
/*barre latérale */

.page-sidebar{
  margin-top: 80px;
}

/*
En tête
 */
 .main-container{
  background-color: #fff;
  margin-top: 12px;
 }

.page-header {
  padding: 0px 20px 50px 20px;
  margin-top:-12px;
  /*background-color: #3ba1e3;*/
  background-color: #9CC2E5;
  background-repeat: no-repeat;

}

/* header prix de l'innovation */

.page-header2{
  background-color: #7fb74e;
}

/*header boite à outils */
.page-header3{
  background-color: #ff9933;
}

/*header experiences partagees */
.page-header4{
  background-color: #6600ff;
}

/*header sites amis */
.page-header5{
  background-color: #ffcc00;

}

/*header projets en devenir */
.page-header6{
  background-color: #ea148c;
}


.page-description {
  font-size:2.6rem; /* 20px*/
  color: #fff;
  margin-bottom: 0;
  font-weight: normal;
  padding-top: 20px;

}

.texte-descriptif{
  color: #fff;
  font-size:1.6rem;
  font-style: italic;

}

/*contenu principal */

.page-title {
 /* width: 400px;*/
  color: #3333ff;
  margin-bottom: 30px;
  font-size: 4rem; /* 40px*/
  text-transform: uppercase;
}

.page-post-title {
  width: 140px;
  color: #3333ff;
  margin-bottom: 5px;
  font-size: 1.6em; /* 40px*/
 

}

.focus_titre{
  font-weight: 800;
}

/*Colonne principale */

.page-main {
  font-size: 1.8rem; /*18px*/
  line-height: 2.7rem;  /*1.5*/
  background-image:url(../images/fond3.png);
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  padding:150px 20px;
  

}

/*position triangle manifeste */

.triangle{
  border-right: 160px solid transparent;
  border-top:160px solid #3ba1e3;
  border-top:160px solid #9CC2E5;
  width: 0px;
  height: 0px;
  position: absolute;
  top:-22px;
  left: 0;
  z-index: 10;

}
.triangle_generique{
  border-right: 160px solid transparent;
  /*border-top:160px solid #3ba1e3;*/
  width: 0px;
  height: 0px;
  position: absolute;
  top:-22px;
  left: 0;
  z-index: 10;
}
/*position triangle prix */
.triangle_prix{
 
  border-top:160px solid #7fb74e;
  
}
/*position triangle experience */
.triangle_experience{
 
  border-top:160px solid #6600ff;
  
}
/*position triangle amis*/
.triangle_amis{
 
  border-top:160px solid #ffcc00;
  
}
/*position triangle outils*/
.triangle_outils{
 
  border-top:160px solid #ff9933;
  
}
.triangle_devenir{
 
  border-top:160px solid #ea148c;
  
}


/* Modules barre latérale */

.sidebar-module {
  /*padding: 15px;*/
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}


/* Pagination */
.pager {
  margin:60px 0;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*bouton manifeste */
.btn.focus,.btn:focus,.btn:hover{
 color:#fff; }
 .btn.active, .btn:active{
  box-shadow: none;}
  
/*fenetre modale manifeste*/
.intro_manifeste{
  color: #6b82a1;
  font-weight: bold;
  text-align: justify;
  margin-bottom: 40px;
}

.btn-primary-outline {
  background-color: transparent;
  font-size:2.4rem; /* 20px*/
  color: #fff;
  margin-bottom: 0;
}
.titre_manif_modal{
 color:#00a0d1;
}
h2.liste_modale{
  color: #6b82a1;
}
.couleur_liste_modale{
  color:#00a0d1;
}
.mot_exergue{
  background-color:#dbe5f1;
}
.modal-body{
  height: 500px;
  overflow: scroll;
}
/*prix de l'innovation*/

.article_prix{
  width: 100%;
  height:250px;
  background-color:#b4b4b4;
  margin-top: 50px;
 
  }



.container-prix{
   background-color: #ffffff;
   margin-top: 12px;
   padding-right: 10px;

}
.page-prix-main {
  font-size: 1.8rem; /*18px*/
  line-height: 2.7rem;  /*1.5*/
  position: relative;

}

.page-sidebar-prix{
  margin-top: 50px;
}
.dossier_prix{
  padding-left: 10px;
}

/*sites amis*/
h3.liste_amis{
  color: #ffcc00;
  padding-top: 20px;
}
.container_amis{
padding-bottom: 40px;
}

/*  experiences partagees */
.article_experience{
  width: 100%;
  height:250px;
  background-color:#b4b4b4;
  padding-top: 20px;
  color: #6600ff;
}


.temoignage{
  width: 100%;
  height:50px;
  background-color:#b4b4b4;
  color: #6600ff;
  line-height: 50px;
}
.violet{

  padding-top: 50px;
}
.violet4{
  width: 100%;
  margin-top: 75px;
}

.ligne_vert{
  padding-top: 5px;
  height: 60px;
  width: 100%;
  
}

/* mobile*/
@media (max-width: 768px) {
  .titre{ font-size:3rem;
  padding: 20px ;
  }
  .titre span{
  font-size:2rem; }

  .page-header{
  padding-bottom: 20px;

}
.col-resp{
  display: none;
}
.article_experience{
  margin: 10px 0;
}
}