/* CSS Document */
/*********************** BODY ************************/
html,body {
background-color : #005e7f;

}

#conteneur{
margin:0;
padding:0;
z-index: 1;
}

img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "./images/transparent.gif"
    );
}

#logo{
/*background-image:url(images/logo.png);*/
height:70px;
width:270px;
top:5px;
position:absolute;
padding:0;
margin:0;
left:10px;

}


#logo a{
	text-decoration: none;
	border-bottom:none;
	border:none;

	}
#logo a:hover{
	
	text-decoration: none;
	border-bottom:none;
	background-image:none;
	}


#soustitre{
height:10px;
margin:0;
padding:0;
position:absolute;
padding:0;
margin:0;
top:38px !important;
top:40px;
left:300px;
}

#titre {
margin:0;
padding:0;
color: white ;
font-size:1.1em !important;
font-size:0.9em;
font-weight:normal !important;
font-weight:bold;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:right;
	}

#contenus{
background-image:url(../images/bg1.jpg);
background-color:#0397c8;
background-repeat:no-repeat;
width:100%;
height:396px;
margin:0;
margin-top:18px;
left:0;
position:absolute;
}
#contenus2{
background-image:url(../images/bg2.jpg);
background-color:#005e7f;
background-repeat:repeat-x;
width:100%;
min-height:300px!important;
height:300px;
margin:0;
margin-top:414px;
left:0;
position:absolute;
}

#contenusmenu{
width:100%;
height:396px;
margin:0;
margin-top:26px !important;
margin-top:33px;
left:0;
position:absolute;
}

#contenu{
background-image:url(../images/bgfeuille.jpg);
background-color:#005e7f;
background-repeat:no-repeat;
width:687px;
height:296px;
margin:0;
margin-top:150px;
left:20px;
position:absolute;

}

#contenu ul{
padding-left:85px;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
padding-bottom:15px;

}





#contenuaffiche{
margin:0;
margin-top:125px !important;
margin-top:135px;
left:15px;
position:absolute;

}

#contenuaffiche a{
margin:0;
padding:0;
}

#contenuaffiche p{
margin:0;
color: #ddd;
font-size:0.7em;
text-align:left;
padding-bottom:5px;
padding-top:0;
}


#contenuaffiche table{ 
border: 7px solid #ddd;
background-color:#ddd;
}

#contenuconseil{
background-image:url(../images/bgconseil.jpg);
background-color:#005e7f;
background-repeat:repeat-y;
width:687px;
margin:0;
margin-top:150px;
left:20px;
position:absolute;

}

#contact{
background-image:url(../images/bgcontact.jpg);
background-color:#005e7f;
background-repeat:no-repeat;
width:687px;
min-height:296px;
margin:0;
margin-top:130px;
left:20px;
position:absolute;
}

#intra{
width:687px;
min-height:296px;
margin:0;
margin-top:170px;
left:20px;
position:absolute;
}



/*********************** Generique ************************/
p,td {
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
color : white; 
font-size:0.7em;
}

.swf {
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
color : white; 

}

.champs{

position:absolute;
padding:0;
margin:0;
left:180px;
}



a img

{

  border:  none ;

}

a, a:hover{
text-decoration:none;
color:white;
background-image:none;}

a:visited{
color:#ddd;

}

h1{  /* dans la présentation d'une référence, titre de la référence */
margin:0;
padding:0 10px;
padding-top:8px;
color: #c1500b;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}
h2{ /* dans la présentation d'une référence, type de la prestation */
margin:0;
padding:0 10px;
padding-bottom:5px;
color: #b3b3b3;
font-size:0.8em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}


h3{
margin:0;
padding:0 12px;
padding-top:20px;
color: #005e7f;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}

h4{ /* dans la présentation d'une référence mention : cliquez sur les images pour voir le site */
margin:0;
padding:0 12px;
padding-top:5px;
color: black;
font-size:0.6em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:center;
	}

h5{ /* pour le formulaire de contact */
margin:0;
padding:0 170px;
padding-top:10px;
color: #005e7f;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}
	
	
	
h6{ /* pour la page BDD intraweb et le titre des carres page com evenementielle*/
margin:0;
padding:10px;
color: white;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}

h7{ /* pour la page BDD intraweb coulour de la date de reservation */
color: #feb300;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
	}


h8{ /* pour la page BDD intraweb coulour de la date d'expiration */
color: khaki;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
}

.classeref{ /* pour la page BDD intraweb coulour de la date d'expiration */
color: #02506b;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
margin:0;
padding:0;
font-style:italic;
}






.texte2 { /* contenu des rubriques en blanc */
margin:0;
padding:15px;
color: white ;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}

.bdd { /* contenu des rubriques en blanc de la page BDD */
margin:0;
padding:10px 50px;
color: white ;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}





#texte {
margin:0;
padding:15px;
color: black ;
font-size:0.9em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}

#texte strong{
color:#005e7f;
	}

#texte a{

color: #005e7f;
text-decoration:none;
font-weight:bold;
	}

#texte a:hover{

color: #005e7f;
border-bottom: #005e7f dashed 1px;
font-weight:bold;
background-image:none;
	}


.contactform {
margin:0;
padding:6px 180px;
color: black ;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
	}


.contactform a{

color: #005e7f;
text-decoration:none;
font-weight:bold;
	}

.contactform  a:hover{

color: #005e7f;
border-bottom: #005e7f dashed 1px;
font-weight:bold;
background-image:none;
	}
	
.contactform a:visited{

color: black;
text-decoration:none;

	}

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

#haut{
height:34px;
background-image:url(../images/bghaut.gif);
background-repeat:repeat-x;
position:absolute;
margin:0;
padding:0;


width:100%;
top:0;
left:0;

}

#menuhaut{
height:20px;
background-color:blue;
position:absolute;
margin:0;
padding:0;

width:100%;
top:12px;



}

span.navig{
	
        color: #00d7fe ;
    

	}

#navigation {
	margin: 0 ;
	padding: 10px ;
	list-style: none ;
	text-align: right ;
        padding-right:20px;
	}

	
#navigation li {
	display: inline ;
        margin:0px;
	background: none ;
        color: white ;
        font-size:0.7em;
	font-weight:bold;
    font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;

	}


#navigation li a {
	
	padding: 0;
	color: #00d7fe ;
    text-decoration: none ;
	}
	

#navigation li a:hover {
	
	color: white ;
	border-bottom: white dashed 1px;
    background-image:none;    

	}

span.menumenu{
	
        color: #ffde00 ;
    

	}
	
#menumenu{
padding:0;
margin:0;
color:white;
text-align:left;
font-size: 1.6em !important;
font-size: 1.8em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold !important;
font-weight:normal;
padding-left:440px ;
padding-top:37px !important;
padding-top:33px;
}

#menumenu a{
color:#ffde00;
text-decoration: none ;

}
#menumenu a:hover{
color:#e1dbdb;
border-bottom:dashed #e1dbdb 1px;
text-decoration: none ;
background-image:none;

}

#sousmenu {
position:absolute;
margin:0;
padding:0;
width:700px;
top:66px !important;
top:80px;

}

#sousmenuaffiche{
position:absolute;
margin:0;
padding:0;
padding-top:0px !important;
padding-top:25px;
width:700px;
top:66px;


}

#menuconseil{
color:white;
padding:0;
padding-top:15px;
padding-left:25px;
font-size: 0.9em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}





#menuconseil a{
color:#ffc600;
text-decoration: none ;

}
#menuconseil a:hover{
color:#e1dbdb;
text-decoration: none ;
background-image:none;

}

#menuconseil1{ /* Pour les sous rubriques de la page publicite  */
color: #f4e1516;
padding:0;
padding-left:25px;
font-size: 0.9em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}

#menuconseil1 span{ /* Pour les sous rubriques de la page publicite  */
color: black;

}

#menuconseil1 a{
color:black;
text-decoration: none ;

}
#menuconseil1 a:hover{
color:#005e7f;
text-decoration: none ;
background-image:none;

}

#menuconseil1 a:visited{
color:black;
text-decoration: none ;
border-bottom:1px dashed black;
}

#flashcontent{
height:375px;
position:absolute;
margin:0;
padding:0;
width:700px;
top:93px;
position:absolute;
left:1px;

}

#flashcontent p{
color:white;
padding:5px 55px;
font-size:1em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}

#flashcontent p a{
padding:0 55px;
color:white;
font-weight:bold;
}

#listeref{
height:450px;
position:absolute;
margin:0;
padding:0;
width:270px;
top:100px !important;
top:105px;
left:738px;

}

.refliste{
text-align:left;
padding:0;
margin:0;
color:white;
font-size:0.92em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;

}

.refliste a{
text-align:left;
padding:0 14px;
margin:0;
color:white;
font-size:0.92em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height: 1.3em;
text-decoration:none;
}

.refliste a:hover{
text-align:left;
padding:0 14px;
margin:0;
color:white;
font-size:0.92em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 1.3em;
text-decoration: none;
/*border-bottom: white dashed 1px;*/
background-image:none;
}


/*********************** ReFeRENCES ************************/

#resume{
border: 12px solid #02506b;
height:450px;
width:300px;
background-color:white;
position:absolute;
left:380px;
top:135px;
}

#resumecouiza{
border: 12px solid #02506b;
height:500px;
width:300px;
background-color:white;
position:absolute;
left:380px;
top:135px;
}


#vignette1{
border: 5px solid #02506b;
height:225px;
width:300px;
background-color:black;
position:absolute;
left:50px;
top:135px;
}

#vignette2{
border: 5px solid #02506b;
height:225px;
width:300px;
background-color:black;
position:absolute;
left:50px;
top:375px;
}

#vignette5{
border: 5px solid #02506b;
height:225px;
width:300px;
background-color:black;
position:absolute;
left:50px;
top:572px;
}

#vignette2 a{
text-decoration:none;
border:none;
}

.resumet{
color: black;
font-size:0.9em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:4px 10px;
margin:0;
text-align:justify;
line-height:1.3em;


}

.resumet a{
color: #02506b;
background-image:url(../images/stabilo-bleu.png);

}

.resumet a:hover{
background-image:none;
color:black;}

.resumet a:visited{
color: #02506b;
background-image:url(../images/stabilo-bleu.png);

}

.resumetreunis{ /* special pr le contenus de la ref des artisans reunis car elle est trop longue*/
color: black;
font-size:0.87em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:4px 10px;


margin:0;
text-align:justify;
line-height:1em;


}

.resumetreunis a{
color: #02506b;
background-image:url(../images/stabilo-bleu.png);

}

.resumetreunis a:hover{
background-image:none;
color:black;}

.resumetreunis a:visited{
color: #02506b;
background-image:url(../images/stabilo-bleu.png);

}


#vignette3{
border: 5px solid #02506b;
height:225px;
width:300px;
background-color:black;
position:absolute;
left:50px;
top:220px;
}

.departement{
color: #545454;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.8em;
padding:0 10px;
margin:0;




}



/*********************** sitesweb ************************/
#refweb1{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebmonoury2.jpg);
position:absolute;
left:60px;
top:490px;
display:block;
}

#refweb1 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebmonoury2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb1 a:hover{

background-image:url(../images/references/refwebmonoury2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}




#refweb2{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebinfiny2.jpg);
position:absolute;
left:136px;
top:490px;
display:block;
}

#refweb2 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebinfiny2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb2 a:hover{

background-image:url(../images/references/refwebinfiny2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}




#refweb3{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebenodis2.jpg);
position:absolute;
left:212px;
top:490px;
}

#refweb3 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebenodis2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb3 a:hover{

background-image:url(../images/references/refwebenodis2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refweb4{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refwebhuppey2.jpg);
position:absolute;
left:291px;
top:490px;
}

#refweb4 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refwebhuppey2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb4 a:hover{

background-image:url(../images/references/refwebhuppey2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refweb5{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebinterfaces2.jpg);
position:absolute;
left:369px;
top:490px;
}

#refweb5 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebinterfaces2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb5 a:hover{

background-image:url(../images/references/refwebinterfaces2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refweb6{
border: 4px solid #02506b;
height:57px;
width:74px;
background-image:url(../images/references/refwebnoix2.jpg);
position:absolute;
left:446px;
top:490px;
}

#refweb6 a{
border:none;
height:57px;
width:74px;
background-image:url(../images/references/refwebnoix2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb6 a:hover{

background-image:url(../images/references/refwebnoix2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}
#refweb7{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
position:absolute;
left:524px;
top:490px;
}

#refweb7 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb7 a:hover{

background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}



#refweb8{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refwebels2.jpg);
position:absolute;
left:600px;
top:490px;
}

#refweb8 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refwebelse2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb8 a:hover{

background-image:url(../images/references/refwebels2.jpg);
background-repeat:no-repeat;
background-position:0% 110%;
text-decoration: none;

}


#refweb9{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebcoiffeurs2.jpg);
position:absolute;
left:60px;
top:550px;
display:block;
}

#refweb9 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebcoiffeurs2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb9 a:hover{

background-image:url(../images/references/refwebcoiffeurs2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}




#refweb10{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refwebartits2.jpg);
position:absolute;
left:136px;
top:550px;
display:block;
}

#refweb10 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refwebartits2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb10 a:hover{
background-image:url(../images/references/refwebartits2.jpg);
background-repeat:no-repeat;
background-position:0% 107%;
text-decoration: none;

}




#refweb11{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/refweblascases2.jpg);
position:absolute;
left:212px;
top:550px;
}

#refweb11 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/refweblascases2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb11 a:hover{

background-image:url(../images/references/refweblascases2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}


#refweb12{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refweb2is2.jpg);
position:absolute;
left:291px;
top:550px;
}

#refweb12 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refweb2is2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb12 a:hover{

background-image:url(../images/references/refweb2is2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refweb13{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refwebregabat2.jpg);
position:absolute;
left:369px;
top:550px;
}

#refweb13 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refwebregabat2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb13 a:hover{
background-image:url(../images/references/refwebregabat2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refweb14{
border: 4px solid #02506b;
height:57px;
width:74px;
background-image:url(../images/references/refweb2iscc2.jpg);
position:absolute;
left:446px;
top:550px;
}

#refweb14 a{
border:none;
height:57px;
width:74px;
background-image:url(../images/references/refweb2iscc2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refweb14 a:hover{

background-image:url(../images/references/refweb2iscc2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}



/*********************** references com territoriale ************************/






#refcomter1{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/comtercouiza.jpg);
position:absolute;
left:210px;
top:490px;
display:block;
}

#refcomter1 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/comtercouiza.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refcomter1 a:hover{

background-image:url(../images/references/comtercouiza.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}




#refcomter2{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/comterlauragais.jpg);
position:absolute;
left:286px;
top:490px;
display:block;
}

#refcomter2 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/comterlauragais.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refcomter2 a:hover{

background-image:url(../images/references/comterlauragais.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}




#refcomter3{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/comterevel.jpg);
position:absolute;
left:366px;
top:490px;
}


#refcomter3 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/comterevel.jpg);
background-repeat:no-repeat;
background-position:0% 20%; 
text-decoration: none;
display:block;

}

#refcomter3 a:hover{

background-image:url(../images/references/comterevel.jpg);
background-repeat:no-repeat;
background-position:0% 83%;
text-decoration: none;

}




#refcomter4{
border: 4px solid #02506b;
height:57px;
width:76px;
background-image:url(../images/references/disquerevelmini.jpg);
position:absolute;
left:446px;
top:490px;
}


#refcomter4 a{
border:none;
height:57px;
width:76px;
background-image:url(../images/references/disquerevelmini.jpg);
background-repeat:no-repeat;
background-position:0% 20%; 
text-decoration: none;
display:block;

}

#refcomter4 a:hover{

background-image:url(../images/references/disquerevelmini.jpg);
background-repeat:no-repeat;
background-position:0% 83%;
text-decoration: none;

}







/*********************** references com evenementielle ************************/

#refcomev1{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
position:absolute;
left:290px;
top:490px;
}

#refcomev1 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refcomev1 a:hover{

background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}

#refcomev2{
border: 4px solid #02506b;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
position:absolute;
left:370px;
top:490px;
}

#refcomev2 a{
border:none;
height:57px;
width:75px;
background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
display:block;

}

#refcomev2 a:hover{

background-image:url(../images/references/refweblaude2.jpg);
background-repeat:no-repeat;
background-position:0% 100%;
text-decoration: none;

}


/*********************** MENU AFFICHES ************************/
#menuaffiches{
position:absolute;
left:15px;
top:340px;
}



/*********************** FOOTER ************************/
#footer{
min-height:37px;
width:100%;
position:absolute;
margin:0px;
left:0;
top:860px;
}

#footer-evenementiel{
min-height:37px;
width:100%;
position:absolute;
margin:0px;
left:0;
top:1300px;
}

.foot{
color:white;
font-size:0.7em;
font-weight:normal;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
margin:0px;
padding:4px;
}

.foot a{
color: #00d7fe ;
font-weight:normal;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align: center ;
text-decoration: none ;

}

.foot a:hover, a:visited{
color: #ddd ;
text-decoration: none ;
background-image:none;

}

.foot span a{
color: #00d7fe ;
font-size:1.2em;
font-weight:bold;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
text-align: center ;
text-decoration: none ;

}





/*********************** FOOTER  MENTIONS LEGALES ************************/
#footermentions{
min-height:37px;
width:100%;
position:absolute;
margin:0px;
left:0;
top:1450px;
}




/************************************************ ERREUR 404        *********************/

#erreur404{
border:6px solid #005e7f;
background-color:#005e7f;
background-repeat:no-repeat;
margin:0;
margin-top:205px;
left:120px;
position:absolute;
padding:20px;

}


/***/


#barre_navigation {
margin:0;
padding:0;

}
#barre_navigation h4{
color:white;
font-size:0.7em;
font-weight:normal;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
background: #005e7f;
cursor: pointer;
margin : 0 0 1px 0 ;
}
#barre_navigation a{
text-decoration : none;
}
#barre_navigation ul{
padding: 4px 2px 4px 10px;;
font-size: 11px;
color: #FFF;
}
#barre_navigation ul li{
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
list-style-type : none;
padding : 2px 0 2px 0;
padding-bottom:12px;
margin : 0;
text-align:center;
}
#barre_navigation ul li a {
text-decoration: none;
color: #FFF;
background-color: #005e7f;
}
#barre_navigation ul li a:hover {
text-decoration: none;
color: #FFF;
background-color: #005e7f;
}

/******************************
***** PHOTOS EVENeMENTIEL********
****************************/

.eve{
margin:0 0 20px 0;padding:0;
float:left;
width:715px;
	}

.photo-eve{
margin:3px;padding:0;	
border: 4px solid #00654f;
height:57px;
width:75px;
float:left;
display:block;	
	}

/**reference telethon**/

#logos1 .video{float:left;margin:0 5px;border:4px solid #02506B;}
#logos1 h6{margin:15px 0 0 0;padding:0;}
#logos1 h6 a{color:white;}
#logos1 h6 a:hover{color:#FFDEOO;}
#logos1 p{margin:0 30px 15px 10px;padding:0;}