@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
border:none;
text-decoration:none;
outline:none;
}
html{
/*width:100%;*/
margin-left:auto;
margin-right:auto;
font-family:Georgia, "Times New Roman", Times, serif;
/*background-image:url(../images/index.jpg) ;*/
/*background-attachment:fixed;*/
background-position:top;
background-repeat:no-repeat;
/*background-color:#ffffff;*/
text-align:center;
/*background: url(../menunavigation/degrade_bleu.jpg);*/
/*#887c7c;*/
height:100%;
}

body{
padding-top:20px;
width:1000px;
margin-left:auto;
margin-right:auto;
/*height:550px;*/
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(../menunavigation/global_noir2.png) ;
/*background-attachment:fixed;*/
background-position:top;
background-repeat:no-repeat;
text-align:center;

}
a:link{color:#ffffff; }
a:visited{color:#000000; }
a:hover{color:#FF9933; }
/*a:active{color:#ffffff;*/ 

li:hover{background:#6666FF;}
h1{color:#FF3300;font-size:13px; width:500px;}
h2{color:#FFFFFF; font-weight:normal; line-height:20px; font-size:11px; width:500px; }
h3{color:#FF9933;/*color: #6699FF;*/font-size:15px; font-weight:bold; position:relative; top:-22px; left:90%;}/*h3{color:#ffffff; font-size:16px;}*/
h4{color:#333333;font-size:13px; /*background:url(../new_menunavigation/pic1.png) top center no-repeat;*/}
h5{color:#ffffff;font-size:13px; background:#333333; cursor:pointer; /*position:fixed;*/}
h6{color:#333333;font-size:18px; height:60px; line-height:30px; }
h7{color:#ffffff;font-size:13px; width:100px;background:#333333;}
h9{color:#ffffff;font-size:13px; background:#8bacf1; cursor:pointer;}
h10{color:#ffffff;font-size:13px; background:#333333; cursor:pointer;width:400px;}

h5:hover{background:#6666FF; color:#FFFFFF;}
h7:hover{background:#6666FF; color:#FFFFFF;}

.comment{color:#000000; font-weight:normal; line-height:20px; font-size:11px; width:250px;}



#global{
width:1000px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; 
padding-top:11px;
/*background-image:url(../images/global.jpg);*/
/*background-attachment:fixed;*/
background-position:top;
background-repeat:no-repeat;
/*height:550px;
float:left;*/
color:#FFFFFF;
background-attachment:fixed;



}

#case{float:left; height:29px; width:51px; cursor:pointer; /*background:url(../images/case.gif) no-repeat center center;*/}
#bienvenue{float:left; height:29px; width:71px;}
#bobkanza{float:left; height:29px;}
#titres{float:left; height:29px; width:526px;}
#compteur{float:left; height:29px; width:99px; padding-top:14px;}




#ligne01{
/*position:relative;*/
/*top:-5px;*/
width:900px;
margin-left:auto;
margin-right:auto;
/*height:30px;
float:left;*/
position:absolute;
top:15px;

}

#ligne02{
width:1000px;
height:400px;
margin-left:auto;
margin-right:auto;
/*float:left;*/
z-index:70;
}

#ligne02 h9{position:fixed; margin-left:-150px;}

#pligne02 {
/*width:800px;*/
margin-left:auto;
margin-right:auto;
text-align:center;
height:400px;
padding-top:20px;
font-size:12px;
color:#333333;
letter-spacing:5px;
line-height:20px;
text-align:left;


}
#pligne002{color:#CCCCCC;}

#pligne002{
position:relative;
width:800px;
top:40%;
/*left:auto;*/
text-align:center;
/*padding-top:20px;*/
font-size:12px;
/*color:#333333;*/
letter-spacing:5px;
line-height:20px;
}

#choixpostit{width:150px; height:400px;position:relative; left:0px; float:left;margin-left:10px;/*z-index:69;*/	}

#ousuisje{
float:left;
width:800px;
height:20px;
background:white;
text-align:center;
font-size:12px;
letter-spacing:5px;
line-height:20px;
/*margin-top:40px;*/
filter:alpha(opacity=50);-moz-opacity : 0.5;opacity : 0.5;
}

#animation{
float:left;
width:800px;
height:315px;/*380*/
/*padding-top:50px;*/
margin-top:15px;
text-align:center;
font-size:12px;
letter-spacing:5px;
line-height:20px;
overflow:auto;
/*background:red;*/

}

#pligne002bd{
position:absolute;
width:1000px;
top:40px;
/*left:auto;*/
text-align:center;
/*padding-top:20px;*/
font-size:12px;
/*color:#333333;*/
letter-spacing:5px;
line-height:20px;
}

#pligne002bd img{width:1000px;}

#pligne002carica{
position:relative;
width:1000px;
top:5%;
/*left:auto;*/
text-align:center;
/*padding-top:20px;*/
font-size:12px;
color:#333333;
letter-spacing:5px;
line-height:20px;
}



#ligne_survol_illustration img{ padding:3px;width:300px;/*border: red 5px solid;*/}
#ligne_survol_illustration img:hover{border:#6699CC; 1px solid;}
#ligne_survol_photos{color:#ffffff;font-size:13px; background:#000000; cursor:pointer;}
#ligne_survol_photos p{position:fixed;}
#ligne_survol_photos img{ padding:3px;width:600px;/*border: red 5px solid;*/}
#ligne_survol_photos img:hover{border:#6699CC 1px solid;}
#ligne_survol_caricature img{ padding:3px;width:400px;/*border: red 5px solid;*/}
#ligne_survol_caricature img:hover{border:#6699CC 1px solid;}
#ligne_survol_bd img{ padding:0px;width:1000px;}
#ligne_survol_bd img:hover{}
#ligne_survol_dessindepresse img{ padding:3px;width:500px; }
#ligne_survol_dessindepresse img:hover{border:#333333 1px solid;}

#ligne03{
width:1000px;
margin-left:auto;
margin-right:auto;
height:200px;
}

#ligne04{
position:absolute;
top:-4px;
width:900px;
}


#planche{position:relative; top:-140px;width:1000px;margin-left:auto;margin-right:auto;/* float:left;*/ height:100px; z-index:54;}
#table{position:relative; top:-30px;width:1000px;margin-left:auto;margin-right:auto; z-index:54; height:147px;}
#pupitre{position:relative; top:-95px; width:1000px; margin-left:auto;margin-right:auto; z-index:51;float:left;}
#piedtable{position:relative; top:-200px; width:1000px;margin-left:auto;margin-right:auto; z-index:50;float:left;}


#rubriques{ position:relative;top:-40px; left:-5px; /*float:left; */height:120px;width:1000px;z-index:61;/* pas touch z index */}
#rubriques ul{/*float:left;*/ list-style:none; font-size:14px;}
#rubriques li { width:230px; z-index:200; margin:5px; text-align:center;}
/*#rubriques li a{background:#6666FF; color:#FFFFFF;}
#rubriques li a:hover{background:#FFCC66; color:#000000;}*/

#rubrique0{ position:relative;top:35px;width:1000px;margin-left:auto;margin-right:auto; z-index:55;float:left; /*background:#000000;*/}

#rubrique1{ position:relative;top:-100px; left:150px;z-index:67;height:135px; float:left;	}
#rubrique2{ position:relative;top:-90px; left:50px;z-index:66;height:156px; float:left;}
#rubrique3{ position:relative;top:-100px; left:5px;z-index:65;height:138px; float:left;}
#rubrique4{ position:relative;top:-90px; left:-55px;z-index:64;height:138px; float:left; }

#suite{ cursor:pointer; z-index:1750;}
#contact ul{/*float:right;*/ color:#000; padding-left:25px;}
#contact li{ padding:4px; float:left; text-decoration:none; list-style:none; margin:4px;}
#contact li:hover{ background:none;}
#contact li:visited{background:none;}

.titre1{color:#FF6600;font-weight:bold;font-size:14px;}
.titre2{color:#FF6600;font-weight:bold;font-size:12px; letter-spacing:0px;}
.titre3{color:#FFCC99;font-size:13px;padding-bottom:10px;}
.titre4{color:#000000;font-size:13px;padding-bottom:10px;}
.flotteradroite{float:right; padding:15px;}
.invisible{display:none;}
.visible{display:block;}


#postit_web{position:relative; width:136px;left:-100px; top:0px; float:none;z-index:70;}
#postit_print{position:relative; width:136px;left:-100px; top:30px;z-index:71;}
#postit_dessin{position:relative; width:136px;left: -100px; top:-20px;z-index:72;}

#ligne03 li a:link{color:#FFFFFF;}
#ligne03 li a:visited{color:#FFFFFF;}
#ligne03 li a:hover{color:#FFFFFF;}
#ligne03 li a:active{color:#FFFFFF;}

#planche ul li a:link{ color:#000000; border:none;}
#planche ul li a:visited{ color:#663399; border-color:#FFFFFF;border-width:medium;}
#planche ul li a:hover{ color:#663399; border-color:#FFFFFF; border-width:medium;}
#planche ul li a:active{ color:#000000; border:none;}

#bobkanza {position:absolute; left:0px; top:600px;}

#contact ul li a:link{color:#000000;}
#contact ul li a:visited{color:#ffffff;}
#contact ul li a:hover{color:#ffffff;}


#ulphotos {list-style:none; color:#ffffff; }
#ulphotos a:link{color:#ffffff; }
#ulphotos a:hover{color:#ffffff; }
#ulphotos a:visited{color:#ffffff; }

#animation a:link{color:#ffffff; }
#animation a:visited{color:#ffffff; }
#animation a:hover{color:#ffffff; }



.client{color:#9999FF; font-style:italic;}

#ousuisje  a:link{color:#000000;}
#ousuisje  a:visited{color:#ff6600;}
#ousuisje  a:hover{color:#ff6600;}