div.main{
	float: left;
	width:95%;
	margin-top : 0px;
	margin-left:140px;
	margin-right:2%;
	margin-top : 10px;
	position:absolute; 
}
div.mainadmin{
	/*float: left;
	width:95%;
	margin-top : 20px;
	margin-left:9%;
	margin-right:2%;
	position:absolute; */
	
	
	float: left;
	width:95%;
	margin-top : 0px;
	margin-left:15%;
	margin-right:2%;
	margin-top : 20px;
	position:absolute; 
	
}

div.motto
{
    /*background-image : url(img/back_adress.jpg);*/
	background-repeat : no-repeat;
	background-position : left;
	width:80%;
	margin-left:10px;
	
	text-align:right;
	
	margin-top:2px;	
}
div.top
{
    /*background-image : url(img/bg_top.jpg);*/
	background-color:#ffffff;
	
	height:140px;	
	
}
div.logo
{
    background-image : url(img/logo.jpg);
	background-repeat : no-repeat;
	width:150px;
	height:140px;	
	position:absolute;
	left: 2px;
	top : 3px;
	z-index:0;
}


div.contredansemenu
{

 text-align:center;
/*background-image : url(img/bg_menu_cd.jpg);*/
 padding-top:0px;
 position:absolute;
 align:center;
 height : 5%;
top:20px;
}

div.servicebox
{
background-image : url(img/bg_etiquette.jpg); 
width:85%;
}
div.servicemenu
{
 width:13%;
 /*text-align:left;
 margin-left:85%;
 padding-top:15px;*/
 top : 120px;
 z-index: 0;
 position:absolute;

   background-image : url(img/bg_top.jpg);

padding-left:15px;
padding-bottom:15px;
	padding-top : 3;
	
}

div.menucd1
{
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:10px;
padding-top:2px;
top:3px;
width:12%;
left:150px;


position: absolute;
text-align:left;
z-index:1;
height:100px;

}
div.menucd2
{
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:10px;
padding-top:2px;
top:3px;
width:12%;
left:26%;
height:100px;


position: absolute;
text-align:left;
z-index:2;
}


div.menucd3
{
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:20px;
padding-top:2px;
top:3px;
width:12%;
left:40%;
height:100px;
position: absolute;
text-align:left;
z-index:3;
}
div.menucd4
{
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:20px;
padding-top:2px;
top:3px;
width:12%;
left:54%;
height:100px;
position: absolute;
text-align:left;
z-index:4;
}
div.menucd5
{
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:20px;
padding-top:2px;
top:3px;
width:12%;
left:68%;
height:100px;
position: absolute;
text-align:left;
z-index:5;
}
div.menucd6
{
	
background-image : url(img/dod_line.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:20px;
padding-top:2px;
top:3px;
width:12%;
left:82%;
height:100px;
position: absolute;
text-align:left;
z-index:6;

}
div.toolsmenu
{

 width:94px;
 /*text-align:left;
 margin-left:85%;
 padding-top:15px;*/
 top :150px;
 z-index: 0;
 position:absolute;
background-color:#CCCCCC; 

padding-left:15px;
padding-bottom:15px;
	padding-top : 3;
/*
position:absolute;
opacity:0.7;
background-color:#E8EEEC;
	margin-top : 50;
	margin-left : 2;
	padding-left : 3;
	padding-top : 3;
	width:94px;*/
	
}
div.cal
{
position:absolute;
background-color:#E8EEEC;
	margin-top : 15;
	margin-left : 0;
	padding-left : 0;
	padding-top : 3;
	width:94px;
	
}
div.home1
{
position:absolute;
top : 200px;
left:500px;
width:134px;
height:134px;
}
div.home2
{
position:absolute;
top : 152px;
border:1px dotted #E25D5E;
background-color:#E9F2EF;
width:180px;
height:180px;
left:650px;
}

div.home3
{
position:absolute;
top : 350px;
border:1px dotted #E25D5E;
background-color:#E9F2EF;
width:134px;
height:134px;
left:500px;
}
div.home4
{
position:absolute;
border:1px dotted #E25D5E;
background-color:#E9F2EF;
top : 350px;
width:134px;
height:134px;
left:650px;
}

div.article
{
 width:90%;
 text-align:justify;
}

div.bio
{
position:absolute;
border:1px solid silver;
width:28%;
text-align:justify;
left:0px;
height:410px;
overflow: auto;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
margin-top:20px;
}
div.oeuvre
{
position:absolute;
border:1px solid silver;
width:38%;
text-align:justify;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
left:31%;
height:410px;
overflow: auto;
margin-top:20px;
}
div.pixoeuvre
{
position:absolute;
border:1px solid silver;
width:16%;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
right:120px;
height:410px;
overflow: auto;
margin-top:20px;

}
div.internoeuvre
{
position:absolute;
border:1px solid silver;
width:96%;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
right:10px;
height:30px;
overflow: auto;
margin-top:450px;
left:5px;

}
div.menurepert
{
position:absolute;
width:525px;
margin-left:50px;
margin-top:50px;
height:410px;
}
div.inputsearch
{
position:absolute;
margin-left: 675px;
margin-top: 24%;
}
div.labelkeyw
{
position:absolute;
margin-left: 196px;
margin-top: 324px;
}
div.labelfestival
{
position:absolute;
margin-left: 490px;
margin-top: 270px;
}
div.labelcho
{
position:absolute;
margin-left: 120px;
margin-top: 55px;
}
div.labelannee
{
position:absolute;
margin-left: 0px;
margin-top: 127px;
}
div.labelcie
{

position:absolute;
margin-left: 415px;
margin-top: 85px;
}
div.labelpers
{

position:absolute;
margin-left: 200px;
margin-top: 150px;
}
div.labellieu
{

position:absolute;
margin-left: 320px;
margin-top: 225px;
}
div.labelhisto
{

position:absolute;
margin-left: 125px;
margin-top: 269px;
}


.value
{
/*position:absolute;*/
margin-left: 100px;
width:100;
}
.label
{
position:absolute;
margin-left: 0px;
width:100;
}

.maincontent
{
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
width:90%
}
.titrelist
{
position:absolute;
border:1px solid silver;
width:22%;
padding-left:2%;
padding-right:2%;
padding-top: 2px;
padding-bottom: 2px;
right:1%;
left:60%;
margin-top:15px;
}
.oeuvreinlist
{
position:absolute;
border:1px solid silver;
width:22%;
padding-left:2%;
padding-right:2%;
padding-top: 7px;
padding-bottom: 7px;
margin-top:40px;
right:1%;
left:60%;
overflow: auto;
height:350px;
margin-bottom:4px;
}
.titrerepertoire
{

padding-top: 8px;
padding-bottom: 4px;
width:75%;
margin-left:1%;
}
div.txthisto
{

position:absolute;
border:1px solid silver;
width:50%;
text-align:justify;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
left:31%;
height:390px;
overflow: auto;
margin-top:10px;
}
div.sommairethisto
{
position:absolute;
border:1px solid silver;
width:28%;
text-align:justify;
left:5px;
height:390px;
overflow: auto;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
margin-top:10px;
}
.back
{
position:relative;
width:300px;
text-align:right;
vertical-align:bottom;
margin-left:60%;
margin-top:0px;
}
.form
{

border:1px dotted #FF00FF;

padding:20px;
width:60%;


}
div.pubagenda
{

position:absolute;
width:198px;    
height:490px;
left:60%;
top :0px;

}
div.pub
{
background-color:#CCC;
position:absolute;
width:300px;
height:600px;
left:80%;
top :100px;

}
div.list_result
{

border:1px dotted #FF00FF;

padding:20px;
width:60%;
text-align:left;
left:0px;
overflow: auto;
padding-left:1%;
padding-right:1%;
padding-top: 7px;
padding-bottom: 7px;
margin-top:20px;
}
div.announce_title
{

border:1px solid silver;
width:60%;
text-align:justify;
left:0px;
overflow: auto;
padding-left:1%;
padding-right:1%;
padding-top: 10px;
padding-bottom: 7px;
margin-top:20px;
margin-bottom:4px;

}
div.announce
{

border:1px solid silver;
width:60%;
text-align:justify;
left:0px;
overflow: auto;
padding-left:1%;
padding-right:1%;
padding-top: 10px;
padding-bottom: 7px;
margin-bottom:20px;
}