/* ELEMENTS HTML RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;
font-family: inherit; vertical-align: baseline;
}

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

img { border: 0; }

strong {font-weight:normal}

a:link, a:visited {
color: #003D6B;
text-decoration:underline;
}

a:hover, a:active {
        color: #000000;
        text-decoration:none;
        }

ul{margin:15px 0;}
ul li{
list-style:square;
margin-left:30px;
padding : 2px;
}

/* -----------------------------------
CONFIGURATIONS DE COLONNES
--------------------------------------*/
#contenu {
        width: 870px;
        margin:0 auto;
        }
#config-1-1 {
        width: 190px;
        float:left;
        margin:0 20px 0 10px;
        }
#config-1-2 {
        width: 640px;
        float:left;
        }

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

.titrePrincipal {
text-align: center;
margin: 0 0 20px 0;
}

.titrePrincipal h1 {
display: inline;
border: 1px dotted #003D6B;
padding: 6px;
background:#FFF url(../images/fond-bleu.png) repeat-x top center;
font:25px Arial;
font-weight:bold;
color:#003D6B;
}

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

.clearfloat { display:block; clear: both; }
.left {  float:left; }
.right { float:right; }

.encadre{
margin: 20px auto;
color: #000000;
font-size:12px;
border: 1px dotted #000000;
background: #ffffff url(../images/strip.gif) repeat-x;
background-position: top;
padding: 10px;
}

.encadre1{
margin: 10px 0 20px 10px;
border-left: 3px solid #003D6B;
padding: 0 0 0 10px;
font-size:12px;
}

.encadre ul li,.encadre1 ul li {
list-style:square;
margin-left:30px;
padding : 3px;
}

.justifier {text-align:justify;}

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

.menu { padding:55px 4px 0px 4px; background:#FFF url(../images/fond-bleu-1.png) no-repeat top center; FLOAT: left; MARGIN: 15px 0px 0px 0px; WIDTH:190px; text-align: left;}
.menu .container { float:left; width:180px; }
.menuFooter { float:left; width:198px; height:39px; background:#FFF url(../images/fond-bleu-2.png) no-repeat top center;}
.menu ul { margin: 0 0 0 10px; padding: 0; }
.menu li { list-style: none; margin: 3px 0; }
.menu li a { text-decoration: none; color:#003D6B;}
.menu li a:hover { color:#B39F8C; text-decoration: underline; }

#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 #CCCCCC;
padding: 10px;
text-align:justify;
margin: 15px;
}
.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:#999966;}
.grisclair {color:#999999;}
.rouge {color:#FF0000;}
.bleu {color:#0000FF;}
.bleuclair {color:#0099FF;}
.bleufonce {color:#003D6B;}
.blanc {color:#FFFFFF;}
.rose {color:#FF00CC;}
.orange {color:#FF9A01;}
.noir {color:#000000;}

.gras {font-weight:bolder;}
.centrer { text-align:center; }

.grand1 { font-size: 14px; }
.grand2 { font-size: 16px; }
.grand3 { font-size: 18px; }
.grand4 { font-size: 20px; }
.grand5 { font-size: 24px; }
.grand6 { font-size: 28px; }

.margeHaut1 { margin-top: 5px; }
.margeHaut2 { margin-top: 10px; }
.margeHaut3 { margin-top: 15px; }
.margeHaut4 { margin-top: 20px; }
.margeBas1 { margin-bottom: 5px; }
.margeBas2 { margin-bottom: 10px; }
.margeBas3 { margin-bottom: 15px; }
.margeBas4 { margin-bottom: 20px; }

.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: 10px;
background: url('../images/g2.jpg');
background-position:top;
background-repeat: no-repeat;
margin-top: 20px;
border: 1px solid #CCCCCC;
}

.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:#003D6B; font:18px verdana; font-weight:bolder}
A.lien81:visited {text-decoration: underline; color:#003D6B; font:18px verdana; font-weight:bolder}
A.lien81:active {text-decoration: underline; color:#003D6B; 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}