/*Généralités*/

/*text*/

h1{
font-weight: 400;
font-size: 28px;
line-height: 1.2em;
padding-bottom: 20px;
border-bottom: 2px solid #d3dade;
}

#fullArticle .title{
font-size:28px;
}

#fullArticle li{
  margin-bottom: 0;
}

h2{
color:#000;
font-family:sans-serif;
font-weight: 400;
border-bottom: 1px solid #d3dade;
padding-bottom: 10px;
}
h2{
font-size: 20px;
line-height: 22px;
}

p {
font-family:sans-serif;
line-height:20px
}


a{
color:#F96871;
}


/*content*/

pre {
background-color: #F2F2F2;
border-left: 0.5rem solid rgba(0, 0, 0, 0.1);
color: #212121;
padding: 1rem;
margin:20px auto;
font-size:15px;
word-wrap: break-word;/**/
border-radius:15px;
}

code{
background: #DED;
margin: -2px;
padding: 2px;
font-size:15px;
color:#000;
}


.felicitations{
margin-top:20px;
padding:30px;
width:70%;
margin:auto;
color:#000;
font-size:20px !important;
line-height:25px;
text-align:center !important;
box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.06);
border-radius: 15px;
background: #FFF;
}

.encartNoteDown, .encartAstuceDown, .encartInfoDown, .encartSuccessDown {
margin-bottom: 0px !important;
position: relative;
top: 7px;
background-color: #fff6d1;
border-radius: 8px;
}



.encartNoteUp, .encartAstuceUp, .encartInfoUp{
border: 3px solid #e6b72e;
position: relative;
top: -10px;
right: 0;
left: 9px;
border-radius: 8px;
margin: 0;
background: #fff;
padding: 26px 18px 0px 11px !important;
}

.encartAstuceUp{
border:3px solid #F97D68;
}

.encartInfoUp{
border:3px solid #5975ff;
}

.encartAstuceDown{
background-color: rgba(249, 125, 104, 0.4);
}

.encartInfoDown{
background-color: rgba(89, 117, 255, 0.4);
}

.encartNoteUp::before, .encartAstuceUp::before, .encartInfoUp::before{
content: 'NOTE';
color: #e6b72e;
margin-right: 16px;
font-size: 16px;
font-family: sans-serif;
position: absolute;
left: 16px;
top: 8px;
vertical-align: middle;
border-radius: 5px;
}

.encartAstuceUp::before{
content: 'ASTUCE';
color:#F97D68;
}

.encartInfoUp::before{
content: 'INFO';
color:#5975ff;
}


.textNote, .textAstuce{
padding: 5px 5px 0 5px;
margin-bottom:7px !important;
}

#main-content iframe, #main-content img{
margin: 30px auto !important;
display: block;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border:none !important;
}

.listApuce{
font-family:sans-serif;
list-style:none;
}

.listApuce li{
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.listApuce li::before {
content: "•";
 color: #F97D68;
 margin-right:8px;
 font-size:20px;
 }

 .listApuce ol li::before{
  font-size:0;
 }

.message{
margin-top:30px;
width:300px;
height:auto;
padding:20px 30px;
border-radius:20px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin:auto;
background:#fff;

}

/*Nav List*/

#sidebar .nav-list .active a, #sidebar .nav-list .active a .icon-arrow:before, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus{
color: #f97d68
}

#sidebar .nav-list a{
font-size: 1.3em;
}

/*Homepage - tuile*/

.category-list .category{
border:none;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
text-align:left;
border-radius: 10px;
background: #fff;
}

.category-list .category:hover{
background:#FFF;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 8px;
}

.category h3, #collection-category-1 h2{
border-bottom:none;
}

#searchBar button{
background: #F97D68;
border:none;
}

input:focus, input[type=text]:focus{
border-color:#f5f5f5;
}

.navbar .nav li a, .navbar .icon-private-w{
color:#000;
}

#docsSearch{
background:#FFF;}

#docsSearch h1{
border:none;
}

@media screen and (min-width: 769px){
.container-fluid .brand img{
max-width:50%;
}
}
.navbar .navbar-inner{
border-bottom: 1px solid #FAFAFA;}

.collection-category h2 a{
font-size:25px;
font-weight:bold;
}

/*Content Area / fond d'article*/

.contentWrapper, .related{
border:none;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 8px;
border-radius: 10px;
}

.descrip{
color:#999;
background:#F8F8F8;
border-radius:10px;
padding:10px;
}

.contentWrapper{
padding:20px;
}
.related{
margin-top:20px;
}
.related h3{
text-transform:unset;
font-size:16px;
color:#000;
font-weight:bold;
}

/* Citation */

.blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.2);
  border-radius:10px
}

.blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  position: absolute;
  left: 10px;
  top:5px;
}

.blockquote::after{
  /*Reset to make sure*/
  content: "";
}

/* Avis video Charlotte */

.charlotte_raw1, .charlotte_raw2,.charlotte_raw3 {
  display:flex;
  justify-content:space-between;
  }
  
  @media screen and (max-width:768px){
  .charlotte_raw1, .charlotte_raw2,.charlotte_raw3 {flex-direction:column;}
  }
  
  /* Sommaires documentation*/
  .entry_summary{
  background-color:#f8f8f8;
  padding:2px 10px;
  border-radius:10px;
  }