@charset "utf-8";

/* init Base element */
p, h1, h2, h3, h4, h5, h6, ul, li , div
table, td, tr,th, label, input, select {
    margin: 0;
    padding: 0;
}

div {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
}
@media screen and (max-width: 640px) {

    .align-picto-mob { display: none }

}
.button_rechercher2 {
    width: 125px;
    height: 24px;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: #860016;
    color: #FFF;
    font-weight: bold;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
    border-color: transparent;
    white-space: normal;
    line-height: inherit;
    font-weight: normal;
    font-size: inherit;
    font-variant: normal;
    font-style: inherit;
    color: inherit;
    text-align: left;
    border: none;
    margin: 0;
    padding: 0;
}
td.bqpdf {
    padding: 43px 0 0 133px;
    width: 445px;
}
.popupucm {
    width: 100%;
    height: 500px;
    position: absolute;
    margin: auto;
    text-align: center;
}
.popupucm2 {
    margin: auto;
    width: 900px;
    text-align: center;
    height: 263px;
    background-color: whitesmoke;
    z-index: 1;
    margin-top: 100px;
    padding: 35px 23px;
    font-size: 1.8em;
    line-height: 29px;
    box-shadow: 0 0 17px #6C6C6C;
}
input.cookpop {
    background-color: rgb(216, 216, 216);
    border: none;
    padding: 10px;
    font-size: 17px;
    width: 62px;
    box-shadow: 0 0 1px #000;
    cursor: pointer;
}
td, th {
    display: table-cell;
    vertical-align: top;
    border-spacing: 0px;
    border: none;
    padding: 0;
}

tr {
    display: table-row;
    vertical-align: top;
    border-spacing: 0px;
    border: none;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

a {
    white-space: nowrap;
    cursor: pointer;
    zoom: 1;
    border: 0;
    color: inherit;
    text-decoration: none;
}

html, body {
    background-color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-family: Verdana, sans-serif;
    color: #313131;
    opacity: 1;
    width:100%;
}

.nowrap {
    white-space: nowrap;
}

h4 {
    color: #292929;
    font-size: 18px;
    margin: 15px;
    padding:5px;
    border-bottom:2px solid #1d71b8;


}

.samk {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    margin: -12px 0 0 244px;
}
.samk2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    margin: -12px 0 0 183px;
}
#downup {
    display: none;
    padding: 10px;
    background-color: rgb(226, 226, 226);
    margin: 7px 1px 0;
}

h3 {
    margin: 0;
}
.bold { font-weight:bold;}
.clear{clear : both;}
.ib {display:inline-block;}
/*layout generel ____________________________________________________________________________________________*/

/*layout header ___________*/
div.hr1 {
    background-color: #B3B3B3;
    border: medium none;
    height: 12px;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 1000px;
}
div.hr2 {
    background-color: #e0e0e0;
    border: medium none;
    height: 2px;
    margin: auto;
    padding: 0;
    width: 700px;
    min-width: 700px;

}
div.middelhr {
    float: left;
    height: 5px;
    padding: 15px  0 0;
    width: 980px;
}
input.sortingbutons {
    background: none;
    border: none;
    color: #FFF;
    font-weight: bold;
    font-family: verdana;
    cursor: pointer;
}
#headerpage {
    height: 85px;
    /* width: 100%; */
    /*background: url('../images/CPMS_05.jpg') repeat-x center center transparent;*/
    /* min-width: 1000px; */
}
#contentheaderpage{
    width:1000px; 
    margin: 0 auto;
}

.leftlogo {
    width: 245px;
    float: left;
}

#espace_membre{
    float:right;
}

.espmen{
    background:#B3B3B3;
    padding: 0 4px 0 10px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.espmen:hover  ~ .sub_espace_membre {
    display:block;
}

.sub_espace_membre:hover{ display:block;}

.sub_espace_membre{
    list-style-type : none; 
    position:absolute;
    z-index:100000000;
    display:none;
}

.sub_espace_membre li{
    border-top:1px solid #A7A7A7;
    padding: 10px 10px;
    background:#B3B3B3;
}

.sub_espace_membre li a{

}

.encadre_offre{
    padding:5px;
    border-radius:5px;
    border: 1px solid #000;
    margin-bottom:15px;
    margin-top:10px;
}
#deco {
    color: red;
    padding: 2px 15px;
    border: 2px solid #c4e0eb;
    border-radius: 12px;
}
/************************ MENU ******************************/


#menu-centre{  /* height:57px;  */ float: left; /*  margin: auto;  */font-size:14px; font-weight: bold; padding-left: 136px;}

.jqueryslidemenu ul{ text-align: center; }
/*Top level list items*/

.jqueryslidemenu ul li{display:inline; position:relative; float:left; margin:auto; padding:0; /*  height:57px; */ }

/* Top level menu link items style */

.jqueryslidemenu ul li a{display:block;	padding:0; /* distance between main menu and dropdowns */ padding: 16px 15px 16px 14px; }

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block; }

/*1st sub level menu*/

.jqueryslidemenu ul li ul{display:block; left:0; position:absolute;	visibility:hidden; z-index:10000;}

/* Sub level menu list items (undo style from Top level List Items) */

.jqueryslidemenu ul li ul li{display:list-item;	float:none;}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{margin-top:-1px;}

.jqueryslidemenu ul li ul li ul a{top:0;}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{width:212px; border-top-width:0; text-align:center; padding:14px 0px; background:#E0E0E0; color: #000 }
/*
.jqueryslidemenu ul li ul li a{width:112px; border-top-width:0; text-align:center; padding:14px 0px; background:#E0E0E0; }
*/

.jqueryslidemenu ul li ul li a:hover{ }

.jqueryslidemenu ul li a{font-size:12px; text-decoration:none;}

.jqueryslidemenu ul li a:hover{ text-decoration:none; }

.jqueryslidemenu .menu li{font-size:14px; text-align:left;}

.jqueryslidemenu ul .current-menu-item{color:black; }

.jqueryslidemenu .sub-menu{margin-top:-1px; top: 40px !important}

.jqueryslidemenu .sub-menu li{ float:none; text-align:center; height:40px; width:213px; list-style-type : none; }

.jqueryslidemenu a:hover{text-decoration:none;  }

.jqueryslidemenu ul .current-menu-item a,.jqueryslidemenu ul .current-menu-item a:hover,.jqueryslidemenu ul .current-menu-item a:visited{}

.jqueryslidemenu .current-menu-item .sub-menu a,.jqueryslidemenu .current-menu-item .sub-menu a:hover,.jqueryslidemenu .current-menu-item .sub-menu a:visited{}

.jqueryslidemenu  .sub-menu a:hover{text-decoration: none; float:none;  }

.menu-right {
    border-right:1px solid #BDBDBD;
}
.menu-left{
    border-left:1px solid #FAFAFA;
}

#menu-centre .jqueryslidemenu .su-menu {

    position:relative; 
    top:7px;
    width:210px;
    height:40px;
    padding:0;
    border:1px solid #9E9D9B;
    border-image: url("");
}
#menu-centre .jqueryslidemenu .su-menu  a{
    line-height:37px;
    width:210px;
    height:40px;
    padding:0;
    border-image: url("");
}

@media only screen and (max-width: 640px) {
    #headerpage #menu-centre .jqueryslidemenu .su-menu,
    #headerpage #menu-centre .jqueryslidemenu .su-menu  a	{
        width:400px;
        text-align:left;
        background: rgb( 51, 51, 51);
        color: rgb(255, 255, 255);
    }
    #headerpage #menu-centre .jqueryslidemenu .su-menu  a{
        padding:0 0 0 10px; 
    }
    #headerpage #menu-centre .su-menu{
        position:relative; top:37px;
    }
    #headerpage #menu-centre .jqueryslidemenu .su-menu  a:hover{
        background: rgb( 12, 12, 12);
    }
    .header_corps_extranet { height: auto !important }
}

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

div.contenu_hp, .bothfooterdiv, .menufooter {
    max-width: 1000px;
    margin: auto;
    width: 1000px;
    min-width: 1000px;
    margin: 20px auto 20px;
    line-height: 18px;
}
/*.page_interne {  background: url('../images/interne_fond.jpg') repeat-x top; min-height:500px;}*/
.page_interne {  background: url('../images/interne_fond.jpg') repeat-x top;min-height: 100px;}
.corps_interne { padding-top:140px;}
.corps_interne1 { /* padding-top:100px; */}
.content_interne {padding-top:20px;}
.content_interne p { line-height: 18px; word-wrap: break-word; }
.corps_interne h1 { font-size:22px; text-transform:uppercase;  color:#4b4b4b; padding-bottom: 4px; float:left; border-bottom: 2px solid #1d71b8; }


.header_corps_extranet { height:93px; padding-top: 5px;}
#extranet_header_gauche{float:left;padding:0 0 20px 0;}
#extranet_header_droit{float:right; height:auto; min-height: 98px; width:310px; background:#fff;}
.title_extra{ font-size:15px; font-weight:bold; color:#2935a5; text-transform:uppercase; text-align:center;padding-bottom:20px}

ul.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul.menu li {
    /*  float: left; */
    /* padding: 18px 16px; 
     -webkit-border-image: url('../images/CPMS_06.jpg');
    -moz-border-image: url('../images/CPMS_06.jpg');
    border-image: url('../images/CPMS_06.jpg'); 
   border-image-source:url('../images/CPMS_06.jpg');
    border-image-width: 49px 2px 0 0;
            border-right:1px solid #fff;*/
}

ul.menu li:first-child {
    /* border-image-width: 49px 2px 1px 2px; */
    border-left: 0 none;
}

ul.menu li:last-child {
    /* border-image-width: 49px 2px 1px 2px; */
    border-right: 0 none;
}

ul.menu li { border-left: 1px solid #fff; border-right: 1px solid #ADADAD }

ul.menu li ul li { border-left: 0 none; border-right: 0 none; }

.ak-menu {
    width: 135px;
    height: 40px;
    padding: 0 0 0 15px;
    text-align: right;
}

.liste_item {
    border-top: 1px #a7a7a7 solid;
    padding: 10px;
    background-color: #B3B3B3;
}

.liste_itemtop {
    float: left;
    padding: 10px;
    background-color: #B3B3B3;
}

.all_liste_item {
    display: block;
    margin-left: -10px;
    margin-top: 32px;
    position: absolute;
    z-index: 1;
}

.slider_item {
    width:500px;
    height:300px;
    margin : 10px 0;
}
#menutop {
    display: none;
}

/*layout contenu ___________*/


#contenu_center, #contenu_center2 {
    height: auto;
    width: 100%;
    min-width: 1000px;
}

#contenu_center {
    /*background-image: url("../images//degrade_header_03.jpg");*/
    background-color: transparent;
    background-position-x: center;
    background-position-y: top;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-size: 100% 100%;
    margin-top: -2px;
}

#contenu_center, #contenu_center2 {
    height: auto;
    width: 100%;
    min-width: 1000px;
}

.item_box {
    width: 465px;
    float: left;
    margin: 10px 16px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 240px;
    line-height: 12px;
    padding-bottom: 70px;
}

.align_item_box {
    width: 465px;	
}

.align_chiffres {
    width: 672px;
    height: 190px;
}
.bqnew1 {
    display: inline-block;
    margin: -155px -311px 0 0px;
    float: right;
    position: absolute;
    right: 0;
}
.bqnew2 {
    background: aliceblue;
    height: 100px;
    margin: 0px 12px 0 0;
    width: 285px;
    float: right;
}

.description {
    padding: 10px;
    margin-top: -2px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    height: 120px;
    overflow: hidden;
}
.dscr {
    height: 90px;
    overflow: hidden;
}
/* footer ______________________________*/

#footer {
    clear: both;
    height: auto;
    min-width: 1000px;
    width: 100%;
}

#footer div.footer {
    height: 110px;
}

#footer div.footer {
    /*background-image: url("../images//CPMS_10.jpg");*/
    background-color: transparent;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat-x;
    background-attachment: scroll;
    height: 117px;
}

#footer div.bothfooter {
    /*height: 264px;*/
    background-color: #b3b3b3;
    margin-top: -2px;
}

.bothfooterdiv {
    height: 100px;
    margin: auto;
}

.bothfooterdiv_item {
    float: left;
}

.qsn {
    width: 246px;
}

.contact {
    width: 246px;
}

ul.list1 {
    list-style-image: url(../images/puce1.png);
    padding: 0 0 0 32px;
}

ul.list1 li {
    padding-top: 10px;
}


.map {
    width: 246px;
}

.sitemap {
    width: 246px;
}



.map_item {
    float: left;
}

.maps {
}

.seemap {
    margin-left: 10px;
    margin-top: 75px;
}

a.a_seemap {
    display: inline-block;
    padding: 5px;
    color: #fff;
    background-color: #1d71b8;
    text-align: center;

}
a.Plus {
    background:url("../images//Plus_gris.png") no-repeat scroll right center transparent;
    color:#000;
    font-size: 11px;
    display: block;
}
a.Plus:hover {
    background:url('../images/Plus_over.png')no-repeat scroll right center transparent;
}

a.Plus2 {
    background:url("../images//Plus_over.png") no-repeat scroll right center transparent;
    font-size: 11px;
    display: block;
}
a.Plus2:hover {
    background:url('../images/Plus_gris.png')no-repeat scroll right center transparent;
}
.menufooter {
    text-align: center;
    margin-top: 20px;
}

.menufooter div {

    height: 25px;
    margin: auto;
    padding-top: 10px;
    width: 616px;
}

#slogon {
    padding: 45px 30px 0;
    width: 550px;
}

.suivez_nous {
    background-image: url("../images//CPMS_8.jpg");
    background-color: transparent;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 70px;
    padding: 45px 25px 0;
    width: 210px;
}

.suivez_nous div {
    height: 22px;
    margin: 20px 0 0 40px;
    width: 135px;
}

.suivez_nous div div {
    float: left;
    height: 20px;
    margin: 0 10px;
    width: 20px;
}

.middelfooter {
    height: 0;
    display: none;
}

ul.list2 {
    list-style: none;
}

ul.list2 li {
    float: left;
}



/*init fix general_______________*/
.txtcenter {
    text-align: center;
}

.hei1 {
    height: 370px;
}

.hei2 {
    height: 116px;
}

.mar1 {
    margin-top: 2px;
}

.mar2 {
    margin-left: 30px;
}
.mar3 {
    margin: 0 10px;
}
.red {
    background-color: #1d71b8;
    color: #fff;
}


.green {
    background-color: #1d71b8;
    color: #fff;
}

.normal {
    background-color: #e0e0e0;
}

.p1 {
    color: #1d71b8;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    line-height: 16px;
}

.p2 {
    color: #313131;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    line-height: 16px;
}

.p3 {
    padding: 5px 80px 10px 15px;
    line-height: 16px;
}

.p4 {
    padding: 10px 0;
    line-height: 16px;
}

.st1 {
    height: 100px;
    width: 132px;
    margin-left: 17px;
    line-height: 16px;
}

.st2 {
    height: 100px;
    width: 90px;
}
.w1 {
    width:110px;
}
.w2 {
    width:110px;
}
.w3 {
    width:77px;
}
.w4 {
    width:180px;
}
.w5 {
    width:270px;
}
.w8 {
    width:120px;
}

.w70 { float: left; width: 70% }
.w30 { float: left; width: 30% }

.span1 {
    font-size: 16px;
    font-weight: bold;
    color: #1d71b8;
    padding: 0 0 5px 5px;
    display: inline-block;
}

.span2 {
    padding: 0 0 0 5px;
    display: block;
}

@-moz-document url-prefix() {
    #tS3.jThumbnailScroller .jTscrollerNextButton, #tS3.jThumbnailScroller .jTscrollerPrevButton {
        top: -6px;
    }
}

.input-group {
    margin-top: -10px !important;
}

/******* arret travail *********/
.rech {
    float:left;
    width:285px;
}
.enfant{padding: 10px 0;}

.button_art{
    padding: 4px 10px;
    background: #1d71b8;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.arret_error
{
    background : rgba(253, 10, 10, 0.35) !important;
}
.opt_right{float:right;}

#load_ajax{ text-align:center;}
#search_sinistre { font-size: 14px; font-weight: bold;} 
.etape3 .paire td, .etape3 .impaire  td{
    padding:0;
    text-align: center;
} 

.etape3 input{
    width:120px;
} 

#recap_arret{
    padding:0 50px;
    font-size:14px;
}

#recap_arret p{
    color:green;
}

.fichier_joindre{
    font-weight:bold;
    font-size:14px;
    padding: 15px 0 10px 0;
}

#recap{
    padding-top:15px;
}

/****************** PAGE CONTACT *************************/
.contact_colone{width:222px;}
.bloc_contact{  background : #D6D8D9; border-radius: 5px; margin-bottom: 10px;}
.bloc_contact h2 { font-weight:bold; font-size:11px; color:#1d71b8; text-transform:uppercase; padding:5px 10px ; border-bottom: 2px solid #1d71b8; }
.content_bloc { padding: 10px;}
.img_text, .bloc_text { float:left; }
.bloc_text {padding-left: 9px; padding-top: 5px; color: #666666; }


#contact h1{border:0; color:#fff; height:15px; background: url(../images/contact.jpg) repeat-x ; float:none; border-top-left-radius:7px; border-top-right-radius:7px; text-align:center;padding: 15px 0;}
#contact_content{background: url(../images/contact2.jpg) repeat-x ;  text-align:center; padding-top:10px; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}

#contact_droite{float:right;}
#contact_gauche{float:left;}
#contact{width:466px;float:left;margin-left: 49px;}

#button_menu{display:none;}

#form_contact table{margin: 0 auto;}
#form_contact input{width:245px; height:18px; margin: 5px 0; }
#form_contact select{width:245px; height:auto; margin: 5px 0;}
#form_contact textarea{width:245px; height:67px; margin: 5px 0;}
.lib { width:108px; vertical-align: middle; text-align: right; padding-right: 15px}
.last_form{vertical-align: top; padding-top: 10px;}
#send{width:107px !important; height:30px !important;  background: url(../images/form.png); border: 0; float:right;}
#search{width:107px !important; height:30px !important;  background: url(../images/form.png); border: 0; float:right;}
#message{ text-align: center;padding: 10px 70px;}
#message2{ text-align: center;padding: 10px 70px; color: green;}
.ct_responsive{display:none;}
#contact_map h1{ margin:50px 0 25px 0}
#contact_map iframe{width:980px;}
/* Media querys ____________________________________________________________________________________________________________*/

/* Media querys @media screen and (max-width: 320px) ____________________________________________________________________________________________________________*/
@media screen and (max-width: 640px) {

    .w70 { width: 100%; float: left; }
    .w30 { width: 100%; float: none }

    #contentheaderpage{
        width:321px; 
    }

    ul.menu li {border:0;}

    #menu-centre{display:none;}

    #button_menu{text-align:center; padding-top:10px; display:block;}

    #espace_membre {	
        float: right;
        z-index: 9999;
        top: 0;
        right: 0;
        position: absolute;
    }


    #menu-centre{ max-width: 100%; margin: 0px auto; overflow: hidden; width: 100%; height: 100%;}

    .nav, #menu-centre { 
        -webkit-transition: .2s all ease;
        -moz-transition: .2s all ease;
        transition: .2s all ease; 
        width: 100%; 
    }


    .nav { width:100%; border-bottom: 1px solid #000; }
    .nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
    .nav ul li { display: inline-block; text-align: left; }
    .nav ul li a { display: block; padding: 10px 12px; text-decoration: none; color: #444; }
    /*.nav ul li a:hover { background-color: #ccc; }*/

    #menu-centre{display:none; padding:0;}

    .nav { margin-left: -100%; float: left;}


    body.active .nav { margin-left: 0;  }
    body.active #menu-centre{ display:block; position:absolute; top: 62px; width:100%; background: #333333; z-index:10000000000000000000000; height: auto; left:0px;}

    .nav { padding: 0.6em 0; border: none; padding: 0; }
    .nav ul { text-align: left; font-weight: normal; float:none;}
    .nav ul li { display: block; }
    .nav ul li a { border-bottom: 1px solid #676767; border-top: 1px solid #000;  color: #ffffff; padding: 12px; }
    /*.nav ul li a:hover { background-color:#0C0C0C; }*/

    .jqueryslidemenu ul li {float:none;}
    .jqueryslidemenu ul li a:hover {/* border:0; */}

    #myslidemenu .current_page_item { background-color:#0C0C0C; }




    /****** contact ************/
    .ct_no_respons{display:none;}
    .ct_responsive{display:block;}
    #contact{ width: 100%; margin: 0;}
    #form_contact input{width:150px; height:18px; margin: 5px 0; }
    #form_contact select{width:153px; height:36px; margin: 5px 0;}
    #form_contact textarea{width:144px; height:67px; margin: 5px 0;}
    .lib{width:93px;}
    #contact_map{text-align: center;}
    #contact_map h1{text-align: center; width:213px; float:none; margin: 30px auto;}

    #contact_map iframe{width:320px;}

    #contact_droite,#contact_gauche,#contact{float:none;margin: 0 auto;}

    .leftlogo{width: auto;}

    html, body {
        font-size: 11px;
        line-height: 13px;
        font-family: Verdana, sans-serif;
    }

    div.hr1 {
        min-width: 320px;
    }

    .ak-menu {
        padding: 0 0 0 12px;
        width: 117px;
    }

    #headerpage {
        background-size: 100% 100%;
        height: 66px;
        /* min-width: 320px; */
    }

    .leftlogo > a >img {
        height: 65px;
    }

    div.headermenu {
        background: none repeat scroll 0 0 transparent;
        height: 64px;
        position: absolute;
        top: 75px;
        width: 100%;
        display: none;
    }

    #id_menu_espace_membre img {
        width: 25px;
    }

    .liste_item {
        padding: 8px;
    }

    .liste_itemtop {
        padding: 10px 5px;
    }

    .all_liste_item {
        margin-top: 30px;
    }

    #menutop {
        display: block;
    }

    .hei1 {
        height: 140px;
    }

    .hei2 {
        height: 75px;
    }

    .hei3 {
        height: 75px;
    }

    #contenu_center, #contenu_center2 {
        height: auto;
        width: 100%;
        min-width: 320px;
    }

    #footer div.bothfooter {
        height: 620px;
    }

    .bothfooterdiv {
        height: 365px;
    }

    div.contenu_hp, .bothfooterdiv, .menufooter {
        max-width: 320px;
        min-width: 320px;
        width: 320px;
    }

    .menufooter {
        margin-top: 50px;
    }
    .item_box {
        width: 320px;
        margin: 10px 0;
        height: 245px !important;
        padding-bottom: 70px;
    }

    h4 {
        color: #292929;
        font-size: 15px;
        margin: 12px 0;
        border-bottom: 0px;
    }

    h3 {
    }

    #footer {
        min-width: 320px;
    }

    #footer div.footer {
        height: 75px;
        background-size: 100% 100%;
    }

    #slogon {
        margin: 68px 0 0 -72px;
        padding: 0;
        position: absolute;
        width: 310px;
        z-index: 1;
    }

    .st1 {
        margin-left: 0;
    }

    .p1 {
        font-size: 12px;
        padding: 15px 0 5px;
    }


    .p2 {
        font-size: 11px;
        padding: 5px 0;
    }

    .p3 {
        padding: 10px 0;
    }

    .middelfooter {
        height: 45px;
        border-top: #b3b3b3 2px solid;
        display: block;
    }

    ul.list1 {
        padding: 0 0 0 17px;
    }

    .suivez_nous {
        background-size: 100% 100%;
        height: 70px;
        margin-left: 32px;
        padding: 5px 0 0;
        width: 170px;
    }

    .suivez_nous div {
        height: 22px;
        margin: 35px 0 0 28px;
        width: 135px;
    }


    .qsn {
        width: 315px;
    }

    .menufooter div {
        width: 320px;
    }

    div.hr2 {

        width: 250px;
        min-width: 250px;

    }
    div.middelhr {

        width: 300px;
    }
}

/* Media querys @media screen and (max-width: 1400px) ____________________________________________________________________________________________________________*/
@media screen and (max-width: 1400px) {
}
/* Media querys*/


.anythingSlider-default .anythingControls {
    text-align:right;
}

.anythingSlider-default.activeSlider .anythingWindow {
    border:none;

}


.anythingSlider-default .anythingControls ul {
    float: right;
    margin: 0 25%;
    padding: 0;
}

.anythingSlider-default .anythingControls a {
    background:none;
}


.anythingSlider-default.activeSlider .anythingControls a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.anythingSlider-default.activeSlider .anythingControls a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.anythingSlider-default .anythingControls a.cur {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
}


.anythingSlider-default .anythingControls a  {
    visibility: visible;
    background:url('../images/btn_carrousel_06.png') no-repeat;
    display:block;
}
.anythingSlider-default .anythingControls a  {
    visibility: visible;
    background:url('../images/btn_carrousel_06.png') no-repeat;
    display:block;
}

/**/

.item_scroll {
    height:100px;
    background:url('../images/carrousel_chiffres_degrade.jpg') repeat-x center center ;
    padding : 0 20px;
    -webkit-border-image: url('../images/carrousel_chiffres_separateur.jpg');
    -moz-border-image: url('../images/carrousel_chiffres_separateur.jpg');
    border-image: url('../images/carrousel_chiffres_separateur.jpg');
    /*border-image-source:url('../images/carrousel_chiffres_separateur.jpg');*/
    border-image-width: 120px 2px 0 0;

    float:left;
    width:120px;
}
.item_scroll > div {
    margin: 17px 0;
}

/************************ ACCUEIL EXTRANET PARTICULIER / ENTREPRISE ******************************/

.pa1 {
    margin: 35px 15px 15px 15px;
    color: #4c4d4f; 
    font-size: 17px;
    font-weight: bold;
    border-bottom: 3px solid #e0e0e0;
}
#menu_interne img:not(.retour){
    width:85px; 
}

#menu_interne_entreprise img:not(.retour){
    width:75px; 
}

.retour{vertical-align: top;
        margin-top: 30px;
        color: green;
        font-weight: bold;}

.consul_div{ float:left; padding: 0px 0px 50px 0px;width:100%; text-align:center;}
.edite_div{ float:left; padding: 0px 0px 92px 0px;} 
.img_particulier{ padding: 0px 5px; }

.connexion {padding-top:100px;}
.bloc_connexion { width: 642px; margin : 0 auto;}
.descr { background:#EDEDED; color: #4c4d4f; padding: 15px 30px 0px 30px;}
.ss_descr { padding: 1px 1px 1px 1px; float:right;width:460px}
.descr strong { font-size: 14px; padding-bottom:5px;}
.descr img {float:left; background:#EDEDED;}
.st_form {width:350px; margin: 0 auto; color: #4c4d4f;padding-top:15px; }
.st_form label {font-size: 13px; font-weight:bold;}
.st_form span {color:#1d71b8}
.st_form input {border: 2px solid #D3D3D3; width: 198px; height:23px;} 
.st_form a {text-decoration:underline;} 
.edit_code {padding:20px 0;}
.edit_code a{color:#293b8e;}
#valider{width:90px; height:22px; background:#293b8e; color:#fff; border:0; float:right;cursor:pointer} 
#effacer{width:90px; height:22px; background:#293b8e; color:#fff; border:0; float:right;cursor:pointer; margin: 0px 10px; outline: none;} 


@media only screen and (max-width: 640px) {
    .bloc_connexion{width:320px;} 
    .descr img {display:none;} 
    .descr { background:#EDEDED; color: #4c4d4f; padding: 15px 30px 15px 30px;}
    .st_form{width:320px;}
    .ss_descr {width:auto}
}
/***********************MES DONNEES PERSONNELLES **************************/


.pmdp1{
    padding:12px 0px;
    margin: 15px;
    color: #4c4d4f;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 3px solid #2935a5;
}

.pmdp_content {
    size:15px;
    font-weight:bold;
    color:#2935a5;
}
.pmdp_title_table h5{
    vertical-align: middle;
    height:20px; 
    width:240px;
    margin:0px 0px 0px 10px;
    padding:10px 0px 0px 40px;
    border-radius: 50px 50px 0px 0px; 
}
.pmdp_title_table{ border-bottom: 3px solid #2935a5; height:30px;float:left;margin: 10px 0 0 0;}
.pmdp_div_content {padding: 0px 0px 50px 0px;}



.pmdp_table{
    border-spacing:1px;
    border-collapse:separate;
    width:100%;
}
.pmdp_table th{ 
    text-align:center;
    vertical-align: middle;
    height: 40px;
    border-bottom: 5px solid #ffffff;
}

.right{ border-left:3px solid #ffffff;}
.paire{ background-color:#e2e2e2;}
.impaire{} 

.paire td, .impaire td{  
    vertical-align: middle;
    height:30px;
    /* padding: 0px 0px 0px 50px; */
    text-align: center;
}

.assure_princi{ margin: 10px 0; font-weight:bold; font-size: 16px;  }

#element_to_pop_1up input {margin-bottom:5px;margin-left:10px;}

@media only screen and (max-width: 640px) {
    .paire td, .impaire td{
        vertical-align: middle;
        height:auto;
        padding: 4px 0px 4px 10px;
    }
}

.button_valider{
    background:url('../images/2014_04_bouton_cpms_14.jpg');
    width:95px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.button_envoyer{
    background:url('../images/2014_04_bouton_cpms_11.jpg');
    width:103px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.button_selectionner{ 
    background:url('../images/2014_04_bouton_cpms_01.jpg');
    width:125px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.button_annuler{
    background:url('../images/2014_04_bouton_cpms_06.png');
    width:84px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.button_rechercher{
    background:url('../images/2014_04_bouton_cpms_08.jpg');
    width: 125px;
    height: 24px;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.button_export{
    background:url('../images/2014_04_bouton_cpms_23.jpg');
    width:101px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}

.button_editer{
    background:url('../images/2014_04_bouton_cpms_25.png');
    width:78px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
    margin-top: 15px;
}
.button_mod {
    background:url('../images/2014_04_bouton_cpms_20.jpg');
    width:103px;
    height:24px;
    border: 0;
    outline: 0;
    cursor:pointer;
}


/******************************** MES REMBOURSEMENTS ********************************/
.list, .rmb_ch, .rmb_sel{
    float:left;
}
.rmb_choise{ padding:0px 0px 100px 0px;}
.sendlo {padding: 13px 0px 13px 60px;}
.list ul{
    font-size:13px;
    padding:0px 90px 5px 30px;
}

.list ul div{ height:17px;}
.list ul div:first-child{padding:0px 0px 10px 0px;}

.rmb_ch label{
    margin:0px 0px 0px 0px;
    font-size:13px;
    width:120px;
    display:block;
    float:left;
}

.list label {
    width:100px;
    display:block;
    height:20px;
    line-height:18px;

}

.list {
    margin-right: 25px !important;
}

.rmb_ch div:first-child{ padding: 0px 0px 1px 0px;}
.rmb_ch label{ height:20px;line-height:18px}
.rmb_ch input{ width:140px; position:relative; top:-7px;}
.rmb_ch{vertical-align:middle; padding:0px 110px 0px 0px;}
.ui-datepicker-trigger{padding:0px;cursor:pointer;}

form#collabo img.ui-datepicker-trigger { top: 5px; position: relative; }

.rmb_sel span,.rmb_sel div{
    font-size:13px;
    vertical-align:top;
    height:24px;
}

.rmb_sel select{ width:190px;}


@media only screen and (max-width: 640px) {


    .rmb_choise{ padding:0px 0px 50px 0px;}
    .rmb_ch{padding:0px 0px 0px 10px;}
    .rmb_sel{padding:10px 0px 0px 10px;}

    .no_more_table,
    .no_more_table thead, 
    .no_more_table tbody, 
    .no_more_table th, 
    .no_more_table td,
    .no_more_table tr {
        display:block;

    }

    .no_more_table thead{ 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .no_more_table tr { border: 1px solid #ccc; }

    .no_more_table td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
        margin:2px;
    }

    .no_more_table td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .no_more_table td:before { content: attr(data-title); }
}

/**************** FORM OFFRE D'EMPLOI******************/

#contenu_center2 .offre_emploi{
    width:900px;
}
#form_contact .offrese{
    width:505px;
}
#form_contact .offre{
    width:500px;
}
.laboffre {
    width:210px !important;
}

@media only screen and (max-width: 640px) {
    #contenu_center2 .offre_emploi{
        width:320px;
    }
    .offre_emploi h1{
        background:url('')!important;
        background: #1e5799!important; /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #ad242b 0%, #1d71b8 50%, #ad242b 100%, #7db9e8 100%)!important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#ad242b), color-stop(50%,#1d71b8), color-stop(100%,#ad242b), color-stop(100%,#7db9e8))!important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1e5799 0%,#ad242b 0%,#1d71b8 50%,#ad242b 100%,#7db9e8 100%)!important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1e5799 0%,#ad242b 0%,#1d71b8 50%,#ad242b 100%,#7db9e8 100%)!important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1e5799 0%,#ad242b 0%,#1d71b8 50%,#ad242b 100%,#7db9e8 100%)!important; /* IE10+ */
        background: linear-gradient(to bottom, #1e5799 0%,#ad242b 0%,#1d71b8 50%,#ad242b 100%,#7db9e8 100%)!important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */
        line-height: 22px!important;
        padding:15px 0px 25px 0px !important;
        height:35px!important;
    }
    #form_contact .offrese{
        width:153px;
    }
    #form_contact .offre{
        width:150px;
        max-width:200px;
    }
    .laboffre {
        width:93px	 !important;
    }
}
/******************* FORM ENQUETE DE SATISFACTION***************/
.fes_table{
    border-spacing:1px;
    border-collapse:separate;
    width:100%;
}
.fes_table th{ 
    text-align:center;
    vertical-align: middle;
    height: 40px;
    border-bottom: 5px solid #ffffff;
}
.fes_table tr td:first-child{
    width:420px;
}
.no_more_table1 tr:nth-child(){
    background-color:#fff;
}
#pr {width:700px;}
.satisfaction h2{padding:0 0 10px 0; line-height: 16px;}

.dones label{
    height:15px;
    padding-top:5px;
    display:inline-block;
    width:150px;

}
#textarea{
    padding:20px;
}
.dones textarea{
    margin:20px;
    margin:0 auto;
    width:420px;
}
.dones input{display:inline-block;height:17px;}

.fes_table input{
    position:relative;
    right:5px;
}
.fes_table span{
    position:relative;
    right:6px;
    bottom:3px;
}
.recomman input{
    position:relative;
    left:75px;
}

@media only screen and (max-width: 640px) {

    .recomman input{
        position:relative;
        left:0px;
    }

    .none{display:none;}


    .fes_table input{
        position:relative;
        right:0px;

    }
    .fes_table span{
        position:relative;
        right:0px;
        bottom:0px;
    }

    .decal{margin:0;}
    .questfi span{
        position:relative;
        right:150px;
        top:3px;
    }
    .dones textarea{
        width:280px;
        position:relative;
        right:144px;
        height:20px;
    }
    .dones table {
        padding: 20px 0;
    }

    .no_more_table1,
    .no_more_table1 thead, 
    .no_more_table1 tbody, 
    .no_more_table1 th, 
    .no_more_table1 td,
    .no_more_table1 tr {
        display:block;
    }

    .no_more_table1 thead{ 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .no_more_table1 tr {border: 1px solid #ccc; }

    .no_more_table1 td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
        margin:2px;
    }
    .no_more_table1 td:first-child { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 0%;
        white-space: normal;
        text-align:left;

        width: 45%;
        margin:2px;
        overflow:none;
        background-color: #1d71b8;
        color: #fff;
    }

    .no_more_table1 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    .fes_table tr td:first-child {
        width: 99%;
    }

    /*
    Label the data
    */
    .no_more_table1 td:before { content: attr(data-title); }
}


.chart-responsive { width: 800px; }

/************** SINGLE EMPLOI **************/
.pmdp_table textarea{
    width:300px;
    position:relative;
    left: 5px;
}
@media only screen and (max-width: 640px) {
    .pmdp_table textarea{
        width:157px;
        position:relative;
        left: 5px;
    }
    #candi{
        position:absolute;
        top:200px;
        left:-4px;
        height:30px;
    }
    #cand{

    }
    .taxo h1 , .sin_emploi h1 , .emploi h1{
        margin:0 0 48px 0;
    }
    .sin_emploi #candi{
        position:absolute;
        top:185px;
        left:5px;
    }
    .sin_emploi .ca{
        position:relative;
        right: 124px;		
    }
}
.decal{
    margin:0 0 0 5px;	
}
.sin_emploi .ca{
    padding:10px 0;
}
.sin_emploi .sngl{
    position:relative;
    top:10px;
}
#cv, #lm{
    margin:5px 0;
}
.sin_emploi h2 , .emploi h2.taxo h2 {
    color: #292929;
    font-size: 18px;
    margin: 15px;
    padding:5px;
    border-bottom:2px solid red;
}

.emploi .pa1, .taxo .pa1 {
    padding:0 0 10px 0;
    color: #4c4d4f;
    border-bottom: 3px solid #e0e0e0;
}
#recherche{
    text-align: right;
    cursor: pointer;
    background: #1d71b8;
    border: 0 none;
    outline: 0 none;
    color: #fff;
    padding: 3px;
    margin-bottom:10px;
}

#moteurRechercheField {
    padding: 3px;
    outline: 0 none;
    border: 0 none;
}

.sin_emploi button, .emploi button, .taxo button{
    position:relative;
    top:-8px;
    left:10px;
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #c9344d;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
}
.sin_emploi button:hover, .emploi button:hover, .taxo button:hover{
    background: #f27485;
    text-decoration: none;
    outline: 0 none;
}

#form_mess{
    text-align:right;
    padding: 0 20px 0 0;
}
@media only screen and (max-width: 640px) {

    .chart-responsive { width: 400px !important;margin-left: -40px !important; }

    #extranet_header_droit .title_extra { padding-top: 15px; }
    .header_corps_extranet { line-height: 19px; }
    .edite_div { float: none !important; adding: 0px 0px 50px 0px; width: 100%; text-align: center;}

}
/*************** PAGE EMPLOI *****************/


.btn {
    float:right;
    margin:0 20px 0 0;
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    background: #c9344d;
    padding: 3px 20px 3px 20px;
    text-decoration: none;
}


.btn:hover {
    background: #f27485;
    text-decoration: none;
}

/************** Taxonomy *********************/

/**************Praticien *********************/


.praticien_filtre{
    float:left;
}

.praticien_filtre label{
    margin:0px 0px 0px 0px;
    font-size:13px;
    width:200px;
    display:block;
    float:left;
}
.praticien_filtre>div{
    padding:10px 0px;
}



/************ prise en charge hosopitaliere ********/

#tiers_search{padding:10px 0 20px 40px;}

#tiers_search h3 {display:inline;padding:0 0px 10px 0;}

#tiers_search div:not(.clear) {float:left; margin-right: 30px;}


.affi{
    padding:10px 30px;
}

.affi a{
    padding:2px 5px; color:#fff; background:rgb(178, 0, 29);margin-left:50px;
}

.affi a:hover {background:rgba(178, 0, 29, 0.80);}

#trans_affi {margin-top:40px;}


/******** google graphe ***********/

#chart_div{ width:400px; margin:0 auto;}

.alert_msg{
    color:red;
    font-size:10px;
    text-align:center;
    display:none;
}



#telecharger, #popup, #popup2, .bMulti {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111; 
    width: auto;
    padding: 25px; }
.mini_img {
    display:block;
    float:left;
    height: 86px;
}	


/* tinyMCE */
.aligncenter,
dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    padding: 0 20px 0 0;
}

.alignright {
    float: right;
    padding: 0 0 0 20px;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mceIEcenter {
    text-align: center;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    -webkit-user-drag: none;
}

.wp-caption-dd {
    font-size: 11px;
    line-height: 1.5;
    padding: 0 4px 5px;
    margin: 0;
}

/* faaaaaaq */

.scrollToTop{
    width:32px; 
    height:32px;
    padding:10px; 
    text-align:center; 
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    top:30%;
    right:25%;
    display:none;
    background: url('../images/arrow.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
    text-decoration:none;
}

.container-captcha{
    margin-bottom: 40px;
    text-align: center;
}				
.container-captcha .refresh-captcha{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/refresh-captcha.png) no-repeat center center;
    vertical-align: middle;

}
.aide_codes {
    padding-top: 4px;
    font-weight: bold;
    color: #1d71b8;
}


/*Carte TP */

/* Container */
.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  position: relative;
  width: 300px;
  margin: 0 auto;
}

/* Card overlay */
.card-overlay {
  position: absolute;
  width: 188px;
  height: 114px;
  z-index: 20;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  top: 86px;
  right: -10px;
  cursor: pointer;
  transform-origin: bottom right;
  transition: transform 0.3s ease-in-out;
}

.card-overlay:hover {
  transform: scale(1.25);
}

.label-new {
  position: absolute;
  color: #f59e0b;
  font-size: 0.875rem;
  font-weight: 600;
  top: 8px;
  right: 12px;
}

.label-year {
  position: absolute;
  font-size: 0.875rem;
  font-weight: 600;
  top: 24px;
  right: 12px;
}

.logo {
  position: absolute;
  width: 48px;
  top: 16px;
  left: 16px;
}

.card-image {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
}

.icon {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 12px;
  right: 20px;
}

/* Main card */
.main-card {
  grid-column: span 1;
  border-radius: 24px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 188px;
  width: 309px;
  cursor: pointer;
  margin: 0 auto;
}

.main-card-content {
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.main-card:hover .main-card-content {
  opacity: 1;
}

.logo-main {
  position: absolute;
  width: 96px;
  top: 16px;
  left: 16px;
}

.card-main-image {
  display: flex;
  justify-content: center;
  height: 188px;
  width: auto;
}

.icon-main {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 12px;
  right: 20px;
  top: 36px; /* Adjusted */
}