*{margin:0;padding:0}
html{background:#fff url(bg-klauke.png) repeat-x;background-attachment:fixed;}
body{background:transparent url(bgbody.jpg) center repeat-y;margin:0;padding:0;font-size:12px;font-family:Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif}
#header{position:relative;height:90px;background:url(entete-new.jpg) no-repeat;border-bottom:1px solid #00ccff}
#header h1{display:none}
ul#navheader{margin:5px 5px 0 0;padding:0;float:right}
ul#navheader li{list-style-type:none;display:inline;padding-left:5px;padding-right:5px}
div#tab{position:absolute;right:0;top:72px;width:100%}
.titre{margin:0;color:#3366cc;border-bottom:1px dashed #0cf}
.catactive{font-weight:bold;color:#930}
.ariane{margin:0;margin-left:15px;margin-bottom:5px}
.lisepa{border-left:2px solid #048;border-right:2px solid #048}
.bordure{border-bottom:1px dashed #0cf}
ul.ulnorm{padding:5px;margin-left:15px;list-style-type:disc}
#page{width:960px;margin:0 auto;background:#fff url(page.gif) repeat-y;border-left:1px solid #00ccff;border-right:1px solid #00ccff}
#centre{width:759px;background:#fff}
#icentre{width:100%;float:left}
#centre h1,#centre h2{font-size:16px;color:#3366cc}
#droite{width:199px;float:right}
#footer{position:relative;width:960px;border-left:1px solid #0cf;border-right:1px solid #0cf;margin:0 auto;clear:both;height:50px;background:url(footer.jpg) repeat;border-top:1px solid #00ccff;color:#048;font-weight:bold}
#footer p{padding-top:7px;margin-bottom:0}
#footer span{color:#aaa;font-style:normal;font-size:85%}
#rss{position:absolute;right:0;top:-4em;width:200px;height:40px;background:url(rss.png) no-repeat 5px 60%;border-top:1px dashed #0cf}
#rss p{margin-left:45px;margin-top:3px;font-size:10px;padding:0}
#rss a{color:#000;font-weight:bold}
/* Layout */
/* Menu Bandeau */
#tabhaut{margin-right:25px;padding:0;width:100%;background:transparent;voice-family:"\"}\"";voice-family:inherit;padding-right:5px}
#tabhaut ul{font:bold 11px Arial,Verdana,sans-serif;margin:0;padding:0;list-style:none}
#tabhaut li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;font-size:9px}
#tabhaut a{float:right;color:#048;background:#eee url(color_tabs_left.gif) no-repeat left top;margin:0 2px 0 0;padding:0 0 1px 3px;text-decoration:none;letter-spacing:1px}
#tabhaut a span{float:right;display:block;background:transparent url(color_tabs_right.gif) no-repeat right top;padding:4px 9px 2px 6px}
#tabhaut a span{float:none}
#tabhaut a:hover{background-color:#048;color:#fff}
#tabhaut a:hover span{background-color:#048}
#tabhaut #current a,#tabhaut #current span{background-color:#8cb85c}
/* Menu Bandeau */
/* Gestion Des Flottants */
.gauche{float:left}
.droite{float:right}
/* modif S2P pour essayer résoudre prob affichage firefox et ie6
.cb{clear:both}
*/
.ccb{clear:both;height:2px}
.imageleft{float:left;margin-right:5px}
/* Gestion Des Flotants */
/* Infobulle */
div#tooltip{padding:3px;border:1px solid #048;background:#cee2ff;width:160px;position:absolute;visibility:hidden;font-size:12px}
/* Infobulle */ 
/* Tags */
ul#cloud{list-style:none}
ul#cloud li{display:inline}
ul#cloud li a.tag5{font-weight:bold;color:#930;font-size:18px}
ul#cloud li a{text-decoration:none}
ul#cloud li a.tag1{font-weight:normal;color:#009933;font-size:10px}
ul#cloud li a.tag2{font-weight:normal;color:#9900cc;font-size:12px}
ul#cloud li a.tag3{font-weight:bold;color:#cc3333;font-size:14px}
ul#cloud li a:hover{text-decoration:underline}
/* Tags */
/* pagination */
div.pagination{padding:3px;margin:3px;text-align:center}
div.pagination a{padding:2px 5px 2px 5px;margin:2px;border:1px solid #AAAADD;text-decoration:none;/* no underline */ color:#000099}
div.pagination a:hover,div.digg a:active{border:1px solid #000099;color:#000}
div.pagination span.courante{padding:2px 5px 2px 5px;margin:2px;border:1px solid #000099;font-weight:bold;background-color:#000099;color:#FFF}
div.pagination span.desactive{padding:2px 5px 2px 5px;margin:2px;border:1px solid #EEE;color:#DDD}
/* pagination */
/* Boxes */
.alert{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;padding:5px;font-weight:bold;margin-left:15px;margin-right:15px;}
.info{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;padding:5px;font-weight:bold}
/* Boxes */
/* Balises */
hr{visibility:hidden}
a{text-decoration:none;outline:none}
img{border:none}
div#droite h3{margin:0;font-size:12px;padding-left:10px;color:#004e99}
div#droite ul{margin:0;padding:0;padding-top:10px;padding-bottom:10px;border-top:1px dashed #0cf;border-bottom:1px dashed #0cf}
div#droite li{list-style-type:none}
div#droite ul li ul{background:#eee url(liactive.png);padding:0;margin:0}
div#droite ul li ul li{margin:0;padding:0;padding-left:25px;font-size:12px}
div#droite #cloud{background:#fff;border:none}
/* Balises */
/* Listes Colonne Droite */
ul#category{font-size:12px;margin-left:2px;color:#004e99;background:#eee}
ul#category li a{color:#004e99;display:block;margin-bottom:3px;line-height:30px}
ul#category li ul li a{background:transparent}
ul#category li span a{background:url(liactive.png);font-weight:bold}
ul#category li a.couper{padding-left:10px;border-left:10px solid #ff3300;background:url(couper.jpg) no-repeat right center}
ul#category li a.sertir{padding-left:10px;border-left:10px solid #0066cc;background:url(sertir.jpg) no-repeat right center}
ul#category li a.denuder{padding-left:10px;border-left:10px solid #98338f;background:url(denuder.jpg) no-repeat right center}
ul#category li a.fixer{padding-left:10px;border-left:10px solid #9ec71f;background:url(fixer.jpg) no-repeat right center}
ul#category li a.isoler{padding-left:10px;border-left:10px solid #f1b500;background:url(isoler.jpg) no-repeat right center}
ul#category li a.connecter{padding-left:10px;border-left:10px solid #cad0d2;background:url(connecter.jpg) no-repeat right center}
ul#category li a.mesurer{padding-left:10px;border-left:10px solid #7cc242;background:url(mesurer.jpg) no-repeat right center}
ul#category li a.s-outiller{padding-left:10px;border-left:10px solid #0066cc;background:url(s-outiller.jpg) no-repeat right center}
ul#demovideo li,ul#goodies li{padding-left:10px}
/* Liste Colonne Droite */
/* Contact */
#contact fieldset{background:none;padding:5px;border:1px solid #ddd}
#contact label{display:block;width:120px;float:left}
input,textarea{border:1px solid #ddd}
/* Contact */
/* Pied De Page */
#copyright{text-align:center}
/* Pied De Page */
/* Carte + Fonctions Ajax */
#contactcomm ul{margin:10px;padding:0;list-style-type:none;font-weight:light}
#contactcomm p{margin:10px;font-weight:light}
#contactcomm p.rouge{margin:10px;color:#930;font-weight:light}
#contactcomm{height:170px;border-top:1px dashed #0cf;border-bottom:1px dashed #0cf}
#fiche{width:300px;float:left;border-right:1px solid #0cf;height:170px}
#formcomm{width:450px;float:right;height:170px}
div#droite h3.catalogue{margin-top:15px;margin-bottom:10px}
div#droite h3.goodies{margin-top:15px}
div#centre h2.tpage{margin-bottom:15px}
/* Carte + Fonctions Ajax */
/*rajout s2p */
.image{float:right;margin:4px 4px 4px}
.imageleft{float:left;margin:4px 4px 4px}
.box{float:left;margin-left:12px;margin-right:2px;padding:4px 4px 4px;width:350px;border-top:1px dashed #0cf;border-right:1px dashed #0cf;background:white;background-image:url("new.jpg");background-repeat:no-repeat}
/*ajout s2p*/
.jeux{float:left;margin-right:12px;padding:4px 4px 4px;width:350px;border-top:1px dashed #0cf;border-left:1px dashed #0cf;background:white;background-image:url("jeu.jpg");background-repeat:no-repeat}
.bloc{height:100%;width:100%}
.bloc2{height:100%;margin-top:20px;border-top:1px dashed #0cf}
.new{float:right;width:70px;height:35px;font-size:30px;color:white;background:red}
a:link,a:visited{color:#5b8fbe;text-decoration:none}
a:hover{color:#666;text-decoration:none}
/*Fin rajout s2p*/
/* Gestion Des Contenus Centraux. Ex:Page Action-Commerciale */
.contenu{margin-top:35px;margin-left:15px;}
.formjeu{border-top:1px dashed #0cf;background:url(bgjeu.jpg) repeat-x;height:150px;padding-left:15px}
.jeu{border-top:1px dashed #0cf;padding-top:10px;margin-left:0}
.jeuh3{color:#fff}
.jeuh4{font-size:150%;color:#ff3300;margin-top:15px;margin-bottom:10px}
.margedroite{margin-right:15px}
.codejeu{background:#e7e7e7;border:1px solid #fff;color:#048;font-weight:bold}
/* Gestion Des Contenus Centraux. Ex:Page Action-Commerciale */
/* bordure bleue */
.bordurebleue{border-top:1px dashed #0cf;height:5px;width:99%}
.bbleue{border-top:1px dashed #0cf;height:5px;width:100%}
/* bordure bleue */
/*Blocs Page d'accueil / haut  */
#bloc_news{float:left;height:400px;width:367px;border-right:1px dashed #0cf;background:url(new.jpg) no-repeat}
#bloc_jeu{float:left;height:400px;width:390px;background:url(jeu.jpg) no-repeat}
#bloc_jeu .cjeu{margin-left:20px}
#bloc_news .cjeu{margin-left:20px}
#bloc_promo{float:left;height:400px;width:390px;background:url(promo.jpg) no-repeat}
.ijeuh3{font-size: 18px;margin-top:20px;margin-left:130px}
.tb{color:#fff;margin-top:70px}
#bjeu{float:right;background:url(jeu-petit.jpg) no-repeat 10px 0;width:50%;height:40px;border-left:1px dashed #0cf}
#bnews{float:right;background:url(new-petit.jpg) no-repeat 10px 0;width:50%;height:40px;border-left:1px dashed #0cf}
/*Blocs Page d'accueil / haut */
/* LightBox */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000}
/* LightBox */

/*  Mise en page bloc */
.beta{
width:758px;
height:85px;
}
.betag{
float:left;
background:yellow;
width:50%;
position:relative;
display:inline;
}
.betad{
float:left;
background:green;
width:50%;
position:relative;
display:inline;
}
#fa{
  width:100%;
  background:#fff;
  text-align:center;
}
.fap {
width:50%;
 height:150px;
  background:#fff;
  float:left;
  text-align:left;
  padding:4px 4px 4px;
}
.ml5{
width:339px;
border-left:1px dashed #0cf;
}
.img {
  float:left;
}
.tdecal {
margin-top:0;
text-align:justify;

}
.l5 {
  margin-left:15px;
}
.r25{
  margin-right:25px
}
.l5a{
  margin-left:135px;
}
.l5b{
margin-right:50px;
}
/* Fin */




.prototip { position: absolute; }
.prototip .effectWrapper,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {	position: relative; }
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: url(prototip_loader.gif);
	height: 14px;
	width: 14px;
}

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Prototip styles */
.prototip .default { width: 250px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font-size:12px;font-family:Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}


.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333;font: 11px Arial, Helvetica, sans-serif; padding: 5px; }