body{margin: 0; background: url(images/bg.png); font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;}
#all{ margin: 0 auto; width: 980px; overflow: hidden}
#header{ height: 175px; width: 980px; background: url(images/header.png) no-repeat}
#footer{ width: 960px; margin:0 auto; margin-top: 15px; margin-bottom: 15px; font-size: 12px; color: #333333}
#content_footer{ background: #fff;}
img{ border: none}
form{padding: 0; margin: 0;}
a{ text-decoration: none}
.f9{font-size: 9px}
textarea{resize:none;
}

/*//////////////////////////////////////////////////////
/////////////////   INDEX //////////////////////////////
//////////////////////////////////////////////////////*/
#bloc_accusation{ width: 670px; float: left; margin-left: 10px; margin-top: 15px; display: inline}

#box_acc{ margin-bottom: 15px;}
#top_acc{ width: 670px; height:5px; background:url(images/bg_top_acc.png);}
#bottom_acc{ width: 670px; height:5px; background:url(images/bg_bottom_acc.png);}
#content_acc{ overflow: auto; padding-top: 5px;padding-bottom: 5px; background: #fff}
#left_acc{ float: left; display: inline; width: 530px;  margin-left: 10px; color:#333333; font-size: 13px;}
#left_acc4{ float: left; display: inline;   margin-left: 10px; color:#333333; font-size: 13px;}
#text_sanction{padding-top: 10px; padding-bottom: 1px;   font-weight: bold; font-size: 13px; border-bottom: 1px #CCCCCC solid; margin-bottom: 7px;}
#right_acc{ float: right; display: inline; width: 110px; margin-right:10px; overflow:auto}
#btn_acc{ height: 30px; background: #fff;margin-top: 40px;}
#fonction_acc{ background: #fff; height: 20px; padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 0.7em; color:#999999}


#box_droite{margin-bottom: 15px;}
#bloc_droite{width: 280px; min-height: 100px; float: right; margin-right: 10px;margin-top: 15px; display: inline}

#top_droite{width: 280px; height: 5px; background:url(images/bg_top_droite.png);}
#content_droite{ background: #fff; padding-left: 10px; overflow: auto}
#bottom_droite{width: 280px; height: 5px; background:url(images/bg_bottom_droite.png);}


#login{ float: right; display: inline; margin-right: 9px;width: 318px; height: 148px;position: relative; }
#login input{ border:#999999 1px solid; height:20px; margin-top: 8px;width: 240px;  color:#700202}
#input{ width: 243px; margin-top: 10px; margin-left: 30px;}
#login .input2{ border:#bb0000 1px solid; float: right; height:30px; margin-top: 5px; width: 100px;  color:#700202; background: #fcf0d3;cursor: pointer;}
#login .input_deco{ border:#bb0000 1px solid;width: 259px; height:30px; margin-top: 0px;   color:#700202; background: #fcf0d3;cursor: pointer;}

#btn_proces{ border:#bb0000 1px solid; float: right; padding: 3px; margin-right: 10px; width: 110px; color:#700202; background: #fcf0d3;cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; }
#btn_proces:hover{ color:#fcf0d3; background: #700202; }
#btn_aveux{ border:#bb0000 1px solid; float: right; padding: 3px; margin-right: 10px; width: 110px; color:#700202; background: #fcf0d3;cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; }
#btn_aveux:hover{ color:#fcf0d3; background: #700202; }
#p_perdu{ background: url(images/p_perdu.png); height: 130px; width: 52px; margin:0 auto}
#p_gagne{ background: url(images/p_gagne.png); height: 130px; width: 52px; margin:0 auto}
.rouge{ color:#a50000;}
.vert{ color:#006600;}

.btn_choix{border:#bb0000 1px solid; float:  left; margin-left: 12px;  margin-top:8px; padding: 3px; width: 200px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline; position: relative }
.btn_choix:hover{ color:#fcf0d3; background: #700202; }
.btn_choix img{ position: absolute; left:0;}

#resultat_vote{text-align: center; font-size:12px; color:#333333; margin-top: 10px;}
.chrono{ font-size: 12px; color:#333333; width: 100%; margin-bottom: 5px; text-align: left; background:#fcf0d3 url(images/bg_chrono.png) no-repeat; height: 20px; padding-left: 20px; padding-top: 2px}
.chrono span{ color:#333333;}
#pagination{ font-size:13px; color:#666666;}

.input_rech{border:#666666 1px solid; height: 19px; width: 250px; font-size:14px; color:#666666; margin: 0 auto; margin-top:5px; margin-bottom: 8px;}
.input_valid{border:#bb0000 1px solid; float:  right; margin-right:18px; display: inline; padding: 3px; width: 150px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline }
.input_valid:hover{color:#fcf0d3; background: #700202;}

/*//////////////////////////////////////////////////////
/////////////////   DIVERS   ///////////////////////////
//////////////////////////////////////////////////////*/

.lien_bleu{ color: #5686e8; text-decoration: none}
.lien_bleu:hover{ text-decoration: underline; color:#4170ce}
.lien_bleu:visited{ color: #5686e8; text-decoration: none}
.lien_bleu:visited:hover{ color: #5686e8; text-decoration: underline}

.lien_bleu_f{ color: #5686e8; text-decoration: none; font-size: 12px;}
.lien_bleu_f:hover{ text-decoration: underline; color:#4170ce}
.lien_bleu_f:visited{ color: #5686e8; text-decoration: none}
.lien_bleu_f:visited:hover{ color: #5686e8; text-decoration: underline}

.lien_bleu_petit{ color: #5686e8; text-decoration: none; font-size: 0.72em;}
.lien_bleu_petit:hover{ text-decoration: underline; color:#4170ce}
.lien_bleu_petit:visited{ color: #5686e8; text-decoration: none}
.lien_bleu_petit:visited:hover{ color: #5686e8; text-decoration: underline}
.txt_default{ font-size: 12px; padding-left:20px; color:#333333; font-weight: bold}

.explication{ padding-left: 15px; font-size: 15px; color:#333333; font-weight: bold; padding-bottom: 3px;}
.explication2{ margin-left: 15px; font-size: 15px; color:#333333; font-weight: bold; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; width: 640px;}
.explication_text{ padding-left: 15px;padding-right: 15px; font-size: 13px; color:#333333; padding-bottom: 20px;}
.l_15{ padding-left: 15px;}
.error_645{margin: 0 auto; width: 618px;  border:#d70000 2px solid; background: #f9caca; color:#d70000; font-size: 14px; padding:10px;}
.error_650{margin: 0 auto; width: 625px; margin-bottom: 10px;  border:#d70000 2px solid; background: #f9caca; color:#d70000; font-size: 14px; padding:10px;}
.ok_645{margin: 0 auto; width: 618px;  border:#26a411 2px solid; background: #c7ee9e; color:#117b00; font-size: 14px; padding:10px;}
.ok_650{margin: 0 auto; width: 625px; margin-bottom: 10px;  border:#26a411 2px solid; background: #c7ee9e; color:#117b00; font-size: 14px; padding:10px;}

.div_signaler{ font-size: 12px; color: #5686e8; float: right}
.div_signaler a{ color: #5686e8; text-decoration: none}
.div_signaler a:hover{ text-decoration: underline; color:#4170ce}

.input_valid_mdp{border:#bb0000 1px solid;padding: 3px; width: 150px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline }
.input_valid_mdp:hover{color:#fcf0d3; background: #700202;}


/*//////////////////////////////////////////////////////
/////////////////   GUILLOTINE   ///////////////////////////
//////////////////////////////////////////////////////*/

#bg_g{ overflow: auto; background: url(images/bg_g.png) no-repeat; height: 123px; width: 52px; margin:0 auto; position:relative}
#bg_bas{ position: absolute; bottom:0}
.corde_g{ background:url(images/corde_g.png) repeat-y; width: 38px; margin: 0 auto; z-index: 1;padding-top:10px;}
#lame_g{ background:url(images/lame_g.png); height: 35px; width:38px; margin: 0 auto;z-index: 1; }
#heure_g{ font-size: 12px; color:#666666; margin-top: 3px; }




/*//////////////////////////////////////////////////////
/////////////////   MENU HORIZONTAL ////////////////////
//////////////////////////////////////////////////////*/

#menu{margin: 0 auto; width: 960px; margin-top: 10px;}
#top_menu{ background:url(images/bg_top_menu.png) no-repeat; height: 5px; width: 960px;}
#content_menu{ background: #fff;}
#bottom_menu{background:url(images/bg_bottom_menu.png) no-repeat; height: 5px; width: 960px;}

/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; } 
/* Essentials - configure this */
#nav ul { width: 136px; }
#nav ul ul { left: 131px; }
/* Everything else is theming */
#nav {height: 28px; padding-left: 20px; padding-top: 2px }
#nav *:hover { background-color: none; }
#nav a { color: #000; font-size: 13px; padding: 6px; padding-left: 9px; padding-right: 9px; line-height: 1; text-decoration: none }
#nav a:hover { color:#27409d; }
#nav li.hover a { background-color: #fff; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #fff; }
#nav ul a.hover { background-color: #d9e9fe; }
#nav ul a { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*//////////////////////////////////////////////////////
/////////////////   MENU CATEGORIE ////////////////////
//////////////////////////////////////////////////////*/
#div_cat{ height: 220px;}
#menu_cat {  margin: 0; padding: 0; height: 400px; }
#menu_cat li {  list-style: none; margin: 0; padding: 0; }
#menu_cat a { display: block; }
#menu_cat ul {  position: absolute; left: 0; margin: 0; padding: 0; }
* html #menu_cat ul { line-height: 0; } /* IE6 "fix" */
#menu_cat ul a { zoom: 1; } /* IE6/7 fix */
#menu_cat ul li { float: none; }
#menu_cat ul ul { top: 0; } 
/* Essentials - configure this */
#menu_cat ul { width: 136px; }
#menu_cat ul ul { left: 131px; }
/* Everything else is theming */
#menu_cat {height: 28px; width: 250px; padding-top: 2px }
#menu_cat *:hover { background-color: none; }
#menu_cat a { color: #000; font-size: 14px; padding: 6px; padding-left: 9px; padding-right: 9px; line-height: 1; text-decoration: none }
#menu_cat a:hover { color:#27409d; background:#d9e9fe  }
#menu_cat .selection {color:#27409d; background:#d9e9fe }
#menu_cat ul { top: 25px; }
#menu_cat ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*//////////////////////////////////////////////////////
/////////////////   INSCRIPTION   //////////////////////
//////////////////////////////////////////////////////*/
#form_ins{ margin-top: 15px;}
.ligne_inscription{  height: 35px }
.ligne_inscription_l{ float: left; width: 200px; font-size: 15px; color:#333333}
#form_ins .input_txt{ border:#666666 1px solid; height: 25px; width: 300px; font-size:15px; color:#666666; float: right; display: inline; margin-right: 15px}
#form_ins .input_valid{border:#bb0000 1px solid; float:  left;   margin-top:8px; padding: 3px; width: 200px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline }

/*//////////////////////////////////////////////////////
/////////////////   NOUVEAU PROCES   ///////////////////
//////////////////////////////////////////////////////*/
#form_npro{ margin-top: 15px;}
.ligne_npro{ height: 35px }
.ligne_npro2{ height: 100px }
.ligne_npro_l{ float: left; width: 200px; font-size: 15px; color:#333333}
#form_npro .input_txt{ border:#666666 1px solid; height: 25px; width: 300px; font-size:15px; color:#666666; float: right; display: inline; margin-right: 15px}
#form_npro .input_valid{border:#bb0000 1px solid; float:  left;   margin-top:8px; padding: 3px; width: 200px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline }
#form_npro .text_area{border:#666666 1px solid; height: 80px; width: 300px; font-size:15px; color:#666666; float: right; display: inline; margin-right: 15px}

.btn_cado{border: #333333 1px solid; float:  left;   margin-top:8px; width:630px; color:#333333 background: #fff; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline; padding: 5px; }
#choix_cado{ text-align: left; margin-bottom: 2px}
#choix_cado:hover{ background: #d9e9fe; text-align: left; margin-bottom: 2px; color:#27409d;}



/*//////////////////////////////////////////////////////
/////////////////   PROCES   ///////////////////////////
//////////////////////////////////////////////////////*/


#titre_1{ background:url(images/titre_1.png); width: 670px; height: 62px;}
#titre_2{ background:url(images/titre_2.png); width: 670px; height: 62px;}
#titre_3{ background:url(images/titre_3.png); width: 670px; height: 62px;}
#titre_4{ background:url(images/titre_4.png); width: 670px; height: 62px;}

#pt_cadre{ border: 1px #333333 solid; padding: 20px; text-align: center; font-size: 14px; color:#333; width: 600px; margin: 0 auto; margin-top: 10px;}

/*////////////////   CONFRONTATION   //////////////////////////*/




/*////////////////   JURES   //////////////////////////*/

#box_com{ width:640px; margin:0 auto; padding-top: 10px; padding-bottom: 10px; overflow:auto;border-bottom: #993333 solid 1px; margin-bottom: 9px;}
#com_left{float: left; width: 70px;}
#com_right{float: left; width: 560px; padding-bottom: 10px;}
#com_titre{ font-size:12px; color:#666666; width: 560px; border-bottom: #CCCCCC solid 1px}
#com_txt{font-size:14px; color: #333333;width: 555px; padding-top: 10px; padding-right: 5px;}
#com_textarea{border:#666666 1px solid; width: 100%; height: 80px;}
#com_textarea2{border:#666666 1px solid; width: 100%; height: 80px;}
#btn_valid_com{border:#bb0000 1px solid; margin-top: 10px; padding: 5px; color:#700202; background: #fcf0d3;cursor: pointer; float: right}








/*//////////////////////////////////////////////////////
/////////////////   PROFIL  ///////////////////////////
//////////////////////////////////////////////////////*/

#all_profil{ width: 650px;  margin: 0 auto; overflow: auto}
#profil_left{ width: 260px;  float: left;}
#avatar img{ border: 1px solid #000; position: relative}

#profil_right{ width: 379px; border-left: #666666 1px dashed; float: right;padding-left: 10px; color:#333333; font-size: 14px;}
#info_txt{ font-size: 14px; color:#333333; font-weight: bold; padding-bottom: 15px;}
.ligne_profil_1{ height: 20px; border-bottom: 1px #CCCCCC solid; padding-bottom: 10px; position:relative}
.ligne_profil{ height: 20px; border-bottom: 1px #CCCCCC solid; padding-bottom: 10px; margin-top: 15px;position:relative }

#desc_profil{width: 650px;  margin: 0 auto; overflow: auto;color:#333333; font-size: 14px;}

#der_visites{ height: 50px; width: 650px; margin-top: 5px;}
#mini_der_visites{ height: 48px; width: 48px; float: left; margin-left: 10px; border: 1px #000000 solid}
#mini_der_visites_1{ height: 48px; width: 48px; float: left;border: 1px #000000 solid}

/*////////////////   EDITION   //////////////////////////*/

#profil_txtarea{border:#666666 1px solid; height: 80px; width: 644px; margin-top: 5px; word:wrap;}
.input_profil{border:#666666 1px solid; height: 20px; width: 200px; position:absolute; right:0}
.input_profil_valid{border:#bb0000 1px solid; margin-top: 10px; padding: 5px; color:#700202; background: #fcf0d3;cursor: pointer; float: right}
#fake_div{ border:#666666 1px solid; height: 30px; width: 250px; margin-top:10px; position:relative }
.input_profil_up{ z-index:2; position:absolute; left: 4px; top: 2px;}

#profil_select{ border:#666666 1px solid; height: 25px; width: 202px; font-size:14px; position:absolute; right:0}
.txt_format{ font-size: 13px; color:#333333; padding-top: 10px;}




/*//////////////////////////////////////////////////////
/////////////////   VALID_PROCES ////////////////////
//////////////////////////////////////////////////////*/

.textarea_valider{ width: 100%; border:#666666 1px solid; min-height: 80px;}
.btn_valider{border:#26a411 1px solid; padding-top: 10px; padding-bottom: 10px; background: #c7ee9e; color:#117b00; font-size: 14px; width: 110px;cursor: pointer; margin-bottom: 10px;}
.btn_refuser{border:#d70000 1px solid; background: #f9caca;padding-top: 10px; padding-bottom: 10px; color:#d70000; font-size: 14px; width: 110px;cursor: pointer; margin-bottom: 10px;}


/*//////////////////////////////////////////////////////
/////////////////   VERSUS ////////////////////
//////////////////////////////////////////////////////*/

#vs_all{ background: #fff; height: 280px;  }
#vs_textarea{border:#666666 1px solid; width: 450px; float: left;height: 20px;}

#vs_ligne{ width: 620px; margin:0 auto; padding-bottom: 10px; padding-top: 10px; border-bottom:#CCCCCC 1px solid; overflow: auto; font-size: 15px; color:#333333}
#vs_left{ width: 140px; float: left; overflow:auto }
#vs_right{ width: 460px; float: left; margin-left: 10px;}

#vs_mini{width: 140px; overflow:auto}
#mini_vs{width: 50px; float: left;}
#vs_info{ width: 80px; float: right; font-size:12px; color:#666666 }

#box_vs{width:640px; margin:0 auto; padding-top: 10px; padding-bottom: 10px; overflow:auto; margin-bottom: 9px;}


/*//////////////////////////////////////////////////////
/////////////////   MESSAGERIE   ///////////////////////
//////////////////////////////////////////////////////*/

#box_msg{ width: 650px; margin: 0 auto; overflow:auto}
#msg_titre{font-size:14px; color:#666666; border-bottom: #CCCCCC solid 1px; margin-bottom: 20px;}


.ligne_msg{  height: 35px; margin-top: 10px; }
.ligne_msg2{ height: 100px;margin-top: 10px; }
.ligne_msg_l{ float: left; width: 200px; font-size: 15px; color:#333333}

#form_msg .input_txt{ border:#666666 1px solid; height: 25px; width: 300px; font-size:15px; color:#666666; float: right; display: inline; margin-right: 15px}
#form_msg .input_valid{border:#bb0000 1px solid; float:  right; margin-right:15px;   margin-top:8px; padding: 3px; width: 200px; color:#700202; background: #fcf0d3; cursor: pointer; font-size: 13px; text-align: center; text-decoration: none; display: inline }
#form_msg .text_area{border:#666666 1px solid; height: 80px; width: 300px; font-size:15px; color:#666666; float: right; display: inline; margin-right: 15px;word:wrap;overflow:auto}


.mess_box{ width: 650px; margin-bottom: 10px; overflow: auto;background: #FCF0D3}
.mess_top{ height: 25px; padding-top: 5px;width: 648px; color:#000000; overflow: visible; position: relative; border:#bb0000 1px solid;}

#mess_auteur{ float: left; width:auto; color:#000000;font-size: 14px;}
#mess_obj{ position: absolute; left: 250px; font-size: 14px;}

#mess_date{ float: right; margin-right: 10px; color:#666666; font-size: 11px;}
.mess_arrow{ height: 16px; width: 16px; float: left; margin-right: 5px; margin-left: 5px; margin-top: 2px;}

.mesg_content{ background: #fff; border:#bb0000 1px solid; border-top: none; width: 632px; padding: 8px; font-size: 14px; color:#333333; overflow:auto}
.ligne_mesg_content{ margin-bottom: 10px; overflow:auto}
.ligne_mesg_content .left{ width: 100px; height: 20px; float: left; }
.ligne_mesg_content .right{ width: 500px; float: left; margin-left: 10px; display: inline}

/*//////////////////////////////////////////////////////
/////////////////   CHARTE   ///////////////////////
//////////////////////////////////////////////////////*/

.charte li{padding: 10px; list-style: none; padding-left: 0px;}


#test{ background:#CCFF33; width: 200px; height: 100px;}