/*
Design de l'index 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
{
   margin: 0px;
   padding: 0px;
   height: 100%;
   background-image: url("images/index_css/fondindex.jpeg");
}

/* Le corps de la page */

#indexbody
{
   margin: 0px;
   padding: 0px;
   height: 25%;
   margin: 15%;
   /*text-align: center;*/
   background-position: center;
   background-repeat: no-repeat;
}

a img {border: none;}

/* Gestion des 9 secteurs du corps */
#BubHG
{
   width: 290px;
   height: 100px;
   position: absolute;
   left: 20%;
   top: 5%;
   text-align: center;
}

#BubHD
{
   width: 290px;
   height: 100px;
   position: absolute;
   right: 20%;
   top: 5%;
   text-align: center;
}

#BubMD
{
   width: 290px;
   height: 100px;
   position: absolute;
   right: 2%;
   top: 30%;
   text-align: center;
}

#BubMG
{
   width: 290px;
   height: 100px;
   position: absolute;
   left: 2%;
   top: 30%;
   text-align: center;
}

#BubBD
{
   width: 290px;
   height: 200px;
   position: absolute;
   left: 50%;
   bottom: 0px;
   text-align: center;
   background-image: url("images/index_css/cadre.gif");
}

#BubBG
{
   width: 290px;
   height: 200px;
   position: absolute;
   right: 50%;
   bottom: 0px;
   text-align: center;
}

/* Mise en page du pannel de connection */

.connectpannel
{
   margin-left: auto; 
   margin-right: auto;
   width: 500px;
   font-size: 20px;
}

.connectpannel a
{
   margin-left: 30px;
   font-size: 24px;
}

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

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

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

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

