html, body {height : 100%;}
body {background-color : #6c564b;font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px;
margin : 0;padding : 0;border : 0;} 
.clearall { clear: both; }
div.centre2blanc {height : auto;width : auto;max-width : 1500px;margin : auto;text-align : center;}
div.centre3blanc {height : auto;width : auto;max-width : 750px;margin : auto;text-align : center;}
div.centrele600 { height :auto;width :100%; max-width :1200px; margin :auto; text-align :left; } 
div.anti_menu {position : fixed;top : 0px;left : 0px;width:100%}
div.mon_orange_rose {background-color : #ff9966;}
div.bande_haut {z-index : 1;background : url("logossmala/stmichel.jpg") top center repeat-x transparent;
background-size : cover;min-height : 250px;height : 250px;width : 100%;text-align : center;}
div.home {position : fixed;top : 4px;left : 4px;overflow : hidden;z-index : 50;}
div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : visible !important ;}
div.User {z-index : 30;position : fixed;padding-bottom : 0;padding-left : 0;padding-right : 0;overflow : hidden;top : 150px;padding-top : 0;left : 0;}
div.monHaut {position : fixed;text-align : center;width : 100%;height : 160px;top : 0;left : 0;margin : 0;padding : 0;border : 0;
overflow : hidden;background-image : url("logossmala/fox.jpg");}
div.centre2 {width : auto;margin : auto;text-align : center;max-width : 1000px;}
div.centre2Left {text-align : left;margin : auto;width : 80%;}
div.blogcentre {text-align : center;}
div.centre0 {width : 90%;margin : auto;text-align : left;}
div.centre1X {height : 350px;width : auto;max-width : 500px;margin : auto;text-align : center;}
div.centre2X {width : auto;max-width : 500px;margin : auto;} 
span.leTitre {font-family: "Times New Roman", Times, serif;font-size : 48px;color : #aaaaaa;}
span.LaFonte_blog {font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;}
span.LaFonte_blog_left {text-align : left;font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;}
span.LaFonte_rouge {font-family: "Times New Roman", Times, serif;color : #ee5555;font-size : 22px !important ;}
span.codephp {font-family: "Times New Roman", Times, serif;color : #ddeeff;font-size : 18px !important ;}
/* _________________________________________ */
/* =================pagination================== */
.pagination { text-align: center; margin: 20px auto;font-size: 20px;font-family: Arial, "Trebuchet MS", Tahoma, Verdana, Sans-Serif;}
.pagination .page_actuelle { margin: 2px;padding: 2px 2px;border: 2px solid #AAAAAA;background-color: #C8C8C8;color: #aaaaaa;}
.pagination .desactive {margin: 2px;padding: 2px 2px;border: 2px solid #E2E2E2;color: #aaaaaa;}
.pagination a {margin: 2px;padding: 2px 2px;border: 2px solid #D9D9D9;color: #aaaaaa;}
.pagination a:hover, .pagination a:focus, .pagination a:active {border: 2px solid #D9D9D9;text-decoration: none;}

.main_wrapper table {width:100%;border:1px solid #333;background-color:##6c564c;}
.main_wrapper table th {padding:5px;background-color:#333;color:##6c564c;}
.main_wrapper table tr:nth-child(even) {}
.main_wrapper table td {border-bottom:1px solid #aaa;padding-left:10px;}
.main_wrapper tr:hover {background-color:##6c564c;}

/* ____________________________________________________________ */
p.Leleft {text-align : justify;font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;}
p.Leleft2 {text-align : left;font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;}
p.Center {text-align : center;font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;}
a.LesAcoryght {font-family: "Times New Roman", Times, serif;color :#feffff; font-size :22px !important; text-decoration :none;}
a.LesAcoryght:hover { color :#eeaaaa; }
a.lemenu {color : #feffff;text-decoration : none;font-size : 22px;}
a.lemenu:hover {color : #eeaaaa;}
a.LesA {font-family: "Times New Roman", Times, serif;color : #ffffff;font-size : 16px;text-decoration : none;}
a.LesA:hover {color : #eeaaaa;}
a.LesA3 {font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 22px !important ;text-decoration : none;}
a.LesA3:hover {color : #eeaaaa;}
a.LesA12 {font-family: "Times New Roman", Times, serif;color : #ffffff;font-size : 22px;text-decoration : none;}
a.LesA12:hover {color : #eeaaaa;}
a.LesA16 {font-family: "Times New Roman", Times, serif;color : #ffffff;font-size : 22px;text-decoration : none;}
a.LesA16:hover {color : #eeaaaa;}
a.LesA16R {font-family: "Times New Roman", Times, serif;font-size : 22px;color : #ff5555;text-decoration : none;}
a.LesA16R:hover {color : #eeaaaa;}
a.LesA16x {font-family: "Courier New", Courier, monospace;color : #ffffff;font-size : 22px;text-decoration : none;}
a.LesA16x:hover {color : #eeaaaa;}
a.LesAHaut {font-family: "Times New Roman", Times, serif;font-size : 22px;color : #ffffff;text-decoration : none;border-bottom : 1px;line-height : 200%;}
a.LesAHaut:hover {color : #eeaaaa;}
a.LesAC {font-family: "Times New Roman", Times, serif;color : #ffffff;text-decoration : none;border-bottom : 1px;line-height : 200%;}
a.LesAC {color : #eeaaaa;}
input.LeSubmite {width : 100px;margin-left : auto;margin-right : auto;}
span#u_0_2 {color : #ffffff !important ;}

object {z-index : -12;}
span.LaFonte_blog {font-family: "Times New Roman", Times, serif;color : #feffff;font-size : 24px !important ;}
span.LaFonte_rouge {font-family: "Times New Roman", Times, serif;color : #ee5555;font-size : 24px !important ;}
button.blog {font-weight : bold;z-index : 100;width : 150px;color : #ffffff;background : none 0% 0% repeat scroll transparent;}
barre {text-decoration : line-through;}
blockquote.encadre {background : #7E9FC6;color : #FFFFFF;border : #dbdbdb solid 1px;margin : 1px 1px 1px 15px;overflow : auto;}
p.voir {border-right : 1px solid #456B99;}
img.leleft {border-bottom : medium none;border-left : medium none;margin : 0 1em 0.5em 0;float : left;border-top : medium none;
border-right : medium none;}
img.levide {width : 250px;height : 150px;}
img.imgnew {border : ##6c564c solid 1px;}
img.imgnew:hover {border : #db2222 solid 1px;}
img.le680 {width : 680px;border : none;}
img.leleft {float : left;margin : 0 1em 0.5em 0;border : none;}
img.lesliens {float : left; margin:10px; border: 5px solid #ffffff; }
img.lesliens2 {float : left; margin:10px; }
img.fade {position : absolute;}
img.fade2 {position: relative;top: 0px;left: 0px;}
img.le680 {border-bottom : medium none;border-left : medium none;width : 680px;border-top : medium none;border-right : medium none;}
img.bande {width : 90%;}
img.bande2 {width : 80%;max-width : 800px;}
/* _____________________saisie fox_________________________ */
div.blogsaisie {height : auto;width : auto;max-width : 600px;margin : auto;text-align : center;}
form.blogsaisie {border : #ffffff solid 1px;padding : 22px;width : auto;border-radius : 10px;}
label.saisie_commentaire {text-align : right;width : 100px;display : inline-block;font-size : 14px;vertical-align : top;font-weight : bold;margin-right : 22px;}
input.saisie_commentaire {background-color : #F2F2F2;border : #557bee solid 1px;padding : 4px;width : 200px;border-radius : 10px;}
input.saisie_commentaire {background-color : #F2F2F2;border : #557bee solid 1px;padding : 4px;width : 200px;border-radius : 10px;}
textarea.saisie_commentaire {background-color : #f2f2f2;border : #557bee solid 1px;padding : 4px;width : 200px;height : 5em;border-radius : 10px;}

/* __________________________________________________________ */

/* ===================saisie  DVD detail================= */

input    {font-family: Verdana; font-size: 16px; color : #000000; }
textarea {font-family: Verdana; font-size: 16px; color : #000000; }

input.Boutons_saisie2 {background-color: #267474;}
/*
form.blogsaisie2 {border-bottom:rgb(255,255,255) 1px solid;border-left:rgb(255,255,255) 1px solid;
padding-bottom:20px;padding-left:20px;padding-right:20px;border-top:rgb(255,255,255) 1px solid;border-right:rgb(255,255,255) 1px solid;
padding-top:20px;-webkit-box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;
box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;border-top-left-radius:20px;
border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:auto;}
*/

label.saisie2_commentaire {text-align:right;width:100px;display:inline-block;font-size:14px;vertical-align:top;font-weight:bold;margin-right:20px;}
input.saisie2_commentaire {border-bottom:rgb(170,170,170) 1px solid;border-left:rgb(170,170,170) 1px solid;padding-bottom:4px;
background-color:rgb(242,242,242);padding-left:4px;WIDTH:200px;padding-right:4px;VERTICAL-ALIGN:top;
border-top:rgb(170,170,170) 1px solid;border-right:rgb(170,170,170) 1px solid;
padding-top:4px;-webkit-box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;
box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;border-top-left-radius:10px;border-top-right-radius:10px;
border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
textarea.saisie2_commentaire {border-bottom:rgb(170,170,170) 1px solid;border-left:rgb(170,170,170) 1px solid;padding-bottom:4px;
background-color:rgb(242,242,242);padding-left:4px;WIDTH:400px;padding-right:4px;VERTICAL-ALIGN:top;HEIGHT:200px;
border-top:rgb(170,170,170) 1px solid;border-right:rgb(170,170,170) 1px solid;
padding-top:4px; -webkit-box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;
box-shadow:rgb(221, 221, 221) -1px -1px 0px, rgb(221, 221, 221) -1px -1px 0px inset;border-top-left-radius:10px;border-top-right-radius:10px;
border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
input.lesubmite2 {background:#6F6F6F;align:center;}
div.arrondi {width: auto;padding: 10px;background-color :#4F4F4F;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

/* ___________________________________________________________ */
.menu-carre2 {width : 330px;height : 255px;margin : 0 0.8% 0.8% 0;position : relative;float : left;display : inline;border : #000000 solid 2px;overflow : hidden;}
.menu-carre3 {width : 330px;height : 255px;margin : 0 0.8% 0.8% 0;position : relative;float : left;display : inline;border : #000000 solid 2px;overflow : hidden;}
p.le300 { width:325px;height:252px;line-height:225px;text-align:center; }
img.im300 { vertical-align:middle; }
img.imlogo { vertical-align:middle; }
div.mescarres { width: 270px;  border: 1px solid black; text-align: center; padding: 1px 1px 1px 1px; display:inline-block; margin:1px 1px 1px 1px;}  
img.mescarres {  width: 250px;border: 0px;}
/* ____________________media1024______________________ */
@media screen and (max-width: 1024px) {
div.centre2blanc {height : auto;width : auto;max-width : 90%;margin : 22px ;text-align : center;}
div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : hidden !important ;}
div.home {position : fixed;top : 4px;left : 4px;overflow : hidden;z-index : 50;}
span.leTitre {font-family: "Times New Roman", Times, serif;font-size : 20px;color : #aaaaaa;}
}
/* __________________________media 640_____________________ */
@media (max-width:640px) {
body, element1, element2 {width : auto;margin : 0;padding : 0;}
div.bande_haut {z-index : 1;position : absolute;top : 22px;left : 0;
background : url("logossmala/paris_trocadero_tour_eiffel.jpg") top center repeat-x transparent;
background-size : cover;min-height : 150px;height : 150px;width : 100%;text-align : center;}
img,blockquote, pre, textarea, input, iframe, object, embed, video {max-width : 100%;}
img {height : auto;width : auto;box-sizing : border-box;}
img.fade {width : 90%;position : absolute;}
div.centre0X {width : 90%;margin : auto;height : 375px;}
textarea, pre, samp {overflow-wrap : break-word;hyphens : auto;}
pre, samp {white-space : pre-wrap;}
element1, element2 {float : none;width : auto;}
.hide_mobile {display : none !important ;}
body:before {content : "Version mobile du site";display : block;color : #999999;text-align : center;font-style : italic;}
span.leTitre {font-family: "Times New Roman", Times, serif;font-size : 20px;color : #aaaaaa;}
div.centre2blanc {height : auto;width : auto;max-width : 90%;margin : 22px ;text-align : center;}
div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : hidden !important ;}
div.home {position : fixed;top : 4px;left : 4px;overflow : hidden;z-index : 50;}
}