.clear { clear:both; float:none; }
a:hover { text-decoration:none; }
body { padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

.text-center { text-align:center; }
#global { width:920px; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
#banniere { width:auto; margin-left:10px; margin-right:10px; height:150px;}
#logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
#symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
#image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; }


#nav { width:auto; height:25px; margin-bottom:10px; margin-top:10px; text-align:center; }
#nav a {color:#FF6600; display:inline-block;}
#nav ul { list-style:none; margin:0; padding:0; }
#nav li { display:inline-block; margin:2px; font-size:14px; font-weight:bold; }
#nav ul li ul { display:none;}
#nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; padding-top:px; padding-bottom:10px; width:auto; }
#nav li:hover ul li { float:none; font-size:14px; display:block; text-align:left; padding-bottom:0px; padding-top:10px; }
#nav li ul { position:absolute; }

#content { padding-top:40px; padding-bottom:40px; margin-left:20px; margin-right:20px; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
/* d0d0d0 | FF6600 */

.texteCalendrier { width:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-left:10px; float:right; height:0px;}
.dateCalendrier { width:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ee6818; padding-right:10px; float:left; height:30px; padding-top:14px;}

.cadre {margin:auto; width:820px; }

.image_christian {float:right; height:300px; margin:0 0 0 20px; }
.image_deshimaru { float:right; width:143px; padding-left:10px; padding-right:50px;}
.image_nishijima { float:left; width:143px; padding-right:30px; margin-left:100px; padding-top:10px;}
.image_boeufa { float:right; width:200px; padding-right:120px; padding-top:0px;}
.image_bodhidharma { float:right; width:174px; padding-right:90px; padding-top:0px;}
.image_hotei { float:right; width:150px; padding-right:70px; padding-top:20px;}
.image_md { float:left; width:150px; margin-right:130px; margin-left:100px; padding-top:0px;}
.image_jardinzen { float:right; width:150px; padding-right:80px; padding-left:20px; padding-top:20px;}
.image_pin01 { float:right; width:300px; padding-right:55px; padding-top:30px;}
.image_bodhi {width:300px; margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; }
.image_bodhi_eka { width:200px; float:right; margin-left:5px;}

#mentionLegale {min-height:30px; padding:10px 0; margin-left:20px; margin-right:20px; float:none;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
.mlgauche {width:300px; float:left; }
.mldroit {width:300px; float:right;}

#endFooter {width:920px; margin-left:auto; margin-right:auto; background-image:url(../images/bg_footer.png); background-repeat:no-repeat; float:none; margin-bottom:50px;}
.Style1 {color:#ee6818}
h1 {margin-left:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ee6818; padding-left:10px; margin-right:20px; margin-bottom:6px; }
h2 {margin-left:70px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ee6818; padding-left:10px; margin-right:20px; margin-bottom:6px; }
h3 {margin-left:70px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ee6818; padding-left:10px; margin-right:20px; margin-bottom:6px; }
p {margin-left:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

.legende {color:#666666; font-size:12px; float:right;}
.legende_bodhi {color:#666666; font-size:12px; text-align:center; margin-top:20px;}

a:link {
    color:#FF6600;
}
a:visited {
    color:#FF6633;
}
a:hover {
    color:#B22E00;
}
a:active {
    color:#666666;
}

@media ( min-width:690px) and (max-width:919px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}


    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:14px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:14px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:143px; padding-right:0px; padding-right:0px; }
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}

@media ( min-width:515px) and (max-width:689px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; display:none; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:14px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:14px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:143px; padding-left:0px; padding-right:0px;}
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}

@media ( min-width:484px) and (max-width:514px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; display:none; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:13px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:13px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:13px; padding-left:0px; padding-right:0px;}
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_md { float:left; width:250px; margin-right:5px; text-align:left; }
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}
    .image_pin01 { float:none; width:100%; padding-left:auto; padding-right:auto; padding-top:0px; text-align:center;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}

@media ( min-width:456px) and (max-width:483px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; display:none; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:12px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:12px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:13px; padding-left:0px; padding-right:0px;}
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_md { float:left; width:250px; margin-right:5px; text-align:left; }
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}
    .image_pin01 { float:none; width:100%; padding-left:auto; padding-right:auto; padding-top:0px; text-align:center;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}


@media ( min-width:423px) and (max-width:455px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; display:none; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:11px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:11px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:13px; padding-left:0px; padding-right:0px;}
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_md { float:left; width:250px; margin-right:5px; text-align:left; }
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}
    .image_pin01 { float:none; width:100%; padding-left:auto; padding-right:auto; padding-top:0px; text-align:center;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}


@media ( min-width:401px) and (max-width:422px) {
    html { margin:0 !important; padding:0 !important; }
    .clear { clear:both; float:none; }
    a:hover { text-decoration:none; }
    body {padding:0px; margin:0px; background:#FFB693; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif;}

    #global { width:100%; margin-left:auto; margin-right:auto; border:solid 1px #b2b2b2; background:#fff; }
    #banniere {margin-left:10px; margin-right:10px; height:150px; float:none;}
    #logo {width:150px; height:140px; padding-top:10px; float:left; text-align:center; }
    #symbole {width:150px; height:120px; padding-top:30px; padding-right:0px; float:right; clear:right; }
    #image_pratique { width:auto; height:105px; padding-top:45px; margin-left:auto; margin-right:auto; text-align:center; display:none; }

    #content { width:95%; padding-top:40px; padding-bottom:40px; margin:2%; float:none; background-color:#f9f9f9; border:1px solid #d0d0d0; min-height:200px; }
    /* d0d0d0 | FF6600 */
    #content p {margin:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D241E; padding-right:10px; line-height:18px;}

    #nav { width:95%; height:25px; margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; }
    #nav a {color:#FF6600; display:inline-block;}
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li { display:inline-block; margin:2px; font-size:10px; font-weight:bold; }
    #nav ul li ul { display:none;}
    #nav ul li:hover ul { color:#FF6600; display:block; background:#d9d9d9; }
    #nav li:hover ul li { float:none; font-size:10px; display:block; text-align:left; padding-bottom:2px; padding-top:2px; }
    #nav li ul { position:absolute; }

    .image_deshimaru { float:right; width:13px; padding-left:0px; padding-right:0px;}
    .image_nishijima { float:left; width:143px; padding-right:30px; margin-left:0px; padding-top:10px;}
    .image_md { float:left; width:250px; margin-right:5px; text-align:left; }
    .image_jardinzen { float:right; width:150px; padding-right:0px; padding-left:0px; padding-top:20px;}
    .image_pin01 { float:none; width:100%; padding-left:auto; padding-right:auto; padding-top:0px; text-align:center;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}


@media (max-width:400px) {
    * { box-sizing:border-box; }
    html { margin:0 !important; padding:0 !important; }
    body { margin:0 !important; padding:0 !important; overflow-y:auto; background:#fff; }
    #global { width:100%; margin:0 !important; padding:0 !important; background:#fff; float:none; clear:both; border:none !important; }
    #banniere { width:100%; height:150px; !important; margin:0 !important; /*margin-bottom:5% !important;*/ padding:0 !important; float:none; clear:both; }
    #image_pratique { display:none !important; }
    #logo { width:45%; !important; margin:0 !important; padding:0 !important; }
    #symbole { width:45%; !important; margin:0 !important; padding-top:30px !important; }
    #symbole { float:right; clear:right; }

    #nav { width:100%; height:auto; padding-bottom:5px; padding-left:0px; padding-top:0px; text-align:center; }
    #nav a {display:block; text-align:center; border-bottom:solid 1px #eee; }
    #nav ul { list-style:none; margin:0; padding:0; }
    #nav li {display:block; text-align:center; border-bottom:solid 1px #eee; padding:1px 0; font-size:12px; }
    #nav ul li ul { display:none;}
    #nav li ul li { font-weight:400; }
    #nav ul li:hover ul { color:#FF6600; display:inline-block; background:#d9d9d9; padding-bottom:2px; padding-top:2px;}
    #nav li:hover ul li { float:none; font-size:12px; display:block; text-align:left; }
    #nav li ul { position:relative; }

    #content { width:100%; margin:0 auto !important; padding:5%; float:none; clear:both; border:none !important; background-color:#eee; }
    #content h1, #content p, #content div { width:100%; float:none; clear:both; margin:0; padding:0; }
    #content h1 { margin:30px 0 15px; text-align:center; padding:0 !important; }
    #content p { margin:10px 0 0 !important; padding:0 !important; }

    #mentionLegale { margin:0 auto !important; text-align:center; }
    .mlgauche, .mldroit { width:100%; float:none; text-align:center; margin:0 0 5px !important; padding:0 !important; clear:both; }

    .image_christian {float:none; height:300px; text-align:center;}
    .image_deshimaru { float:none; width:200px; text-align:center;}
    .image_nishijima { float:none; width:150px; text-align:center;}
    .image_boeufa { float:none; width:200px; text-align:center;}
    .image_bodhidharma { float:none; width:174px; text-align:center;}
    .image_hotei { float:none; width:150px; text-align:center;}
    .image_md { float:none; width:150px; text-align:center;}
    .image_jardinzen { float:none; width:150px; text-align:center;}
    .image_pin01 { float:none; width:300px; text-align:center;}
    .image_bodhi_eka { width:200px; float:none; text-align:center;}

    .dateCalendrier, .texteCalendrier { width:auto !important; float:none; clear:both; height:auto !important; text-align:center !important; }
    .texteCalendrier { margin:0 0 5% !important; }
    #content .texteCalendrier p { line-height:auto !important; height:auto !important; margin:0 !important; padding:0 !important; text-align:center !important; }
}