/*
Design de GForm
Réalisé par Stolec Romain et Pringuet Alexandre
créer le : 28/07/2008
*/

body
{
   width: 1024px;
   margin: auto;
   margin-top: 0px;
   background-image: url("images/fond3.jpg");

}

/* L'en-tête */

#en_tete
{
   background-image: url("images/Bandeau-superieur.gif");
   background-repeat: no-repeat;
   margin-bottom: 20px;
}

#en_tete_bordure
{
   background-image: url("images/rajout-bandeau-superieur.gif");
   margin-bottom: 20px;
}

#en_tete_bouton
{
   padding-top: 137.5px;
}

#bordure
{
   background-color:#FFFFFF;
}

#menu
{
   background-image: url("images/cadre-bleu-marine-menu.gif");
   margin-left : 10px;
   background-repeat: no-repeat;
   padding-bottom: 0px;
   padding-left: 21px;   
   padding-top: 20px;   
}

#menu2
{
   background-image: url("images/cadre-bleu-ciel.gif");
   margin-top: 0px;
   margin-right : 0px;
   padding-bottom: 5px;
   background-repeat: no-repeat;
   padding-top: 5px;
   color: #7A7A7A;
}

.element_menu2 pdf
{   
   padding-top: 50px;
}

.element_menu2
{  

}

/* Quelques effets sur les menus */

.element_menu2 h3
{    
   color: #B3B3B3;
   font-family: Verdana;
   text-align: center;
}

.element_menu2 ul
{
   font-family: Verdana;
   font-size: 0.6em;
   background-repeat: no-repeat;
   padding:0px;
   padding-left:20px;
   margin:0px;
   margin-bottom:5px;

}

.element_menu2 a
{

}

.element_menu2 a:hover
{
   background-color: #B3B3B3;
   color: black;
}

#separation_verticale
{
   width: 2px;
   height: 580px;
   background-image: url("images/Point_pour_marge.gif");
   padding-bottom: 20px;
}


/* Le corps de la page */

#corps
{
   margin-bottom: 10px;
   margin-top: 10px;
   background-repeat: no-repeat;
   color: #485258;
   font-family: Verdana;
   font-size: 0.75em;
   text-align: justify;
   line-height:14pt;
   overflow: auto;
   width: 630px;
}

#accueil
{
   margin-left: 30px;
   margin-bottom: 0px;
   margin-top: -20px;
   padding-top: 90px;
   padding-left: 120px;
   padding-right: 180px;
   height: 300px;
   background-repeat: no-repeat;
   background-image: url("images/Intro-&-mots-clés5.gif");
   color: #003652;
   font-family: Verdana;
   font-size: 1.1em;
   text-align: justify;
   line-height:12.5pt;
   overflow: auto;
}

#login
{
   background-repeat: no-repeat;
   background-image: url("images/persos-login.gif");
   height: 400px;
   margin-left: 65px;
}


#tableau
{
   height: 300px;
   background-repeat: no-repeat;
   background-image: url("images/tableau-nu.gif");
   color: #003652;
   font-family: Verdana;
   font-size: 1.1em;
   text-align: justify;
   line-height:12pt;
}


#formation
{
   height: 350px;
   background-repeat: no-repeat;
   background-image: url("images/1ere_partie_schema_sans_sphere_formation.gif");
   margin-left: 93px;
}

#bouton_formation
{
   height: 350px;
   margin-left: -110px;
   padding-top: 80px;
}


.element_corps
{
   margin-bottom: 0px;
   margin-top: 0px;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   color: #F6A900;
   font-family: Verdana;
   font-size: 1.2em;
   text-align: left;
   line-height:24pt;
}

.element_corps2
{
   margin-bottom: 0px;
   margin-top: 0px;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   color: #F6A900;
   font-family: Verdana;
   font-size: 1.2em;
   text-align: left;
   line-height:24pt;
   
}

.element_corps ul
{
   list-style-image: url("images/Gform-puce.gif");
   padding:0px;
   padding-left:20px;
   margin:50px;
   margin-left: 50px;
   margin-bottom:5px;
   vertical-align:top;
   
}

.element_corps4
{
   color:#808490;
   padding-left:1cm;
   text-align: justify;
}

.element_corps5
{
   color:#F6A900;
   text-align: justify;
}

span.couleur_orange 
{
   color:#F6A900;
}

span.couleur_vert_clair 
{
   color:#76AC1C;
}

span.couleur_gris 
{
   color:#485258;
}

span.couleur_blanche
{
   color:#FFFFFF;
}

span.couleur_bleu
{
   color:#003652;
}

span.couleur_gris2
{
   color:#808490;
}

.element_corps2 ul
{
   list-style-image: url("images/Gform-puce.gif");
   padding:0px;
   padding-left:20px;
   margin:0px;
   margin-left: 5px;
   margin-bottom:5px;
   vertical-align:top;
}

.element_corps3
{
   margin-bottom: 0px;
   margin-top: 0px;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   color: #009ACF;
   margin:0px;
   font-family: Verdana;
   font-size: 8pt;
   text-align: right;
   line-height:9pt;
}

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

a:visited {color : #7A7A7A; text-decoration: none;}
a:link {color :#7A7A7A; text-decoration: none;}
a:hover {color: #F6A900; text-decoration: none;}

#pied_de_page
{
   text-align: center;
   font-family: Verdana;
   font-size: 0.6em;
   color: #7A7A7A;
}