﻿/*------------------------------------------------------------------------------------------------------------*/
/********----------------------------------------------- BUREAU -------------------------------------**********/
/*------------------------------------------------------------------------------------------------------------*/

    /*--------------- 960 --------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

        .container_12 .grid_3 {
            width: 220px;
        }

        .container_12 .grid_4 {
            width: 260px !important;
        }

        .container_12 .grid_6 {
            width: 460px;
        }

        .container_12 .grid_8 {
            width: 570px;
        }

        .container_12 .grid_9 {
            width: 700px;
        }

        .container_12 .grid_12 {
            width: 940px;
        }

    /*--------------- FICHES THEMATIQUES --------------*/
    .divCategorieFicheThema {
        width: 878px;
    }

    /*----------------------- MENU ------------------------*/

    .textMenuMobile{
        display: none;
    }



/*--------------------------------------------------------------------------------------------------------------*/
/********----------------------------------------------- TABLETTE -------------------------------------**********/
/*--------------------------------------------------------------------------------------------------------------*/

@media (max-width: 959px) {

    /*--------------- 960 --------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 640px;
    }

        .container_12 .grid_3 {
            width: 220px;
        }

        .container_12 .grid_4 {
            width: 290px;
            margin-bottom: 20px;
        }

        .container_12 .grid_6 {
            width: 290px;
        }

        .container_12 .grid_8 {
            width: 300px;
        }

        .container_12 .grid_9 {
            width: 620px;
        }

        .container_12 .grid_12 {
            width: 620px;
        }


    /*--------------- HOME ACTUS --------------*/
    .classActu:nth-child(2n+1) {
        margin-right: 20px;
    }

    /*--------------- HOME ARTICLES BLOG --------------*/
    .classBlogArticle:nth-child(2n+1) {
        margin-right: 20px;
    }


    /*--------------- ESPACE CLIENT --------------*/
    
    #ctl00_cphPanMilieu_panInscription{
        float: none !important;
        clear: both !important;
    }



    /*-------- BLOCS BOONET template.css---------*/

    .deuxColBlocsGauche .contenuMixteImageG, .deuxColBlocsGauche .contenuMixteTexteG{
        margin: 0 0 10px 0 !important;
    }

    .deuxColBlocsGauche .contenuMixteImageD, .deuxColBlocsGauche .contenuMixteTexteD{
        margin: 0 0 10px 0 !important;
    }


    /*** 1 COLONNE ***/
    .contenuFullPage .contenuMixteImageG /*Contenu mixtes Image Gauche*/ {
        width: 275px;
    }

    .contenuFullPage .contenuMixteImageD /*Contenu mixtes Image Droite*/ {
        width: 275px;
    }

    .contenuFullPage .contenuMixteTexteG /*Contenu mixtes Textes Gauche*/ {
        width: 275px;
    }

    .contenuFullPage .contenuMixteTexteD /*Contenu mixtes Textes Droite*/ {
        width: 275px;
    }

    .contenuFullPage .contenuTexte2ColG /*Contenu Texte 2 colonnes : colonne Gauche*/ {
        width: 275px;
    }

    .contenuFullPage .contenuTexte2ColD /*Contenu Texte 2 colonnes : colonne Droite*/ {
        width: 275px;
    }

    .contenuFullPage .contenuFullPhotoSeule {
        width: 580px;
    }

    .contenuFullPage .photoColonne img {
        width: 275px;
    }


    .contenuMixteImageG, .contenuMixteTexteG {
        margin: 0 20px 10px 0;
        width: initial;
    }

    /*** 2 COLONNES ***/


    .contenuDroite {
        width: 380px;
    }

    .contenuGauche {
        width: 380px;
    }

        .contenuDroite .contenuMixteImageG, .contenuGauche .contenuMixteImageG {
            width: initial;
            float: none;
        }

        .contenuDroite .contenuMixteImageD, .contenuGauche .contenuMixteImageD {
            width: initial;
            float: none;
        }

        .contenuDroite .contenuMixteTexteG, .contenuGauche .contenuMixteTexteG {
            width: initial;
        }

        .contenuDroite .contenuMixteTexteD, .contenuGauche .contenuMixteTexteD {
            width: initial;
            float: none;
            margin: 10px 0;
        }

        .contenuDroite .contenuTexte2ColG, .contenuGauche .contenuTexte2ColG {
            width: initial;
            float: none;
            margin: 10px 0;

        }

        .contenuGauche .contenuTexte2ColD, .contenuDroite .contenuTexte2ColD {
            width: initial;
            float: none;
            margin: 10px 0;
        }

        .contenuFullPhotoSeule {
        width: 380px;
    }


    /*** 3 COLONNES ***/
    .troisCol .blocGauche {
        width: 180px;
        margin-right: 0px;
        clear: both;
    }

    .troisCol .blocDroite {
        width: 180px;
        float: initial;
    }

    .troisCol .contenuCentre {
        width: 580px;
        margin: 0 20px;
    }

        .troisCol .contenuCentre img {
            width: 100%;
        }


    .contenuCentre .contenuMixteImageG {
        width: 230px;
    }

    .contenuCentre .contenuMixteImageD {
        width: 230px;
    }

    .contenuCentre .contenuMixteTexteG {
        width: 360px;
    }

    .contenuCentre .contenuMixteTexteD {
        width: 360px;
    }

    .contenuCentre .contenuTexte2ColG {
        width: 290px;
    }

    .contenuCentre .contenuTexte2ColD {
        width: 290px;
    }


    .blocGauche .bloc.blocRecherche, .blocGauche .bloc.blocNewsletter {
        padding: 3px 0;
    }

    .blocGauche #smMenu {
        width: 180px;
        float: left;
    }

    .blocGauche .bloc {
        width: 290px;
        float: left;
    }

    .blocGauche .bloc:nth-child(2n+1) {
        margin-right: 40px;
    }

    .blocDroite .bloc.blocRecherche, .blocDroite .bloc.blocNewsletter {
        padding: 3px 0;
    }

    .blocDroite .bloc {
        width: 290px;
        float: left;
    }

    .blocDroite .bloc:nth-child(2n+1) {
        margin-right: 40px;
    }

    .blocGauche, .blocDroite {
        margin: 0 0 0 20px !important;
    }

    .contenuFullPhotoSeule img {
        width: 100%;
        height: auto;
    }

    /*--------------- BODY HOME / BODY MASTER --------------*/

    .bodyHome {
    }

    .bodyMaster {
    }

     #ctl00_divContenu {
        margin: 50px auto 0;
    }


     /*--------------- HEADER --------------*/

    #divTop {
        position: relative;
        top: 42px;
    }

    #divBan {
        margin-top: 40px;    
        display: inline-block;
    }

    #divBanRight {
        margin-top: 40px;
        position: relative;
        float: right;
        right: 0;
        top: 0;
        text-align: right;
    }

    #divLogo {
        position: relative;
        float: left;
        z-index: 1;
    }

    .textMenuMobile{
        display: block;
    }

    /*--------------- MENU MOBILE --------------*/

   #divMenu {
        text-align: center;
        display: inline-block;
        background: #39b0b7;
        border-bottom: 1px solid #ccc;
        position: fixed;
        z-index: 99999999;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        height: 40px;
        margin-left: 0px;
    }

    .textMenuMobile{
        color: #fff;
        text-transform: uppercase;
        right: 60px;
        position: absolute;
        font-weight: bold;
    }

    #pictoMenuMob {
        background: url(../images/mobPictoMenu.png) no-repeat;
        width: 40px;
        height: 40px;
        position: fixed;
        right: 0px;
        top: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.30);
        cursor: pointer;
        z-index: 999999999;
    }

    #divMenuLogo {
        background: none;
        width: 170px;
        height: auto;
        margin-left: 10px;
    }

    #header {
        position: fixed;
        left: 0px;
        top: 0px;
        height: 40px;
        background: #fff;
    }


    .hautPageMenu {
        display: none;
    }

    #qmli0 ul li {
        height: auto;
        padding: 0;
    }

        #qmli0 ul li a {
            line-height: 17px !important;
            padding: 5px !important;
            height: 35px;
        }


            #qmli0 ul li a:hover {
                cursor: pointer !important;
                margin-top: 0px !important;
                -moz-transition: none;
                -o-transition: none;
                -webkit-transition: none;
                transition: none;
            }

    #qm0 {
        background: none;
        margin-top: 40px;
        text-align: center;
        display: block;
        width: 100%;
    }

        #qm0 a {
            width: 100%;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.40);
            height: 50px;
            line-height: 50px;
            color: #fff;
            padding: 0px 0px 0px 0px;
        }

            #qm0  a:after {
                display: none !important;
            }

        #qm0 li {
            display: block;
            float: none;
        }

    ul#qm0 li:hover > a {
        background: #2199a0;
        color: #fff;
        margin-top: 0;
    }

    #qm0 li a.menuEnCours {
        background: #2199a0;
        color: #fff;
    }

    ul#qm0 ul {
        display: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #fff;
        border: 0px;
        text-align: center;
    }

        ul#qm0 ul li {
            text-align: center;
        }

    ul#qm0 li {
        display: block;
        margin-bottom: 0;
    }

        ul#qm0 li:hover ul {
            display: block;
        }

    .qmmc ul {
        left: auto;
        position: relative;
        z-index: 10;
    }

    ul#qm0 ul li a:link, ul#qm0 ul li a:visited, ul#qm0 ul li a:active {
        border-top: 1px solid rgba(255, 255, 255, 0.40);
        color: #fff;
        background: #2199a0;
        margin: 0;
        width: 100%;
        padding: 5px 0px;
        text-transform: none;
        text-align: center;
    }

        ul#qm0 ul li a:hover {
        background: #18878e;
            color: #fff;
        }

        #qm0 ul li ul li:hover > a {
            background: #18878e;
            color: #ffffff;
        }


/*--------------------------- SOUS SOUS MENU -------------------------*/

    /*---------- SOUS SOUS MENU - Fond/Groupe/Général --------*/
    ul#qm0 ul li ul {
       background: #18878e;
    }

        /*---------- SOUS SOUS MENU - design lien LINK --------*/
        ul#qm0 ul li ul li a:link, ul#qm0 ul li ul li a:visited, ul#qm0 ul li ul li a:active {
            background: #18878e;
            padding: 0px;
        }


        /*---------- SOUS SOUS MENU - design lien ROLLOVER --------*/
        ul#qm0 ul li ul li a:hover {
            background: #13787e;
        }

    /*-------- Etat du bouton qd on est dans le sous sous menu ----------*/
    #qm0 ul li ul li:hover > a {
        background: #000;
        color: #ffffff;
        padding: 0 0 0 20px;
    }


    #qm0 ul li:hover > ul {
        top: auto !important;
        left: auto !important;
    }

    #divFondGeneral, #ctl00_divFondGeneral {
        width: 100%;
        margin: 0px;
    }

    /*--------------- SLIDER --------------*/

    .panSlider, #slides, .slides_container, .slide, .slide img, .itemSliderPage {
        width: 620px;
        height: 304px;
    }

    .slides_control {
        width: 620px !important;
        height: 304px;
    }

    #slides .prev, #slides .next {
    }

    .panSliderHome {
        width: 620px;
        margin: 0 auto;
    }

    .panSlider {
    }

    #slides2 .slide img {
        width: 100%;
        height: auto;
    }

    .pagination_container {
        display: none;
    }


    /*--------------- REVUE DE PRESSE --------------*/
    .listePressesConteneurImage {
        width: 300px;
    }

    .listePressesConteneurTextes {
        width: 290px;
        margin-left: 30px;
    }


    /*--------------- PAGE LISTING ACTUS --------------*/

    #ctl00_cphPanMilieu_grdActus tr {
        margin: 0px 7px;
    }


    /*--------------- BLOG --------------*/

    .blogColonneContenu {
        width: 620px!important;
    }

    .blogColonneBlocs {
        float: right;
        width: 620px!important;
    }

    .blogColonneBlocs .bloc {
        width: 290px;
        float: left;
    }

    .blogColonneBlocs .bloc:nth-child(2n+1) {
        margin-right: 40px;
     }




    /*--------------- MEDIATHEQUE --------------*/

    #divBlocAlbum {
        float: left;
        margin: 0 2px 20px;
        width: 185px;
    }

    .divCatVideo {
        margin: 5px;
    }

    #divBlocVideo {
        float: left;
        width: 190px;
        margin: 0 0 20px;
    }

    
    /*--------------- ELEMENTS CACHES --------------*/


    /*--------------- BLOCS HOME --------------*/

    .bIntro .container_12 {
        padding: 50px 20px;
        box-sizing: border-box;
    }

    h1, .h1 {
        font-size: 30px;
        line-height: 36px;
    }

        h1 span, .h1 span {
            display: block;
            font-size: 24px;
        }

    h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .bCoordCt {
        padding: 150px 0px 0px 0px;
        background-size: contain;
    }

       .bCoord {
            width: 535px;
        }

           .bCoord h2 {
                margin-bottom: 30px;
            }

    #divThemeMoisPhoto, #divActuHomePhoto {
        width: 50%;
        height: 300px;
    }

    .divThemeMoisDesc {
        background-color: #fff;
        height:300px;
        width: 50%;
        padding: 30px;
    }

    .divThemeMoisDesc > div {
        max-height: 168px;
    }

        #divThemeMoisTitre, #divActuHomeTitre {
            max-height: 52px;
            margin-bottom: 15px;
        }

            #divThemeMoisTitre a, #divActuHomeTitre a {
                font-size: 17px;
                line-height: 27px !important;
            }

        #divThemeMoisPlus, #divActuHomePlus {
            margin-top: 5px;
        }

    /*--------------- BAS DE PAGE --------------*/

    #divCrosslink {
    }

    #divFooter {
    }



    /*--------------- AUTRE --------------*/
    
    .tdDecoClientNom {
        width: 50%;
        text-align: right;
    }

    .ajax__tab_header span {
        display: block !important;
    }

    .ajax__tab_header {
        height: auto;
        margin-bottom: 20px;
    }


    /*---------------------- MODULE CLINIQUE -----------------*/

    #panCoordonnees{
        float: none;
        width: 380px;
    }

    #panHoraires{
        float: none;
        width: 380px;
        margin-top: 20px;
    }


    /* ----------- SLIDER MODULE CLINIQUE INTERNE --------- */


.clinique_slider
{
	margin-top: 30px;
	margin-bottom: 30px;
}

#panSlider .clinique_slider
{
	width: 380px;
	height: 153px;
}


#slidesCliniqueDetail
{
	width: 380px;
	height: 153px;
}

.clinique_slider .slides_container
{
	width: 380px;
	height: 153px;
}

.clinique_slider .slide
{
	width: 380px;
	height: 153px;
	
}


	.clinique_slider .slide img
	{
		height: auto;
		width: 380px;
		margin: auto;
	}

.clinique_slider .prev
{
	left: 17px;
	position: relative;
	top: -60px;
	z-index: 10000;
}

.clinique_slider .next
{
	left: 20px;
	position: relative;
	top: -60px;
	z-index: 10000;
}

    
}



/*-----------------------------------------------------------------------------------------------------------------*/
/********----------------------------------------------- SMARTPHONES -------------------------------------**********/
/*-----------------------------------------------------------------------------------------------------------------*/

@media (max-width: 640px) {

    /*--------------- 960 --------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
    }

        .container_12 .grid_3 {
            width: 220px;
        }

        .container_12 .grid_4 {
            margin-bottom: 20px;
        }

        .container_12 .grid_6 {
            width: 300px;
        }

        .container_12 .grid_8 {
            width: 300px;
        }

        .container_12 .grid_9 {
            width: 300px;
        }

        .container_12 .grid_12 {
            width: 300px;
        }


    /*-------- BLOCS BOONET template.css---------*/


    .contenuFullPage .contenuMixteImageD, .contenuFullPage .contenuMixteTexteD{
        margin: 0;
    }

    .contenuFullPage .contenuMixteImageG, .contenuFullPage .contenuMixteTexteG{
        margin: 0;
    }

    .deuxColBlocsGauche .contenuFullPage .contenuMixteImageG, .deuxColBlocsGauche .contenuFullPage .contenuMixteTexteG{
        margin: 0;
        width: 340px;
    }

    .deuxColBlocsGauche .contenuFullPage .contenuMixteImageD, .deuxColBlocsGauche .contenuFullPage .contenuMixteTexteD{
        margin: 0;
        width: 340px;
    }

    .deuxColBlocsGauche .contenuMixteImageG, .deuxColBlocsGauche .contenuMixteTexteG{
        margin: 0 0 10px 0 !important;
        width: 260px !important;
    }

    .deuxColBlocsGauche .contenuMixteImageD, .deuxColBlocsGauche .contenuMixteTexteD{
        margin: 0 0 10px 0 !important;
        width: 260px !important;
    }

    .deuxColBlocsGauche .contenuMixteImageG img{
        width: 260px;
    }

    .deuxColBlocsGauche .contenuMixteImageD img{
        width: 260px;
    }


    /*** 1 COLONNE ***/
    .contenuFullPage .contenuMixteImageG /*Contenu mixtes Image Gauche*/ {
        width: 260px;
        margin-bottom: 10px;
    }

    .contenuFullPage .contenuMixteImageD /*Contenu mixtes Image Droite*/ {
        width: 260px;
    }

    .contenuFullPage .contenuMixteTexteG /*Contenu mixtes Textes Gauche*/ {
        width: initial;
    }

    .contenuFullPage .contenuMixteTexteD /*Contenu mixtes Textes Droite*/ {
        width: initial;
    }

    .contenuFullPage .contenuTexte2ColG /*Contenu Texte 2 colonnes : colonne Gauche*/ {
        width: initial;
        margin-bottom: 20px;
    }

    .contenuFullPage .contenuTexte2ColD /*Contenu Texte 2 colonnes : colonne Droite*/ {
        width: initial;
    }

    /*** 2 COLONNES ***/
    .blocGauche, .blocDroite {
        float: initial;
        margin: 0 auto;
    }

    .contenuDroite {
        width: 260px;
    }

    .contenuGauche {
        width: 260px;
    }

        .contenuDroite .contenuMixteImageG, .contenuGauche .contenuMixteImageG {
            width: 260px;
            float: none;
            margin: 20px 0;
        }

        .contenuDroite .contenuMixteImageD, .contenuGauche .contenuMixteImageD {
            width: 260px;
        }

        .contenuDroite .contenuMixteTexteG, .contenuGauche .contenuMixteTexteG {
            width: 260px;
        }

        .contenuDroite .contenuMixteTexteD, .contenuGauche .contenuMixteTexteD {
            width: 260px;
        }

        .contenuDroite .contenuTexte2ColG, .contenuGauche .contenuTexte2ColG {
            width: 260px;
            margin-bottom: 20px;
        }

        .contenuGauche .contenuTexte2ColD, .contenuDroite .contenuTexte2ColD {
            width: 260px;
            float: none;
        }

    .contenuFullPhotoSeule {
        width: 260px;
    }

    .contenuFullPage .contenuFullPhotoSeule {
        width: 260px;
    }

    .contenuFullPage .photoColonne img {
        width: 260px;
    }

    .contenuMixteImageD, .contenuMixteTexteD, .contenuMixteImageG, .contenuMixteTexteG {
        margin: 0;
        float: none;
    }


    /*** 3 COLONNES ***/
    .troisCol .blocGauche {
        width: 300px;
        margin-right: 0px;
    }

    .troisCol .blocDroite {
        width: 300px;
    }

    .troisCol .contenuCentre {
        width: 300px;
    }

        .troisCol .contenuCentre img {
            width: 100%;
        }

    .contenuCentre .contenuMixteImageG {
        width: 300px;
    }

    .contenuCentre .contenuMixteImageD {
        width: 300px;
    }

    .contenuCentre .contenuMixteTexteG {
        width: 300px;
    }

    .contenuCentre .contenuMixteTexteD {
        width: 300px;
    }

    .contenuCentre .contenuTexte2ColG {
        width: 300px;
    }

    .contenuCentre .contenuTexte2ColD {
        width: 300px;
    }

    #ctl00_cphPanMilieu_panInscription table{
        width: 300px !important;
    }


    /*--------------- BODY HOME / BODY MASTER --------------*/

    .bodyHome {
   
    }

    .bodyMaster {

    }


    /*--------------- HEADER --------------*/
    
    
    #divTop {
    }

    #divBan {
    }

    #divBanRight{
        float: none;
        text-align: center;
        width: 300px;
        margin-bottom: 25px;
    }
    
    #divLogo {
        width: 300px;
        margin: 30px auto 10px auto;
        float: none;
    }

        #divLogo img {
            width: 100%;
        }

    h1, .h1 {
        font-size: 24px;
        line-height: 28px;
    }

        h1 span, .h1 span {
            font-size: 24px;
        }

    .bIntro .container_12 {
        padding: 30px 0px;
    }

        .bIntro p {
            text-align: justify;
        }

        .bIntro .btn {
            margin-top: 30px;
        }

    .bCoordCt {
        padding: 0px 0px 0px 0px;
        margin-bottom: -30px;
        background-size: contain;
    }

        .bCoord {
            width: 100%;
            padding: 30px 0px;
            background-color: #ededed;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .bCoord a {
            display: inline-block;
            position: relative;
            opacity: 0.7;
            margin-top: 30px;
            right: unset;
            bottom:  unset;
        }

    #blocActuTheme {
        display: none;
    }

    #divFooter {
        padding: 30px 0px;
    }

    /*---------------- ESPACE CLIENT -----------------------*/

    #ctl00_cphPanMilieu_panDejaInscrit{
        width: 260px !important;
        float: none !important;
        clear: both;
        padding: 0 !important;
    }

    #ctl00_cphPanMilieu_panInscription{
        width: 260px !important;
        float: none;
        clear: both;
    }

    #ctl00_cphPanMilieu_txtAdresse, #ctl00_cphPanMilieu_txtEmail{
        width: 116px !important;
    }


    /*--------------- REVUE DE PRESSE --------------*/
    .listePressesConteneurImage {
        width: 300px;
    }

    .listePressesConteneurTextes {
        width: 300px;
        margin-left: 0px;
    }

    .listePressesTitre {
        font-size: 12px;
        margin: 10px 0 0 0;
    }


    /*--------------- PAGE CONTACT - FORMUALIRE --------------*/

    .formContact {
        width: 260px;
        margin: 0 auto;
        line-height: 17px;
    }

        .formContact tr td {
            display: block;
        }

            .formContact tr td:first-child {
                margin-top: 5px;
            }

        .formContact table {
            margin-bottom: 20px;
        }

        .formContact input[type="text"], .formContact select, .formContact input[type=text] table {
            width: 250px !important;
            height: 30px;
        }

        .formContact input[type="checkbox"] {
            width: auto !important;
            height: auto;
            margin-bottom: 20px;
        }

        .formContact input[type="file"] {
            margin-bottom: 20px;
        }

        .formContact tr .tdContenu span {
            margin-bottom: 20px;
            display: block;
        }

        .formContact select {
            margin-bottom: 20px;
            padding-top: 8px;
        }

        .formContact input[type="password"] {
            width: 250px !important;
            height: 30px;
        }

        .formContact textarea {
            width: 250px !important;
            height: 70px;
            border: 0;
            margin-bottom: 20px;
            border: solid 1px #dbdfe6;
            border-top: solid 1px #abadb3;
        }

    .divSubmitFormContact {
        text-align: center;
    }

    .formContact input[type="submit"] {
        width: 100%;
        height: 40px;
        background: #3A383C;
        color: #fff;
        border: 0;
        margin-bottom: 10px;
    }

    .formContact input[type="submit"]:hover {
        cursor: pointer;
        background: #666;
        color: #fff;
    }

    #containerBootcha {
        margin-top: 0px;
    }

    #bootchaSaisie input[type="text"] {
        width: 130px;
    }

     .formContact .tdTitre {
        text-align: left;
    }

    .formContact input[type=text], .formContact input[type=text] textarea, .formContact input[type=text] select, .formContact input[type=text] table {
        margin-bottom: 10px;
    }


    /*--------------- PAGE LISTING ACTUS --------------*/

    #ctl00_cphPanMilieu_grdActus tr {
        margin: 0px;
    }

    /*--------------- CONNEXION--------------*/

    .connexionColGauche {
        width: 290px;
        border-right: none;
        border-bottom: solid 1px #c9d4da;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    /*--------------- BLOG --------------*/

    .blogColonneContenu {
        width: 300px!important;
    }

    .blogColonneBlocs {
        float: right;
        width: 300px!important;
    }

    /*--------------- FICHES THEMATIQUES --------------*/
    .divCategorieFicheThema {
        width: 238px;
        height: auto;
    }


    /*--------------- CONTENU --------------*/

     #ctl00_divContenu {
    margin: 40px auto 0;
}

    
    #ctl00_cphPanMilieu_tcClient_header, #ctl00_cphPanMilieu_tcAnimal_header {
        margin-bottom: 20px;
    }

    .blocGauche, .blocDroite {
        margin: 0 0 20px 20px !important;
    }
    

    .contenuFullPhotoSeule img {
        width: 100%;
        height: auto;
    }

    .contenuMixteImageD img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }


    

    /*--------------- ELEMENTS CACHES --------------*/

    .panSlider, #divThemeMois, #divActuHome, .divRecherche, .clinique_slider {
        display: none;
    }

    .photoInfoPratique, .photoFAQ{
        display: none;
    }



    /*--------------- BLOCS HOME --------------*/

    #divContenuHome {
       
    }

    #blocRDV {
        position: initial;
        margin: auto;
        padding: 30px 20px;
        float: left;
        width: 260px;
    }




    /*--------------- AUTRE --------------*/
    
    .lienRetour {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }

    .aLienPhoto {
        float: initial;
        margin: 0 0 15px 0;
    }

        .aLienPhoto img {
            width: 260px;
            height: auto;
        }

    .modalPopup {
        width: 300px !important;
    }

    #divBlocAlbum {
        float: initial;
        display: inline-block;
        margin: 0 0 20px -18px;
    }

    #bodyAlbums {
        text-align: center;
    }

    .divCatVideo {
        display: inline-block;
        margin: 0 38px 20px;
    }

    #divBlocVideo {
        margin: 0 30px 20px;
    }

    #divVideo iframe {
        width: 100%;
        height: auto;
    }
    
    .panDejaInscrit {
        width: 260px;
    }

    .panInscription {
        width: 260px;
    }

    .panDejaInscrit, .panInscription {
        float: left;
        margin-top: 20px;
    }

        .panDejaInscrit td, .panInscription td {
            vertical-align: middle;
        }

        .panDejaInscrit input[type=text], .panInscription input[type=text] {
            width: 260px;
        }

    .ajax__tab_header span {
        display: block !important;
    }

    .ajax__tab_header {
        height: auto;
    }

    .ajax__tab_body {
        padding: 8px 0 !important;
        border: none !important;
    }

    a.aAjouterTemoignage, a.lienMobile {
        width: 260px;
        padding: 5px 0;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .panDeconnexion {
        width: 280px;
        margin-bottom: 40px;
    }

    .tdDecoClientNom {
        width: 50%;
        text-align: right;
    }


    .annonceImage img {
        width: 260px;
        height: auto;
    }

    .annonceImage input[type=image] {
        margin-bottom: 20px;
    }


    .divAnnoncesInfos {
        display: none;
    }

    .divImgPrincipale, .divImgPrincipale img {
        width: 260px;
        height: auto;
    }

    #divGalerie {
        width: 260px;
    }

    .divGalerieMini, .divGalerieMini img {
        width: 65px;
        height: auto;
    }


    #ctl00_cphPanMilieu_tcAnimal_tabGeneral_ckRecevoirInfos {
        margin-bottom: 0px;
    }

    #ctl00_cphPanMilieu_tcAnimal_tabGeneral_hlkGererGalerie {
        margin-bottom: 20px;
    }

    #ctl00_cphPanMilieu_panFlashUpload, #fileUpload {
        width: 260px !important;
    }

    #chart_div {
        width: 260px !important;
        height: 115px !important;
    }

    #ctl00_cphPanMilieu_tcAnimal_tabRappels_grdRappels {
        width: 260px;
        overflow: scroll;
    }

    .divConteneurRappels {
        overflow-x: scroll;
    }

    .colonne2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;
        -o-column-gap: 0px;
        column-gap: 0px;
    }


    /*---------------------- MODULE CLINIQUE -----------------*/

    #panCoordonnees{
        float: none;
        width: 260px;
    }

    #panHoraires{
        float: none;
        width: 260px;
        margin-top: 20px;
    }

   
}

