body{width:1060px;margin:0px;padding:0px;margin-left:auto;margin-right:auto;background-color:#2a77bd;background-image:url(/img/degrade_bleu5.jpg);height:100%;background-repeat:repeat-x;background-attachment:fixed;font-family:Verdana, Arial, Helvetica,"Times New Roman", Times, serif;color:#004abc;font-size:13px;text-align:justify}

/*html {  margin:0px; padding:0px; background: url(/img/gratte.jpg) no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;   }*/

/*body{width:1060px;margin:0px;padding:0px;margin-left:auto;margin-right:auto;background-image:url(/img/etoiles.gif);background-repeat:repeat;background-attachment:fixed;font-family:Verdana, Arial, Helvetica,"Times New Roman", Times, serif;color:#004abc;font-size:13px;text-align:justify}*/


div#container{width:1060px;margin-right:auto;margin-left:auto;background-color:#FFFFFF;
box-shadow: 0px 0px 10px 10px rgba(1, 1, 100, 0.75);
-moz-box-shadow: 0px 0px 10px 10px rgba(1, 1, 100, 0.75);
-webkit-box-shadow: 0px 0px 10px 10px rgba(1, 1, 100, 0.75);
}
div#entete{width:1060px;height:240px;padding-top:2px;}
div#gauche{float:left;padding:0px;width:200px;margin-top:0px;}
div#droite{float:right;padding:5px;width:170px;margin-top:0px;text-align:center;color:#0000cc;vertical-align:bottom;}
div#centre{padding:10px;margin-left:220px;margin-top:0px;margin-right:180px;}
div#new-gauche{padding:5px;margin-left:20px;margin-top:-20px;margin-right:260px;}
div#new-droite{float:right;padding:5px;width:250px;margin-top:5px;text-align:left;;color:#0000CC;vertical-align:bottom;}
div#gauche_double{clear:left;padding:0px;margin-left:50px;margin-right:50px;}
div#gauche_droite{clear:right;padding:0px;margin-left:185px;margin-right:20px;}
* div#gauche{height:1%;}
* div#centre{height:1%;}
* div#droite{height:1%;}
div.titre{position:absolute;width:577px;margin-left:0px;margin-top:0px;}
div.favoris{position:absolute;width:150px;margin-left:680px;margin-top:65px;}
div.favoris a{text-decoration:none;color:#808080;}
div.favoris a:hover{color:#FF0000;font-weight:normal;}
div.search{position:absolute;width:350px;margin-left:700px;margin-top:31px;}
div.cookie{position:absolute;width:50px;margin-left:290px;margin-top:-31px;}
div.menuh{position:absolute;width:1040px;margin-left:5px;margin-top:78px;}
div.happy{position:absolute;width:500px;margin-left:250px;margin-top:76px;color:#ff0000;}
div.datej{position:absolute;width:400px;margin-left:525px;top:10px;font-style:italic;font-size:10px;text-align:right;}
#gallery{margin-left:5px;font:12px verdana,arial,sans-serif;width:770px;padding:0px 0 0 0;line-height:15px;}
#gallery div.off{color:#0000a0;font-weight:bold;height:30px;margin-right:5px;line-height:30px;padding:0 10px;float:left;background:url(/menu/tabs.gif) repeat-x left bottom;border:1px solid #ddd;border-bottom-color:#000;cursor:pointer;position:relative;z-index:20;}
#gallery div.on{color:#c00;font-weight:bold;padding:0 10px;margin-right:5px;margin-top:1px;float:left;
 /*background:url(/menu/tabsh.gif) repeat-x left bottom;*/
 border:1px solid #000;
 background:#acc8ec;
 cursor:pointer;border-bottom:0;height:30px;line-height:30px;position:relative;z-index:100;}
div.hide{display:none;width:0;overflow:hidden;}
div.show{clear:left;margin-left:5px;width:770px;margin-top:0;top:-1px;border:1px solid #000;padding:8px;position:relative;z-index:50;font:11px verdana, arial, sans-serif;line-height:18px;
background-image: -webkit-linear-gradient( top, #ACC8EC 0%, #d9eaf3 100%);
background-image:    -moz-linear-gradient( top, #ACC8EC 0%, #d9eaf3 100%);
background-image:     -ms-linear-gradient( top, #ACC8EC 0%, #d9eaf3 100%);
background-image:      -o-linear-gradient( top, #ACC8EC 0%, #d9eaf3 100%);
background-image:         linear-gradient( top, #ACC8EC 0%, #d9eaf3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9bee4',endColorstr='#d9eaf3', GradientType=0);
}
div.show img{float:left;margin:0 5px 10px 0;}
.clear{clear:both;}
div.show a{text-decoration:none;}
div.show a.p_encours{text-decoration:none;color:#ff0000;background:#fff38e;}
table.tabls{margin-left:auto;margin-right:auto;}
table.tabls td{vertical-align:text-top;padding:0 15px 0 0;}
span.tt{font:12px verdana, arial, sans-serif;color:#0000a0;font-weight:bold;}
table.tabls a{text-decoration:none;color:#0000af;}
table.tabls a:hover{text-decoration:none;color:#ff0000;background:#fff38e;}
.cadre{BACKGROUND-COLOR:#F8F8FF;BORDER-LEFT:#0066ff 1px solid;BORDER-RIGHT:#0066ff 1px solid;BORDER-TOP:#0066ff 1px solid;BORDER-BOTTOM:#0066ff 1px solid;TEXT-ALIGN:left}
div#pied{clear:both;width:990px;height:60px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding:5px;text-align:center;color:white;background-color:#003366;border:0px solid black;}
p a{text-decoration:none;color:#555555;padding:0;}
p a:hover{color:#CC0000;}
.lien a{text-decoration:none;color:#555555;padding:0;}
.lien a:hover{color:#CC0000;}
span.lien a{text-decoration:none;color:#0066FF;padding:0;}
span.lien a:hover{color:#CC0000;}
img.liste{position:absolute;top:300;left:800;z-index:2;}
div#mini{float:left;width:200px;}
div#graph{float:left;padding:10px;}
div#exemple{background:#d9eaf3;padding:10px;border:1px solid #b3d5e7;margin-bottom:0.5em;overflow:auto;}
div#exemple p, #page .exjaune p{line-height:15px;margin:0 0 5px;}
div#exemple h4, #page .exjaune h4{margin-top:0;}
#inline{display:inline;width:200px;height:160px;font-size:12px;}
#left{float:left;}
#right{float:right;}
#saut_g{clear:left;}
#saut_d{clear:right;}
#saut_dg{clear:both;}
H3{margin:15px 0 5px 0px;padding:0 0 0 10px;font-style:bold;background:#d9eaf3;color:#0000a0;line-height:2em;text-shadow: 2px 2px 4px #999;
box-shadow: 0px 0px 2px 2px rgba(1, 1, 100, 0.5);
-moz-box-shadow: 0px 0px 2px 2px rgba(1, 1, 100, 0.5);
-webkit-box-shadow: 0px 0px 2px 2px rgba(1, 1, 100, 0.5);}



#mini{float:left;width:100%;text-align:center;}
#mini TD{width:50%;text-align:center;}
.simple{border:1px solid #0033ff;border-collapse:collapse;text-align:center;}
.simple td{border:1px solid #0033ff;padding:5px;text-align:center;background-color:#ffffff;}
#actuel{border:1px solid #0033ff;border-collapse:collapse;width:80%;text-align:center;}
#actuel th{border:1px solid #0033ff;width:20%;padding:3px;text-align:center;background-color:#ffffff;}
#actuel td{border:1px solid #0033ff;width:20%;padding:3px;text-align:center;background-color:#ffffff;}
#detail{border:2px solid #0033ff;border-collapse:collapse;width:98%;text-align:center;padding:0;font-family:Verdana, Arial;font-size:11px;}
#detail td{border:1px solid #0033ff;padding:2px;text-align:center;background-color:#ffffff;}
#detail2{border:2px solid #0033ff;border-collapse:collapse;text-align:center;padding:0;font-family:Verdana, Arial;font-size:11px;}
#detail2 td{border:1px solid #0033ff;padding:2px;text-align:center;background-color:#ffffff;}
.prev{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;width:100%;text-align:center;background-color:#d7ffff;}
.prev td{border:1px solid #0033ff;width:20%;padding:5px;text-align:center;background-color:#d7ffff;}
.prev1{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;width:100%;text-align:center;background-color:#ffffff;}
.prev1 td{border:1px solid #0033ff;width:20%;padding:5px;text-align:center;background-color:#ffffff;}
.prev2{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;width:90%;text-align:center;background-color:#c0c0c0;}
.histo{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;width:80%;text-align:center;}
.histo td{border:1px solid #0033ff;width:20%;padding:2px;text-align:center;background-color:#ffffff;}
.petit{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;text-align:center;}
.petit td{border:1px solid #0033ff;padding:1px;text-align:center;background-color:#ffffff;}
.petit2{margin-left:auto;margin-right:auto;border:1px solid #0033ff;border-collapse:collapse;}
.petit2 td{border:1px solid #0033ff;padding:1px;background-color:#ffffff;}
table.catego{border:0px solid #0033ff;border-collapse:collapse;text-align:center;float:left;margin-top:10px;margin-left:10px;}
table.catego td{border:0px solid #CC0000;padding:0px;text-align:center;background-color:#ffffff;}
table.catego td a{text-decoration:none;color:#CC0000;padding:0;}
table.catego td a:hover{color:#CC0000;background-color:#b3d9ff;}
table.salaire{border:0px solid #0033ff;border-collapse:collapse;float:left;margin-top:10px;margin-left:10px;}
table.salaire td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:0px;background-color:#ffffff;}
table.salaire td a{text-decoration:none;color:#CC0000;padding:0;}
table.salaire td a:hover{color:#CC0000;background-color:#b3d9ff;}
table.simple{border:0px;border-collapse:collapse;text-align:center;float:left;margin-top:10px;margin-left:120px;}
table.simple td{border:0px;padding:0px;text-align:center;background-color:#ffffff;}
table.num{border:0px;border-collapse:collapse;text-align:center;background-color:#e4f8f8;}
table.num tr.gras{font-weight:bold;}
table.num td{border:0px;padding:0px;text-align:right;}
table.border{border:1px solid #000080;border-collapse:collapse;text-align:center;float:left;margin-top:10px;margin-left:5px;}
table.border td{border:1px solid #000080;padding:0px;text-align:center;background-color:#ffffff;}
table.budget{border:0px solid #0033ff;border-collapse:collapse;margin-top:10px;margin-left:60px;width:80%;}
table.budget td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:0px;background-color:#ffffff;}
table.budget td.gras{font-weight:bold;}
table.liste{border:0px;border-collapse:collapse;text-align:left;width:80%;}
table.liste td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:3px;background-color:#ffffff;}
table.listeX{border:0px;border-collapse:collapse;text-align:left;width:100%;}
table.listeX td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:3px;background-color:#ffffff;}
table.listeW{border:0px;border-collapse:collapse;text-align:center;width:95%;}
table.listeW td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:1px;background-color:#ffffff;}
table.listeWL{border:0px;border-collapse:collapse;text-align:left;width:95%;}
table.listeWL td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:1px;background-color:#ffffff;}
table.listeC{border:0px;border-collapse:collapse;text-align:center;width:80%;}
table.listeC td{border-bottom:1px solid #000080;border-top:1px solid #000080;padding:3px;background-color:#ffffff;}
div.centrer{margin-left:30px;width:500px;hight:460px}
a.p1{display:block;width:0px;height:0px;text-decoration:none;background:#fff;border:0;margin:0px;float:left;}
a.p1 img{display:block;border:0;}
a.p1:hover{text-decoration:none;background-color:#fff;color:#000;position:relative;z-index:500;}
a.p1 b{display:block;position:absolute;top:-9999px;padding:0px;opacity:0;-o-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);-icab-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);-khtml-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);box-shadow:5px 5px 2px rgba(0, 0, 0, 0.4);-o-border-radius:8px;-icab-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:opacity 0.6s ease-in-out;}
a.p1:hover b{top:-425px;left:-200px;padding:10px;border:1px solid #aaa;background:#ccc;opacity:1.0;}
.menu01{color:#0000cc;font-weight:bold;background-color:#dfffFF;border-style:solid;border-width:1px;border-color:#0066FF;margin:0 10px 0 4px;}
.menu02{FONT:11px Verdana, Arial, Helvetica, sans-serif;}
.menu02 a{text-decoration:none;color:#004ABC;}
.menu02 a:hover{color:#FF0000;font-weight:normal;}
.menu03{list-style-type:disk;FONT:11px;color:#004ABC;margin-left:8px;padding-left:0px;}
.Style1{color:#FF0000}
table.table_menu{border:2px dotted #FF0000;background-color:#FFFFF0;margin:3px;width:152px;height:100%;}
table.table_menu td{padding:2px 0 2px 5px;}
.flotr-mouse-value{opacity:1 !important;background-color:#FFFFFF !important;color:#666 !important;font-size:12px;border:1px solid #778b9f;font-weight:600;}
.collapsibleList li{list-style-image:url('/img/button.png');cursor:auto;}
li.collapsibleListOpen{list-style-image:url('/img/button-open.png');cursor:pointer;}
li.collapsibleListClosed{list-style-image:url('/img/button-closed.png');cursor:pointer;}



#cf {
  position:relative;
  height:150px;
  width:200px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}