@charset "utf-8";
#top{text-align:center;
margin:15px auto; }
#top img{border:2px solid #0099FF;}
#footer-liens{text-align:center;color:#FFFFFF;
font:bold 11px Arial, Helvetica, sans-serif;}
#footer-liens a{color:#FFFFFF;text-decoration:none;}
#partager
{
margin: 0 0 0 20px;
}
#partager h2{color:#0066CC;font:bold 12px Arial, Helvetica, sans-serif}
a{position:relative}
/* CSS Document */
.strong{
font-weight:bold;}
img {
   behavior	: url("win_png.htc");
}



body{
margin		: 0;
padding		: 0;
background	: url(../images/bg-site-01.jpg) repeat-x #145AA2;
}

#main-site{
width		: 1015px;/**/
margin		: 0 auto;
padding		: 40px 0 0 0;
}

.titre-header{
margin:0 0 0 0;
padding:0 0 0 35px;
color:#FFFFFF;
font:bold 14px Arial, Helvetica, sans-serif;
float:left;
}
.titre-header a{
color:#FFFFFF;
text-decoration:none;
}

.pagination{font:Arial, Helvetica, sans-serif;}
span.on{font-size:25px;color:#0066FF;}
.lien_pagination{font-size:16px;color:#666666;text-decoration:none;}
/*=========================================================

   H E A D E R

==========================================================*/
#header{padding:25px 0 0 30px; width:1015px;/*1015*/ height:167px;/*207*/ }

#preheader{
background		: url(../images/header-bg.jpg) no-repeat top left;
height			: 139px;/*154-15*/
}
#logo{
width:200px;
margin:0;padding:0;
float:left;}

#pub-728x90
{
width				: 728px;
height				: 90px;
/*background-color	: #FFFFFF;*/
margin				: 0 0 0 210px;
padding:15px 0 0 0;
}

#hierarchie {
color:#000000;
font:bold 14px Arial, Helvetica, sans-serif;
margin:10px 0 0 10px;
}

#hierarchie a{
color:#000000;
font:bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline
}
/*--------------------------------------------------
 M E N U
--------------------------------------------------*/
#menu{
background		: url(../images/menu-bg-02.jpg) no-repeat top left;
height			: 28px;
padding			: 0 0 0 45px;
}

#menu h1
{
float		:left;
margin		: 0;
padding		: 0 15px 0 10px;
height		: 28px;/**/
background	: url(../images/menu-trait.jpg) top left no-repeat;
position	: relative;
width		: 100px;
/*border:1px solid red;*/
}
/**/
#menu h1 a.texte
{
font			: bold 12px Arial, Helvetica, sans-serif;
color			: #000000;
text-decoration	: none;
float			: left;
margin			: 5px 0 0 40px;
}

#menu h1 a:hover{
text-decoration:underline;
color:#FFF}

#menu h1 a.logo{margin:0;padding:0;position	: absolute;
top			: -15px;
left:10px;
}
/*=========================================================

   C O L O N N E      C E N T R A L E

==========================================================*/
#colonne-centrale{
padding : 0 0 0 0;
}

#contenu{
background:url(../images/bg-colonne-centrale.png) repeat-y;
/*Pansement pour IE6 de mes 2*/
zoom:100%;
}
/**/
* html #contenu{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.krakrakra.com/images/bg-colonne-centrale.png", sizingMethod="scale");
}
/*=========================================================

    E X P L I C A T I O N S

==========================================================*/
#explications{
background	: url(../images/bg-explications.jpg) no-repeat top left;
/*height		: 103px;130-27*/
padding		: 27px 10px 0 40px;
}
/*---------------------------------------------
   P O U R Q U O I 
---------------------------------------------*/
#pourquoi
{
width		: 459px;
float		: left;
margin-bottom:10px;
background	: url(../images/pourquoi-bottom.jpg) bottom left no-repeat #FFFFFF;
}
#pourquoi-contenu
{
background	: url(../images/explication-logo.jpg) no-repeat 18px 33px ;/**/
height:100px;
margin:0;
padding:10px 0 0 15px ;
/*padding-bottom:20px;*/
}
#pourquoi p{
font	: normal 12px Arial, Helvetica, sans-serif;
/*margin:0 0 0 0;*/
margin	:5px 20px 0 80px;
padding	: 0;
}
.titre{
font:bold 14px Arial, Helvetica, sans-serif;
display:block;
color:#3f89c3;
/**/margin:15px 0 0 15px ;
margin:0;
padding:0;
}
/*---------------------------------------------
   P A R T I C I P E Z 
---------------------------------------------*/
#participation
{width		: 459px;
float		: left;
margin		: 0 0 10px 15px;
background	: url(../images/pourquoi-bottom.jpg) bottom left no-repeat #FFFFFF;
}

#participation-contenu
{
background	: url(../images/participation-logo.jpg) no-repeat 15px 30px ;
height:100px;
margin:0;
padding:10px 0 0 15px ;
}

#participation-contenu span.titre a{
font:bold 14px Arial, Helvetica, sans-serif;
color:#3f89c3;
text-decoration:none;
}

#participation p{
font	: normal 12px Arial, Helvetica, sans-serif;
margin	:5px 20px 0 85px;
padding	: 0;
}

#participation p a{text-decoration:none;color:#000000;}
#participation p a:hover{color:#3f89c3;}
/*=========================================================

    C O L O N N E   D E    G A U C H E

==========================================================*/
.colonneGauche
{
width:615px;/*615-20*/
float:left;
padding:0 0 0 40px;
}

.bloc{
background:url(../images/bloc-bg.gif) repeat-x top left #FFFFFF;
padding:10px 0 10px 0;
margin:0 0 10px 0;
overflow:hidden;
/*IE 6 pawa
zoom:100%*/}

.colonneGauche .bloc h1{ 
font				: bold 14px Arial, Helvetica, sans-serif;
color				: #3f89c3;
margin				: 0 0 5px 10px;/**/
padding				: 0;
}

.colonneGauche .bloc h2{ 
font				: bold 14px Arial, Helvetica, sans-serif;
color				: #FF6600;
margin				: 0 0 5px 10px;/**/
padding				: 0;
}

.colonneGauche .bloc h1 a{text-decoration		: none;
color				: #3f89c3;}

#contenu .article h1,
#contenu .article h1{
color:#00CCFF;
font:bold 24px Arial, Helvetica, sans-serif;
margin:20px 0 0 10px;
padding-right:15px;
}


.notes{color:#FF9900;
font:bold 12px Arial, Helvetica, sans-serif;
margin:0 0 0 45px;}

.noter{color:#FF9900;
font:normal 12px Arial, Helvetica, sans-serif;
margin:0 0 0 45px;}

.doc-image{border:1px solid red;
width:530px;}

.article p{
font:normal 13px Arial, Helvetica, sans-serif;
color:#000000;
padding:10px 20px 10px 40px;
}

.hasard-image,.hasard-video, .hasard-blague {width:300px;}
#liens{padding:10px;}
a.random,
.tipAFriend{display:block;text-align:center;font:bold 14px Arial, Helvetica, sans-serif;color:#000000;text-decoration:none;}
a.random:hover,
.tipAFriend:hover{text-decoration:underline}
.previous{display:block;float:left;}
.next{display:block;float:right;}
.next,.previous{color:#000000;font:normal 11px Arial, Helvetica, sans-serif;text-decoration:none;}
/*---------------------------------------------
  D E R N I E R E S        I M A G E S
---------------------------------------------*/
.dernieres-images,
.dernieres-videos{
height:165px;/**/
width:620px;
}

.toutes-images,
.toutes-videos,
.toutes-blagues,
.article
{width:620px;}

.dernieres-images ul,
.dernieres-videos ul,
.toutes-images ul,
.toutes-videos ul
{
list-style-type:none;
padding:0;
margin:0;
overflow:hidden
list-style-position:outside;
/*margin:5px 0 0 0;
border:1px solid red;*/
}

.toutes-images ul,
.toutes-videos ul
{
margin:20px 0 20px 0;
}

.pagination{
text-align:center;}

.dernieres-images ul li,
.dernieres-videos ul li,
.toutes-images ul li,
.toutes-videos ul li
{
/*width:100px;*/
float:left;
margin:0;
padding:0 0 0 20px !important;
padding:0 0 0 17px;
/*margin-left:15px;*/
}

.toutes-images ul li
{
padding:20px 0 0 20px !important;
padding:20px 0 0 17px;
min-height:130px;
height:auto !important;
height:130px;
}

.toutes-videos ul li
{
padding:10px 0 0 40px !important;
padding:10px 0 0 37px;
min-height:170px;
height:auto !important;
height:170px;
}

.dernieres-images ul li img,
.dernieres-videos ul li img,
.toutes-images ul li img,
.toutes-videos ul li img
{border:1px solid #858585;}

.dernieres-images ul li p,
.dernieres-videos ul li p,
.toutes-images ul li p,
.toutes-videos ul li p{
margin:0;
padding:0 !important;
padding:0 1px;
width:100px;
font:normal 10px Arial, Helvetica, sans-serif;
}

.dernieres-images ul li p a,
.dernieres-videos ul li p a,
.toutes-images ul li p a,
.toutes-videos ul li p a{
color:#000000;
text-decoration:none;}

.dernieres-images ul li p a:hover,
.dernieres-videos ul li p a:hover,
.toutes-images ul li p a:hover,
.toutes-videos ul li p a:hover
{text-decoration:underline;}



.dernieres-images ul li .date,
.dernieres-videos ul li .date,
.toutes-images ul li .date,
.toutes-videos ul li .date
{color:#FF9900;}

/*............................................
TOUTES LES BLAGUES
............................................*/
.toutes-blagues h2{border-bottom:2px solid #FFCC00;
}

#doc-blague{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
.toutes-blagues h2, .toutes-blagues h2 a
{
color:#FF6600;
font:bold 14px Arial, Helvetica, sans-serif;
text-decoration:none;
margin-bottom:0;
}



.toutes-blagues h2 a:hover{text-decoration:underline;}
.toutes-blagues .ligne-blague{
margin:0 0 40px 20px;
}
.lireBlague{color:#0066FF;font:bold 12px Arial, Helvetica, sans-serif;text-decoration:none;}
.lireBlague:hover{text-decoration:underline;}
.toutes-blagues p{margin-top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px}
/*............................................
BLAGUES
............................................*/
.blague {
height:180px;
width:620px;
}

.blague a
{color:#666666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.blague a:hover{color:#000000;}
.blague ul{
list-style-type:none;
padding:0;
margin:0 0 0 30px;
}

.blague ul li{
width:260px;
float:left;
margin: 5px 20px 10px 0;
}
/**/
/*---------------------------------------------
  C O L O N N E   D E    D R O I T E
---------------------------------------------*/
.colonneDroite{
width:315px;
float:left;
margin:0;
padding:0 0 0 15px;
/*margin:0 0 0 15px;
margin:0;*/
/*padding:0 0 0 0;*/
}
.colonneDroite .bloc h1{
margin	: 5px 0 0  10px;
padding:0;
font				: bold 14px Arial, Helvetica, sans-serif;
color				: #3f89c3;
}
/*--------------------------------------------------
NEWSLETTER
--------------------------------------------------*/
.inscriptionNewsletter{
width:300px;
/*height:100px;*/
height:160px;
font:normal 11px Arial, Helvetica, sans-serif;
/*zoom:100%;

height:159px;*/}
.inscriptionNewsletter form{
margin:0;
padding:0;
}

.inscriptionNewsletter fieldset{border:0;
margin:0;
padding:0 0 0 15px;}

.inscriptionNewsletter fieldset div{margin:0;padding:0;}
p.newsletter
{
font:normal 11px Arial, Helvetica, sans-serif;
margin:0;
padding:0 10px 5px 10px;}

.submitNewsletter{float:left;margin:0;width:35px;}
/**/
/**/


.inscriptionNewsletter span
{
font:normal 14px Arial, Helvetica, sans-serif;}
.formulaire_inscription{position:relative;}



.inscriptionNewsletter #mail_inscription_
{border:1px solid #7CADCE;
color:#333333;
width:190px;
float:left;
font:normal 12px Arial, Helvetica, sans-serif;
margin:10px 35px 0 0 ;
}


#desabo,
#suppl_abo_oui,
.inscriptionNewsletter .label,
.inscriptionNewsletter legend
{display:none;}

/*--------------------------------------------------
NUAGE
--------------------------------------------------*/
.tags{
width:300px;
margin-top:15px;
height:225px}
.tags a{text-decoration:none;
font-family:Arial, Helvetica, sans-serif;}

.tags ul.nuage{
/*margin:20px 10px 0 20px;*/
margin:0px 10px 0 15px;
line-height:30px}

.tags a:hover{text-decoration:underline overline;}
.tagColor0{color:#333333;}
.tagColor1{color:#FF9900;}
.tagColor2{color:#0066CC;}
.tagColor3{color:#CC0000;}
.tagColor4{color:#009933;}
.tagColor5{color:#FF0000}
.tagColor6{color:#9900CC}
.tagColor7{color:#999999}
.tagColor8{color:#663300}
.tagColor9{color:#FFCC33;}
/*--------------------------------------------------
COMMENTAIRE
--------------------------------------------------*/
.commentaire
{
font-size : 10px;
font-family:Arial, Helvetica, sans-serif;
width:300px;
/**/height:180px;
}
.commentaire dl{
padding:0 10px;
}
.commentaire dt
{color:#FF9900;font-size:11px;}

.commentaire dd
{margin:0 0 10px 0;}

.commentaire dd a
{color:#000000;
text-decoration:none;}

.commentaire dd a:hover
{text-decoration:underline;}

#comments
{
text-align	: left;
clear			: both;
padding		: 20px 0 0 0;
}

#comments #ecrire-commentaire
{
width		: 210px;
padding	: 20px 10px 0 10px;
margin	: 5px 10px 0 10px;
float			: left;
}

#comments #ecrire-commentaire legend,
.previsu legend
{color	: #0066CC;
font		: bold 16px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#comments #ecrire-commentaire p,
.previsu p
{
margin		: 0 0 0 0;
padding		: 0 0 0 0;
height			: 50px;
}

#comments #ecrire-commentaire input,
#comments #ecrire-commentaire textarea
{
width		: 210px;
}

#comments #ecrire-commentaire label
{
color			: #FF9900;
font				: bold 12px Arial, Helvetica, sans-serif;
display		: block;
}

#comments #ecrire-commentaire .spip_bouton

{
margin		: 20px 0 0 0;
}

 .previsu
{clear:both;
padding	: 20px 10px 0 10px;
margin	: 10px;
border:4px solid #00CC00;
}

 .previsu .reponse_formulaire
 { 
 color:#FF0000;
 }

#listeCommentaires
{
/*border		: 1px solid red;*/
width		: 345px;/* 345px moins moins moins */
float			: left;
margin	: 0 0 0 0;
padding	: 0 5px;
}

#listeCommentaires h3
{
height:25px;
margin:0;
padding:0;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FF6600;
}

#listeCommentaires .comment-info{
margin		: 0 0 10px 0;
padding		: 0 5px 5px 5px;
border:1px solid #0066CC;
font-family	: Arial, Helvetica, sans-serif;
font-size		: 12px;
}

#listeCommentaires .comment-info p{

margin		:  0;
padding		: 5px 0;
/**/
}
/*=========================================================

   B L O C      B A S

==========================================================*/
#bloc-bas{position:relative;}

#cocotier{
position	: absolute;
right		: 10px;
top			: -110px;
}

#bloc-bas-contenu{
/*height		: 230px;*/
zoom:100%;
padding		: 0 0 0 45px;/*0 20px 0 25px;*/
background	: url(../images/bloc-bas-bg.png) repeat-y;}

* html #bloc-bas-contenu{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.krakrakra.com/images/bloc-bas-bg.png", sizingMethod="scale");
}
#footer{
color	: #FFFFFF;
font	: normal 11px Arial, Helvetica, sans-serif;
padding	: 0 10px 30px 30px}
#footer a{
color			: #FFFFFF;
text-decoration	: none;
}
#footer a:hover{
text-decoration	: underline;}
#signature{
float	: right;
padding	: 0 45px 0 0;
}

#blague-populaire,
#image-populaire,
#video-populaire
{
float	: left;
width:280px;
/*width:295px;*/
/*border:1px solid red;*/
}

#blague-populaire h1,
#image-populaire h1,
#video-populaire h1
{
color:#FFFFFF;
/*margin:0;*/
font:bold 11px Arial, Helvetica, sans-serif;
}

#blague-populaire dl{
margin:0;padding:0;
}
.hasard-blague dl{padding:0 20px;}
#blague-populaire dt a,
.hasard-blague dt a{
color:#3F89C3;
text-decoration:none;
font:bold 11px Arial, Helvetica, sans-serif;
}

#blague-populaire dt a:hover,
.hasard-blague dt a:hover{
color:#FF9933;
}

#blague-populaire dd,
.hasard-blague dd
{
margin: 0 0 10px 0;
}
#blague-populaire dd a,
.hasard-blague dd a
{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 0 10px 0;
text-decoration:none
}
#blague-populaire dd a:hover{
color:#FFFFFF;
}
.hasard-blague dd a:hover{
color:#000000;
}
a img {border:0;}
/*-----------------------------------------------------
LES IMAGES LES PLUS POPULAIRES
------------------------------------------------------*/
#image-populaire{
margin: 0 35px 0 25px ;
}

#image-populaire .ligne,
.hasard-image .ligne,
.hasard-video .ligne{
clear:both;
padding:10px 0 0 0 !important;
padding:6px 0 0 0;
margin-left:20px;
}
/*
{
clear:both;
padding:10px 0 0 0 !important;
padding:6px 0 0 0 ;
min-height:70px;
height:auto !important;
height:150px;
}*/

#image-populaire .ligne-logo,
.hasard-image .ligne-logo,
.hasard-video .ligne-logo{
float:left;
width:100px;
}

#image-populaire .ligne-logo img,
.hasard-image .ligne-logo img,
.hasard-video .ligne-logo img{border:1px solid #858585;}

#image-populaire .ligne-contenu,
.hasard-image .ligne-contenu,
.hasard-video .ligne-contenu{
margin-left:105px;
}

#image-populaire .ligne-contenu a.gris,
.hasard-image .ligne-contenu a.gris,
.hasard-video .ligne-contenu a.gris{
color:#999999;
font:normal 11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

#image-populaire .ligne-contenu a.gris:hover{
color:#FFFFFF;
/*text-decoration:underline;*/
}

.hasard-image .ligne-contenu a.gris:hover,
.hasard-video .ligne-contenu a.gris:hover{
color:#000000;
/*text-decoration:underline;*/
}

#image-populaire .ligne-contenu h2,
.hasard-image .ligne-contenu h2,
.hasard-video .ligne-contenu h2{
margin:0;
padding:0;
color:#3F89C3;
font:bold 11px Arial, Helvetica, sans-serif;
}

#image-populaire .ligne-contenu h2 a,
.hasard-image .ligne-contenu h2 a,
.hasard-video .ligne-contenu h2 a{
color:#3F89C3;
text-decoration:none;
}

#image-populaire .ligne-contenu h2 a:hover,
.hasard-image .ligne-contenu h2 a:hover,
.hasard-video .ligne-contenu h2 a:hover{
/*text-decoration:underline;*/
color:#FF9933;
font-weight:bold;
}

/*-----------------------------------------------------
LES VIDÉOS LES PLUS POPULAIRES
------------------------------------------------------*/
#video-populaire{
margin: 0 20px 0 20px ;
}

#video-populaire .ligne{
clear:both;
padding:10px 0 0 0 !important;
padding:6px 0 0 0 /**/
}

#video-populaire .ligne-logo{
float:left;
width:100px;
}

#video-populaire .ligne-logo img{border:1px solid #858585;}

#video-populaire .ligne-contenu{
margin-left:105px;
}

#video-populaire .ligne-contenu a.gris{
color:#999999;
font:normal 11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

#video-populaire .ligne-contenu a.gris:hover{
color:#FFFFFF;
/*text-decoration:underline;*/
}

#video-populaire .ligne-contenu h2{
margin:0;
padding:0;
color:#3F89C3;
font:bold 11px Arial, Helvetica, sans-serif;
}

#video-populaire .ligne-contenu h2 a{
color:#3F89C3;
text-decoration:none;
}

#video-populaire .ligne-contenu h2 a:hover{
/*text-decoration:underline;*/
color:#FF9933;
font-weight:bold;
}