@import url(left.css);

/***********************
 * Valeurs globales    *
 ***********************/

html, body {margin:0; padding:0;}
* html body {overflow:hidden}
* html {overflow-y:hidden}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
background:#c7c2c0;
overflow:hidden;
}

.ie body, .webkit body {background:#c0bbb9;}

div,form,h1,h2,h3,p,fieldset,img,ul,li { padding:0; margin:0; border:none; }

li { list-style-type:none; }
textarea { height:100px; }
label { font-weight:bold; }


.gecko .clear-ff {clear:both}
.ie .clear-ff {display:none}


/************
 * En-tête  *
 ************/
 
#top {
background:url(../img/bg-thematique.png) top left repeat-x;
min-width:990px;
text-align:left;
}

#title {height:29px;}

#forum-thematique, #thematique, #classer-sujet img, #filter-radio, #top fieldset, #filter-radio input, #filter-radio label, #form-filter select, #form-filter .submit, #form-filter, #submit-search {float:left}
#retour-home {float:right}

#forum-thematique {
background:url(../img/bg-forum-thematique.png) top left no-repeat;
width:214px;
height:29px;
}

#thematique {
height:17px;
padding:6px 10px;
}

#thematique a {color:#fff;text-decoration:none}

#retour-home {
width:238px;
height:29px;
}

#top h1 {font-size:13px;color:#fff;text-transform:uppercase;font-weight:normal}


#toolbar {
background:url(../img/bg-toolbar2.png) top left repeat-x;
height:43px;
clear:both;
}

#toolbar-button {
background:url(../img/bg-separate.png) top right no-repeat;
padding:11px 5px 7px 5px;
height:21px;
float:left;
width:207px;
}
#toolbar-button img, #toolbar-button a { float:left }
#toolbar-button img { margin:8px 5px; }
#toolbar-button input {
height:22px;
width:175px;
padding-bottom:2px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif
}

#retour-sujets .submit {
width:174px;
height:24px;
background:url(../img/btn-retour-sujets.png) top left no-repeat;
border:none;
cursor:pointer;
}

#retour-themes .submit {
width:174px;
height:24px;
background:url(../img/btn-retour-accueil.png) top left no-repeat;
border:none;
cursor:pointer;
}

#retour-messages .submit {
width:174px;
height:24px;
background:url(../img/btn-retour-messages.png) top left no-repeat;
border:none;
cursor:pointer;
}

#form-response .submit {
width:77px;
height:28px;
background:url(../img/btn-repondre.png) top left no-repeat;
border:none;
cursor:pointer;
}

#form-search .submit {
width:30px;
height:19px;
background:url(../img/btn-ok3.png) top left no-repeat;
border:none;
cursor:pointer;
}

.ie #toolbar-button input {width:180px;}

#classer-sujet { padding:0 8px; float:left; }
#classer-sujet img {margin:14px 5px 0 0;}

#form-filter select {
height:17px;
padding:0;
font-size:10px;
margin-top:12px;
}

#filter-radio {padding-top:4px;}

#filter-radio label {
color:#fff;
font-weight:normal;
padding:11px 3px 0 3px;
font-size:11px;
}

.ie #filter-radio input {margin-top:8px}
#filter-radio input {margin:12px 0 0 8px}

#select-qo {margin:10px 0 0 5px}


#form-search {
padding:12px 8px 0;
height:31px;
width:176px;
background:url(../img/bg-separate.png) top left no-repeat;
float:right;
}

#input-search {
background:url(../img/bg-search.png) top left no-repeat;
border:none;
width:129px;
padding:3px;
margin:0 1px 3px 0;
float:left;
font-size:11px;
}

.ie #input-search {background:url(../img/bg-search.png) top left no-repeat fixed;}

#submit-search {padding:0 5px; height:21px; font-size:12px; }

#content {padding:10px 0; float:left;}

/*********
 * Blocs *
 *********/
 
.bloc-list {width:766px; margin:0 auto; text-align:left;}

/* bords arrondis */

.top-bloc {
width:775px;
background:#fff url(../img/bg-top-bloc.png) top left no-repeat;
margin:15px auto 0 auto;
padding-top:5px;
}

.bottom-bloc {
background:#fff url(../img/bg-bottom-bloc.png) bottom left no-repeat;
padding-bottom:5px;
}

.content-bloc {
background:#fff url(../img/bg-middle-bloc.png) top left repeat-y;
padding:9px 17px;
text-align:left;
}

img.discuss-icon { float:left; margin:5px; }
#subject-form { clear:left; padding:10px 5px; }
#subject-form .submit, #new-message .submit {
width:83px;
height:28px;
background:url(../img/btn-poster.png) top left no-repeat;
border:none;
cursor:pointer;
}

/* small */

.top-bloc-small {
clear:both;
width:705px;
background:url(../img/bg-top-bloc-small.png) top left no-repeat;
margin:0 auto;
padding-top:5px;
}

.bottom-bloc-small {
background:url(../img/bg-bottom-bloc-small.png) bottom left no-repeat;
padding-bottom:5px;
}

.content-bloc-small {
background:url(../img/bg-middle-bloc-small.png) top left repeat-y;
padding:5px 15px;
}


.content-bloc.reglement p { margin:10px 0; }

/*****************************************
 * Formulaire - nouvelle proposition     *
 *****************************************/
 
#ajout-proposition {margin-top:50px;}
#ajout-proposition legend { font-size:16px; color:#0d3f8f; font-weight:bold;margin-bottom:20px; }
#ajout-proposition div { width:650px; margin:auto; }
#ajout-proposition label { display:block; }
#ajout-proposition .submit { display:block; float:right; }


#content input.text , textarea{ border: solid 1px #ccc; padding: 1px 2px;margin:5px 0;width:98%;}

.error {
border:solid 2px #000;
color:#f00;
padding:5px;
font-weight:bold;
margin:5px auto;
width:70%;
background-color:#fff;
}

.note { font-style:italic; font-size:11px; }


/***************
 * modération  *
 ***************/
 
h2.moderation { margin-bottom:10px; }

form.moderation { margin:10px 0; }
form.moderation input.ftext { border:1px solid #333; padding:2px 3px; }
form.moderation input.fsubmit { border:1px solid #333; padding:1px; }
 
table.moderation {
border-collapse:collapse;
}
table.moderation td, table.moderation th {
padding:3px 5px;
border:1px solid #333;
}
table.moderation th {
background-color:#c0bbb9
}

.moderation { padding-top:10px;margin-bottom:10px}
p.moderation {background:url(../img/p-moderation.gif) bottom left no-repeat;padding-left:60px}
p.moderation img {margin:0 6px}
p.moderation img.mod-move {margin-left:45px;}
p.moderation select {margin-left:75px;margin-bottom:1px;width:360px}

p.moderation.message {background:url(../img/p-moderation2.gif) bottom left no-repeat;padding-left:50px}
p.moderation.message img {margin:0 5px 2px 0}


/* Hack pour IE qui fait disparaitre le texte */
.ie .sujet, .ie .content-bloc p, .ie .content-bloc ul, .ie .content-bloc h1, .ie .content-bloc h2, .ie .content-bloc h3 {
zoom:1;
}

p.infos-mod {
font-style:italic;
margin:5px 0 10px;
}

.title-discussion {
color:#104190;
font-size:16px;
margin:5px 0;
}