body {
        font-size: 12px;
        font-family: verdana;
        color: #000066;
        margin:0 0 0 0;
        background-color:#C8E7FF;
        background:#C8E7FF url(../images/fd-fond.png) top center repeat-y;
}

img { border: 0; }

strong {font-weight:normal}

h1.elon {
padding: 5px;
font-family: verdana;
color: #000000;
font-size:18px;
font-weight: bold;
background-color: #F2F2F2;
border-bottom: 1px solid #CCCCCC;
display: inline;
}

#header h1.lien1{
        float: left;

        margin: 30px 0px 0px 40px;

        font-size:21px;
}

#header h1.lien2{
        float: left;

        margin: 30px 0px 0px 30px;

        font-size:21px;
}



#milieu {
float: left;
padding: 0;
width: 635px;
margin-left: 20px;
background-color: #33FFFF;
overflow: hidden;
}

.menu {
margin: 0;
padding: 0;
font: verdana;
list-style-type: none;
}

.menu li {
padding: 4px 0px;
}

#menu h2 {
margin-bottom: 10px;
margin-top: 0;
padding: 0;
color: #000066;
font-size:150%;
border-bottom: 1px solid #000066;
background-image: url(images/titre.jpg);
background-repeat: repeat-y;
}

.question {
background: #FFF url(../images/g2.jpg) repeat-x top;
border:1px solid #0099FF;
padding: 10px;
text-align:justify;
margin-top: 20px;
}
.question:hover { border:1px solid #007acc; }

h1.titre {
margin-bottom: 25px;
margin-top: 7px;
padding: 0;
color: #FF9A01;
font-size:21px;
font-family: arial;
/*
background-image: url("images/fond-titre1.png");
background-position:center;
background-repeat:repeat-y;
*/
background-color: #F5F5F4;
border-bottom: 1px solid #000066;
border-left:5px solid #000066;
width: 400px;
}

h1.title {
margin-bottom: 35px;
margin-top: 7px;
padding: 0;
color: #FF9A01;
font-size:21px;
font-family: arial;
/*
background-image: url("images/fond-titre1.png");
background-position:center;
background-repeat:repeat-y;
*/
background-color: #F5F5F4;
border-bottom: 1px solid #000066;
border-left:5px solid #000066;
width: 400px;
}

h1.profilga {
margin-bottom: 35px;
margin-top: 7px;
padding: 0;
font-size:13px;
font-weight: bold;
color: #FFFFFF;
background-color: #F5F5F4;
border-bottom: 1px solid #3399FD;
border-left:5px solid #3399FD;
width: 450px;
background-image: url(images/titre-garcon.jpg);
background-repeat: repeat-y;
}

h1.profilfi {
margin-bottom: 35px;
margin-top: 7px;
padding: 0;
color: #FFFFFF;
font-size:13px;
font-weight: bold;
background-color: #F5F5F4;
border-bottom: 1px solid #FD33C6;
border-left:5px solid #FD33C6;
width: 450px;
background-image: url(images/titre-fille.jpg);
background-repeat: repeat-y;
}

h1.zprofil {
margin-bottom: 20px;
padding: 0;
color: #000066;
font-size:13px;
font-weight: bold;
background-color: #F5F5F4;
border-bottom: 1px solid #FF9A01;
border-left:5px solid #FF9A01;
}

h1.garcon {
margin-bottom: 10px;
padding-left: 10px;
color: #0000FF;
font-size:12px;
font-weight: bold;
background-color: #F5F5F4;
border-bottom: 1px solid #FF9A01;
border-left:5px solid #FF9A01;
}

h1.fille {
margin-bottom: 10px;
padding-left: 10px;
color: #FD33C6;
font-size:12px;
font-weight: bold;
background-color: #F5F5F4;
border-bottom: 1px solid #FF9A01;
border-left:5px solid #FF9A01;
}

.form {
border: 1px solid #CCCCCC;
height:15;
background-color:#FFFFFF;
font-size:12px;
font-family:verdana;
color:#333333;
}

.select {
color:#333333;
background-color:#FFFFFF;
font-size:12px;
font-family:verdana;
border-color:#CCCCCC;
}

.grisfor {
color:#999999;
font-size:10px;
font-family:verdana;
font-weight:bolder;
}

.gris {
color:#333333;
}

.beige {
color:#B39F8C;
}

.grisclair {
color:#999999;
}

.rouge {
color:#FF0000;
}

.bleu {
color:#0000FF;
}

.bleuclair {
color:#0099FF;
}

.bleufonce {
color:#000066;
}

.blanc {
color:#FFFFFF;
}

.rose {
color:#FF00CC;
}

.orange {
color:#FF9A01;
}

.noir {
color:#000000;
}

.gras {
font-weight:bolder;
}

.liste {
margin: 0;
padding-bottom: 15px;
font: verdana;
background-color: #FFFFFF;
list-style-type: none;
}

.lister {
margin: 0;
padding-bottom: 10px;
font: verdana;
background-color: #FFFFFF;
list-style-type: none;
}

#photofiche {
float: left;
padding: 15px;
width: 250px;
background-color: #FFFFFF;
overflow: hidden;
border: 1px dotted #CCCCCC;
}

#fichef {
border:1px solid #FD33C6;
margin-top: 30px;
padding: 2px 5px 5px 5px;
background: url('images/f2.jpg');
background-position:top;
background-repeat: no-repeat;
}

#ficheg {
border:1px solid #3399FF;
margin-top: 30px;
padding: 2px 5px 5px 5px;
background: url('images/g2.jpg');
background-position:top;
background-repeat: no-repeat;
}

#flashContent {martin: 15px 0 15px 0;}

#footer {
        width:850px;

        height:95px;

        background-color:#CCCCCC;

        background: url('images/fd2.gif') no-repeat;

        color:#FFFFFF;

        text-align: center;

        clear: both;
}

h1.forum {
margin-bottom: 35px;
margin-top: 7px;
padding: 0;
color: #000066;
font-size:21px;
font-family: arial;
background-color: #EEEEEE;
border-bottom: 1px solid #3399FD;
border-left:5px solid #3399FD;
width: 400px;
}

h1.for {
margin: 0 0 10px 0;
padding: 0;
color: #000066;
font-size:16px;
font-family: arial;
}

h2.for {
font-size:12px;
font-family: verdana;
color: #FFFFFF;
font-weight: bold;
margin: 0;
padding: 0;
display: inline;
}

h1.general {
margin-bottom: 35px;
margin-top: 7px;
padding: 0;
color: #000066;
font-size:21px;
font-family: arial;
background-color: #EEEEEE;
border-bottom: 1px solid #FF9A01;
border-left:5px solid #FF9A01;
width: 400px;
}

h2.general {
margin-bottom: 15px;
margin-top: 7px;
padding: 0 0 0 10px;
color: #000066;
font-size:14px;
font-family: arial;
background-color: #EEEEEE;
border-bottom: 1px solid #FF9A01;
border-left:5px solid #FF9A01;
}

.petit {
font:10px verdana;
}

.petite {
font:11px verdana;
}

.grand {
font:18px verdana;
}

.tableforum {
padding: 5px 0 10px 10px;
background: url('../images/g2.jpg');
background-position:top;
background-repeat: no-repeat;
margin-top: 15px;
border: 1px solid #3399FD;
}

.tableindex {
background: url('../images/g3.jpg');
background-position:top;
background-repeat: no-repeat;
border: 1px solid #3399FD;
}

.formelon {
font-weight: bold;
border: 1px solid #003D6B;
height:15;
background-color:#ECEDEE;
font-size:11px;
font-family:verdana;
color:#003D6B;
}

.titrePetit1 {
font:12px verdana;
color:#999999;
font-weight:bolder;
}

.bordimg {
border: 1px solid #FFFFFF;
}

A.lien1:link {text-decoration: none; color:#003D6B; font:12px verdana; }
A.lien1:visited {text-decoration: none; color:#003D6B; font:12px verdana;}
A.lien1:active {text-decoration: none; color:#003D6B; font:12px verdana;}
A.lien1:hover {text-decoration: underline; color:#B39F8C; font:12px verdana;}

A.lien2:link {text-decoration: none; color:#003D6B; font:11px verdana; font-weight:bolder}
A.lien2:visited {text-decoration: none; color:#003D6B; font:11px verdana; font-weight:bolder}
A.lien2:active {text-decoration: none; color:#003D6B; font:11px verdana; font-weight:bolder}
A.lien2:hover {text-decoration: underline; color:#003D6B; font:11px verdana; font-weight:bolder}

A.lien3:link {text-decoration: underline; color:#000066; font:14px verdana; font-weight:bolder}
A.lien3:visited {text-decoration: underline; color:#000066; font:14px verdana; font-weight:bolder}
A.lien3:active {text-decoration: underline; color:#000066; font:14px verdana; font-weight:bolder}
A.lien3:hover {text-decoration: underline; color:#B39F8C; font:14px verdana; font-weight:bolder}

A.lien4:link {text-decoration: underline; color:#000000; font:11px verdana; font-weight:bolder}
A.lien4:visited {text-decoration: underline; color:#000000; font:11px verdana; font-weight:bolder}
A.lien4:active {text-decoration: underline; color:#000000; font:11px verdana; font-weight:bolder}
A.lien4:hover {text-decoration: underline; color:#B39F8C; font:11px verdana; font-weight:bolder}

A.lien5:link {text-decoration: underline; color:#003D6B; font:10px verdana; font-weight:bolder}
A.lien5:visited {text-decoration: underline; color:#003D6B; font:10px verdana; font-weight:bolder}
A.lien5:active {text-decoration: underline; color:#003D6B; font:10px verdana; font-weight:bolder}
A.lien5:hover {text-decoration: underline; color:#B39F8C; font:10px verdana; font-weight:bolder}

A.lien51:link {text-decoration: none; color:#0000FF; font:11px verdana; }
A.lien51:visited {text-decoration: none; color:#0000FF; font:11px verdana;}
A.lien51:active {text-decoration: none; color:#0000FF; font:11px verdana;}
A.lien51:hover {text-decoration: underline; color:#B39F8C; font:11px verdana;}

A.lien6:link {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien6:visited {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien6:active {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien6:hover {text-decoration: underline; color:#999999; font:10px verdana; font-weight:bolder}

A.lien7:link {text-decoration: none; color:#000066; font:11px verdana;}
A.lien7:visited {text-decoration: none; color:#000066; font:11px verdana;}
A.lien7:active {text-decoration: none; color:#000066; font:11px verdana;}
A.lien7:hover {text-decoration: underline; color:#999999; font:11px verdana;}

A.lien8:link {text-decoration: none; color:#000000; font:12px verdana;}
A.lien8:visited {text-decoration: none; color:#000000; font:12px verdana;}
A.lien8:active {text-decoration: none; color:#000000; font:12px verdana;}
A.lien8:hover {text-decoration: underline; color:#000000; font:12px verdana;}

A.lien81:link {text-decoration: underline; color:#0000FF; font:18px verdana; font-weight:bolder}
A.lien81:visited {text-decoration: underline; color:#0000FF; font:18px verdana; font-weight:bolder}
A.lien81:active {text-decoration: underline; color:#0000FF; font:18px verdana; font-weight:bolder}
A.lien81:hover {text-decoration: underline; color:#000000; font:18px verdana; font-weight:bolder}

A.lien9:link {text-decoration: underline; color:#FF00CC; font-weight:bolder}
A.lien9:visited {text-decoration: underline; color:#FF00CC; font-weight:bolder}
A.lien9:active {text-decoration: underline; color:#FF00CC; font-weight:bolder}
A.lien9:hover {text-decoration: underline; color:#660066; font-weight:bolder}

A.lien10:link {text-decoration: underline; color:#0099FF; font-weight:bolder}
A.lien10:visited {text-decoration: underline; color:#0099FF; font-weight:bolder}
A.lien10:active {text-decoration: underline; color:#0099FF; font-weight:bolder}
A.lien10:hover {text-decoration: underline; color:#000066; font-weight:bolder}

A.lien11:link {text-decoration: underline; color:#0000FF; }
A.lien11:visited {text-decoration: underline; color:#0000FF; }
A.lien11:active {text-decoration: underline; color:#0000FF; }
A.lien11:hover {text-decoration: underline; color:#000066; }

A.lien12:link {text-decoration: underline; color:#FF0000; font-weight:bolder}
A.lien12:visited {text-decoration: underline; color:#FF0000; font-weight:bolder}
A.lien12:active {text-decoration: underline; color:#FF0000; font-weight:bolder}
A.lien12:hover {text-decoration: underline; color:#FF0000; font-weight:bolder}

A.lien13:link {text-decoration: underline; color:#0000FF; font-weight:bolder; font-size:19px; font-family: arial;}
A.lien13:visited {text-decoration: underline; color:#0000FF; font-weight:bolder; font-size:19px; font-family: arial;}
A.lien13:active {text-decoration: underline; color:#0000FF; font-weight:bolder; font-size:19px; font-family: arial;}
A.lien13:hover {text-decoration: underline; color:#000066; font-weight:bolder; font-size:19px; font-family: arial;}

A.lien14:link {text-decoration: none; color:#000066;}
A.lien14:visited {text-decoration: none; color:#000066;}
A.lien14:active {text-decoration: none; color:#000066;}
A.lien14:hover {text-decoration: underline; color:#0000FF;}

A.lien15:link {text-decoration: none; color:#0000FF; font-size:11px; font-family: arial;}
A.lien15:visited {text-decoration: none; color:#0000FF; font-size:11px; font-family: arial;}
A.lien15:active {text-decoration: none; color:#0000FF; font-size:11px; font-family: arial;}
A.lien15:hover {text-decoration: underline; color:#000000; font-size:11px; font-family: arial;}

A.lien16:link {text-decoration: none; color:#000000; font-weight:bolder; font-size:12px; font-family: verdana;}
A.lien16:visited {text-decoration: none; color:#000000; font-weight:bolder; font-size:12px; font-family: verdana;}
A.lien16:active {text-decoration: none; color:#000000; font-weight:bolder; font-size:12px; font-family: verdana;}
A.lien16:hover {text-decoration: underline; color:#000000; font-weight:bolder; font-size:12px; font-family: verdana;}

A.lien17:link {text-decoration: none; color:#999999; font:10px verdana; font-weight:bolder}
A.lien17:visited {text-decoration: none; color:#999999; font:10px verdana; font-weight:bolder}
A.lien17:active {text-decoration: none; color:#999999; font:10px verdana; font-weight:bolder}
A.lien17:hover {text-decoration: underline; color:#000000; font:10px verdana; font-weight:bolder}

A.lien18:link {text-decoration: underline; color:#000000; }
A.lien18:visited {text-decoration: underline; color:#000000; }
A.lien18:active {text-decoration: underline; color:#000000; }
A.lien18:hover {text-decoration: underline; color:#0000FF; }

A.lien19:link {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien19:visited {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien19:active {text-decoration: none; color:#000066; font:10px verdana; font-weight:bolder}
A.lien19:hover {text-decoration: underline; color:#0000FF; font:10px verdana; font-weight:bolder}