/*************************************************************/

/************************ All ********************************/
*{
 margin: 0;
 padding: 0;
}


/************************ Body *******************************/
html{
height: 100%;
overflow:hidden;
}

body{
background-image : url("img/bg.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size: 90%;
background-color: black;
height: 100%;
overflow:hidden;
}

#cache{
position:absolute;
width: 100%;
height: 150%;
background-color:black;
top: 0px;
left:0px;
color:white;
text-align:center;
}

/************************ Menu Left *******************************/

#menu{
float:left;
width:25%;
height: 100%;
margin-left:10%;
border:0px solid red;
}

#under_menu{
margin-top: 20%;
width:100%;
text-align:right;
overflow:hidden;
padding:5%;
}

.titre_menu{
width:70%;
cursor:pointer;
border-right: 3px solid white;
}

.titre_menu:hover{

}

#titre01, #titre02, #titre03, #titre04, #titre05, #titre06, #titre_espace{
margin-right: -200%;
visibility: hidden;
}

.sousMenu{
color:white;
font-family: Verdana;
font-size:0.8em;
list-style-type:none;
height: 0px;
overflow:hidden;
}

#ssMenuAgence li:hover{
color: grey;
cursor: pointer;
}

#ssMenuCommunication li:hover{
color: blue;
cursor: pointer;
}

#ssMenuMarketing li:hover{
color:red;
cursor: pointer;
}

#ssMenuFinancement li:hover{
color:yellow;
cursor: pointer;
}


#ssMenuEvenement li:hover{
color: green;
cursor: pointer;
}


#ssMenuEquipe li:hover{
color: purple;
cursor: pointer;
}

/************************ Menu Logo *******************************/

#right_panel{
width:55%;
height: 100%;
margin-left:35%;
border:0px solid green;

}

#menu_logo{
margin-top: 15%;
width:100%;
text-align: center;
/*display:none;*/
}

.logo_menu{
width: 30%;
cursor:pointer;
}

/************************ Content Panel *******************************/

#content_panel{
position: absolute;
visibility: hidden;
top:0px;
width:62%;
height: 100%;
margin-left:35%;
/*display:none;*/
}

.content_block{
width: 100%;
height: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: top-center;
}

.divInBlock{
border: 0px solid red;
width:88%;
margin-left: 7%;
font-family:calibri;
font-size:length;
overflow:hidden;
}

.divInDivBlock{
border: 0px solid red;
width:100%;
height:67%;
margin-top: 0;
overflow:hidden;
}





.bottomBlockContent{
border: 0px solid green;
width:100%;
height:7%;
}

.iPhonePoint{
width:95%;
height:100%;
text-align:center;
}

.iPhoneBullet{
cursor:pointer;
}

.textUnderBullet{
margin-top: -5px;
}

.close{
height: 18%;
width:100%;
text-align: right;
}

.close img{
cursor: pointer;
width: 8%;
margin-top: 6%;
margin-right: 2%;
opacity:0.5;
}

.close img:hover{
opacity:1.0;
}




.content{margin-left:20px;  overflow:auto;}
.content p{margin-left:20px;}

/***** Agence ****/
#block_agence .content h1{
	color:#3C3C3C;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
    padding: 0;
    text-shadow: 2px 2px 0 #808080;
}
#block_agence .georgiaItalic{
    color: #000;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
}

#block_agence .verdanaSimple{
    color: #202020;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}



/***** Communication ****/
#block_communication .content h1{

	color:#DFDFF5;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
	margin-top : 10px;
    padding: 0;
    text-shadow: 2px 2px 0 #393992;
	opacity:0.95;
	
}
#block_communication .georgiaItalic{
    color: #DFDFF5;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
}

#block_communication .verdanaSimple{
    color: #CCCCFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

/***** Marketing ****/
#block_marketing .content h1{

	color:#400909;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
	margin-top : 10px;
    padding: 0;
    text-shadow: 2px 2px 0 #903939;
	opacity:0.95;
	
}
#block_marketing .georgiaItalic{
    color: #400909;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
	font-weight:bold;
}

#block_marketing .verdanaSimple{
    color: #2E0000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

/***** Financement ****/
#block_financement .content h1{

	color:#442B01;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
	margin-top : 10px;
    padding: 0;
    text-shadow: 2px 2px 0 #9C7637;
	opacity:0.95;
	
}
#block_financement .georgiaItalic{
    color: #400909;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
	font-weight:bold;
}

#block_financement .verdanaSimple{
    color: #2E0000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}


/***** Evenement ****/
#block_evenement .content h1{

	color:#213506;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
	margin-top : 10px;
    padding: 0;
    text-shadow: 2px 2px 0 #51880A;
	opacity:0.95;
	
}
#block_evenement .georgiaItalic{
    color: #213506;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
	font-weight:bold;
}

#block_evenement .verdanaSimple{
    color: #111C02;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}


#listAnneeConcert{
    color: #1F4B13;
    font-family: Helvetica,Verdana,Geneva,sans-serif;
    font-size: 20px;
	list-style-type : none;
	text-align: center;
	padding-top: 10px;
}


#listAnneeConcert em{
	margin: 10px;
	cursor: pointer;
}

#listAnneeConcert em:hover{
	color: #103207;
    text-decoration:underline;
}

#listConcert{
width: 1000%;
margin-top: 10px;
padding-top:10px;
border-top: 1px dotted white;
text-align: center;
}

#listConcert img{
width:18%;
}


/***** Equipe ****/
#block_equipe .content h1{

	color:#400955;
    font-family: "Myriad Pro","Trebuchet MS",Verdana;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 -2px;
	margin-top : 10px;
    padding: 0;
    text-shadow: 2px 2px 0 #85409F;
	opacity:0.95;
	
}
#block_equipe .georgiaItalic{
    color: #430959;
    font-family: Georgia,serif;
    font-size: 17px;
    font-style: italic;
	font-weight:bold;
}

#block_equipe .verdanaSimple{
    color: #111C02;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

#block_equipe a{
    color: #430959;
    text-decoration:underline;
}

.logoEquipe{
height:200px;
float:left;
}

.divPoleEquipe{
border-top: 2px dotted #430959;
height:200px;
}