/*
Olivier Charlier
http://www.charlierolivier.fr
Réalisé par Cosme et Orion
*/


body
{
   width: 1052px;
   margin: auto;
   background-color: #141414;
   background-image: url("Images/Back-head.png");
   background-repeat: repeat-x;
}

#header {

    width: 1052px;
    height: 260px;
    margin: 0 auto;

}

.logo {
display: inline;
position: relative;
top: 40px;
left: 15px;

}

.image-G {
    float: left;
    width: 347px;
    height:337px;
    background-image: url("Images/Head-G.png");
    background-repeat: no-repeat;


}

.violon {
   float: right;
   width: 318px;
   height: 110px;
   background-image: url("Images/Head-Vio.png");
   background-repeat: no-repeat;
   margin-left: 100px;
   margin-top: 65px;

}

.menu {
   float: right;
   width: 350px;
   position: relative;
   left: 45px;
   /* bottom: 21px; */
   bottom: 5px;
}

.menu a {
   color: #6e88a0;
   font-size: 13pt;
   font-family: Georgia, Verdana, Arial, serif, "Arial Hebrew", sans-serif;
   text-decoration: none;
}

.menu a:hover {
   color: #e2ae5a;
   font-size: 13pt;
   font-family: Georgia,Verdana, Arial, serif, "Arial Hebrew", sans-serif;
   text-decoration: none;
}

.menu .pageActu {
   color: #e2ae5a;
   font-size: 13pt;
   font-family: Georgia,Verdana, Arial, serif, "Arial Hebrew", sans-serif;
   text-decoration: none;

}

/* Menu déroulant */
.menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 z-index:2;
 }
.menu li {
 float:left;
 margin:auto;
 padding:0;
 }
.menu li a {
 display:block;
 width:100px;
 color: #6e88a0;
 text-decoration:none;
 padding-top:5px;
 }
.menu li a:hover {
 color:#e2ae5a;
 }
.menu ul li ul {
 display:none;
 text-align:left;
 padding-left:5px;
 width:120px;
 }
.menu ul li:hover ul {
 display:block;
 background-color: #0d0d0d;
 padding-bottom: 5px;
 }
.menu li:hover ul li {
 float:none;
 }
.menu li ul {
 position:absolute;
 } 






#titre-Page {
   position: relative;
   top: 17px;
   right: 45px;

}

#titre-Page li {
   word-spacing: -3px;
   color: #b2cef1;
   font-size: 17pt;
   font-family: Verdana, Symbol, "Trebuchet MS", Arial, serif;

}

#texte {
    margin: 0px;
    width: 785px;
    border-top: 1px solid #474e58;
    color: #bccad6;
    font-family: Georgia, Arial, "Arial Black", serif;
    font-size: 12pt;
    padding-top: 30px;

}

#texte h2 {
color: #e2ae5a;
}

#texte tbody {
display: inline;
border-spacing: 23px;
}

#texte .firstLetter:first-letter {
   float: left; /* Flotte à gauche */
   font-size: 3em; /* Fasse une hauteur de 3 lignes */
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}

#texte .imageflottante {
   float: right;
   margin-left: 8px;
   border: 1px solid #b2cef1;

}

#texte table a, a:hover {
color: #141414;
}

.lienT {
	font-style: italic;
	color: #8e98a2;
}

.lienT a, a:hover {
	color: #8e98a2;
}

#texte a {
text-decoration: none;
}

#texte ul a {
color: #6e88a0;
}

#texte a:hover
{
	text-decoration: underline;
}

/* Style nuage de mots */
a.cloud1 { font-size: 15px; color: #F7951B; }
a.cloud2 { font-size: 18px; color: #ccbb38; }
a.cloud3 { font-size: 20px; color: #A66612; }
a.cloud4 { font-size: 24px; color: #F24D1B; }
a.cloud5 { font-size: 29px; color: #A53512; }
a.cloud6 { font-size: 36px; color: #a58f4e; }


#cadreDroite {
   float: right;
   background-color: #0d0d0d;
   width: 250px;
   margin-left: 17px;
   color: white;
   padding-left: 5px;
}

#cadreDroite ul li {
   margin-bottom: 20px;
}

#cadreDroite a {
   color: white;
   font-family: Arial, "Arial Black", serif;
   text-decoration: none;
   font-size: 11pt;
}

#cadreDroite a:hover {
   text-decoration: underline;
   color: #bccad6;
}



#footer
{
   border-top: 1px solid #474e58;
   font-size: 8pt;
   width: 1052px;
   clear: both;
   color: #bccad6;
   font-family: Helvetica, Georgia, Arial, "Arial Black", serif;


}



.gallery_photos {overflow: hidden;}
.gallery_photos li {float: left; margin: 5px; font-size: 11px; list-style: none;}
.gallery_photos li a {color: #171717; opacity:0.7; display: inline-block;}
.gallery_photos li a:hover {opacity:1;}