body {font-family:Arial; font-size:1em; overflow:hidden;margin:0;padding:0}
* {outline:none;}

a {text-decoration:none; -webkit-transition:0.3s;-moz-transition:0.3s}
a:hover {color:#000099; text-decoration:none}

#logo_index {position:fixed; top:10px; left:-500px; width:200px; height:200px; background:url(https://www.csa701salon.fr/Images/logo.gif) top left no-repeat; text-indent:-7000px;}
#titre_index{position:fixed;color: #ff004e;left: 30%; top: -500px;text-transform:uppercase;font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;font-size:300%;font-style:italic;font-weight:bold;}
#titre_an{position:fixed; color:#FFFF00;left: 20%; top: 400px;text-transform:uppercase;font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;font-size:300%;font-style:italic;font-weight:bold;}
#logos_index {position:fixed; top:10px; right:-1500px; width:200px; height:200px; background:url(https://www.csa701salon.fr/Images/logos.gif) top left no-repeat; text-indent:-7000px}
#tracker_index {position:fixed; bottom:7%; right:-500px; width:100px; height:100px; background:url(https://www.csa701salon.fr/Images/Tracker.gif) top left no-repeat; text-indent:-7000px}

#menu_index {position:fixed; top:170px; left:-300px; font-family:"Comic Sans MS"!important; font-weight:bold; font-size:0.8em; }
#menu_index a {color:#fff}
#menu_index ul {list-style-type:none;}
#menu_index ul li {background-color:#0000FF; margin-bottom:4px; border:1px solid #fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:0.3s; width:140px}
#menu_index ul li:hover, .active {border-right:5px solid red!important; width:160px!important; padding-left:5px}
#menu_index ul li a {padding:5px 10px; display:block;}
#menu_index ul li a:hover, .active a {color:#fff;background-color:#000099;}


#footer {position:fixed; bottom:0px; left:0px; background-color:#000; color:#fff; width:100%; height:40px; font-size:0.7em;}
#droitcopie{ position:absolute; top:8px; left:15px;font-family:"Times New Roman", Times, serif;font-size:0.9em;font-style:italic;color:#FFFFFF;padding-top:0.2%!important}
#menu_footer {position:absolute; top:12px; right:15px;}
#menu_footer ul {list-style-type:none;}
#menu_footer ul li {display:inline; margin-left:10px;}
#menu_footer ul li a {color:#fff;}
#menu_footer ul li a:hover, .activefooter a {color:#ff004e!important;}


.pattern {position:fixed; z-index:-998; background:url(https://www.csa701salon.fr/Images/bg_pattern.png) top left repeat; width:100%; height:100%;}

#content {position:fixed; top:-500px; left: 250px; width:65%; background:transparent; height:auto; box-shadow: 0 0 20px #000; -webkit-border-radius:5px;; -moz-border-radius:5px;; border-radius:5px; -webkit-transition:0.3s;}
.titrenews{display:block;text-align:center;background-color:#000099;color:white;font-size:0.8em;font-weight:bold;margin-bottom:0px;}						
.textnews{display:block;font-family: "Comic Sans MS";background-image:url(../Images/fondcahier.gif);font-size:0.7em;font-weight:bold;font-style:italic;text-align: justify;padding:0 4px 0 60px;color:#000099}
.liennews {position:relative;margin-left:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;}
.textnews a {color:red;}
.textnews a:hover {color:#000099;}

#cacher, .btnvert {color:#00d198; margin-left:10px; padding:3px 10px; -webkit-border-radius:3px;font-size:13px!important;}
#cacher:hover, .btnvert {background-color:#00d198; color:#111;}

.tooltipsy { padding: 3px 10px; color: #fff; background-color: #000; -webkit-border-radius:5px;}

/* CSS pour les boite mail, horloge et compteur */
#layermail{position:fixed;left:-500px;bottom:20%; text-align:center;}
#layerdate{position:fixed;left:-500px; bottom:14%;font-family:"Comic Sans MS";text-align:center; color:#fff;font-size:10px}
#Layercompteur { position:fixed;border: solid 1px #fff;position:absolute;left:-500px;bottom:9%;width:45px;height:23px;z-index:3}
.boitemail{font-family:"Comic Sans MS";text-align:center; color:#fff!important;font-size:10px!important}
#noel{position:fixed; top:30%; left:25%;width:768px; height:432px;background-position:left top, left top; background-repeat:repeat, no-repeat;background-size:auto, 100% 100%; z-index:-10;}