.alert-lt {
  color: red;
}

.alert-ge {
  color: black;
}

.majuscule
{
    text-transform: uppercase;
}
 .container {
         position: relative;
    align:left: 30px;
   
    border: 4px solid #73AD21;
       /* width: 250px;*/
        clear: both;
    }
     .container2 {
         position: relative;
    left: 30px;
    border: 6px solid #000000;
        width: 400px;
        height: 250px;
        clear: both;
    }

p{
  margin:auto;
 padding:1px;
}

.btn_valid {
float: left;
 margin-left: 20px;
}

td.extra, th.extra {
  display: none;
}

.ma_classe_img {
display:block;
width:1024px;
line-height:768px;
text-align:center;
vertical-align:middle;
margin-left: 50px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

.ma_classe_img2 {
  float: left;
display:block;
width:768px;
line-height:576px;
/*text-align:center;*/
vertical-align:middle;
margin-left: 25px;
}

.couleur_texte
{
color: green;
text-align: left;
text-indent: 440px;
font-size: 28px;
border: 3px hidden;
padding: 0; 
margin: 0;
//text-align: center;         /* Le titre doit être centré ! */
letter-spacing: 0.1em;
}

.alert
{
 float: left;
 margin-left: 50px;
 color:red;
}


ul.pagination {
  /*display: block;*/
  float: left;
  margin: 5px;
}

ul.pagination li {
    display: inline;
    color: black;
    float: left;
    padding: 2px 5px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li.page-courante {
   font-weight: bold;
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination:hover{
  color:#1d1d1d
}
ul.pagination li:hover:not(.page-courante) {background-color: #ddd;}


a.bouton-relief {
  color: white;
  background-color: #000080;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  float: left;
}
a.bouton-relief:hover {
  background-color: #6495ED;
  border: 2px inset #c0c0c0;
}


.modifier  {
display:block;
width:80px;
line-height:20px;
text-align:center;
vertical-align:middle;
background:url(../images/boutonnoir2.png) no-repeat;
color:white;
text-decoration:none;
}
.modifier:hover  {
background:url(../images/boutonnoir2.png) no-repeat;
}

.supprimer  {
display:block;
width:80px;
line-height:20px;
text-align:center;
vertical-align:middle;
background:url(../images/boutonnoir2.png) no-repeat;
color:white;
text-decoration:none;
}
.supprimer:hover  {
background:url(../images/boutonnoir2.png) no-repeat;
}

.suivi  {
display:block;
width:80px;
line-height:20px;
text-align:center;
vertical-align:middle;
background:url(../images/boutonnoir2.png) no-repeat;
color:white;
text-decoration:none;
}
.suivi:hover  {
background:url(../images/boutonnoir2.png) no-repeat;
}


/* On travaille sur la balise body, donc sur TOUTE la page */
body
{
    background-image:url(../images/body.png);
    
    background-color: black; /* Le fond de la page sera noir */
    background-size: auto;
    color: black; /* Le texte de la page sera noir */
}

.titre
{
color: green;
float: left;
 margin-left: 20px;
 font-size: 20px;
 
 }

  ul.acompteur
{
display: inline;
    color: black;
    float: left;
    padding: 2px 5px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 5px;
 
 }

.agauche
{
float: left;
 margin-left: 30px;
 color: #FFFF33;
 
 }

.adroite
{
text-align: left;
 
 }

a:link 
{ 
 text-decoration:none; 
} 

.ton-btn
{
 background-image:url(../images/modifier.png);
height: 150px;
 }
 
 
#bandeau
{
    height: 70px;
    background-image: url(../images/siteon0.jpg);
  background-position: left;
  background-repeat: no-repeat;
   background-size: auto;
   background-color: blue;
   background-size: auto;
   
 
  
}
    
 }


#submenu 
{
color:red
}

.formulaire{
background-color:#F5BCA9;
color:black;
}

.formulaire2{
background-color:#F5BCA9;
color:black;
}

.formulaire3{
background-color:#66FF66;
color:black;
}