/* 
    Created on : 19 avr. 2019, 17:48:26
    Author     : Romain DENIS-REMIS <romain at denis-remis.fr>
*/
body {
  font-size: 16px; }

hr.hr-clear, hr.hr-dark {
  border: solid 2px #c8c8c8;
  max-width: 200px; }

hr.hr-claire {
  border: solid 1px #8c8c8c;
  max-width: 300px;
  margin: 2em auto 1em; }

a {
  color: inherit; }

p > a:not(.btn) {
  color: #fff;
  text-decoration: underline; }
  p > a:not(.btn):hover {
    color: #ff0; }

.fa-inverse {
  color: #272B30; }

.fa-inverse2 {
  color: #645C5C; }

.orange {
  color: orange; }

.vert {
  color: green; }

.rouge {
  color: red; }

i.devicon-php-plain {
  font-size: 2em;
  display: inline-block;
  position: relative;
  bottom: -0.3em; }

.btn-rdr {
  border: solid 2px #c8c8c8;
  background-color: transparent;
  color: #c8c8c8;
  text-shadow: none; }

.btn-rdr:hover {
  border: solid 2px #c8c8c8;
  background-color: rgba(200, 200, 200, 0.2);
  color: #c8c8c8;
  text-shadow: none; }

.btn-tests {
  display: inline-block;
  text-align: center;
  background-color: orange;
  color: #000;
  font-weight: bold;
  padding: 1em;
  border-radius: 5px; }
  .btn-tests:hover {
    background-color: #ffc31e;
    text-decoration: none;
    color: #000; }

/*==  NAVBAR-CUSTOM  =========================================================*/
.navbar-custom {
  background: #272B30;
  font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  border: none;
  border-bottom: solid 1px #C8C8C8; }
  .navbar-custom a:focus {
    outline: none; }
  .navbar-custom .navbar-brand {
    color: #C8C8C8; }
    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active {
      color: #C8C8C8; }
  .navbar-custom .navbar-nav {
    letter-spacing: 1px; }
    .navbar-custom .navbar-nav li a {
      color: #C8C8C8;
      border: none; }
      .navbar-custom .navbar-nav li a:hover {
        color: #655D5B;
        background: #C8C8C8;
        outline: none; }
      .navbar-custom .navbar-nav li a:focus, .navbar-custom .navbar-nav li a:active {
        color: #C8C8C8; }
    .navbar-custom .navbar-nav li.active a {
      color: #C8C8C8;
      background: #655D5B; }
      .navbar-custom .navbar-nav li.active a:hover, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:active {
        color: #C8C8C8;
        background: #655D5B; }
  .navbar-custom .navbar-toggle {
    color: #C8C8C8;
    text-transform: uppercase;
    font-size: 10px;
    border-color: #C8C8C8; }
    .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
      background-color: #655D5B;
      color: #C8C8C8;
      border-color: #655D5B; }
  @media (min-width: 768px) {
    .navbar-custom {
      padding: 25px 0;
      -webkit-transition: padding 0.3s;
      -moz-transition: padding 0.3s;
      transition: padding 0.3s; }
      .navbar-custom .navbar-brand {
        font-size: 2em;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
      .navbar-custom.affix {
        padding: 10px 0; }
        .navbar-custom.affix .navbar-brand {
          font-size: 1.5em; } }

/*==  HEADER  ===============================================================*/
header {
  text-align: center;
  background-color: #645C5C; }
  header .container {
    padding-top: 100px;
    padding-bottom: 50px; }
  header img {
    display: block;
    margin: 0 auto 20px; }
  header .intro-text .nom {
    font-size: 2em; }
  header .intro-text .skills {
    font-size: 1.25em; }
  @media (min-width: 768px) {
    header .container {
      padding-top: 200px;
      padding-bottom: 100px; }
    header .intro-text .nom {
      font-size: 3.5em; }
    header .intro-text .skills {
      font-size: 2em; } }

/*== SECTIONS ==============================================================*/
section {
  padding: 100px 0; }
  section h2 {
    margin: 0;
    font-size: 3em; }
  @media (max-width: 767px) {
    section {
      padding: 70px 0; }
      section.first {
        padding-top: 70px; }
      section h2 {
        font-size: 2em; } }

body.page-modules section h2 {
  font-size: 2em; }

@media (max-width: 767px) {
  body.page-modules section h2 {
    font-size: 1.9em; } }

/*==  PROJETS  ===============================================================*/
section#projets #home_section_version_titre {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 20px; }
  section#projets #home_section_version_titre h2 {
    text-align: center; }
  @media (min-width: 768px) {
    section#projets #home_section_version_titre {
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      column-gap: 30px; }
      section#projets #home_section_version_titre a.btn-tests {
        order: 1; } }

section#projets .unproj {
  text-align: center; }

/*==  INFOS  ===============================================================*/
section#infos {
  background-color: #645C5C; }
  section#infos p a {
    color: #FFFFFF; }

/*==  CONTACT  ===============================================================*/
#chazam {
  cursor: pointer; }

#badaboum {
  margin-left: 1em; }

section#contact {
  padding: 100px 0 20px; }

@media (max-width: 767px) {
  section#contact {
    padding: 70px 0 10px; } }

.form-control {
  font-size: 16px; }

/*==  MODULES BASE  ===============================================================*/
section#modbase .intro-bouton-mono-multi {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 20px; }
  section#modbase .intro-bouton-mono-multi p {
    text-align: center;
    font-size: 1.1em; }
  @media (min-width: 768px) {
    section#modbase .intro-bouton-mono-multi {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      column-gap: 30px; }
      section#modbase .intro-bouton-mono-multi a.btn-tests {
        order: 1; }
      section#modbase .intro-bouton-mono-multi p {
        text-align: left;
        font-size: 1.2em; } }

section#modbase .unmodule {
  border: solid 2px #C8C8C8;
  padding: 0 1em;
  margin-bottom: 1em;
  border-radius: 4px; }

/*==  MODULES OPTION  ===============================================================*/
section#modoption {
  background-color: #645C5C; }
  section#modoption p a {
    color: #FFFFFF; }
  section#modoption .unmodule {
    border: solid 2px #C8C8C8;
    padding: 0 1em;
    margin-bottom: 1em;
    border-radius: 4px; }
    section#modoption .unmodule div.unmodule-prix {
      display: inline-block;
      float: right;
      color: orange;
      font-weight: bold;
      padding: 0.5em 0 0 0.5em; }

/*==  MODULES OPTION  ===============================================================*/
section#liste_exemples p a {
  color: #FFFFFF; }

section#liste_exemples .unmodule {
  border: solid 2px #C8C8C8;
  padding: 0 1em;
  margin-bottom: 1em;
  border-radius: 4px; }
  section#liste_exemples .unmodule div.unmodule-prix {
    display: inline-block;
    float: right;
    color: orange;
    font-weight: bold;
    padding: 0.5em 0 0 0.5em; }