/*
Design du site cgi-consulting
Réalisé par GEGOUT David
<lien url="http://www.cgi-consulting.fr">http://www.cgi-consulting.fr</lien>
*/

html
{
   margin: 0px;
   padding: 0px;
   height: 100%;
}

body
{
   width: 90%;
   min-width: 1500px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/index_css/fondindex.jpeg");
   background-attachment: fixed;
}

/* L'en-tête */

#en_tete
{
   height: 100px;
   margin-bottom: 20px;
   /* border: 2px outset blue; */
}

#en_tete p
{
   padding: 0;
   margin: 0;
}

.logoanime
{
   float: left;
   width: 300px;
   height: 100px;
}

.logo
{
   float: left;
   width: 170px;
   height: 100px;
}

.animation
{
   float: left;
   color: blue;
   width: 400px;
   height: 100px;
   font-size: 20px; 
}

.conteneur
{
   margin-left: 700px;
   margin-top: 0px;
}

.adresse
{
   float: left;
   color: black;
   width: 200px;
   font-size: 18px; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 2px;
   padding-left: 0px;
   /* background-color: #b0c5d6;
   border: 3px solid #B3B3B3; */
}

.connectpannel
{
   width: 240px;
   margin-left: 240px;
   margin-top: 5px;
   font-size: 10px;
}

.connectpannel a
{
   margin-left: 15px;
   font-size: 12px;
}

.connectpannel input[type=text]
{
   font-size: 10px;
   width: 135px;
}

.connectpannel input[type=password]
{
   font-size: 10px;
   width: 135px;
}

.connectpannel input[type=submit]
{
   font-size: 10px;
   width: 100px;
}

.connectpannel label
{
   font-size: 10px;
   display: block;
   width: 75px;
   margin-top: 5px;
   float: left;
}

/* Le menu */

#menu
{
   float: left;
   position: fixed;
   width: 220px;
}

.element_menu
{
   border: 1px solid gray;
   margin-bottom: 15px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: black;
   background-color: #b0c5d6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-bottom: 15px;
   border-top: 3px solid #B3B3B3;
   border-bottom: 3px solid #B3B3B3;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu li
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu li:hover
{
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
   margin-right: 15px;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #B3B3B3;
}

.element_menu a
{
   color: blue;
   padding-bottom: 5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-decoration: none;
}

.element_menu a:hover
{
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Le corps de la page */

#corps
{
   margin-left: 240px;
   margin-bottom: 20px;
   padding: 0px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 15px;   
   /* border: 1px solid gray; */
   min-height:340px;
}

#corps h1
{
   color: blue;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #b0c5d6;
   border-top: 3px solid #B3B3B3;
   border-bottom: 3px solid #B3B3B3;
}

#corps h2
{
   height: 30px;
   background-image: url("images/Cgi-motif.png");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: blue;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #b0c5d6;
   border-top: 3px solid #B3B3B3;
   border-bottom: 3px solid #B3B3B3;
   text-indent:20px;
}

#corps h3
{
   color: blue;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #b0c5d6;
   border-top: 3px solid #B3B3B3;
   border-bottom: 3px solid #B3B3B3;
   text-indent:20px;
}

#corps p
{
   text-align: justify;
   margin:30px;
}

#corps li
{
   margin-left: 80px;
}

/* Gestion de l'affichage des images dans le texte (utilisation de class)*/

#corps img
{
   float: none;
   clear:both;
   text-align: center;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 0px;
   margin-top: 20px;
   /* margin-bottom: 5px; */
   text-align: center;
   color: blue;
   /* background-image: url("Cgi-images/Cgi-Pied.png"); */
   background-repeat: repeat-x;
   background-position: center;
   border: 1px solid gray;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 20px;
}

/* Les éléments de formulaire */

/* Les éléments de formulaire */

label
{
   margin-left: 0px;
   width: 150px;
   display: block;
   float: left;
}

select
{
   margin-left: 0px;
   width: 206px;
}

input[type=text]
{
   /*margin-left: 225px;*/
   width: 200px;
   /*padding-left: 0px;*/
}

textarea
{
   width: 100%;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Mise en page des formulaires */

.gauche
{
   display: inline-block;
   float: left;
   width: 50%;
}

.droite
{
   display: inline-block;
   float: left;
   width: 50%;
}


/* Mise en page des tableaux */

#ligne
{
   width: 100%;
   height: 25px;
   border: 1px solid gray;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 15px;
}

.consult
{
   display: inline-block;
   float: left;
   width: 90px;
   height: 25px;
}

.delete
{
   display: inline-block;
   float: left;
   width: 90px;
   height: 25px;
}

/* Boites de dialogue */

#boxcorps
{
   margin-left: 240px;
   margin-bottom: 20px;
   padding: 0px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 15px;   
   /* border: 1px solid gray; */
   min-height:340px;
}

#boxcorps h1
{
   color: blue;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-color: #b0c5d6;
   border-top: 3px solid #B3B3B3;
   border-bottom: 3px solid #B3B3B3;
}

#boxcorps p
{
   text-align: justify;
   margin:30px;
   align: center;
}

.OK
{
  margin-left: 40%;
  margin-right: 40%;
}

.OK input[type=submit]
{
  font-size: 30px;
  width: 20%;
}