/* LES CADRES */
.frame {
background-color: transparent;
border : 0px solid #9CA658;
width : 780px;
height: 0px;
}
.frame1 {
background-color: transparent;
border : 0px solid #666666;
width : 350px;
padding : 0px;
margin: 0px auto auto auto;
}
.frame2 {
background-color: transparent;
border : 0px solid #666666;
width : 300px;
padding : 0px;
}

.frame3 {
border : 0px solid #666666;
width : 760px;
padding: 0px;
}
.frame4 {
line-height : 130%;
border : 0px solid #2C9FFF;
padding : 0px;
width :100%;                                    /* LARGEUR DU SITE  */
}
.frame400 {
background : transparent none repeat;
border : 0px solid #2C9FFF;
width : 500px;
margin: 0px auto auto auto;
                                   /* LARGEUR DU SITE  */
}

.framefooter {
line-height : 130%;
background : #FFFFFF url(skinjour/bg1.gif) repeat;
border : 2px solid #2C9FFF;
width : 100%;
}

/* FIN CADRE */

/* POUR REGLER LA HAUTEUR DE L'IFRAME */
.scroll {
margin: 0px auto auto auto;
width : 100%;
}

/* fin scroll */




#top {
background-color: transparent;
width: 100%;
border : 0px solid #FB6EA3;
background-image: url(skinjour/topjour.gif);
height: 35px;
background-repeat: repeat;
margin: 0px auto 0px auto;
background-position: top;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555555;
font-weight : normal;
margin: 0px;
background : url(skinjour/bgnuit.jpg);
background-color: transparent;
  background-position: bottom left;
  background-repeat: repeat;
  background-attachment: fixed;
}
#header {
border : 0 solid #7C8FE9;
height : 0px;
width : 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: left;
}
#footer {
margin-top : 5px;
margin-bottom : 2px;
background-image : none;
background-repeat : no-repeat;
border : 0 solid #555555;
color : #c9c9c9;
width : 100%;
text-align : center;
background-position : center;
}
 /* FOOTER IMAGES */
.framefooter {
line-height : 130%;
background : #FFFFFF url(skinjour/bg1.gif) repeat;
border : 2px solid #2C9FFF;
width : 100%;
margin : auto auto auto auto;
}

#footerleft {
margin : 0px;
background-image : url(skinjour/green_girl.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
text-align : center;
background-position: right;
height: 103px;
}
#footerright {
margin : 0px;
background-image : url(skinjour/red_girl.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
text-align : center;
background-position: left;
height: 97px;
}

/* FIN FOOTER IMAGE */



 /* CADRE IMAGE */
.framecadre {
width : 100%;   /* LARGEUR DU SITE  */
margin : auto auto auto auto;
}

#t1 {
background-image : url(skinjour/1.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 57px;
}
.t2 {
background-image : url(skinjour/2.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 100%;
}

#t3 {
background-image : url(skinjour/3.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 52px;
}

.t4 {
background-image : url(skinjour/4.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
width: 100%;
height: 45px;
}
#t5 {
background-image : url(skinjour/5.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 54px;
}

#t21b {
background-image : url(skinjour/21b.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : top left;
height: 80px;
width: 57px;
display:block;
}
.t21 {
background-image : url(skinjour/21.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 57px;
}
.t22 {
background-image : url(skinjour/22.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 100%;
}

.t23 {
background-image : url(skinjour/23.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 52px;
}

.t24 {
background-image : url(skinjour/24.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
width: 100%;
height: 100%;
}
.t25 {
background-image : url(skinjour/25.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 54px;
}
#t25b {
background-image : url(skinjour/25b.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 330px;
width: 54px;
}


#t31 {
background-image : url(skinjour/31.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 24px;
width: 57px;
}
.t32 {
background-image : url(skinjour/32.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 24px;
width: 100%;
}

#t33 {
background-image : url(skinjour/33.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 24px;
width: 52px;
}

.t34 {
background-image : url(skinjour/34.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
width: 100%;
height: 24px;
}
#t35 {
background-image : url(skinjour/35.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 24px;
width: 54px;
}
/* FIN CADRE IMAGE */


/* CADRE IMAGE 400 */
#t4001 {
background-image : url(skinjour/t4001.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 16px;
width: 13px;
}
.t4002 {
background-image : url(skinjour/t4002.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 16px;
width: 100%;
}

#t4003 {
background-image : url(skinjour/t4003.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 16px;
width: 63px;
}

.t4021 {
background-image : url(skinjour/t4021.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 13px;
}
.t4022 {
background-image : url(skinjour/t4022.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 450px;
width: 100%;
}

.t4023 {
background-image : url(skinjour/t4023.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 63px;
}

#t4031 {
background-image : url(skinjour/t4031.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 20px;
width: 13px;
}
.t4032 {
background-image : url(skinjour/t4032.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 20px;
width: 100%;
}

#t4033 {
background-image : url(skinjour/t4033.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 20px;
width: 63px;
}

/* FIN CADRE IMAGE 400*/

/* CADRE IMAGE FEUILLE */
 .framefeuille {
background-color: transparent;
border : 0px solid #9CA658;
width : 70%;    /* LARGEUR FEUILLE  */
height: 0px;
}
#f1 {
background-image : url(skinjour/f1.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 22px;
font-size : 7px;
}
.f2 {
background-image : url(skinjour/f2.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
color: #666666;
text-align: center;
}

#f3 {
background-image : url(skinjour/f3.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 45px;
width: 27px;
font-size : 7px;
}

.f21 {
background-image : url(skinjour/f21.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 22px;
}
.f22 {
background-image : url(skinjour/f22.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 450px;
width: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color: #666666;
padding-left: 10px;
}

.f23 {
background-image : url(skinjour/f23.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 27px;
}

#f31 {
background-image : url(skinjour/f31.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 48px;
width: 22px;
}
.f32 {
background-image : url(skinjour/f32.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 48px;
width: 100%;
}

#f33 {
background-image : url(skinjour/f33.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 48px;
width: 27px;
}

/* FIN CADRE IMAGE FEUILLE*/


/* CADRE IMAGE tuto agenda */

#tuto1 {
background-image : url(skinjour/tuto1.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 76px;
width: 72px;
font-size : 7px;
}
.tuto2 {
background-image : url(skinjour/tuto2.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : center;
height: 76px;
width: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
color: #666666;
text-align: center;
}

#tuto3 {
background-image : url(skinjour/tuto3.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 76px;
width: 80px;
font-size : 7px;
}

.tuto21 {
background-image : url(skinjour/tuto21.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 72px;
}
#tuto21b {
background-image : url(skinjour/tuto21b.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : top left;
height: 80px;
width: 72px;
}
.tuto22 {
background-image : url(skinjour/tuto22.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top center;
height: 100%;
width: 100%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color: #666666;
}

.tuto23 {
background-image : url(skinjour/tuto23.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : top left;
height: 100%;
width: 80px;
}
#tuto23b {
background-image : url(skinjour/tuto23b.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : top left;
height: 80px;
width: 80px;
}

#tuto31 {
background-image : url(skinjour/tuto31.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 29px;
width: 72px;
}
.tuto32 {
background-image : url(skinjour/tuto32.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : center;
height: 29px;
width: 100%;
}

#tuto33 {
background-image : url(skinjour/tuto33.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 29px;
width: 80px;
}

/* FIN CADRE IMAGE FEUILLE*/


 /* TABNAV */
.tabnav {
color : #2C9FFF;
font-weight: bold;
border : 0 solid #555555;
}

.navigation {
color : #2C9FFF;
font-weight : bold;
margin-left : 12px;
}
.navigation a {
color : #333333;
}
.navigation a:link {
color : #2C9FFF;
text-decoration : none;
}
.navigation a:active {
color : #2C9FFF;
text-decoration : none;
}
.navigation a:visited {
color : #2C9FFF;
text-decoration : none;
}
.navigation a:hover {
color : #333333;
  list-style-image: url(skinjour/clic.gif);
  list-style-position: outside;
  max-width: 100%
}

.navigation a:visited:hover {
color : #333333;
  list-style-image: url(skinjour/clic.gif);
  list-style-position: outside;
  max-width: 100%
}
/* FIN TABNAV */



 /* sidebar 1 */
#sidebar {
width : 80%;
padding: 4px;
margin: 0px auto auto auto;
}
#sidebar h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
margin : 0;
padding : 0;
}
#sidebar li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style : url(skinjour/bullet.gif);
margin-top : 0;
padding-left : 10px;
text-align : left;
}
#sidebar ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style-type : none;
margin : 0;
padding-left : 25px;
}
#sidebar ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
margin-top : 0;
padding-bottom : 2px;
padding-left : 0px;
text-align : left;
}
#sidebar ul ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style : url(skinjour/bullet.gif);
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
}
#sidebar ul ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
border : 0;
margin-top : 0;
padding : 0;
}
.headersidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
background-image : url(skinjour/note.gif);
border-bottom : 1px solid #666666;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
margin : 6px auto 0 auto;
background-repeat : no-repeat;
background-position : top left;
height: 25px;
width: 100%;
  background-color: #AAD5FE
}
.titlesidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #666666;
text-align : left;
margin-left :4px;
margin-top : 14px;
}
.contentsidebar {
background-image : none;
background-color : #FFFFFF;
border-left : 1px solid #666666;
border-top : 0px solid #666666;
border-bottom : 1px solid #666666;
border-right : 1px solid #666666;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 9px;
margin : 0px auto auto 0;
width : 100%;
padding : 4px;
}
 /* fin sidebar 1 */



 /* sidebar 2 */
#sidebar2 {
width : 0px;
margin: auto auto auto auto;
}
#sidebar2 h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
margin : 0;
padding : 0;
}
#sidebar2 li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style : url(skinjour/bullet.gif);
margin-top : 0;
padding-left : 10px;
text-align : left;
}
#sidebar2 ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style-type : none;
margin : 0;
padding-left : 25px;
}
#sidebar2 ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
margin-top : 0;
padding-bottom : 2px;
padding-left : 0px;
text-align : left;
}
#sidebar2 ul ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style : url(skinjour/bullet.gif);
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
}
#sidebar2 ul ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
border : 0;
margin-top : 0;
padding : 0;
}
.headersidebar2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
text-align : center;
background-image : url(skinjour/sidebar2.gif);
background-color : transparent;
border : 1px solid #2C9FFF;
margin : 8px auto 0 auto;
height : 20px;
background-repeat : no-repeat;
background-position : left;
width: 90%;
}
.titlesidebar2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.contentsidebar2 {
background-image : none;
background-color : #D9EDFF;
border : 1px solid #2C9FFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 9px;
margin : 2px auto 0 auto;
width: 90%;
}

 /* fin sidebar 2 */







 /* post */
#post {
width : 100%;
margin: auto auto auto auto;
}
.post {
width : 100%;
margin: 0px auto auto auto;
border: 0px none #FFFFFF;
padding: 4px;
font-weight : bold;
}
.headerpost {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
text-align : center;
border-bottom : 2px solid #2C9FFF;
margin : 0px auto auto auto;
height: 25px;
width : 100%;
}
.titlepost {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.titlepost a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.titlepost a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.titlepost a:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.titlepost a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #2C9FFF;
text-align : center;
}
.titlepost a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
color : #333333;
text-align : center;
}

.contentpost {
background-image : none;
border : 0px solid #2C9FFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 10px;
margin : 2px auto auto auto;
width: 100%;
padding: 5px;
}
.contentpost ul {
list-style : url(skinjour/bullet.gif);
margin-left : 10px;
}
.avatar {
background-image : url(skinjour/avatar.gif);
background-repeat : no-repeat;
background-color : transparent;
height : 90px;
width : 90px;
padding : 2px;
margin : 2px;
}

.alignright {
float : right;
}
.alignleft {
float : left;
}
#image {
float : left;
height : auto;
width : auto;
}
.bullet {
background-image : url(skinjour/bullet.gif);
background-repeat : no-repeat;
background-position : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2C9FFF;
padding-right : 5px;
padding-left : 2px;
}
.bulletunder {
background-image : url(skinjour/bulletcat.gif);
background-repeat : no-repeat;
background-position : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2C9FFF;
padding-left : 20px;
}
.bulletcommentaire {
background-image : url(skinjour/bulletcomment.gif);
background-repeat : no-repeat;
background-position : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2C9FFF;
padding-left : 20px;
padding-bottom : 0;
}
.bulletdate {
background-image : url(skinjour/bulletdate.gif);
padding-top : 6px;
background-repeat : no-repeat;
background-position : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2C9FFF;
padding-left : 20px;
}

blockquote {
color : #333333;
background-color : #FFFFFF;
padding : 15px 0px 0px 4px;
background-image: url(skinjour/note.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 10px;
border: 1px solid #333333;
}
/* FIN POST*/







submit {
background-color: #DBE0F9;
border : 1px solid #2C9FFF;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

INPUT {
background-color: #DBE0F9;
border : 1px solid #2C9FFF;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
select {
background-color: #DBE0F9;
border : 1px solid #2C9FFF;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
width: 100px;
}
textarea {
font-family : Verdana, tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
background-color: #DBE0F9;
border : 1px solid #2C9FFF;
margin-top : 0;
margin-bottom : 0;
}
H1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #FFFFFF;
text-align : center;
  background-color: #0086EB
}
H2 {
BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 8px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 55px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #000 1px solid
}

H3 {
    font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #2C9FFF;
font-weight: normal;
text-align: center;
line-height: 130%;
POSITION: relative;
TOP: -50px
}

.polaroid {
border: 1px solid #666666;
padding: 1% 1% 5% 1%;
text-align: center;
font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #00CCFF;
font-weight: normal;
line-height: 130%;
background: #ffffff;
}


H4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #2C9FFF;
text-align : left;
}
H5 {
margin-top : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #2C9FFF;
text-align : right;
background-color : transparent;
border : 0px solid #333333;
margin : 0 0 2px;
background-repeat : no-repeat;
background-position : right;
  border-bottom: 1px dotted #333333
}

H6 {
	BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-BOTTOM: 0px solid;
    FONT-FAMILY: verdana;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #A95F00;
    TEXT-ALIGN: center;
    MARGIN: 0px;
}

.title1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 8pt;
font-weight: bold;
text-align: center;
background: #AAAAAA;
  }



.title2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
border-bottom: 1px none #404040;
text-align: center;
}

.title3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px dashed #7FB900;
  color: #7FB900;
}

.title4
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
border-bottom: 1px none #404040;
}

.title5
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 0px none #404040;
  color: #A1C22E;
}

.title6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 0px none #404040;
  color: #00CCFF;
}

.title7
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border-bottom: 1px none #404040;
  color: #7FB900;
}

.headline
{
background-image: url(skinjour/fleched.gif);
font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px none #404040;
  color: #333333;
  padding-left: 20px;
  padding-bottom: 2px;
  line-height: 130%;
  background: url(skinjour/fleched.gif) no-repeat left;
  border-left-style: none;
  border-left-color: #000000;
  border-left-width: 1px;
  border-top: 1px none #000000;
  padding-top: 2px;
}

.under
{
background-image: url(skinjour/bulletcat.gif);
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px none #404040;
  color: #FF7BCE;
  padding-left: 110px;
  padding-bottom: 2px;
  line-height: 150%;
  background: url(skinjour/bulletcat.gif) no-repeat;
  border-left-style: none;
  border-left-color: #000000;
  border-left-width: 1px;
  border-top: 1px none #000000;
  background-position: top left;
}



.categorie
{
background-image: url(skinjour/bulletcat.gif);
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px none #404040;
  color: #00CCFF;
  font-size: 10px;
  padding-left: 12px;
  padding-bottom: 2px;
  line-height: 130%;
  background: url(skinjour/bulletcat.gif) no-repeat left;
  border-left-style: none;
  border-left-color: #000000;
  border-left-width: 1px;
  border-top: 1px none #000000;
  padding-top: 2px;
}



.credit
{
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #888888;
  font-size: 9px;
  text-align: center;
}
.copyright
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 7px;
}
.copyright a
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 7px;
}
.copyright a:active
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 7px;
}
.copyright a:link
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 7px;
}

.copyright a:visited
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 7px;
}
ul {
margin : 0 0 0 0px;
padding : 0 0 0 20px;
}
ul li {
margin : 0 0 0 0px;
padding : 0 0 0 0px;
}
img {
border : 0 solid #555555;
}
P {
line-height : 130%;
margin-top : 0;
margin-bottom : 0px;
margin-left : 10px;
margin-right : 2px;
}
U {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #7C8FE9;
border-bottom : 3px solid #D0D89A;
padding-bottom : 2px;
background-color: transparent;
}
B {
font-size : 9px;
color : #0086E9;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

strong {
font-size : 9px;
color : #0086E9;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
I {
font-size : 9px;
color : #555555;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #D0D89A;
font-weight : bold;
}
EM {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #555555;
background-color : #D0D89A;
font-weight : bold;
}

table
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555555;
}
.calendar_table{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #555555;
width: 95%;
}
a {
color : #2C9FFF;
}
a:link {
color : #2C9FFF;
text-decoration : none;
}
a:active {
color : #2C9FFF;
text-decoration : none;
}
a:visited {
color : #2C9FFF;
text-decoration : none;
}
a:hover {
color : #333333;
text-decoration : none;
}
.flickr-photo {BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 8px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #000 1px solid;
}
.flickr-frame { float: left; text-align: center; margin-left: 4px; margin-bottom:4px; }
#flickr-caption {
font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00CCFF;
font-weight: bold;
text-align: center;
TOP: -40px; }
/* smiltag */
.st-content {
	float: left;
	margin: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 170px;
}

.st-author-info{
	margin: 0;
 	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 16px;
	padding-left: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
   	color: #663300;
	font-size: 9pt;
}
.st-avatar{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

.st-date{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	color: #FF7997;
}
.st-date-time{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
  color: #FF7997
}
.st-author-name{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
  color: #663300
}
.st-comment-cell{
	padding-top: 0px;
	padding-bottom: 0px;
}

.st-footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
}
.gray{
	color:#5B5B5B;
	text-decoration:none;
}
#smiley_box{
	width:150px;
	position:absolute;
	display:none;
	margin-left: 200px;
    margin-top: 150px;
}
#smiley_box .smiley_top{
	background-image: url('http://justsev.com/smiletag/images/smiley_top.png');
	background-repeat:no-repeat;
	height:36px;
	padding-left: 7px;

}
#smiley_box .smiley_middle{
	background-image: url('http://justsev.com/smiletag/images/smiley_middle.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;

}
#smiley_box .smiley_middle span{
	position:relative;
}
#smiley_box .smiley_bottom{
	background-image: url('http://justsev.com/smiletag/images/smiley_bottom.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	height:48px;
	top:-6px;

}
#smiley_box a {
	float: left; text-decoration: none
}
#smiley_box a:link {
	color: #808080
}
#smiley_box a:hover {
	color: #333; background-color: #33CCFF
}
#smiley_box a:active {
	color: #808080
}
#smiley_box a:visited {
	color: #808080
}
#smiley_box img {
	border: 0;
}

/* Code for actual Rating-Bar */
.star-rating,
.star-rating span:hover,

.star-rating span:active,

.star-rating span:focus,
.star-rating .current-rating{
    background: url(skinjour/star.png) left -1000px repeat-x;
    cursor:pointer;
}
.star-rating{

    position:relative;

    width:45px;

    height:9px;

    overflow:hidden;

    list-style:none;

    margin:0;

    padding:0;

    background-position: left top;

}

.star-rating li{
    display: inline;

}

.star-rating span,
.star-rating .current-rating{

    position:absolute;

    top:0;

    left:0;

    text-indent:-1000em;

    height:9px;

    line-height:9px;

    outline:none;

    overflow:hidden;
    border: none;
}
.star-rating span:hover,

.star-rating span:active,

.star-rating span:focus{
    background-position: left bottom;
}

.star-rating span.one-star{

    width:20%;

    z-index:6;

}

.star-rating span.two-stars{

    width:40%;

    z-index:5;

}

.star-rating span.three-stars{

    width:60%;

    z-index:4;

}

.star-rating span.four-stars{

    width:80%;

    z-index:3;

}

.star-rating span.five-stars{

    width:100%;

    z-index:2;

}

.star-rating .current-rating{

    z-index:1;

    background-position: left center;
}

.rating_confirm {
font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
}

/* Code for showing the rating without possibility to vote */

.star-rating-showonly,
.star-rating-showonly span:hover,

.star-rating-showonly span:active,

.star-rating-showonly span:focus,
.star-rating-showonly .current-rating{
    background: url(skinjour/star.png) left -1000px repeat-x;
}
.star-rating-showonly{

    position:relative;

    width:45px;

    height:9px;

    overflow:hidden;

    list-style:none;

    margin:0;

    padding:0;

    background-position: left top;

}

.star-rating-showonly li{
    display: inline;

}

.star-rating-showonly span,
.star-rating-showonly .current-rating{

    position:absolute;

    top:0;

    left:0;

    text-indent:-1000em;

    height:9px;

    line-height:9px;

    outline:none;

    overflow:hidden;
    border: none;
}


.star-rating-showonly span.one-star{

    width:20%;

    z-index:6;

}

.star-rating-showonly span.two-stars{

    width:40%;

    z-index:5;

}

.star-rating-showonly span.three-stars{

    width:60%;

    z-index:4;

}

.star-rating-showonly span.four-stars{

    width:80%;

    z-index:3;

}

.star-rating-showonly span.five-stars{

    width:100%;

    z-index:2;

}

.star-rating-showonly .current-rating{

    z-index:1;


    background-position: center left;
}

/****************************************************************
  avoid padding, margins or borders on dbx-box,
  to reduce visual discrepancies between it and the clone.
  overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}
/****************************************************************
  otherwise, do what you like :)
*****************************************************************/

/* group container(s) */
#purple-outer {
	margin:0 0px 0 0;
	position:relative;/* additional outer containers must also have position:relative */
	}
#purple-outer2 {
	margin:0 0px 0 0;
	position:relative;/* additional outer containers must also have position:relative */
	}
    #purple-outer3 {
	margin:0 0px 0 0;
	position:relative;/* additional outer containers must also have position:relative */
	}
.dbx-group {
	clear:both;
	}
* html .dbx-group {
	padding-bot\tom:0;
	}

/* handles */
.dbx-handle {
	font:normal normal bold 1em tahoma,sans-serif;
	text-align:center;
	position:relative;
	margin:0;
	color:#fff;
	}
* html .dbx-handle {
	}

/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
	}

/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	background:url(skinjour/purple-toggle.gif) no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	text-indent:-50px;
	text-decoration:none;
	}

a.dbx-toggle-open, a.dbx-toggle-open:visited {
	background-position:0 0;
	}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
	background-position:0 -20px;
	}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
	background-position:-20px 0;
	}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
	background-position:-20px -20px;
	}

/* inner content area */
.dbx-content {
	margin:0;
	padding:0px 0 0px 0;
	}

/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:11px;
	padding:0;
	overflow:hidden;
	}
.dbx-box-closed .dbx-content * {
	display:none;
	}




/* ONGLET */


#ongletbleu{
float:left;
width:100%;
margin-top: 0px;
margin-left: 5px;
line-height:normal;
font: bold 9px verdana;

}

#ongletbleu ul{
list-style-type: none;
margin:0;
margin-left: 2px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#ongletbleu li{
display:inline;
margin:0;
padding:0;
font: bold 9px verdana;
}

#ongletbleu a{
float:left;
background:url(skinjour/tab-rbleu.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
border-bottom: 1px solid #67B8FF; /*Add border strip to bottom of menu*/
}

#ongletbleu a span{
float:left;
display:block;
background:url(skinjour/tab-lbleu.gif) no-repeat right top;
padding: 10px 4px 2px 2px;
font-weight:bold;
color:#3B3B3B;
}

#ongletbleu #current a{
float:left;
background:url(skinjour/tab-rvert.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#ongletbleu #current a span{
float:left;
display:block;
background:url(skinjour/tab-lvert.gif) no-repeat right top;
padding: 10px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ongletbleu a span {float:none;}
/* End IE5-Mac hack */

#ongletbleu a:hover span {
color: black;
}

#ongletbleu #current a{ /*Selected Tab style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}

#ongletbleu #current a span{ /*Selected Tab style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#ongletbleu a:hover{ /*onMouseover style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}

#ongletbleu a:hover  span{ /*onMouseover style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
}

 /* fin onglet */

/* ONGLET jaune*/


#ongletjaune{
float:right;
width:100%;
margin-top: 0px;
margin-right: 5px;
line-height:normal;
font: bold 9px verdana;

}

#ongletjaune ul{
list-style-type: none;
margin:0;
margin-right: 2px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#ongletjaune li{
display:inline;
margin:0;
padding:0;
font: bold 9px verdana;
}

#ongletjaune a{
float:right;
background:url(skinjour/tab-rjaune.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
border-bottom: 0px solid #67B8FF; /*Add border strip to bottom of menu*/
}

#ongletjaune a span{
float:left;
display:block;
background:url(skinjour/tab-ljaune.gif) no-repeat right top;
padding: 10px 4px 2px 2px;
font-weight:bold;
color:#3B3B3B;
}

#ongletjaune #current a{
float:left;
background:url(skinjour/tab-rvert.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#ongletjaune #current a span{
float:left;
display:block;
background:url(skinjour/tab-lvert.gif) no-repeat right top;
padding: 10px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ongletjaune a span {float:none;}
/* End IE5-Mac hack */

#ongletjaune a:hover span {
color: black;
}

#ongletjaune #current a{ /*Selected Tab style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}

#ongletjaune #current a span{ /*Selected Tab style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#ongletjaune a:hover{ /*onMouseover style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}

#ongletjaune a:hover  span{ /*onMouseover style*/
background-position:100% -100px; /*Shift background image up to start of 2nd tab image*/
}

 /* fin onglet jaune*/
/* ONGLET2 */


#onglet2bleu{
display:block;
float:right;
width:45px;
font: bold 9px verdana;
line-height:normal;
border-right: 1px solid #67B8FF; /*Add border strip to bottom of menu*/
}

#onglet2bleu ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#onglet2bleu li{

margin:0;
padding:0;
font: bold 9px verdana;
height:40px;
}

#onglet2bleu a{
font: bold 9px verdana;
background:url(skinjour/tab2-rbleu.gif) no-repeat top left;
background-position:0% -10px;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:10px 0 0 0px;
text-decoration:none;
height:10px;
display:block;

}

#onglet2bleu a span{
font: bold 9px verdana;
display:block;
background:url(skinjour/tab2-lbleu.gif) no-repeat bottom left;
background-position:0% -30px;
padding: 0px 0px 0px 10px;
color:#3B3B3B;
height:30px;
}

#onglet2bleu #current2 a{
font: bold 9px verdana;
background:url(skinjour/tab2-rvert.gif) no-repeat top left;
background-position:0% -10px;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:10px 0 0 0px;
text-decoration:none;
height:10px;
display:block;
}

#onglet2bleu #current2 a span{
font: bold 9px verdana;
display:block;
background:url(skinjour/tab2-lvert.gif) no-repeat bottom left;
background-position:0% -30px;
padding: 0px 0px 0px 10px;
color:#3B3B3B;
height:30px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet2bleu a span {
float:none;
}

/* End IE5-Mac hack */

#onglet2bleu a:hover span {
color: black;
}

#onglet2bleu #current2 a{ /*Selected Tab style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
}

#onglet2bleu #current2 a span{ /*Selected Tab style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#onglet2bleu a:hover{ /*onMouseover style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
}

#onglet2bleu a:hover  span{ /*onMouseover style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
}

 /* fin onglet2 */


.i
  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight: bold;
list-style : url(skinjour/bullet.gif);
list-style-type : none;
margin : 0;
padding : 0 10px;
text-align : left;
 }

 #s
   {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
list-style : url(skinjour/bullet.gif);
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
 }

.reader-publisher-module li
 {
 padding-bottom: 20px;
}
<!-- 6 heures de décalage avec elixant ex elixant 12:00 nous 18:00 -->