body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555555;
font-weight : normal;
margin: 0px;
background : url('images/bg.jpg') fixed left bottom;
scrollbar-3dlight-color:#85A9BA; scrollbar-arrow-color:#85A9BA; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#85A9BA; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; background-attachment:fixed; background-color:transparent; background-repeat:repeat;
}



#top {
background-color: transparent;
width: 100%;
border : 0px solid #FB6EA3;
background-image: url('images/topjour.gif');
height: 35px;
background-repeat: repeat;
margin: 0px auto;
background-position-y:50%
}

 /* CADRE IMAGE */

.frame400 {
background-color: transparent;
border : 0px solid #9CA658;
width : 500px;    /* LARGEUR AGENDA page erreure et home  */
height: 0px;
}
 .frame {
background-color: transparent;
border : 0px solid #9CA658;
width : 800px;    /* LARGEUR AGENDA  */
height: 0px;
}

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

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

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

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

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

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

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


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

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

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


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

#t4003 {
background-image : url('images/t4003.gif');
background-repeat : no-repeat;
border : 0px solid #000000;
background-position :  left 50%;
height: 16px;
width: 63px;
font-size : 7px
}

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

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

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

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

/* FIN CADRE IMAGE 400*/


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

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

.f21 {
background-image : url('images/f21.gif');
background-repeat : repeat;
border : 0px solid #000000;
background-position :  left top;
height: 100%;
width: 22px
}
.f22 {
background-image : url('images/f22.gif');
background-repeat : repeat;
border : 0px solid #000000;
background-position :  left top;
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('images/f23.gif');
background-repeat : repeat;
border : 0px solid #000000;
background-position :  left top;
height: 100%;
width: 27px
}

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

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

/* FIN CADRE IMAGE FEUILLE*/


.credit
{
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #888888;
  font-size: 9px;
  text-align: center;
}

 /* sidebar 1 */
#sidebar {
width : 80%;
padding: 4px;
margin: 0px auto auto auto; 
}

#sidebar li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
margin-top : 0;
padding-left : 10px;
text-align : left; list-style-image:url('images/bullet.gif')
}

.headersidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
background-image : url('images/sidebar1.gif');
background-repeat : no-repeat;
background-position :  right bottom;
height: 30px;
width: 100%; margin-left:auto; margin-right:auto; margin-top:6px; margin-bottom:0
}
.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 : url('none');
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 9px;
width : 100%;
padding : 4px; margin-left:0; margin-right:auto; margin-top:0px; margin-bottom:auto
}
 /* fin sidebar 1 */


 /* post */
#post {
width : 100%;
padding: 4px;
margin: 0px auto auto auto;
}
.headersidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 9px;
background-image : url('images/sidebar1.gif');
background-repeat : no-repeat;
background-position :  right bottom;
height: 30px;
width: 100%; margin-left:auto; margin-right:auto; margin-top:6px; margin-bottom:0
}
.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 : url('none');
border : 0px solid #2C9FFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 10px;
width: 100%;
padding: 5px; margin-left:auto; margin-right:auto; margin-top:2px; margin-bottom:auto
}


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;
}


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;
}


/* 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('images/tab-rbleu.gif') no-repeat left top;
margin-right: 0px; /*spacing between each tab*/
text-decoration:none;
border-bottom: 1px solid #FCACD8; margin-left:0; margin-top:0; margin-bottom:0; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0
}

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

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

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

/* 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*/
}
#ongletbleu a:active{ /*onMouseover style*/
background-position:0% -100px; /*Shift background image up to start of 2nd tab image*/
}

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


/* ONGLET2 */


#onglet2bleu{
display:block;
float:right;
width:50px;
font: bold 9px verdana;
line-height:normal;
border-right: 1px solid #FCACD8; /*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{
background:url('images/tab2-rbleu.gif') no-repeat 0% -10px;
margin-right: 0px; /*spacing between each tab*/
text-decoration:none;
height:10px;
display:block; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; font-family:verdana; margin-left:0; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:10px; padding-bottom:0

}

#onglet2bleu a span{
display:block;
background:url('images/tab2-lbleu.gif') no-repeat 0% -30px;
color:#3B3B3B;
height:30px; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; font-family:verdana; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

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

#onglet2bleu #current2 a span{
display:block;
background:url('images/tab2-lvert.gif') no-repeat 0% -30px;
color:#3B3B3B;
height:30px; font-style:normal; font-variant:normal; font-weight:bold; font-size:9px; font-family:verdana; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

/* 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*/
}
#onglet2bleu a:active{ /*onMouseover style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/
}

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

<!-- 6 heures de décalage avec elixant ex elixant 12:00 nous 18:00 -->