/*
Design du Site de giaccone jp
Réalisé par JPG 
http://giacconejp.fr
*/

body
{
   width : 100%;
   margin : auto;
   background-image : url("images/fond01.jpg");
   text-align: center;
}

#arriere{
width : 100%;
height: 100%;
}

a img
{
   border: none;
}

/* L'en-tête */

#en_tete
{
   width : auto;
   height : 300px;
   background-repeat : no-repeat;
   background-image : ;
   margin-bottom :1px;
}
#en_tete h1
{
   color : #CCC6AD;
   font-size: 70px;
   background-color : ;
   text-align : center;
   background-image : ;
   font-family :  Georgia;
}

#en_tete h2
{
   color : #CCC6AD;
   background-color :;
   text-align: center;
   font-size: 25px;
   background-image : ;
   font-family : serif, "Arial ", "Times New Roman", Times, arial black;
}

#en_tete h3
{
   color : #CCC6AD;
   text-align: center;
   
   font-size: 40px;
  
   background-image : ;
   font-family : "Times New Roman",serif, "Arial ", Times, arial black;
}
/* Quelques effets sur les menus */

.element_en_tete ul
{
   padding-left : 5px;
   margin : 5px;
   text-decoration: none;
}

.element_en_tete a
{
   color: #CCC6AD;
   text-decoration: none;
}

.element_en_tete a :hover
{
   background-color : #495CFF;
   color : #CCC6AD;
   text-decoration: none;
}

/* Le menu gauche */

#menu_gauche
{
   float : left;
   margin-left :5px;
   width : 200px;
}


.element_menu_gauche
{
   font-weight : bold;
   text-decoration: none;
   background-repeat : repeat-x;
   background-image :;
   border : 0px solid #000000;
   margin-bottom : 20px;
}

.element_menu_titre 
{ 
   color :#004AF6 ;
   background-color : ;
   font-weight : bold;
   text-align : center;
   border : 0px dashed #660066; 
}

/* Quelques effets sur les menus */

.element_menu_gauche ul
{
   padding-left : 5px;
   margin : 5px;
   text-decoration: none;
}

.element_menu_gauche a
{
   color: #004AF6;
   text-decoration: none;
}

.element_menu_gauche a :hover
{
   background-color : #004AF6;
   color : #004AF6 ;
   text-decoration: none;
}

/* Le menu droite */

#menu_droite
{
   float : right;
   width : 200px;
   margin-right : 5px;
}

.element_menu_droite
{
   color : #004AF6;
   background-color : ;
   font-weight : bold;
   background-repeat : repeat-x;
   border : 0px solid #660066;
   padding-bottom : 20px;
}


/* Quelques effets sur les menus */

.element_menu_droite ul
{
   padding-left : 5px;
   margin : 5px;
}

.element_menu_droite a
{
   color: #004AF6;
   background-color : ;
}

.element_menu_droite a :hover
{
   background-color : ;
   color : #004AF6;
}

/* Le corps de la page */

#corps
{
   margin-left : 220px;
   margin-right : 220px;
   margin-bottom : 5px;
   margin-bottom : 5px;
   padding : 5px;
   color : #ffffff;
   background-color : ;
   background-image : ;
   font-weight : bold;
   background-repeat : repeat-x;
   border : 0px solid #000000;
}

#element_corps_promo
{
   color : #ffffff;
   width : 800px;
   background-color : ;
   font-size: 18px;
   text-align : center;
   border : 0px dashed #808080;
   padding-bottom : 20px;
}

.element_corps_promo_titre 
{ 
   color : #ffffff;
   width : 800px;
   background-color : ;
   font-weight : bold;
   font-size: 36px;
   text-align : center;
   border : 0px solid #808080; 
}

#corps h1
{
   color : #ffffff;
   background-color : ;
   font-size: 21px;
   text-align : center;
   background-image : ;
   font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   color : #ffffff;
   background-color :;
   text-align: center;
   font-size: 16px;
   background-image : ;
   font-family : serif, "Arial ", "Times New Roman", Times, arial black;
}

#corps h3
{
   color : #ffffff;
   text-align: center;
   background-color : ;
   font-size: 25px;
   display: inline;
   background-image : ;
   font-family : serif, "Arial ", "Times New Roman", Times, arial black;
}

#corps h4
{
   color : #ffffff;
   font-style: italic;
   font-weight: bold;
   font-size: 18px;
   display: inline;
   text-decoration: underline;
   background-color : ;
   background-image : ;
   font-family : Comic sans MS, "Arial ", "Times New Roman", Times, arial black;
}

/* Le pied de page */

#pied_de_page
{
   clear : both;
   margin-left : 200px;
   margin-right : 160px;
   padding : 5px;
   text-align : center;
   color : #CCC6AD;
   font-weight : bold;
   background-image : ;
   background-color : ;
   background-repeat : repeat-x;
   
   border : 0px solid #000000;
}

#pied_de_page h1
{
   color : #CCC6AD;
   background-color :;
   font-size: 10px;
   background-image : ;
   text-align : center;
   font-family : Comic sans MS, "Arial ", "Times New Roman", Times, arial black;
}

#pied_de_page h2
{
   color : #CCC6AD;
   background-color : ;
   font-size: 15px;
   background-image : ;
   text-align : right;
   font-family : Comic sans MS, "Arial ", "Times New Roman", Times, arial black;
}

.pied_de_page ul
{
   padding-left : 5px;
   margin : 5px;
}

.pied_de_page a
{
   color:#CCC6AD;
   background-color :;
}

.pied_de_page a :hover
{
   background-color : ;
   color : #CCC6AD;
}