@charset "utf-8";
html {height:100%;}
body {height:100%;font:normal normal 12px Tahoma;line-height:1.4em;letter-spacing:1px;background:#ffffff;}
:focus{-moz-outline-style: none;}
a:link, a:visited, a:active { color:#666666;text-decoration:none; margin:0;}
a:hover { color:#000000;text-decoration:none;margin:0; } 
.body {margin:0;padding:0;overflow-x:hidden;}

.body .content { height:100%;text-align:right;margin:0 auto 0 auto;}


.body .content .colgauche { position:fixed;float:left;width:40%;padding:0 10px;height:100%;z-index:20;}
.body .content .colgauche .travaux {text-align:right;position:relative;background-color:#ffffff;float:right;border-right:solid 1px #eaeaea;}

.body .content .colgauche .travaux .mnu { margin-top:50px;font-size:14px;text-transform:uppercase;padding:0 5px 0 0;}

.body .content .colgauche .travaux .mnu a, a:link, a:visited, a:active { margin-left:40px;}
.body .content .colgauche .travaux .mnu a:hover { margin-left:40px;}

.body .content .colgauche .travaux .titre {font-size:24px;color:#666666;border:solid 1px #eaeaea;padding:5px; background-color:#f9f9f9;text-transform:uppercase; }
.body .content .colgauche .actu {color:#666666;padding:5px;margin:10px 0;text-align:right;}


.body .content .coldroite { position:relative;text-align:right;padding:0 10px;z-index:0;margin:0;height:100%;}
.body .content .coldroite .contentheme {}
.body .content .coldroite .theme {margin:25px 0 0 0;}
.body .content .coldroite .theme .titre { margin-right:15px;padding:0; }
.body .content .coldroite .theme .titre a img { border:solid 15px #fff; }
.body .content .coldroite .theme .titre a:hover img { border:solid 15px #f8f8f8; }




.body .flash { position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff; }



.body .contentheme { position:absolute;text-align:left;margin:0 auto 0 auto;left:10%;right:10%;}
.body .titretheme { position:fixed;padding:30px;z-index:48;top:40px;width:100%;text-align:center;}
.body .contentheme .titre { font-size:18px;padding:0;margin:0;background-color:#ffffff;color:#000000;}
.body .contentheme .a-propos {float:right;margin-top:5px;font-size:1.2em;}
.body .contentheme .medium .titre { margin:30px 0 0 0;font-size:14px;padding:0;}
.body .contentheme .medium .titre a:link, a:visited, a:active, a:hover { margin:0; }
.body .contentheme .medium .thumb { float:left;margin:10px 5px 0 5px;border:solid 1px #ffffff;}
.body .contentheme .medium .thumb:hover { border:solid 1px #f0f0f0;}


.body .menu { position:fixed;width:100%;padding:5px;background-color:#ffffff;border-bottom:solid 1px #eaeaea;vertical-align:middle;z-index:90;text-transform:uppercase; }
.body .menu .right-link { position:relative;float:right;margin:7px 20px 0 0;}
.body .menu .right-link a:link, a:visited, a:active, a:hover { margin-left:40px; }
.body .menu .right-link a:hover { margin-left:40px; }

.body .menu .logo-menu { position:relative;float:left;margin:5px 0 5px 15px;}

.body .menu .left-link { position:relative;float:left;margin:7px 0 0 10px;}
.body .menu .left-link a:link, a:visited, a:active, a:hover { margin-left:40px; }
.body .menu .left-link a:hover { margin-left:40px; }