/******************************************************************************/
/*                                       compAccueil                          */
/******************************************************************************/

.compAccueil {
    margin: 0px auto;
}
#pageAccueil .ligneContent2 .colonneContent1 {
}
.compAccueil .headerComposants {
}
.compAccueil .headerComposants .footerComposants {
}
.compAccueil .headerComposants .footerComposants .contentComposants {
}

.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants {
    padding: 0px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    display: block;
	position: relative;
}
#langageEN .compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
	background: url("https://www.chateauversailles.fr/resources/vel/img_accueil_en.jpg") no-repeat scroll 0 0 transparent;
}

.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
	position: absolute;
    right: 0px;
    color:#115464;
    font-weight:bold;
    width: 95px;
    height:14px;
    padding-left: 15px;
    padding-top: 2px;
    font-size: 11px;
    text-align: left;
    text-decoration:none;
}
 
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
	display:none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span{
    color: #BC9C69;
    font-size: 30px;
    position: absolute;
    top: 140px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span#description{
	border-left: 1px solid #808080;
    color: #808080;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: 42px;
    margin-right: 40px;
    padding-left: 20px !important;
    width: 217px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compAccueil .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.accueilFiltre {	
}
.accueilFiltre a {
	display:none;
}
.accueilFiltre span{

}
.accueilFiltre span#description{
	border-left: 1px solid #808080;
    color: #808080;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: 42px;
    margin-right: 40px;
    padding-left: 20px !important;
    width: 217px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants {
   /*padding-bottom:10px;*/
	 position: relative;
     text-align: left;
}

/******************************************************************************/
/*                   evenementFiltrage/representationFiltrage                 */
/******************************************************************************/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage {
    position: relative;
    text-align: center;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit{			
    background: none repeat scroll 0 0 #bc9c69;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 17px;
    height: 42px;
    left: 345px;
    line-height: 20px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none;
    top: 54px;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit:hover {   
    background: #000;
}
.compAccueil .representationTri {
	display:none;
}
/******************************************************************************/
/*                     evenementListe/representationListe                     */
/******************************************************************************/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe {
	padding-top: 100px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl {
    margin: 0 0 35px 0;
    position: relative;
     border-bottom: 1px solid #E9E9E9;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe .unelignesurdeux,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe .unelignesurdeux {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt {
    cursor: pointer;
    display: inline-block;
    height: 110px;
    width: 110px;
    vertical-align: top;
    padding-top: 2px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt a {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationNom {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate {
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate .evenementJour,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate .representationJour {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementDate .evenementHeure,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationDate .representationHeure {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt img {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt .evenementImageCopyright,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt .representationImageCopyright {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd {
    display: inline-block;
    padding-bottom: 30px;
    margin-left: 5px;
    width: 581px;
    position: relative;
    min-height: 82px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd a {
    display: block;
    text-decoration: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
    color: #000;
    /*font-family: "apollon";*/
    font-size: 25px;
    text-transform: uppercase;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    color: #999;
    font-size: 15px;
    margin: 5px 0 0;
}
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    text-transform: lowercase;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementJour,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationJour {
    color: #999;
    font-size: 14px;
    margin: 3px 0;
}
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementJour,
#langageFR .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationJour {
    text-transform: lowercase;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate .evenementHeure,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate .representationHeure {
	color: #434343;
    font-size: 11px;
    font-weight: bold;
	font-family: verdana;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationGenre{
    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSousGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSousGenre {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle {
	float: left;
	clear:left;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleNom {
	    clear: both;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    text-transform: capitalize;
	display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleVille {
	    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse {
	    display: none;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse span {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse .evenementSalleCodePostal,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse .representationSalleCodePostal {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleAdresse .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle .representationSalleAdresse .representationSalleVille {
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    padding-bottom: 20px;
    padding-top: 4px;
    text-align: justify;
    min-height: 35px;
    line-height: 1.3em;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo a,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo a {
    text-decoration: underline;
    color: #bc9c69;
    display: initial;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo a:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo a:hover {
    color: #000;
    font-style: italic;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfoComp,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfoComp {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs {
    display: none;
    float: left;
    margin-top:5px;
    font-size: 16px;
    color: #094F5E;
    font-weight: bold;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsDetails,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsDetails {
    float: left;
    width: 280px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs .evenementTarifsMontant,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs .representationTarifsMontant {
    float: left;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs span {
    font-size: 12px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver {
    background: #bc9c69;
    bottom: -1px;
    display: block;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    padding: 0 20px;
    
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver:hover {
    background: #000;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat10,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat60,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat40,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat10,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat60,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat40 {
    background: #ccc;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span {
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    text-align: center;
    line-height: 45px;
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 {
}
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat12 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver.etat12 span {
    font-size: 14px;
    padding: 0 0;
}


.compAccueil .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    clear: left;
}