﻿/*****************************************************************************************************/
/**************************************** ELEMENTS GENERAUX ******************************************/
/*****************************************************************************************************/
body {
    margin: 0px;
    font-family: 'Arial';
    font-size: 12px;
    color: #333;
}

.ceBackground {
    background: #fff;
}

.ceBackgroundBasPage {
    background: #fff;
}

.ceBackgroundCrosslink {
    background: #fff;
}

/*---------- Fond du site, centré, fond campagne --------*/
#divFondGeneral {
    position: relative;
}

/*---------- Contenu du site --------*/
#divGeneral {
    padding: 0px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/*------------------------------------------------------*/
/*---------------------- HEADER ------------------------*/
/*------------------------------------------------------*/
/*---------- Bandeau haut / Fond header --------*/

/*---------- Menu =>  menuPrincipal.css pour design --------*/
#divMenu {
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 300;
}

/*------------------ Conteneur connexion -----------------------*/
.panDeconnexion {
    height: 20px;
    left: 725px;
    line-height: 20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    top: -29px;
    width: 252px;
}

.connexionNom {
    padding-right: 10px;
}

.lienDeconnexion:link, .lienDeconnexion:visited, .lienDeconnexion:active {
    text-decoration: none;
}

.lienDeconnexion:hover {
    text-decoration: none;
}

/*--------------------------- Zone Recherche Haut ----------------*/
.divRecherche {
    position: absolute;
    right: 10px;
    top: 20px;
}

    .divRecherche input[type="text"] {
        width: 130px;
        color: #000;
    }

        .divRecherche input[type="text"].watermarkRecherche {
            color: #999;
        }


/*---------- Barre de langue --------*/
#divLangues {
    text-align: right;
    width: 50px;
    height: 14px;
    position: absolute;
    top: -25px;
    left: 962px;
}

/*-------------------- Panel Actualites Homepage ------------------------------*/
/*
#divActu1Home, #divActu2Home
{
	height:70px;
	width:250px;
	padding: 40px 10px 10px 10px;
	background:url(../images/fondActuHomepage.png);
	float:left;
	
}

#divActu1Home
{
	margin-right:30px;
}
.divTitreActuHome
{
	line-height:16px;
	height:16px;
	font-size:14px;
	overflow:hidden;
	color:#000;
}
.divTitreActuHome a
{
	text-decoration:underline;
}
.divTitreActuHome a:hover
{
	text-decoration:none;
}
*/
/*------------------------------------------------------*/
/*---------------------- CONTENU INDEX 1 ---------------*/
/*------------------------------------------------------*/
/*---------- Contenu conteneur Général --------*/
#ctl00_divContenu {
    margin: 0 auto;
    min-height: 200px;
    height: auto;
    background: #ffffff;
    padding: 20px 0;
}

#divContenuHome, #ctl00_divContenu {
    height: auto;
    margin: 0 auto;
}
/*---------- Fil d'ariane --------*/
#divCheminNav {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #aaa;
    clear: both;
    margin: 15px 0;
    color: #555;
    text-transform: uppercase;
}

.blocGauche, .blocDroite {
    width: 180px;
    min-height: 1px;
}

.blocGauche {
    float: left;
    margin: 0 20px 20px;
}

.blocDroite {
    float: right;
    margin: 0 20px 20px;
}

.contenuCentre {
    width: 500px;
    padding: 0 0 10px 0;
    overflow: hidden;
    float: left;
}

.contenuDroite {
    width: 700px;
    float: right;
    padding: 0 20px 10px 0;
    overflow: hidden;
}

.contenuGauche {
    width: 700px;
    float: left;
    padding: 0 0 10px 20px;
    overflow: hidden;
}

.fullpage {
    padding: 20px;
}

/*-------------------- Panel Fiche Thematique Homepage ------------------------------*/
#panFicheThemaHome, #panActualitesHome {
    width: 550px;
    height: 100px;
    padding: 35px 10px 10px 10px;
    background: url(../images/fondThemeHomepage.png);
    margin-bottom: 30px;
}

#divImageFicheThemaHome, #divImageActuHome {
    float: left;
    width: 150px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

#divTitreFicheThemaHome, #divTitreActuHome {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    margin-bottom: 10px;
}

    #divTitreFicheThemaHome a, #divTitreActuHome a {
        text-decoration: underline;
    }

        #divTitreFicheThemaHome a:hover, #divTitreActuHome a:hover {
            text-decoration: none;
        }

#divContenuFicheThemaHome, #divContenuActuHome {
    line-height: 15px;
    height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

#divEnSavoirPlusFicheThemaHome, #divEnSavoirPlusActuHome {
    line-height: 15px;
    height: 15px;
    text-align: right;
    padding-right: 10px;
}

/*------------------------------------------------------*/
/*---------------------- CONTENU INDEX 2 ---------------*/
/*------------------------------------------------------*/
/*---------- Contenu conteneur Général --------*/
#ctl00_divContenu2 {
    width: 990px;
    min-height: 200px;
    height: auto;
    clear: both;
    float: left;
    margin-bottom: 30px;
    padding: 0 10px 10px 10px;
}

#divContenuHome2 {
    width: 1010px;
    min-height: 200px;
    height: auto;
    clear: both;
    margin-top: 30px;
    float: left;
}
/*---------- Fil d'ariane --------*/
#divCheminNav2 {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #aaa;
    clear: both;
    margin: 15px 0;
    color: #555;
}

.blocGauche2 {
    float: left;
    width: 180px;
    min-height: 1px;
}

.blocGauche2 {
    margin-right: 10px;
}

.contenuCentre2 {
    width: 570px;
    margin: 0 20px;
    float: left;
    overflow: hidden;
}

/*-------------------- Panel Fiche Thematique Homepage ------------------------------*/
#panFicheThemaHome2, #panActualitesHome2 {
    width: 240px;
    height: 185px;
    padding: 32px 0px 10px 100px;
    background: url(../images/imgFondTheme.png);
    margin-bottom: 30px;
    float: left;
}

#divImageFicheThemaHome2 {
    float: left;
    width: 239px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

#divTitreFicheThemaHome2, #divTitreActuHome2 {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    margin-bottom: 10px;
}

    #divTitreFicheThemaHome2 a, #divTitreActuHome2 a {
        text-decoration: underline;
    }

        #divTitreFicheThemaHome2 a:hover, #divTitreActuHome2 a:hover {
            text-decoration: none;
        }

#divContenuFicheThemaHome2, #divContenuActuHome2 {
    line-height: 15px;
    height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

#divEnSavoirPlusFicheThemaHome2, #divEnSavoirPlusActuHome2 {
    line-height: 15px;
    height: 15px;
    text-align: right;
    padding-right: 10px;
}

#panCoordonnees2 {
    margin-left: 30px;
    float: left;
    width: 339px;
    height: 229px;
    background: url(../images/blocCoordonnees.png);
    margin-bottom: 30px;
}


/*------------------------------------------------------*/
/*---------------------- CONTENU INDEX 3 ---------------*/
/*------------------------------------------------------*/
/*---------- Contenu conteneur Général --------*/
#ctl00_divContenu3 {
    width: 990px;
    min-height: 200px;
    height: auto;
    clear: both;
    float: left;
    margin-bottom: 30px;
    padding: 0 10px 10px 10px;
}

#divContenuHome3 {
    width: 1010px;
    min-height: 200px;
    height: auto;
    clear: both;
    margin-top: 30px;
    float: left;
    margin: 40px;
}
/*---------- Fil d'ariane --------*/
#divCheminNav3 {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #aaa;
    clear: both;
    margin: 15px 0;
    color: #555;
}

.contenuCentre3 {
    width: 570px;
    margin: 0 20px;
    float: left;
    overflow: hidden;
}

/*-------------------- Panel Fiche Thematique Homepage ------------------------------*/

#panBienvenueHome3 {
    margin-right: 70px;
    width: 410px;
    height: 310px;
    padding: 60px 0px 10px 20px;
    background: url(../images/imgFondEdito3.png);
    margin-bottom: 30px;
    float: left;
}

#panCoordonneesHome3 {
    width: 410px;
    height: 110px;
    padding: 60px 0px 10px 20px;
    background: url(../images/imgFondCoordonnees3.png);
    margin-bottom: 30px;
    float: left;
}

#panActualitesHome3 {
    width: 410px;
    height: 110px;
    padding: 60px 0px 10px 20px;
    background: url(../images/imgFondActus3.png);
    margin-bottom: 30px;
    float: left;
    clear: both;
}

#divImageFicheThemaHome3 {
    float: left;
    width: 239px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

#divTitreActuHome3 {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    margin-bottom: 10px;
}

    #divTitreFicheThemaHome3 a, #divTitreActuHome3 a {
        text-decoration: underline;
    }

        #divTitreFicheThemaHome3 a:hover, #divTitreActuHome3 a:hover {
            text-decoration: none;
        }

#divContenuFicheThemaHome3, #divContenuActuHome3 {
    line-height: 15px;
    height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

#divEnSavoirPlusFicheThemaHome3, #divEnSavoirPlusActuHome3 {
    line-height: 15px;
    height: 15px;
    text-align: right;
    padding-right: 10px;
}

#panCoordonnees3 {
    margin-left: 30px;
    float: left;
    width: 339px;
    height: 229px;
    background: url(../images/blocCoordonnees.png);
    margin-bottom: 30px;
}

/*------------------------------------------------------*/
/*---------------------- CONTENU INDEX 4 ---------------*/
/*------------------------------------------------------*/
/*---------- Contenu conteneur Général --------*/
#ctl00_divContenu4 {
    width: 990px;
    min-height: 200px;
    height: auto;
    clear: both;
    float: left;
    margin-bottom: 30px;
    padding: 0 10px 10px 10px;
}

#divContenuHome4 {
    width: 1010px;
    min-height: 200px;
    height: auto;
    clear: both;
    margin-top: 30px;
    float: left;
}
/*---------- Fil d'ariane --------*/
#divCheminNav4 {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    color: #aaa;
    clear: both;
    margin: 15px 0;
    color: #555;
}

.blocGauche4 {
    float: left;
    width: 180px;
    min-height: 1px;
}

.blocGauche4 {
    margin-right: 10px;
}

.contenuCentre4 {
    width: 570px;
    margin: 0 20px;
    float: left;
    overflow: hidden;
}

/*-------------------- Panel Fiche Thematique Homepage ------------------------------*/

#panActualitesHome4 {
    width: 244px;
    height: 182px;
    padding: 36px 0px 10px 1px;
    background: url(../images/Actu4.png);
    margin-bottom: 30px;
    float: left;
    margin-left: 20px;
}

#panFicheThemaHome4 {
    width: 244px;
    height: 182px;
    padding: 36px 0px 10px 1px;
    background: url(../images/Theme4.png);
    margin-bottom: 30px;
    float: left;
}

#divImageFicheThemaHome4 {
    float: left;
    width: 239px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
}

#divTitreFicheThemaHome4, #divTitreActuHome4 {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    margin-bottom: 10px;
}

    #divTitreFicheThemaHome4 a, #divTitreActuHome4 a {
        text-decoration: underline;
    }

        #divTitreFicheThemaHome4 a:hover, #divTitreActuHome4 a:hover {
            text-decoration: none;
        }

#divContenuFicheThemaHome4, #divContenuActuHome4 {
    line-height: 15px;
    height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

#divEnSavoirPlusFicheThemaHome4, #divEnSavoirPlusActuHome4 {
    line-height: 15px;
    height: 15px;
    text-align: right;
    padding-right: 10px;
}

#panCoordonnees4 {
    margin-left: 20px;
    float: left;
    width: 246px;
    height: 229px;
    background: url(../images/Coordonnees4.png);
    margin-bottom: 30px;
}

/*------------------------------------------------------*/
/*---------------------- FOOTER ------------------------*/
/*------------------------------------------------------*/
/*---------- Footer --------*/
#divFooter {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 50px;
}

/*---------- Crosslink --------*/
#divCrosslink {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
}

/*------------------------------------------------------*/
/*--------------- ELEMENTS MISE EN PAGE ----------------*/
/*------------------------------------------------------*/
.flottant {
    float: right;
    margin: 0 0 15px 30px;
}

.clear {
    clear: both;
}

/*------------------------------------------------------*/
/*------------ CONTENU PERSONNALISE HOMEPAGE -----------*/
/*------------------------------------------------------*/
/*Zone permettant de mettre n'importe quoi, personnalisé par Boondooa*/
#divContenuBoondooaHome {
    width: 100%;
    min-height: 200px;
    height: auto;
}




/*****************************************************************************************************/
/*********************************************** HOME ************************************************/
/*****************************************************************************************************/
#divFicheThemaHome {
    background: url("../images/fondHomeThemeMois.png");
    width: 570px;
    height: 145px;
}




/*****************************************************************************************************/
/*********************************************** ACTUS ***********************************************/
/*****************************************************************************************************/

/*HOMEPAGE*/

/*Conteneur global des actus de la home*/
#panHomeActus {
    width: 320px;
    background: url(../images/homeFondActu.png);
    padding: 15px;
    height: 280px;
}
/*Conteneur de chaque actu de la home*/
.classActu {
    float: left;
    width: 320px;
    height: 130px;
    position: relative;
    margin: 0px 0 10px 0;
}

.classActuTitre {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.classActuImage {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 25px;
    overflow: hidden;
}

.classActuDate {
    height: 82px;
    position: absolute;
    left: 120px;
    top: 23px;
    font-size: 10px;
    color: #000;
    overflow: hidden;
    font-style: italic;
}

.classActuTexte {
    position: absolute;
    height: 65px;
    line-height: 13px;
    overflow: hidden;
    text-align: justify;
    left: 120px;
    top: 40px;
    font-size: 12px;
}

.classActuSavoir {
    width: 150px;
    text-align: right;
    position: absolute;
    left: 150px;
    top: 110px;
    font-size: 10px;
}

/* Liste */

.listeActusConteneurImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.divPhotoListe {
    width: 150px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.listeConteneurTextes {
    width: auto;
    height: auto;
    overflow: hidden;
}

.listeActusOmbre {
    position: absolute;
    top: 135px;
    left: 0;
    width: 100%;
    background: url(../images/ombreNews.png) center;
}

.listeTitre {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    overflow: hidden;
    margin: 0 0 10px;
}


.listeConteneurDate {
    font-style: italic;
    color: #888;
    margin: 6px 10px;
    float: right;
    font-size: 10px;
    display: none;
}

.listeConteneurDescription {
    line-height: 15px;
    height: 45px;
    text-align: justify;
    overflow: hidden;
    margin-bottom: 10px;
}

.listeConteneurLien {
    text-align: right;
    margin-top: 10px;
}
/*DETAIL*/
.actuDetailGalerie {
    margin-right: 15px;
    margin-bottom: 15px;
}

.detailActuDate {
    font-style: italic;
    color: #000;
}

.detailDate {
    display: none;
}
/*****************************************************************************************************/
/******************************************* REVUE PRESSE ********************************************/
/*****************************************************************************************************/

/*LISTING*/
.listeLignePresse {
    position: relative;
    width: 100%;
    min-height: 120px;
    margin-bottom: 10px;
}

.listePressesConteneurImage {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
}

.listePressesConteneurTextes {
    float: left;
    width: 665px;
    height: auto;
    margin-left: 15px;
}

.listePressesTitre {
    font-size: 12px;
    margin: 0;
}

.listePressesConteneurDate {
    font-style: italic;
    color: #555;
    font-size: 11px;
    padding: 5px 10px;
}

.listePressesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.listePressesConteneurLien {
    margin-top: 5px;
    text-align: right;
}

.presseSepOmbre {
    width: 100%;
    height: 15px;
    background: url(../images/ombreNews.png) center no-repeat;
    margin: 10px 0;
}

/*****************************************************************************************************/
/****************************************** GALERIE PHOTOS *******************************************/
/*****************************************************************************************************/

/* PAGE ALBUMS*/
/* body de la page galerie */
#bodyAlbums {
    margin: 0 auto;
}
/*Conteneur de tout l'album*/
#divBlocAlbum {
    float: left;
    width: 185px;
    margin: 0 19px 20px;
}
/* element contenant l'album */
.conteneurAlbum {
    width: 166px;
    height: 170px;
    background-image: url(../images/vignette_fond_album.png);
    float: left;
    padding-left: 19px;
    padding-top: 15px;
    margin-bottom: 0px;
}

/* element contenant la photo album cropée */
.conteneurPhotoAlbum {
    width: 160px;
    height: 160px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    float: left;
}
/*conteneur du titre des ablbums*/
#divTitreAlbum {
    clear: both;
    text-align: center;
}

    #divTitreAlbum a:link, #divTitreAlbum a:active, #divTitreAlbum a:visited {
        text-decoration: none;
    }

    #divTitreAlbum a:hover {
        text-decoration: underline;
    }
/*PAGE PHOTOS*/
.contenuDescriptionAlbum {
}
/* body de la page galerie */
#bodyGalerie {
    /*background: url(../images/fond_degrade.jpg)repeat-x;*/
    margin: 20px 35px;
}

/* element contenant toute la photo */
.conteneurGalerie {
    width: 72px;
    height: 72px;
    background-image: url(../images/vignette_fond.png);
    float: left;
    padding-left: 8px;
    padding-top: 8px;
    margin: 6px;
    margin-bottom: 20px;
}

/* element contenant la photo cropée */
.conteneurPhoto {
    width: 65px;
    height: 65px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}


/*****************************************************************************************************/
/****************************************** GALERIE VIDEOS *******************************************/
/*****************************************************************************************************/

/* PAGE VIDEOS*/
/* body de la page videos */
#bodyVideos {
    margin: 0 auto;
}
/*Conteneur de tout la video*/
#divBlocVideo {
    float: left;
    width: 194px;
    margin: 0 15px 20px;
}
/* element contenant la video */
.conteneurVideo {
    width: 183px;
    height: 140px;
    background-image: url(../images/vignette_fond_video.png);
    float: left;
    margin: 0 8px;
    margin-bottom: 0px;
    position: relative;
}

/* element contenant la photo vidéo cropée */
.conteneurPhotoVideo {
    position: absolute;
    left: 6px;
    top: 7px;
    width: 160px;
    height: 120px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    float: left;
}
/*conteneur du titre des videos*/
#divTitreVideo {
    clear: both;
    padding: 0 0 0 20px;
    text-align: center;
}

    #divTitreVideo a:link {
        color: #000;
    }

    #divTitreVideo a:active {
        color: #000;
    }

    #divTitreVideo a:visited {
        color: #000;
    }

    #divTitreVideo a:hover {
        text-decoration: none;
        color: #000;
    }

/*PAGE VIDEO DETAIL*/
/*Conteneur de la vidéo*/
#divVideo {
    text-align: center;
}
/*Conteneur de la date*/
.detailVideoDate {
    margin-top: 15px;
    font-style: italic;
    text-align: center;
}
/*Conteneur de la description*/
.detailVideoDescription {
    margin-top: 20px;
}
/*****************************************************************************************************/
/******************************************** LIVRE D'OR *********************************************/
/*****************************************************************************************************/
/*Titre du témoignage*/
.temoignageTitre {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: solid 1px #eee;
    color: #000;
    background: url(../images/puce1.png) no-repeat 0px 6px;
    padding-left: 10px;
}
/*Conteneur de la
 ligne user*/
.temoignageBlocUser {
    margin-top: 3px;
    font-size: 11px;
}
/*Préfixe "De" */
.temoignageDe {
    float: left;
}
/*Nom du user*/
.temoignageUser {
    color: #000;
}
/*Date*/
.temoignageDate {
    float: right;
    text-align: right;
    color: #000;
    font-style: italic;
    font-size: 10px;
}
/*Conteneur de la description du témoignage*/
.temoignageDescription {
    clear: both;
    padding: 10px 0;
    margin-bottom: 0;
    display: block;
    text-align: justify;
}

.temoignageSepOmbre {
    width: 100%;
    height: 15px;
    background: url(../images/ombreNews.png) center no-repeat;
}

.lienTemoignages:link, .lienTemoignages:visited, .lienTemoignages:active {
    color: #999;
    text-decoration: underline;
}

.lienTemoignages:hover {
    color: #000;
    text-decoration: underline;
}


/*****************************************************************************************************/
/***************************** BLOC INSCRIPTION NEWSLETTER ******************************************/
/*****************************************************************************************************/
/*Zone de texte/titre du bloc*/
#divDescNewsletter {
}
    /*Bouton valider*/
    #divDescNewsletter input[type="image"] {
        margin: 0 0 0 3px;
    }
    /*Zone de texte*/
    #divDescNewsletter input[type="text"] {
        width: 100px;
    }

/*****************************************************************************************************/
/************************************* BLOCS RECHERCHE & PAGE RECHERCHE ******************************/
/*****************************************************************************************************/
/*Reprise des mots recherché(s)*/
.rechercheMot {
    font-style: italic;
    font-weight: bold;
}

.rechercheResultat {
    text-align: right;
}
/*Titre des catégories retournées (Pages, actus, revues de presses etc.*/
.rechercheTypeMedia {
    padding: 3px;
}
/*Conteneur de chaque ligne listing recherche*/
.ligneRecherche {
}
/*lien titre de chaque résultat*/
.listeResultatTitre {
    margin-top: 20px;
    font-size: 20px;
}
/*Conteneur descrption de chaque résultat*/
.listeResultatConteneurDescription {
    height: 30px;
    line-height: 15px;
    overflow: hidden;
}

.listeResultatConteneurDescriptionNoOverflow {
    line-height: 15px;
}
/*Conteneur du lien en savoir plus*/
.listeResultatConteneurLien {
    text-align: right;
    padding: 5px 0 0 0;
}

.importantRecherche {
    font-weight: bold;
    font-style: italic;
}


/************************************* FORMULAIRES ***********************************************/
/*************************************************************************************************/

.tabFormulaire {
    line-height: 25px;
}

.formContact {
    width: 100%;
}

.tabFormulaire formTemoignage {
}


/*****************************************************************************************************/
/******************************************* REFERENCES ********************************************/
/*****************************************************************************************************/

/*LISTING*/
.listeLigneReferences {
    position: relative;
    width: 100%;
    min-height: 120px;
    margin-bottom: 10px;
}

.listeReferencesConteneurImage {
    width: 160px;
    height: 160px;
    overflow: hidden;
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.listeReferencesConteneurTextes {
    float: left;
    width: 815px;
    height: auto;
    margin-left: 15px;
}

.listeReferenceTitre {
    font-size: 12px;
    margin: 0;
}

.listeReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.listeReferencesConteneurLien {
    margin-top: 5px;
    text-align: right;
}

.referencesSepOmbre {
    width: 100%;
    height: 15px;
    background: url(../images/ombreNews.png) center no-repeat;
}

/*MODE VIGNETTES*/
.blocsReferences {
    width: 166px;
    height: auto;
    height: 241px;
    background: url(../images/vignette_fond_reference.png) no-repeat;
    float: left;
    padding-left: 19px;
    padding-top: 15px;
    margin: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.blocsReferencesConteneurImage {
    width: 160px;
    height: 160px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.blocsReferencesConteneurTextes {
    width: 160px;
    height: auto;
}

.blocsReferencesTitre {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
    background: none;
}

.blocsReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.blocsReferencesConteneurLien {
    margin-top: 5px;
    text-align: right;
}


/************************************************************************/
.conteneurContenuBloc, .bloc {
    margin-bottom: 30px;
    clear: both;
    text-align: justify;
}

#divContenuHome .conteneurContenuBloc, #divContenuHome .bloc{
    margin-bottom: 0 !important;
}



/*****************************************************************************************************/
/***************************** BLOC IDENTIFICATION ***************************************************/
/****************************************************************************************************/
#divIdentification {
    width: 160px;
    height: 140px;
    padding: 40px 10px 0 10px;
    background: url("../images/fondBlocIdentif.png");
}

#ucIdentification1_panIdentif2 {
    text-align: center;
}

#divIdentification {
    font-size: 11px;
}
/****************************************************************************************************/
/***************************** GENERAL **************************************************************/
/****************************************************************************************************/
/*LISTING*/
.listeLigne {
    height: 100px;
    padding: 10px;
    margin-bottom: 20px;
}

.lienPhotoListing {
    width: 133px;
    overflow: hidden;
    height: 100%;
}

.divGalerieMini {
    height: 50px;
    width: 75px;
    overflow: hidden;
}

.divGalerieMini {
    height: 50px;
    width: 75px;
    overflow: hidden;
    float: left;
}

.divImgPrincipale {
    width: 450px;
    height: 300px;
    overflow: hidden;
}

.divBlocUrgences {
    width: 182px;
    height: 230px;
    background: url("../images/blocs/blocUrgences.png") no-repeat;
    float: left;
    margin: 0 20px;
    padding: 70px 15px 0;
    text-align: center;
}

.divThemeActu {
    float: left;
    height: 300px;
    width: 440px;
    background: url("../images/blocActuThemeduMoisHome.png") no-repeat;
}

.divThemeHome, .divActuHome {
    height: 115px;
    padding: 15px 20px;
}

.divTitreThemeHome, .divTitreActuHome {
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: bold;
}

.divDescripThemeHome, .divDescripActuHome {
    height: 45px;
    line-height: 15px;
    font-size: 11px;
    color: #686868;
    overflow: hidden;
    text-align: justify;
}

.enSavoirPlus {
    float: right;
    font-weight: bold;
}

.imgThemeHome, .imgActuHome {
    float: left;
    margin-right: 20px;
}

.panConnexion {
    position: absolute;
    top: 30px;
    right: 10px;
}

    .panConnexion td {
        text-align: right;
    }

#divSousMenu {
    width: 1010px;
    height: 50px;
    clear: both;
    padding-top: 25px;
    position: relative;
}

#divRecherche {
    position: relative;
}

.divSeparation {
    height: 1px;
    margin-bottom: 20px;
}

.dateDetail {
    color: #888888;
    font-size: 11px;
    font-style: italic;
    margin: 6px 10px;
}

/******************************************** TAB *********************************************************************************/
.ajax__tab_tab {
    background: #cccccc !important;
    color: #000;
    margin: 0 2px !important;
}

    .ajax__tab_tab:hover, .ajax__tab_inner:hover, .ajax__tab_outer:hover {
        color: #fff;
    }

.ajax__tab_active .ajax__tab_tab {
    margin: 0 2px !important;
    color: #fff;
}

.ajax__tab_inner {
    background: #cccccc !important;
    color: #000;
    padding-left: 0px !important;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
}

.ajax__tab_outer {
    background: #cccccc !important;
    color: #000;
    padding-right: 0px !important;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
}

.ajax__tab_active .ajax__tab_inner, .ajax__tab_active .ajax__tab_outer {
    color: #fff !important;
}

.ajax__tab_header {
    border-left: solid 1px #999;
    height: 23px;
}

.tdTitre {
    text-align: right;
    color: #666;
    padding-right: 10px;
    font-size: 12px;

}

.gridFront th {
    text-align: left;
    color: #ffffff;
    padding: 5px 10px;
}

.gridFront td {
    padding: 5px 10px;
}

.divDescriptionAnnonnceAnimalListe {
    float: right;
    width: 400px;
    padding-left: 30px;
    border-left: solid 1px #333333;
    height: 45px;
    line-height: 15px;
    text-align: justify;
    overflow: hidden;
}

.contenuMixteImageG, .contenuMixteTexteG {
    float: left;
    margin: 0 20px 0 10px;
}

.contenuMixteImageD, .contenuMixteTexteD {
    float: right;
    margin: 0 10px 0 20px;
}

#ctl00_panMilieu {
    line-height: 18px;
}

#ctl00_cphPanMilieu_tcClient_header, #ctl00_cphPanMilieu_tcAnimal_header {
    line-height: 15px;
    text-transform: uppercase;
}

.btnEspaceClient {
    padding: 5px 10px;
    color: #fff;
    border: solid 1px #999999;
    font-size: 11px;
    font-style: italic;
}

a.btnEspaceClient {
    color: #fff !important;
    text-decoration: none !important;
}

    a.btnEspaceClient:hover {
        color: #fff !important;
        text-decoration: underline !important;
    }

.divCategorieFicheThema {
    width: 860px;
    height: 80px;
    float: left;
    margin: 0 0 20px 0;
    padding: 10px;
    overflow: hidden;
}

.divTitreCategorieFicheThema {
    font-size: 14px;
}

    .divTitreCategorieFicheThema a {
        text-decoration: none;
    }

        .divTitreCategorieFicheThema a:hover {
            text-decoration: underline;
        }

.divContenuCategorieFicheThema {
    font-size: 11px;
    line-height: 15px;
    margin-top: 5px;
    height: 60px;
    overflow: hidden;
    text-align: justify;
}

.divPhotoCategorieFicheThema {
    margin: 10px;
    float: left;
}

.divCatVideo {
    margin: 20px;
    display: inline-block;
}

.divImgCatVideo {
    margin-bottom: 10px;
    width: 150px;
    height: 150px;
    padding: 15px;
    background: url(../images/fondCatVideo.png);
}

.divTitreCatVideo {
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

    .divTitreCatVideo a {
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
    }

        .divTitreCatVideo a:hover {
            text-transform: uppercase;
            text-align: center;
            text-decoration: underline;
        }

#divBienvenue {
    width: 995px;
    margin: 342px 0 14px 0;
    height: 110px;
    background: url("../images/blocSpecialite.jpg");
    padding: 80px 0 0 5px;
}

#divUrgences {
}

#divNosStructures {
    float: left;
    width: 277px;
    height: 385px;
    background: url("../images/blocStructures.jpg");
    font-size: 14px;
    padding: 90px 0 0 307px;
}


#divThemeMois {
}

#divActuHome {
    width: 460px;
    height: 100px;
    padding: 10px 15px;
}


#tableBienvenue {
    margin: 0 0 0 20px;
    font-size: 14px;
    color: #8e8678;
}

    #tableBienvenue td {
        text-align: center;
    }

#divRambouillet {
    margin-bottom: 55px;
}

#divThemeMoisPhoto, #divActuHomePhoto {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 140px;
}

#divThemeMoisTitre, #divThemeMoisTitre a, #divThemeMoisTitre a:hover, #divActuHomeTitre, #divActuHomeTitre a, #divActuHomeTitre a:hover {
    font-weight: bold;
    margin-bottom: 5px;
    height: 30px;
    line-height: 19px;
    overflow: hidden;
}

    #divThemeMoisTitre a, #divActuHomeTitre a {
        text-decoration: none;
    }

        #divThemeMoisTitre a:hover, #divActuHomeTitre a:hover {
            text-decoration: underline;
        }

#divThemeMoisContenu, #divActuHomeContenu {
    height: 45px;
    line-height: 15px;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: justify;
}

#divThemeMoisPlus, #divActuHomePlus {
    text-align: right;
}

#ctl00_divContenu .ajax__tab_body {
    background: none !important;
}

.contenuFullPage {
    /*padding: 0 20px;*/
}

#divContenuHome .contenuFullPage {
    padding: 0;
}

.aLienPhoto {
    float: right;
    margin: 0 0 15px 15px;
}

.annonces {
    margin-bottom: 20px;
}

    .annonces .gridFront {
        margin-bottom: 5px;
    }

.contenuFAQ, .contenuInfosPratiques, .contenuFiche, .contenuActu {
    text-align: justify;
}

.lblFichiers {
    margin-top: 20px;
}

.divAnnoncesPhoto {
    float: left;
    margin-right: 20px;
}

.divAnnoncesDescription {
    height: 45px;
    line-height: 15px;
    overflow: hidden;
}

.divAnnoncesInfos {
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid 1px #AF2535;
}

.contenuAnnonce {
    text-align: justify;
}

#divCenter {
    float: right;
}

#divGalerie {
    width: 450px;
}

.divConteneurRappels {
    width: 100%;
}

/*----------------- MAP ------------------*/

#divMap {
    height: auto;
    margin: 0 auto;
    z-index: 150;
    width: 100%;
}

#map {
    width: 100%;
    height: 435px;
    margin: 0px;
    padding: 0px;
}
