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

body
{
   width: 90%;
   min-width: 800px;
   max-width: 1100px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/index_css/fondindex.jpeg");
   background-position: top center;
   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: 350px;
   height: 100px;
}

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

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

.conteneur
{
   margin-left: 40%;
   margin-top: 0px;
   text-align: center;
}

.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
{
   float: right;
   width: 240px;
   margin-right: 20px;
   /*margin-top: 5px;*/
   font-size: 9px;
   padding: 0;
   margin: 0;

}

.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: 111px;
}

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

/* Gestion de l'affichage du fil d'ariane*/

#filariane
{
   margin-bottom: 20px;
   padding: 0px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 15px;   
}

/* Le corps de la page */

#corps
{
   margin-bottom: 20px;
   padding: 0px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 15px;   
   border: 2px outset blue;
}

#corps 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;
}

#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)*/

.imagegauche
{
   float: left;
   margin-right: 20px;
}

.imagedroite
{
   float: right;
   margin-left: 20px;
}

/* Gestion des blocs à l'intérieur du corps*/

.concret
{
   padding: 10px;
   width: 60%;
   margin-bottom: 20px;
   margin-left: 35%;
   border: 2px outset blue;
   text-align: left;
}

.projection
{
   padding: 10px;
   width: 60%;
   margin-bottom: 20px;
   margin-left: 3%;
   border: 2px outset blue;
   text-align: right;
}

.personnes
{
   padding: 10px;
   width: 60%;
   margin-bottom: 20px;
   margin-left: 35%;
   border: 2px outset blue;
   text-align: left;
}

.organisation
{
   padding: 10px;
   width: 60%;
   margin-bottom: 20px;
   margin-left: 3%;
   border: 2px outset blue;
   text-align: right;
}

/* 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: 2px outset blue;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
   font-size: 20px;
}

/* Les éléments de formulaire */

label
{
   margin-left: 0px;
   width: 200px;
}

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

input
{
   margin-left: 0px;
}

textarea
{
   width: 87%;
   height: 150px;
}

/* Formulaire de detail */

.libellevaleur
{
   margin-left: 4px;
   float: left;
   width: 200px;
}

.saisievaleur input[type=text]
{
   margin-left: 0px;
   width: 96px;
}

.saisievaleur select
{
   margin-left: 0px;
   width: 102px;
}

.saisievaleur input[type=submit]
{
   width: 75px;
}