/* Imports */
@import url(reset.css);
@import url(fonts.css);



#listing2   img { cursor:pointer; }

div.heure {
    border: 1px dotted lightgrey;
    color: grey;
    width: 100%;
    text-align: center;
}

div.plus {
    width: 100%;
    text-align: center;
    heigth:15px;
}



/* General */
body {
    background:url("../graphs/backgrounds/white_texture.png");
    font-family:"Din";
    font-size:0.8em;  
}
#main { display:block;
    width:100%;
    margin: 0 auto; 
    background:white;
    box-shadow:1px 1px 5px 0px #aaa;
    padding: 0 2.5% 5.5% 2.5%
     
}
#mainbis { display:block;
    width:100%;
    margin: 0 auto; 
    background:lightgrey;
    box-shadow:1px 1px 5px 0px #aaa;
    padding: 0 2.5% 2.5% 2.5%
     
}
a:link, a:visited {
    text-decoration:none;
    color:#444;
}
a:hover, a:focus {
    text-decoration:underline;
    color:#000;
}
input:focus{ outline:none; }
input {
	border-radius:0; 
	margin-left:5px;
	margin-right:5px;
}

input[type="text"]  {
	border:1px dashed grey;height:1.1rem;
}
input[type="date"]  {
	border:1px dashed grey;height:1.1rem;
}
input[type="time"]  {
	border:1px dashed grey;height:1.1rem;
}
textarea  {
	border:1px dashed grey;
}

input[type="submit"]  {
	padding:10px;font-weight:bold;color:white;border: 1px solid #000;background:#9DC2E4;font-size:0.8rem;
}


input[type="button"]  {
	padding:10px;font-weight:bold;color:white;border: 1px solid #000;background:#9DC2E4;font-size:0.8rem;
}
.clientlist { height:4.4rem; vertical-align:middle; font-family:Arial !important; }
.clientlist  > td { vertical-align:middle; padding:0 0.4rem 0 0.4rem;  
  overflow: hidden;  
  text-overflow: ellipsis; }
.clicone {
	cursor:pointer;
	text-decoration:none;
 	text-align:center;
}
.clicone:hover { text-decoration:underline }

#NavigationAgenda {
    width:450px;
    height:30px;
    padding:15px;
    float:right;
    text-align:left;
}
#NavigationAgenda .bornes {
    font-family:"Din";
    font-size:14px;
    color:#666;
    /*text-transform:lowercase;*/
}
#NavigationAgenda a {
    font-family:"Din";
    font-size:15px;
    display:inline-block;
    text-align:center;
    padding: 5px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:5px;
    
    background:#eee;
    border:1px solid #ddd;
    -ie-border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    
    cursor:pointer;
    color:#aaa;
    text-decoration:none;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
#NavigationAgenda a:hover {
    color:black;
    border-color:#bbb;
    color:#444;
}


table {
    width:100%;
    margin:0 auto;
    margin-top:20px;
    border:none;
    font-family:"Din";
}
#listing table {
    width:100%;
    margin:0 auto;
    margin-top:20px;
    border:none;
}
#listing2 table {
    width:100%;
    margin:0 auto;
    margin-top:auto;
    border:none;
}
#listing2 th, td {
    width:25px;
    min-width:auto;
    max-width:auto;
    text-align:center;
}
#listing2 td {
    width:auto;
    overflow:hidden;
    max-width:400px;
    min-width:5px;
    text-align:center;
    border:none;
}


#planning th, td {
     min-width:137px;
    max-width:137px;
    text-align:center;
}  
#listing td {
    width:auto;
    overflow:hidden;
    max-width:130px;
    text-align:center;
} 
tr.semaine {
    text-transform:uppercase;
    font-size:28px;
    font-family:"Hardwood";
}
tr.semaine td {
    padding-bottom:0px;
    background: url("../graphs/backgrounds/day_bg.png") repeat-x ;
}
tr.semaine td.c1{color:#38407f;}
tr.semaine td.c2{color:#3e7d66;}
tr.semaine td.c3{color:#c77f46;}
tr.semaine td.c4{color:#cd9f3e;}
tr.semaine td.c5{color:#ae4e3e;}
tr.semaine td.c6{color:#ae2773;}
tr.semaine td.c7{color:#632e7d;}

tr.semaine td.c1special{color:#38407f;}
tr.semaine td.c2special{color:#3e7d66;}
tr.semaine td.c3special{color:#c77f46;}
tr.semaine td.c4special{color:#cd9f3e;}
tr.semaine td.c5special{color:#ae4e3e;}
tr.semaine td.c6special{color:#ae2773;}
tr.semaine td.c7special{color:#632e7d;}

tr.dates {
    color:white;
    font-family:"Din";
    font-size:12px;
}
tr.dates td {
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #aaa;
}
tr.dates td.jour{text-decoration:underline;}
tr.dates td.c1{background:#38407f;}
tr.dates td.c2{background:#3e7d66;}
tr.dates td.c3{background:#c77f46;}
tr.dates td.c4{background:#cd9f3e;}
tr.dates td.c5{background:#ae4e3e;}
tr.dates td.c6{background:#ae2773;}
tr.dates td.c7{background:#632e7d;}

tr.dates td.c1special{background:#38407f;}
tr.dates td.c2special{background:#3e7d66;}
tr.dates td.c3special{background:#c77f46;}
tr.dates td.c4special{background:#cd9f3e;}
tr.dates td.c5special{background:#ae4e3e;}
tr.dates td.c6special{background:#ae2773;}
tr.dates td.c7special{background:#632e7d;}

tr.separation_Titre {
    background: url("../graphs/headers/inter_bg.png") #eee center center no-repeat;
    text-align:center;
    text-transform:uppercase;
    font-size:15px;
    font-family:"Hardwood";
    color:#777;
    letter-spacing:14px;
}
tr.separation_Titre th {padding-top:10px;padding-bottom:5px;}

td.contenu{
    min-height:200px;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
    background:#fff;
    position:relative;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}

td.contenu.c1.active{border-color:#878cb2;background:#c9cde8;}
td.contenu.c2.active{border-color:#8bb1a3;background:#cce8df;}
td.contenu.c3.active{border-color:#ddb290;background:#f9e8d1;}
td.contenu.c4.active{border-color:#e1c58b;background:#faf1cc;}
td.contenu.c5.active{border-color:#ce948b;background:#f4d4cc;}
td.contenu.c6.active{border-color:#ce7dab;background:#f4bfe4;}
td.contenu.c7.active{border-color:#a181b1;background:#dec3e8;}

td.contenu.c1special{border-color:#878cb2;background:#c9cde8;}
td.contenu.c2special{border-color:#8bb1a3;background:#cce8df;}
td.contenu.c3special{border-color:#ddb290;background:#f9e8d1;}
td.contenu.c4special{border-color:#e1c58b;background:#faf1cc;}
td.contenu.c5special{border-color:#ce948b;background:#f4d4cc;}
td.contenu.c6special{border-color:#ce7dab;background:#f4bfe4;}
td.contenu.c7special{border-color:#a181b1;background:#dec3e8;}

td.contenu ul{
    list-style-type:none;
    width:100%;
   /* height:160px;*/
    min-height:160px;
    /*max-height:160px;*/
    margin:0 auto;
    margin-top:10px;
    position:relative;
    overflow:hidden;
}
td.contenu ul li{
    width:100%;
    /*height:20px;*/
    /*max-height:20px;*/
    position:relative;
    text-transform:capitalize;
    margin:0;
}
td.contenu ul li input{
    width:30px;
    text-transform:capitalize;
    border:none;
    background:none;
    text-align:center;
    margin:0;
    
    font-family:"Din";
    font-size:11px;
    
    border-bottom:#fff 1px solid;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}

td.contenu.c1.active ul li input{border-color:#c9cde8;}
td.contenu.c2.active ul li input{border-color:#cce8df;}
td.contenu.c3.active ul li input{border-color:#f9e8d1;}
td.contenu.c4.active ul li input{border-color:#faf1cc;}
td.contenu.c5.active ul li input{border-color:#f4d4cc;}
td.contenu.c6.active ul li input{border-color:#f4bfe4;}
td.contenu.c7.active ul li input{border-color:#dec3e8;}

td.contenu.c1.active ul li input:focus{border-color:#fff;color:#38407f;}
td.contenu.c2.active ul li input:focus{border-color:#fff;color:#3e7d66;}
td.contenu.c3.active ul li input:focus{border-color:#fff;color:#c77f46;}
td.contenu.c4.active ul li input:focus{border-color:#fff;color:#cd9f3e;}
td.contenu.c5.active ul li input:focus{border-color:#fff;color:#ae4e3e;}
td.contenu.c6.active ul li input:focus{border-color:#fff;color:#ae2773;}
td.contenu.c7.active ul li input:focus{border-color:#fff;color:#632e7d;}

td.contenu.c1 ul li input:focus{border-color:#c9cde8;color:#38407f;}
td.contenu.c2 ul li input:focus{border-color:#cce8df;color:#3e7d66;}
td.contenu.c3 ul li input:focus{border-color:#f9e8d1;color:#c77f46;}
td.contenu.c4 ul li input:focus{border-color:#faf1cc;color:#cd9f3e;}
td.contenu.c5 ul li input:focus{border-color:#f4d4cc;color:#ae4e3e;}
td.contenu.c6 ul li input:focus{border-color:#f4bfe4;color:#ae2773;}
td.contenu.c7 ul li input:focus{border-color:#dec3e8;color:#632e7d;}



td.contenu ul li a{    
    text-decoration:none;
    font-size:30px;
    color:#de4141;
    
  
}
td.contenu ul li:hover a{
 
}
div.ajout {
    position:absolute;
    bottom:0px;
    left:3px;
    width:100%;
    /*height:25px;*/
    padding:5px;
    text-align:right;

    color:#fff;
    border-color:#fff;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
td.contenu:hover div.ajout {

}
td.contenu div.ajout input {
    width:55px;
    margin-left:-5px;
    background:none;
    border:none;
    border-bottom:#fff 1px solid;
    color:#ccc;
    
    font-family:"Din";
    font-size:11px;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}

td.contenu.c1.active div.ajout input{border-color:#c9cde8;color:#38407f;}
td.contenu.c2.active div.ajout input{border-color:#cce8df;color:#3e7d66;}
td.contenu.c3.active div.ajout input{border-color:#f9e8d1;color:#c77f46;}
td.contenu.c4.active div.ajout input{border-color:#faf1cc;color:#cd9f3e;}
td.contenu.c5.active div.ajout input{border-color:#f4d4cc;color:#ae4e3e;}
td.contenu.c6.active div.ajout input{border-color:#f4bfe4;color:#ae2773;}
td.contenu.c7.active div.ajout input{border-color:#dec3e8;color:#632e7d;}

td.contenu.c1.active:hover div.ajout input{border-color:#878cb2;color:#38407f;}
td.contenu.c2.active:hover div.ajout input{border-color:#8bb1a3;color:#3e7d66;}
td.contenu.c3.active:hover div.ajout input{border-color:#ddb290;color:#c77f46;}
td.contenu.c4.active:hover div.ajout input{border-color:#e1c58b;color:#cd9f3e;}
td.contenu.c5.active:hover div.ajout input{border-color:#ce948b;color:#ae4e3e;}
td.contenu.c6.active:hover div.ajout input{border-color:#ce7dab;color:#ae2773;}
td.contenu.c7.active:hover div.ajout input{border-color:#a181b1;color:#632e7d;}

td.contenu.c1.active div.ajout input:focus{border-color:#fff;color:#38407f;}
td.contenu.c2.active div.ajout input:focus{border-color:#fff;color:#3e7d66;}
td.contenu.c3.active div.ajout input:focus{border-color:#fff;color:#c77f46;}
td.contenu.c4.active div.ajout input:focus{border-color:#fff;color:#cd9f3e;}
td.contenu.c5.active div.ajout input:focus{border-color:#fff;color:#ae4e3e;}
td.contenu.c6.active div.ajout input:focus{border-color:#fff;color:#ae2773;}
td.contenu.c7.active div.ajout input:focus{border-color:#fff;color:#632e7d;}

td.contenu.c1 div.ajout input:focus{border-color:#878cb2;color:#38407f;}
td.contenu.c2 div.ajout input:focus{border-color:#8bb1a3;color:#3e7d66;}
td.contenu.c3 div.ajout input:focus{border-color:#ddb290;color:#c77f46;}
td.contenu.c4 div.ajout input:focus{border-color:#e1c58b;color:#cd9f3e;}
td.contenu.c5 div.ajout input:focus{border-color:#ce948b;color:#ae4e3e;}
td.contenu.c6 div.ajout input:focus{border-color:#ce7dab;color:#ae2773;}
td.contenu.c7 div.ajout input:focus{border-color:#a181b1;color:#632e7d;}

td.contenu div.ajout a {
    color:darkgrey; 
    text-decoration:none;
   /* font-size:25px;*/
    cursor:pointer;
    
    /* IE */
	-ie-transition-property: all;
	-ie-transition-duration: 0.1s;
	-ie-transition-timing-function: ease-in-out;
    /* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: ease-in-out;
	/*standardisé */
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
td.contenu.c1.active div.ajout a{color:#c9cde8;}
td.contenu.c2.active div.ajout a{color:#cce8df;}
td.contenu.c3.active div.ajout a{color:#f9e8d1;}
td.contenu.c4.active div.ajout a{color:#faf1cc;}
td.contenu.c5.active div.ajout a{color:#f4d4cc;}
td.contenu.c6.active div.ajout a{color:#f4bfe4;}
td.contenu.c7.active div.ajout a{color:#dec3e8;}

td.contenu.c1.active:hover div.ajout a{color:#878cb2;}
td.contenu.c2.active:hover div.ajout a{color:#8bb1a3;}
td.contenu.c3.active:hover div.ajout a{color:#ddb290;}
td.contenu.c4.active:hover div.ajout a{color:#e1c58b;}
td.contenu.c5.active:hover div.ajout a{color:#ce948b;}
td.contenu.c6.active:hover div.ajout a{color:#ce7dab;}
td.contenu.c7.active:hover div.ajout a{color:#a181b1;}

td.contenu.c1.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c2.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c3.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c4.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c5.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c6.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c7.active:hover div.ajout a:hover{color:#fff;}

td.contenu.c1 div.ajout input:focus + a{color:#878cb2;}
td.contenu.c2 div.ajout input:focus + a{color:#8bb1a3;}
td.contenu.c3 div.ajout input:focus + a{color:#ddb290;}
td.contenu.c4 div.ajout input:focus + a{color:#e1c58b;}
td.contenu.c5 div.ajout input:focus + a{color:#ce948b;}
td.contenu.c6 div.ajout input:focus + a{color:#ce7dab;}
td.contenu.c7 div.ajout input:focus + a{color:#a181b1;}


td.contenu.c1special.active div.ajout a{color:#c9cde8;}
td.contenu.c2special.active div.ajout a{color:#cce8df;}
td.contenu.c3special.active div.ajout a{color:#f9e8d1;}
td.contenu.c4special.active div.ajout a{color:#faf1cc;}
td.contenu.c5special.active div.ajout a{color:#f4d4cc;}
td.contenu.c6special.active div.ajout a{color:#f4bfe4;}
td.contenu.c7special.active div.ajout a{color:#dec3e8;}

td.contenu.c1special.active:hover div.ajout a{color:#878cb2;}
td.contenu.c2special.active:hover div.ajout a{color:#8bb1a3;}
td.contenu.c3special.active:hover div.ajout a{color:#ddb290;}
td.contenu.c4special.active:hover div.ajout a{color:#e1c58b;}
td.contenu.c5special.active:hover div.ajout a{color:#ce948b;}
td.contenu.c6special.active:hover div.ajout a{color:#ce7dab;}
td.contenu.c7special.active:hover div.ajout a{color:#a181b1;}

td.contenu.c1special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c2special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c3special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c4special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c5special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c6special.active:hover div.ajout a:hover{color:#fff;}
td.contenu.c7special.active:hover div.ajout a:hover{color:#fff;}

td.contenu.c1special div.ajout input:focus + a{color:#878cb2;}
td.contenu.c2special div.ajout input:focus + a{color:#8bb1a3;}
td.contenu.c3special div.ajout input:focus + a{color:#ddb290;}
td.contenu.c4special div.ajout input:focus + a{color:#e1c58b;}
td.contenu.c5special div.ajout input:focus + a{color:#ce948b;}
td.contenu.c6special div.ajout input:focus + a{color:#ce7dab;}
td.contenu.c7special div.ajout input:focus + a{color:#a181b1;}


td.contenu ul li.vide{
    color:#aaa;
    font-family:"Helvetica";
    
}
td.contenu.c1.active ul li.vide{color:#38407f;}
td.contenu.c2.active ul li.vide{color:#3e7d66;}
td.contenu.c3.active ul li.vide{color:#c77f46;}
td.contenu.c4.active ul li.vide{color:#cd9f3e;}
td.contenu.c5.active ul li.vide{color:#ae4e3e;}
td.contenu.c6.active ul li.vide{color:#ae2773;}
td.contenu.c7.active ul li.vide{color:#632e7d;}

td.contenu.c1special.active ul li.vide{color:#38407f;}
td.contenu.c2special.active ul li.vide{color:#3e7d66;}
td.contenu.c3special.active ul li.vide{color:#c77f46;}
td.contenu.c4special.active ul li.vide{color:#cd9f3e;}
td.contenu.c5special.active ul li.vide{color:#ae4e3e;}
td.contenu.c6special.active ul li.vide{color:#ae2773;}
td.contenu.c7special.active ul li.vide{color:#632e7d;}

tr.footer{
    background: url("../graphs/backgrounds/bg_page_bottom_box.jpg") top center;
}
tr.footer th{
    border-top:2px solid #ccc;
    font-size:25px;
}

#result {
    font-family:"Din";
    font-size:16px;
    text-align:center;
    padding: 5px;
    padding-top:2px;
    padding-bottom:2px;
    
    background:#eee;
    border:1px solid #ddd;
    -ie-border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    
    color:#aaa;
    
    position:absolute;
    top:10px;
    /*width:200px;*/
    left:25%;
    margin-left:-100px;
}
#result.wrong{color:#de4141;}
#result.good{color:#65aa55;}

#listeVide{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-size:15px;
    font-family:"Hardwood";
    color:#777;
    letter-spacing:14px;
    height:150px;
}

div.rayon{
    width:300px;
    padding:10px;
    float:left;
}
div.rayon h3{
    width:290px;
    color:#fff;
    background:#ccc;
    padding:5px;
}
div.rayon ul{
    list-style-type:none;
    margin:none;
    margin-top:10px;
    padding-left:15px;
    text-transform:capitalize;
    margin-bottom:-15px;
}
div.rayon ul li{
    border-bottom:1px dashed #ccc;
}

input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.choix { color:red !important }

#lieu0:not(:target) { display:none }
#lieu0:target { display:block }
#lieu1:not(:target) { display:none }
#lieu1:target { display:block }
#lieu2:not(:target) { display:none }
#lieu2:target { display:block }
#lieu3:not(:target) { display:none }
#lieu3:target { display:block }
#lieu4:not(:target) { display:none }
#lieu4:target { display:block }
#lieu5:not(:target) { display:none }
#lieu5:target { display:block }
#lieu6:not(:target) { display:none }
#lieu6:target { display:block }
#lieu7:not(:target) { display:none }
#lieu7:target { display:block }
#lieu8:not(:target) { display:none }
#lieu8:target { display:block }
#lieu9:not(:target) { display:none }
#lieu9:target { display:block }
#lieu10:not(:target) { display:none }
#lieu10:target { display:block }
#lieu11:not(:target) { display:none }
#lieu11:target { display:block }
#lieu12:not(:target) { display:none }
#lieu12:target { display:block }
#lieu13:not(:target) { display:none }
#lieu13:target { display:block }
#lieu14:not(:target) { display:none }
#lieu14:target { display:block }
#lieu15:not(:target) { display:none }
#lieu15:target { display:block }
#lieu16:not(:target) { display:none }
#lieu16:target { display:block }
#lieu17:not(:target) { display:none }
#lieu17:target { display:block }
#lieu18:not(:target) { display:none }
#lieu18:target { display:block }
#lieu19:not(:target) { display:none }
#lieu19:target { display:block }
#lieu20:not(:target) { display:none }
#lieu20:target { display:block }
#lieu21:not(:target) { display:none }
#lieu21:target { display:block }
#lieu22:not(:target) { display:none }
#lieu22:target { display:block }
#lieu23:not(:target) { display:none }
#lieu23:target { display:block }
#lieu24:not(:target) { display:none }
#lieu24:target { display:block }
#lieu25:not(:target) { display:none }
#lieu25:target { display:block }
#lieu26:not(:target) { display:none }
#lieu26:target { display:block }
#lieu27:not(:target) { display:none }
#lieu27:target { display:block }
#lieu28:not(:target) { display:none }
#lieu28:target { display:block }
#lieu29:not(:target) { display:none }
#lieu29:target { display:block }
#lieu30:not(:target) { display:none }
#lieu30:target { display:block }
#lieu31:not(:target) { display:none }
#lieu31:target { display:block }
#lieu32:not(:target) { display:none }
#lieu32:target { display:block }
#lieu33:not(:target) { display:none }
#lieu33:target { display:block }
#lieu34:not(:target) { display:none }
#lieu34:target { display:block }
#lieu35:not(:target) { display:none }
#lieu35:target { display:block }
#lieu36:not(:target) { display:none }
#lieu36:target { display:block }
#lieu37:not(:target) { display:none }
#lieu37:target { display:block }
#lieu38:not(:target) { display:none }
#lieu38:target { display:block }
#lieu39:not(:target) { display:none }
#lieu39:target { display:block }
#formpriserdv:not(:target) { display:none }
#formpriserdv:target { display:block }

.carre{
        display:inline-block !important; 
	margin:1%; padding:1%;  float:left;
	width:45.5% !important;
	height:200px;
	background-color:#069;
	color:white !important; margin-bottom:20px;
	
}

.carreselectionne{
	display:block;
	float:left;
	margin:1%; padding:1%; 
	width:45.5%;
	height:200px;
	background-color:#2BCBBF;
	color:white !important;
	
}

div.lignecarreslieux{  
    text-align: center;
    width:100%;
    padding: 0%;
}

div.carrelieurdv{
	float:left; 
	margin:3%; 
        padding-left:8%; 
        padding-right:8%; 
        padding-top: 1%;
        padding-bottom: 1%;
	width:28%;
	height:180px;
	color:white !important; 
        margin-bottom:20px;
        display:inline-block;
}

div.carrelieurdv_carat{
        padding:1.5% 5%; 
	color:white !important;  
        display:inline-block;
        text-align:center;
}

div.description_thomas {
    border-radius: 25px;
    border: 1px solid black;
}

div.barrenoire_thomas {
    width:95%;
    min-height:5px;
    background-color:#444;
    margin-top:35px; 
    color:white;
    font-size:1.2rem;
    text-align:center;
    font-weight: bold;
    padding: 2rem 5%;
}

div.retourcreneaux_thomas {
    float:right;
    line-height:20px;
    background-color:white;
    margin-right:1%;
    margin-top:0.5%;
    padding:0 20px 0 20px;
    font-size:1rem;
}

div.contact{
    text-align: center;
    width:70%;
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
    font-size: 18px;
}

div.carrelieucontact{
	float:left; 
	margin:1%; 
        padding:1%;  
	width:44% !important;
	height:44px;
	color:white !important; 
        margin-bottom:10px;
        display:inline-block;
}

div.milieucontact{
	float:left;  
	width:4% !important;
	height:44px;
	color:black !important; 
        margin-bottom:10px;
        display:inline-block;
}

a.liencontact{
	color:white !important; 
}

input.btn_form_contact  {
	padding:10px;font-weight:bold;color:white;border: 1px solid grey;background:grey;font-size:0.8rem;
}

a.lienlieurdv{
	color:white !important; 
}

div.bg_rose{
    background-color:#dc8b92 !important;
}

div.bg_gris{
    background-color:#477298 !important;
}

div.bg_vert{
    background-color:#719282 !important;
}

div.nonselectionne{
    background-color:lightgrey !important;
}

div.unlieu{
    margin-left: 26%;
    margin-right: 26%;
}

div.borderleft{
    border-left: solid 1px;
    border-color: lightgrey;
}

div.colonnepraticienrdv{
    width:23%; 
    margin:0.5%;
    float:left; display: block;
}

div.colonnepraticienrdv_praticienunique{
    width:99%; 
    margin:0.5%;
    float:left; display: block;
}



div.colonnepraticienrdv_praticienunique_carat{
    width:100%;    
     display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1000px) {
  div.colonnepraticienrdv_praticienunique_carat {
    width:60%;
  }
}

div.jour{
       clear:both; display:block; width:100%; margin-top:10px; 
       line-height:18px; border-bottom:1px solid black; font-weight:bold;
    float:left; margin-bottom:5px;
    font-family:"Din";
    font-size:14px;
    text-align:center; 
    text-color:blue;
}

div.jour_carat {
       clear:both; display:block; width:100%; margin-top:10px; 
       line-height:18px; border-bottom:1px solid black; font-weight:bold;
    float:left; margin-top:1.5rem;
    font-family:"Din";
    font-size:14px;
    text-align:center;  
}

.horaire{
	float:left;
	margin:1%; padding:1%;
	width:21%;
	height:40px;
        //background-color:#069;
	color:white !important;
	
}
.horaire_carat{
	float:left; font-weight: bold !important;
	margin:1%; padding:2% 1%;
        font-size:1.1rem;
	width:21%; 
        //background-color:#069;
	color:white !important;
        text-decoration:none !important;
	
}
.horaire_carat:hover { background-color: black !important }
.horaireselectionne{
	float:left;
	margin:10px;
	width:80px;
	height:40px;
	background-color:#2BCBBF;
	color:white !important;
	
}

table thead { color:#9DC2E4; font-size:1em;}
h1 { font-size:1.2rem; font-weight:bold; text-transform:uppercase; border-bottom:4px solid #9DC2E4 }
h3 { font-size:1.0rem; font-weight:bold; font-family: 'Arial', sans-serif !important; text-align:center;}
h4 { font-style:italic; font-family: 'Arial', sans-serif !important; text-align:center;}
.carre:hover   { background-color:#2BCBBF;  text-decoration:none !important;  }
.prise_rdv select  { border: 1px solid #069; background-color: white; font-size:14px;  }
.prise_rdv input  {  font-size:15px;  }
.prise_rdv {font-size:15px; font-family: 'Source Sans Pro', sans-serif !important; }
.prise_rdv h1 {font-size:20px;}


input.input_formrdv {
    height: 30px;  
    vertical-align: middle;
    width: 300px;
}

div.text_formrdv {
    height: 32px;  
    vertical-align: middle;
}

/* Barre de menu */


div.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #9DC2E4;
  z-index:100;
}
div.menu ul li {
  display: block;
  position: relative;
  float: left;
  background: #9DC2E4;
}

div.menu li ul { display: none; }
div.menu ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
div.menu ul li a:hover { background: #2c3e50; }

div.menu li:hover > ul {
  display: block;
  position: absolute;
}
div.menu li:hover li { float: none; }
div.menu li:hover a { background: #9DC2E4; }
div.menu li:hover li a:hover { background: #2c3e50; }
div.menu .main-navigation li ul li { border-top: 0; }

div.menu ul ul ul {
  left: 100%;
  top: 0;
}

div.menu ul:before,
div.menu ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
div.menu ul:after { clear: both; }