/* LES CADRES */
.frame {
background : transparent none repeat;
border : 0px solid #9CA658;
width : 100%;
height: 0px;
}
.frame1 {
line-height : 130%;
background : transparent none repeat;
border : 0px solid #000000;
width : 100%;
padding : 5px;
margin: 0px auto auto auto;
}
.frame2 {
line-height : 130%;
background : transparent none repeat;
border : 0px solid #9CA658;
width : 100%;
padding : 4px;
}

.frame3 {
line-height : 130%;
background : #D9EDFF none repeat;
border : 2px solid #088CFF;
width : 100%;
padding : 10px;
margin: auto auto auto auto;
}
.frame4 {
line-height : 130%;
background : #FFFFFF url(images/fond2.gif) repeat;
border : 2px solid #088CFF;
padding : 15px;
width :95%;
margin: auto auto auto auto;                                    /* LARGEUR DU SITE  */
}

.framefooter {
line-height : 130%;
background : #FFFFFF url(images/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%;
scrollbar-face-color: #D9EDFF;
scrollbar-shadow-color: #D9EDFF;
scrollbar-highlight-color: #D9EDFF;
scrollbar-darkshadow-color: #D9EDFF;
scrollbar-base-color: #D9EDFF;
scrollbar-arrow-color: #B0D345;
scrollbar-track-color: #D9EDFF;
}

/* fin scroll */

#top {
background-color: transparent;
width: 100%;
border : 0px solid #FB6EA3;
background-image: url(images/topballon.gif);
height: 48px;
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-color: #FFFFFF;
}
#header {
border : 0 solid #7C8FE9;
width : 100%;
background: url(images/entete.gif);
background-position: center;
background-repeat: no-repeat;
height: 55px;
text-align: center;
margin: auto auto auto auto;
}
#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(images/bg1.gif) repeat;
border : 2px solid #2C9FFF;
width : 100%;
margin : auto auto auto auto;
}

#footerleft {
margin : 0px;
background-image : url(images/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(images/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 : 800px;   /* LARGEUR DU SITE  */
margin : auto auto auto auto;
}

#t1 {
background-image : url(images/1.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 26px;
width: 24px;
}
.t2 {
background-image : url(images/2.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 26px;
width: 100%;
}
#t2 {  /* IMAGE TOP CADRE */
background-image : url(images/top.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
text-align: center;
margin : 0px auto auto;
height: 26px;
width: 395px;
}
#t3 {
background-image : url(images/3.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 26px;
width: 24px;
}

.t4 {
background-image : url(images/4.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 100%;
}
.t5 {
background-image : url(images/5.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 100%;
width: 100%;
}
.t6 {
background-image : url(images/6.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 100%;
}
#t7 {
background-image : url(images/7.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 282px;
width: 24px;
}
.t8 {
background-image : url(images/8.gif);
background-repeat : repeat;
border : 0 solid #000000;
background-position : left;
height: 282px;
width: 100%;
}

#t9 {
background-image : url(images/9.gif);
background-repeat : no-repeat;
border : 0 solid #000000;
background-position : left;
height: 282px;
width: 24px;
}

/* FIN CADRE IMAGE */


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

.navigation {
color : #2C9FFF;
font-weight: bold;
margin-left: 15px;
}
.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;
text-decoration : none;
}

.navigation a:visited:hover {
color : #333333;
text-decoration : none;
}
/* FIN TABNAV */



 /* sidebar 1 */
#sidebar {
width : 160px;
margin: auto auto auto auto;
}
#sidebar h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0;
padding : 0;
}
#sidebar li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-top : 0;
padding-left : 4px;
text-align : left;
list-style-type: none
}
#sidebar ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
list-style-type : none;
margin : 0;
padding-left : 4px;
}
#sidebar ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-top : 0;
padding-bottom : 2px;
padding-left : 0px;
text-align : left;
}
#sidebar ul ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
list-style : none;
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
}
#sidebar ul ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 0;
margin-top : 0;
padding : 0;
}
.headersidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
text-align : center;
border : 1px solid #2C9FFF;
margin : 2px auto auto auto;
height: 20px;
width: 100%;
background-color: #FFFFFF
}
.titlesidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #2C9FFF;
text-align : center;
}
.contentsidebar {
background-image : none;
background-color : #FFFFFF;
border : 1px solid #2C9FFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 10px;
margin : 2px auto auto auto;
width: 100%;
}
 /* fin sidebar 1 */



 /* sidebar 2 */
#sidebar2 {
width : 0px;
margin: auto auto auto auto;
}
#sidebar2 h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0;
padding : 0;
}
#sidebar2 li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
list-style : url(images/bullet.gif);
margin-top : 0;
padding-left : 10px;
text-align : left;
}
#sidebar2 ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
list-style-type : none;
margin : 0;
padding-left : 25px;
}
#sidebar2 ul li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-top : 0;
padding-bottom : 2px;
padding-left : 0px;
text-align : left;
}
#sidebar2 ul ul {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
list-style : url(images/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 : 10px;
border : 0;
margin-top : 0;
padding : 0;
}
.headersidebar2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
text-align : center;
background-image : url(images/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 : 10px;
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 : 10px;
margin : 2px auto 0 auto;
width: 90%;
}

 /* fin sidebar 2 */







 /* post */
#post {
width : 100%;
margin: auto auto auto auto;
}
.post {
width : 100%;
margin: auto auto auto auto;
border: 0px none #FFFFFF;
}
.headerpost {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
text-align : center;
background-image : none;
border : 1px solid #2C9FFF;
margin : 2px auto auto auto;
background-repeat : no-repeat;
background-position : right;
height: 20px;
width: 95%;
background-color: #FFFFFF
}
.titlepost {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #A1C22E;
text-align : center;
}
.titlepost a: {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #A1C22E;
text-align : center;
}
.titlepost a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #A1C22E;
text-align : center;
}
.titlepost a:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #A1C22E;
text-align : center;
}
.titlepost a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #A1C22E;
text-align : center;
}
.titlepost a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
color : #333333;
text-align : center;
}

.contentpost {
background-image : none;
background-color : #FFFFFF;
border : 1px solid #2C9FFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 10px;
margin : 2px auto auto auto;
width: 95%;
padding: 5px;
}
.contentpost ul {
list-style : url(images/bullet.gif);
margin-left : 10px;
}
.avatar {
background-image : url(images/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;
}
.bulletunder {
background-image : url(images/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(images/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(images/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;
font-weight : bold;
background-color : #FFFFFF;
padding : 15px 0px 0px 4px;
background-image: url(images/note.gif);
background-position: top-left;
background-repeat: no-repeat;
margin-top: 10px;
width: 90%;
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-weight : bold;
font-size : 9pt;
color : #2C9FFF;
text-align : center;
}
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
}
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: 9pt;
    COLOR: #2C9FFF;
    BACKGROUND-COLOR: #D9EDFF;
    TEXT-ALIGN: center;
    MARGIN: 0px;
}

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



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

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

.title4
{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
border-bottom: 0px none #404040;
  color: #FF96DD;
}

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

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

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

.headline
{
background-image: url(../../icones/roseclair/icorosedroite2.gif);
font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px none #404040;
  color: #FF96DD;
  padding-left: 20px;
  padding-bottom: 2px;
  line-height: 130%;
  background: url(../../icones/roseclair/icorosedroite2.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(../../icones/roseclair/icorosedos2.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(../../navigation/categorie.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(../../mini/dos.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(../../mini/dos.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: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  color: #9A9A9A;
  font: 7pt;
  text-align: center;
}

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

strong {
font-size : 10px;
color : #FFB9E9;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
I {
font-size : 10px;
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;
}

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