* {
  box-sizing: border-box;
}
body {
background-color: 	#e6e6e6;
}
#entete {
/* background: url("img/banniere.jpg") center bottom no-repeat ; */
background-color:#e5e5e5;
padding:5px;
text-align:center;
}
#entete img {
/* background: url("img/banniere.jpg") center bottom no-repeat ; */
width: 100%;
}
h1 {
color: grey;
font-size: 5em;
text-shadow: 0px 0px 40px #000000;
padding:10px;
margin:0px;
}
#entete h1 {
visibility: hidden;
}
h1 a {
  text-decoration: none;
  color: grey;
}
h2, h3 {
margin-top:0px;
margin-bottom:5px;
}
h3 a {
  text-decoration: none;
  color: green;
}
p {
margin-top:0px;
margin-bottom:6px;
text-indent:20px;
}
p.p_form {
line-height:1.5em; 
vertical-align:middle;
margin-top:10px;
}
p.bon {
line-height:1.5em; 
vertical-align:middle;
margin-top:10px;
color:green;
font-weight:bold;
text-indent:0px;
}
p.pas_bon {
line-height:1.5em; 
vertical-align:middle;
margin-top:10px;
color:red;
font-weight:bold;
text-indent:0px;
}
ul {
margin-top:0;
margin-bottom:10px;
margin-left:10px;
}
.checkbox {

}
label {
color:green;
}
.col_gauche {
float:left;
text-align:right;
padding:4px;
width:50%;
}
.col_droite {
float:right;
text-align:left;
padding:4px;
width:50%;
}
.clear {
clear:both;
}
#texte {
width: 90%;
height:5em;
}
.vignette {
float:left;
max-height:150px;
max-width:150px;
vertical-align:top;
margin-right:15px;
}
#categories {
  float:left;
  width:20%;
  margin-top:8px;
  text-align:center;
}
#categories a {
  background-color:#e5e5e5;
  text-decoration: none;
  padding:0px;
  margin:2px;
  display:inline-block;
  width:100%;
  color:black;
}
/* unvisited link */
#categories a:link {
  color: green;
}

/* visited link */
#categories a:visited {
  color: green;
}

/* mouse over link */
#categories a:hover {
  color: black;
  background-color:#b3b3b3;
}

/* selected link */
#categories a:active {
  color: yellow;
} 
#centre {
  float:left;
  width:60%;
}
.contenu {
  padding: 10px;
  margin: 10px;
  background-color:white;
  box-shadow: 0px 0px 20px grey;
  border-radius: 20px;
  overflow:hidden;
}
.contenu a {
  text-decoration: none;
  padding:0px;
  margin:2px;
}
/* unvisited link */
.contenu a:link {
  color: green;
}

/* visited link */
.contenu a:visited {
  color: green;
}

/* mouse over link */
.contenu a:hover {
  color: black;
  background-color:#b3b3b3;
}

/* selected link */
.contenu a:active {
  color: yellow;
} 

.edition {
text-align:center;
}
.edition textarea {
width:90%;
height:25em;  
}

#droite {
  float:left;
  width:20%;
  margin-top:8px;
  text-align:center;
}
.contenu_droite {
  padding: 10px;
  margin: 10px;
  background-color:white;
  box-shadow: 0px 0px 20px grey;
  border-radius: 20px;
  overflow:hidden;
}
#clear {
clear: both;
}
.input_text {
  width: 60%;
}
#pied {
text-align: center;
}
#pied a {
  text-decoration: none;
  padding:0px;
  margin:2px;
  color: green;
}
#bouton_menu_gauche {
display: none;
}
#bouton_menu_droite {
display: none;
}


@media only screen and (max-width:600px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }
#categories {
  display: none;
  width:100%;
  margin-top:8px;
  text-align:center;
}
#centre {
  display: block;
  width:100%;
}
.checkbox {
height: 25px;
width: 25px;
}
#droite {
  display: none;
  width:100%;
  margin-top:8px;
  text-align:center;
}
.col_droite, .col_gauche {
float:none;
text-align:center;
padding:4px;
width:100%;
}
#bouton_menu_gauche {
display: block;
position: fixed;
bottom: 6px;
left: 6px;
width: 50px;
height: 50px;
background-color: transparency;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 111, 0);
opacity: 0.5;
border-radius: 5px;
z-index: 10;
}
#bouton_menu_droite {
display: block;
position: fixed;
bottom: 6px;
right: 6px;
width: 50px;
height: 50px;
background-color: transparency;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-width: 0px;
border-style: solid;
border-color: rgb(0, 111, 0);
opacity: 0.5;
border-radius: 5px;
z-index: 10;
}
#bouton_menu_gauche div {
float:right;
clear: both;
width: 33px;
height : 4px;
background-color: black;
margin: 5px;
z-index: 20;
}
#clear {
clear: none;
}


}