/* GENERAL */
* {
padding: 0;
margin: 0;
}

body {
background-color:#ffffff;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1em;
}

div#conteneur {
position:absolute;left:50%;width:765px;
margin: 0 0 0 -382px;
border: none;
}

img{border: none;}

div#logo {
width: 765px;
height: 140px;
}
a:link {color:#0088ff}
a:visited  {color:#0066aa}
a:hover, a:focus {text-decoration:none}
a:active {color:#ff9933}
a.Fext {
background: url('external.png') center right no-repeat;
padding-right: 13px;
}
.Fgras{font-weight: bold}
.Fital{font-style: italic}
.Fsoul{text-decoration: underline}
.Fbarr{text-decoration: line-through}
.Fcent{text-align: center}
.Fserif{font-family: "Times New Roman", Times, serif;}
.Fsans{font-family: Arial, Helvetica, Verdana, sans-serif;}
.Fdroi{text-align: right}
.Fjust{text-align: justify}
.Ffdro{float: right}
.Ffgau{float: left}
.Frou{color: #ff0000}
.nouveau{
background-color:#fefbc8;
border:1px dotted #b4b4b4;
text-align:center;
color:#D85D01;
width:300px;
margin-left:132px;
font-weight: bold;
}
acronym {
border-bottom:1px dotted;
cursor:help;
}
p#accessibilite {
position: absolute;
left: -999em;
}
.journalistique {
font-family: "Times New Roman", Times, serif;
text-indent: 2em;
text-align: justify;
}
.journalistique:first-letter {
font-weight: bold;
font-size: 1.2em;
}
h1, h2, h3, h4 {
font-weight: bold;
margin: 5px 0 10px 0px;
}

h1.petit{
font-size: 1.5em;
text-align: center;
background-image: url('fond_titre_galerie.png');
color: #008000;
background-repeat: no-repeat;
background-position: 29px 10px;
height: 45px;
padding: 12px 0px 0px ;
}


#contenularge h1 {
font-size: 1.5em;
text-align: center;
background-image: url('fond_titre_forum3.png');
color: #008000;
background-repeat: no-repeat;
background-position: 72px;
height: 35px;
padding: 6px 0px 0px ;} /* attention h1 du forum */

h2 {font-size: 1.25em;}
h3 {font-size: 1.1em;}
h4 {color: #999999;}

/* MENU */
#menu, #menu ul {
list-style: none;
border: none;
}

#menu a{
display: block;
width: 95px;

color: green;
padding: 5px 0 0 0;
text-decoration: none;
height: 25px;
text-align: center;
}

#menu li {
float: left;
width: 95px; /*  attention difference entre taille css et taille de l'image de fond */

background-image: url(menu_double_chb.png);
height: 30px;
}
#menu li.grand {
height: 45px;}

#menu li ul {
position: absolute;
width: 95px;
left: -999em;
text-align: left;
}

/* .sfhover pour IE */
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}

#menu li:hover, #menu li.sfhover {
background-position: 0 -30px;
}


#menu {
background-image: url(fond_menu_chb.png);
background-repeat: repeat-x;
height:30px;
width:765px;
text-align: left;
position: absolute;
top: 140px;
left: 0;
}

#menu li ul li{
background-color: #eefbdf;
background-image: none;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
}

#menu li ul li:hover, #menu li ul li.sfhover{ /* listes imbriquées sous les items de listes survolés */
background-color: #ffcc99;
filter: alpha(opacity=100);
-moz-opacity: 1;
}

/* COLONNE */
div#colonne {
font-size: 0.8em;
text-align:center;
color:green;
float: left;
border:0px solid #ffffff;
margin: 20px 0 0 0;
width: 200px;
}

#colonne h3 {
width: 180px;
background-color:#cdf6ce;
background-image: url('coin2_hd.png');
background-position:top right;
background-repeat:no-repeat;
padding:10px 0 0 0;
margin: 0;
}
#colonne div {
width: 180px;
margin: 10px 0 0 0;
background-color:#cdf6ce;
background-image: url('coin2_bg_chb.png');
background-position:bottom left;
background-repeat:no-repeat;
}

#colonne ul {
text-align: left;
margin: 0 0 0 30px;
}

/* PIED */
div#pied {
clear: both;
}
/* CONTENU */
#contenu {
margin: 30px 0 0 200px;
}
#contenularge {
margin: 30px 0 0 0;
}

div.news {
margin: 0 0 15px 0;
}

.news .normal, .news .attente, .news .tad, .news .sup{
background-position:top right;
background-repeat:no-repeat;
font-size: 0.8em;
padding: 0 0 0 1em;
}

.news .normal{
background-image: url('coin_news.png');
color: #555522;
background-color: #eeeae6;
}

.news .tad{
background-image: url('coin_news_tad.png');
color: #ff0000;
background-color: #ffcccc;
}

.news .attente{
background-image: url('coin2_hd.png');
color: green;
background-color: #cdf6ce;
}

.news .sup{
background-image: url('coin_news_sup.png');
color: #666666;
background-color: #efefef;
}

.news h1 {
text-align: left;
font-size: 1.3em;
margin: 0;
}

.news {
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc dotted;
}
.news p{
padding: 5px 5px 5px 10px;
}

/* Formulaires */
legend {font-weight: bold;color: #6699ff;}
form tr:hover {background-color: #cdf6ce;}
input[type=text]:focus, input[type=password]:focus {background-color: #cdf6ce;}
input[type=text].erreur, input[type=password].erreur {background-color: #ff6666;}
input[type=submit] {background-color: #cdf6ce; color: green}
textarea {font-family: "Times New Roman", Times, serif;}
fieldset {padding: 20px;}

/* Tableaux attention j'ai modifié qques trucs ici */

th{font-weight: bold;}
form table, form td {border: none}

#calendrier td.coeur{
background-image:url('coeur.png');
background-position : bottom right;
background-repeat:no-repeat;
}
#calendrier .r {color: red}
#calendrier table, #calendrier td{border: 1px #cccccc solid;}

/* Forum : affichage des sujets */
#forum {
text-align: center;
width: 765px;
}
#forum table {
width: 765px;
min-width: 765px;
max-width: 765px;
border-collapse: collapse;
}
.pages{
height: 35px;
background-image: url('pages_gauche.png');
background-repeat: no-repeat;
padding-left : 10px;
color: #008000;}
.pages img{vertical-align:middle}
#forum th.normal {
background-image: url('fond_titres_forum.png');
color: #336699;
}/* liste des messages : première ligne*/
#forum th.gauche{
background-image: url('fond_titres_forum_hg.png');
color: #336699;
}/* liste des messages : première ligne deuxième colonne : arrondi gauche*/
#forum th.droite{
background-image: url('fond_titres_forum_hd.png');
color: #336699;
}/* liste des messages : première ligne dernière colonne : arrondi droit*/
#forum td.general, #forum td.prive, #forum td.bar, #forum td.site{width: 27px}
#forum td.deuxa, #forum td.deuxb{width: 320px;}
#forum td.troisa, #forum td.troisb{width: 90px;}
#forum td.quatrea, #forum td.quatreb{width: 37px;}
#forum td.cinqa, #forum td.cinqb{width: 291px;}
#forum td.troisa, #forum td.deuxa, #forum td.quatrea, #forum td.troisb, #forum td.deuxb, #forum td.quatreb, #forum td.cinqa, #forum td.cinqb, #forum th.droite, #forum th.gauche, #forum th.normal, #forum td.general, #forum td.site, #forum td.prive, #forum td.bar{
background-position: bottom right;
background-repeat: no-repeat;
height: 30px;
}
#forum td.troisa, #forum td.deuxa, #forum td.quatrea{background-image: url('fond_liste_a.png');}
#forum td.troisb, #forum td.deuxb, #forum td.quatreb{background-image: url('fond_liste_b.png');}
#forum td.cinqa{background-image: url('fond_liste_droite_a.png');}
#forum td.cinqb{background-image: url('fond_liste_droite_b.png');}
#forum td.general{background-image: url('general.png');}
#forum td.prive{background-image: url('prive.png');}
#forum td.bar{background-image: url('bar.png');}
#forum td.site{background-image: url('site.png');}
#forum td.bureau{background-image: url('bureau.png');}
#forum .nouveau_sujet{
background-image: url('nouveau_sujet.png');
width:160px;
height:60px;
}
#galerie .correction{height: 200px;}

/* Forum : affichage des messages */
#forumrep table{
border-collapse: collapse;
border-spacing: 0px;
}
#forumrep .suppr{
border: none;
background-image: url('poubelle.png');
background-repeat: no-repeat;
background-position: bottom-left;
text-decoration: none;
}
#forumrep td.premiergauche,td.deuxgauche,td.troisgauche{width :135px}
#forumrep td.premierdroit,td.deuxdroit,td.troisdroit{width: 615px;}
.premierdroit,.deuxdroit,.troisdroit p{
padding-right: 7px;
padding-left: 20px;
}

#forumrep tr.premier{height: 42px;}
#forumrep td.premiergauche{
border: none;
background-image: url('haut_gauche.png');
background-position: left;
background-repeat: no-repeat;
text-align: center;
}

#forumrep td.premierdroit{
border: none;
background-image: url('haut_droit.png');
background-repeat: no-repeat;
color: #4c75de;
background-position: bottom right;
}

#forumrep tr.deux{border: none;}
.deuxgauche img{
border: 1px #008000 dashed;
padding: 1px;
}
#forumrep td.deuxgauche{
border: none;
background-image: url('centre_gauche.png');
background-repeat: repeat-y;
text-align: center;
vertical-align: top;
}
#forumrep td.deuxdroit{
border: none;
background-image: url('centre_droit.png');
background-repeat: repeat-y;
background-position: bottom right;
}

#forumrep tr.trois{height: 42px;}
#forumrep td.troisgauche{
border: none;
background-image: url('bas_gauche.png');
background-repeat: no-repeat;
}
#forumrep td.troisdroit{
border: none;
background-image: url('bas_droit.png');
background-position: bottom right;
background-repeat: no-repeat;
font-family: "Comic sans MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #008000;
}
#rediger{
background-image: url('reponse_milieu.png');
background-repeat: repeat-y;
background-position: 72px;
}
#rediger h2{
height: 55px;
background-repeat: no-repeat;
background-position: 72px;
}
#rediger h2.reponse{background-image: url('reponse_haut.png');}
#rediger h2.nouveau_sujet{background-image: url('nouveau_sujet_haut.png');}
#rediger h3{
height: 12px;
background-image: url('reponse_bas.png');
background-repeat: no-repeat;
background-position: 72px;
}
#rediger textarea{
margin-left: 82px;
margin-top: -8px;
width: 600px;
}
#rediger textarea.reponse{height: 150px;}
#rediger textarea.nouveau_sujet{height: 300px;}
#rediger input[type=submit]{margin-left: 600px;}
#rediger input[type=text]{margin-left: 50px; width: 350px;}
#rediger label{margin-left: 120px}
#rediger select{margin-left: 100px; width: 100px;}

.lienforum{
text-align:center;
background-image: url('fond_cat2.png');
background-repeat: no-repeat;
background-position: bottom left;
}

/* mozilla seulement */
.arrondi {
-moz-border-radius: 0 0 0 1em;
}

/*Systeme*/
.com{
text-align: center;
font-size:0.8em;
}
/*#systeme tr {
height: 24px;
background-color: #efe7de;
}
#systeme td {padding-left: 5px}
*/
#systeme {
text-align: center;
width: 765px;
}
#systeme table {
width: 765px;
min-width: 765px;
max-width: 765px;
border-collapse: collapse;
}
.pages{
height: 35px;
background-image: url('pages_gauche.png');
background-repeat: no-repeat;
padding-left : 10px;
color: #008000;}
.pages img{vertical-align:middle}
#systeme th.normal {
background-image: url('fond_titres_forum.png');
color: #336699;
}/* liste des courses : première ligne - est aussi utilisé par la liste des résultats*/
#systeme th.gauche{
background-image: url('fond_titres_forum_hg2.png');
color: #336699;
}/* liste des courses : première ligne deuxième colonne : arrondi gauche*/
#systeme th.droite{
background-image: url('fond_titres_forum_hd.png');
color: #336699;
}/* liste des courses : première ligne dernière colonne : arrondi droit*/
#systeme td.oui, #systeme td.non, #systeme td.attente, #systeme td.rien, #sytsteme td.rien2{width: 27px;}
#systeme td.deuxa, #systeme td.deuxb{width: 300px;}
#systeme td.troisa, #systeme td.troisb{width: 100px;}
#systeme td.quatrea, #systeme td.quatreb{width: 147px;}
#systeme td.cinqa, #systeme td.cinqb{width: 100px;}
#systeme td.sixa, #systeme td.sixb{width: 91px;}
#systeme td.fin{width: 17px;}
#systeme td.troisa, #systeme td.deuxa, #systeme td.quatrea, #systeme td.troisb, #systeme td.deuxb, #systeme td.quatreb, #systeme td.cinqa, #systeme td.cinqb,#systeme td.troisc, #systeme td.deuxc, #systeme td.quatrec, #systeme td.cinqc, #systeme td.sixc, #systeme td.sixa, #systeme td.sixb, #systeme th.droite, #systeme th.gauche, #systeme th.normal, #systeme td.oui, #systeme td.non, #systeme td.attente, #systeme td.rien, #systeme td.rien2{
background-position: bottom right;
background-repeat: no-repeat;
height: 30px;
}
#systeme td.troisa, #systeme td.deuxa, #systeme td.quatrea, #systeme td.cinqa{background-image: url('fond_liste_a.png');}
#systeme td.troisb, #systeme td.deuxb, #systeme td.quatreb, #systeme td.cinqb{background-image: url('fond_liste_d.png');}
#systeme td.troisc, #systeme td.deuxc, #systeme td.quatrec, #systeme td.cinqc{background-image: url('fond_liste_c.png');}
#systeme td.sixa{background-image: url('fond_liste_droite_a.png');}
#systeme td.sixb{background-image: url('fond_liste_droite_d.png');}
#systeme td.sixc{background-image: url('fond_liste_droite_c.png');}
#systeme td.oui{background-image: url('ok.png');}
#systeme td.non{background-image: url('non.png');}
#systeme td.attente{background-image: url('ptet2.png');}
#systeme td.rien{background-image: url('vide.png');}
#systeme td.rien2{background-image: url('vide2.png');}

/*Galerie*/

h1.petit {
font-size: 1.5em;
text-align: center;
background-image: url('fond_titre_galerie.png');
color: #008000;
background-repeat: no-repeat;
background-position: 29px 10px;
height: 45px;
padding: 12px 0px 0px ;
}
#galerie h2{
height: 20px;
background-repeat: no-repeat;
background-position: 14px 0px;
background-image: url('galerie_haut2.png');
padding: 6px 0px 0px ;
margin-top: -10px;
color: #999999;
text-align: center;}
#galerie h3{
height: 33px;
background-repeat: no-repeat;
background-position: 14px;
background-image: url('galerie_bas3.png');
color: #999999;
font-size: 0.8em;
text-align: center;}
#galerie{
background-image: url('galerie_fond2.png');
background-repeat: repeat-y;
background-position: 14px;
}
#galerie p.inscr{
margin-left: 25px;
margin-right: 25px;
}
#galerie p.nbcom{
font-size: 0.6em;
padding-bottom: 10px;
}
#galerie a.precedent{
background-repeat: no-repeat;
background-image: url('precedent2.png');
background-position: 50% 20px;
height: 45px;
display: block;
text-align: center;}
#galerie a.racine{
background-repeat: no-repeat;
background-image: url('racine.png');
background-position: 50% 20px;
height: 60px;
display: block;
text-align: center;}
#galerie a.suivant{
background-repeat: no-repeat;
background-position: 50% 20px;
background-image: url('suivant.png');
height: 45px;
display: block;
text-align: center;}
#galerie td.gauche{width: 190px;}
#galerie td.milieu{width: 187px;}
#galerie td.droite{width: 189px;}


#galerie table.liste{
border-collapse: collapse;
border-spacing: 0px;
margin-left: 20px;
text-align: center;
}

#galerie a.dossier{
background-repeat: no-repeat;
background-image: url('dossier.png');
background-position: 50% 0px;
height: 60px;
display: block;
padding-top: 40px;
margin-bottom: -30px;
}
#galerie a.image{
background-repeat: no-repeat;
background-image: url('galerie_fond_photos.png');
display: block;
background-position: 50% 0px;
width: 130px;
height: 112px;
padding-top: 9px;
}
#galerie table.liste{
border-collapse: collapse;
border-spacing: 0px;
margin-left: 20px;
text-align: center;
}
.liste td{width: 130px;
font-size: 0.8em;
font-weight: bold;
color: #999999;
}
#galerie table.commentaire{
border-collapse: collapse;
border-spacing: 0px;
}
#galerie td.premiergauche,td.deuxgauche{width :100px}
#galerie td.premierdroit,td.deuxdroit{width: 610px;}
.deuxdroit p{
padding-right: 20px;
padding-top: 7px;
}
#galerie tr.premier{height: 40px;}
#galerie td.premiergauche{
background-repeat: no-repeat;
background-image: url('com_galerie_haut_gauche.png');
background-position: bottom right;
text-align: left;
padding-left: 25px;
font-size: 0.8em;
font-weight: bold;
color: #999999;
}

#galerie td.premierdroit{
color: #4c75de;
background-repeat: no-repeat;
background-image: url('com_galerie_haut_droit.png');
background-position: bottom left;
}

#galerie td.deuxgauche{
border: none;
text-align: center;
vertical-align: top;
}
#galerie td.deuxdroit{
border: none;
}
#galerie input{margin-left: 45px;}
#galerie textarea{
margin-left: 82px;
width: 400px;
}

#accueil_galerie{
background-repeat: no-repeat;
background-image: url('galerie_fond_accueil.jpg');
width: 512px;
height: 342px;
margin-left: 24px;
}
#accueil_galerie ul{
padding-top:40px;
margin-left:290px;
color: #008000;
font-size: 1.1em;
font-weight: bold;
}
#accueil_galerie li{margin:20px 0px 0px 100px;}

#special{
position: relative;
width:315px;
margin-left:20px;
border: dashed 1px #a5acb2;
padding-left: 200px;
padding-right: 5px;
}

.bloc{
border: solid 1px #a5acb2;
position : absolute;
top : 12px;
left : 5px;
}

#special h1{
width: 90%;
border: dotted 1px #a5acb2;
background-color: #ddeae9;
font-size: 15px;
text-decoration:underline;
padding: 5px;}

#special h2{
color: #5c9d99;
font-size: 13px;
}