/*Gestion des balises*/
html{
  /*background-image: url("../img/background.jpg");*/
}
body{
	background-color: #fff;
}

h1{
  margin-top: 30px;
  font-size: 1.5em;
  color: #FF8000;
  background-color: #ccc;
  border-radius: 10px;
  border:1px solid red;
  padding-left: 10px;

}

h2 {
  font-size: 1.1em;
  color:red;
  margin-left: 30px;
  border-bottom: 1px solid red;
  display: inline-block;

}

h3{
  font-family: "Trebuchet MS", Comics, Arial, Helvetica, sans-serif;
  font-size: .9em;
  color:#848484;
  display: inline-block;
  margin-left: 50px;
  border-bottom: 2px solid #A4A4A4;
}

a { color:black; }
a:hover{ color:orange; }

.button {
  border-radius: 10px;
  background-color: orange;
  color: white;
}

.button:hover {
   color:orange!important;
   background-color: white!important;
   border: 1px solid #ccc;
 
}

/* ################################### */
/* Gestion de la customisation du menu */
/* ################################### */

.top-bar, .menu-centered { color:orange; }
/*.top-bar, .menu-centered, .dropdown, .menu, .vertical, .medium-horizontal { 
  background-image: url("../img/background.jpg");
  color:orange;
   }*/

.menu {
  margin-right: 5px;
  padding-left: 0 5px 0 5px;  
  color:orange;
  vertical-align: middle;
}

.title-bar-title{ color:orange; vertical-align: middle; } 

ul { list-style: none;}

/*#####################################*/

/* Gestion des réseaux sociaux*/

.ligne {
  /*background-image:linear-gradient(grey, white);*/

  background: linear-gradient(#E6E6E6 0%, #828c95 24%, #000000 41%, #7f7f7f 100%);*/

  width: 100%;
  height:20px;
}

.reseaux {
 /* float:right;*/
  margin-top: 10px;
}

.clear {
  clear: both;

}

.social:hover {


  background-color: rgba(242,204,151,.5);
  border-radius: 10px;
  box-shadow: 1px 1px 12px #000;




}


.lettrine{
font-size: 2em;
}



.thumb {
  
  padding-bottom: 5px;
  float: left;
  margin:5px;
  padding: 3px;
  border:3px solid #FE9A2E;
  border-radius: 10px;
}

/* Gestion de ASIDE */

span.add{
  color:red;
  font-style: italic;
}


.contour {
  
  border:2px solid #fb3844;
  padding:3px;
  -webkit-box-shadow: #999999 0 0 5px;
  -moz-box-shadow: #999999 0 0 5px;
  box-shadow: #999999 0 0 5px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;

}

span.add{
  color:red;
  font-style: italic;
}

.zip::after {
  content: url("../img/Zip.png");
  vertical-align:middle;
  display: inline-block;
}

/*Gestion des Figure /figcaption */
figcaption,
figure {
  display: block;
  font-size: .8em;
  margin-top: -15px;
  margin-bottom: 10px;
   }

   /* Gestion de la balise kbd, code*/

   code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  border-radius: 10px;
  border:2px solid #000;
  padding:2px;
   }

/* Gestion du Footer */
footer {
  margin-top: 50px;
  background-color: #ccc;
}