/* CSS Document */

/*redefinition de parties*/
#page{width:1000px;}
#pied{padding-top:70px;}
div#corps{width:800px; height:auto;}

a {color:#000000;}

/*mise en page*/

.lineHeight0{line-height:0;}

.width50pc{width:49%;}
.width45pc{width:44%;}
.width40pc{width:39%;}
.width35pc{width:34%;}
.width32pc{width:32%;}
.width30pc{width:29%;}
.width28pc{width:27%;}
.width25pc{width:24%;}
.width20pc{width:19%;}
.width5pc{width:4%;}
.width60pc{width:59%;}
.width65pc{width:64%;}
.width70pc{width:69%;}
.width75pc{width:74%;}
.width80pc{width:79%;}

.clearBoth{clear:both; height:0px; line-height:0px; font-size:0em;}
.floatRight{float:right;}
.floatLeft{float:left;}
.relative{position:relative;}
.souligne{text-decoration:underline;}

.paddingTop3{padding-top:3px;}
.paddingTop5{padding-top:5px;}
.paddingTop8{padding-top:8px;}
.paddingTop10{padding-top:10px;}
.paddingTop20{padding-top:20px;}

.paddingLeft20{padding-left:20px;}

.marginTop2{margin-top:2px;}
.marginTop3{margin-top:3px;}
.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop25{margin-top:25px;}
.marginTop30{margin-top:30px;}

.marginLeft2{margin-left:2px;}
.marginLeft3{margin-left:3px;}
.marginLeft10{margin-left:10px;}
.marginLeft12{margin-left:12px;}
.marginLeft13{margin-left:13px;}
.marginLeft15{margin-left:15px;}
.marginLeft20{margin-left:20px;}
.marginLeft30{margin-left:30px;}
.marginLeft40{margin-left:40px;}
.marginLeft90{margin-left:90px;}

.marginRight2{margin-right:2px;}
.marginRight10{margin-right:10px;}

.width50pc{width:48%;}

.border0{border:none;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt18{font-size:18px;}
.txtNoir{color:#000000;}
.txtViolet{color:#a57cec;}
.txtVert{color:#25712f;}
.txtGris{color:#5b5b5b;}
.txtOrange{color:#e55300;}

.bold{font-weight:bold;}
.ligneGrise{background-color:#CCCCCC; width:100%; height:1px; margin: 1px 0 0 1px;}

.ligneGrise_margin {margin-top: 10px; margin-bottom: 10px;}

.txtAlignCenter{text-align:center; width:100%}
.txtAlignLeft{text-align:left;}
.txtAlignRight{text-align:right;}

/***********************FORUM**************************/

#forum {font-size:11px; width:760px;}

/*TOP*/
#top_forum{ position:relative; background:url(../images/top_fond.jpg) no-repeat 428px top; width:780px; height:110px;}
#top_forum .bulle_echangez{position:absolute; top:0px; left:365px;}
#top_forum .bulle_partagez{position:absolute; top:0px; left:529px;}
#top_forum .bulle_dialoguez{position:absolute; top:0px; left:673px;}

/*MENU FORUM*/
#forum #menu_forum{width:100%; background-color:#f5f5f5; text-transform:uppercase; padding:4px 0 4px 0;}
#forum #menu_forum ul, #forum #menu_forum li{display:inline; list-style:none; margin:0; padding:0;}
#forum #menu_forum li{ padding:0 5px 0 5px; background:url(../images/menu_separator.gif) no-repeat 100% 50%;}
#forum #menu_forum li.last{ background:none;}
#forum #menu_forum li a:link, #forum #menu_forum li a:visited{ color:#fc851d; text-decoration:none;}
#forum #menu_forum li a:hover, #forum #menu_forum li a:active{ color:#ff9900;}
#forum #menu_forum li img{ position:relative; top:2px;}

/*CHEMIN FORUM*/
#forum #chemin_forum{font-weight:bold; color:#666666; float:left; width:570px; margin-top:10px;}
#forum #chemin_forum a:link, #forum #chemin_forum a:visited{ color:#666666; text-decoration:none;}
#forum #chemin_forum a:hover, #forum #chemin_forum a:active{ color:#ff9900;}
#forum #chemin_forum img{ margin:6px 0 -6px 0;}

#forum tr td img.dernier_message{margin:4px 0 -4px 3px;}
#forum tr.ligne-impair-pair td{ background:url(../images/ligne-impair-pair.gif) repeat-x top left; height:13px; border-right:none; line-height:13px;}
#forum tr.ligne-pair-impair td{ background:url(../images/ligne-pair-impair.gif) repeat-x top left; height:13px; border-right:none; line-height:13px;}

#forum tr.transparent_grey, #forum tr.transparent_grey td{background-image:none; background-color:#f5f5f5; border:none; height:3px; margin:0; padding:0; line-height:0em;}
#forum tr.transparent, #forum tr.transparent td{background-image:none; background-color:none; border:none; height:3px; margin:0; padding:0; line-height:0em;}

#forum .titreForum{font-size:18px; color:#63BD19; text-transform:uppercase; font-style:italic;}

/*CHAMP RECHERCHE*/
#forum #champ_recherche{ float:right; width:145px; text-align:right; height:17px; margin-bottom:5px; margin-top:10px; position:relative;}
#forum #champ_recherche input.champ{border:none; color:#666666; background:url(../images/champ.gif) no-repeat top left; width:117px; font-size:10px; height:16px; padding:2px 0 0 5px; margin:0; position:absolute; top:0px; left:0px;}
#forum #champ_recherche input.bouton{border:none; background:url(../images/btn-recherche.gif) no-repeat; width:21px; height:18px; padding:0; margin:0; position:absolute; top:0px; left:122px;}
#forum #champ_recherche input.bouton:hover{cursor: pointer;}

/*TABLEAU SUJET ACTIFS*/
#sujets_actifs {font-weight:bold; width:760px;}
#sujets_actifs .titre{font-weight:normal; font-size:18px; color:#63BD19; text-transform:uppercase; font-style:italic;}
#sujets_actifs tr{ padding:0;}
#sujets_actifs tr th{ background: url(../images/pix_blanc.gif) no-repeat #62bd18 right 50%; color:#FFFFFF; padding:0 0 0 10px; border:none; text-align:left; font-size:12px;}
#sujets_actifs tr th.first{ margin:0; padding:0;}
#sujets_actifs tr th.first div.entete{background:url(../images/entete-vert-gauche.gif) no-repeat left top; height:26px; padding:12px 0 0 10px; position:relative;}
#sujets_actifs tr th.first img{ position:absolute; top:0px; left:0px; }
#sujets_actifs tr th.last{ background: url(../images/entete-vert-droite.gif) #62bd18 no-repeat top right ;}



#sujets_actifs tr td{border-right:1px solid #62bd18; color:#666666; vertical-align:top;  padding:0 0 0 5px;}
#sujets_actifs tr td.last{ border:none;}
#sujets_actifs tr td .post{color:#000000; font-weight:normal;}

#sujets_actifs tr.pair td{ border-right:1px solid #62bd18; background-color:#f5f5f5; color:#666666; /*border-bottom:1px solid #CCCCCC;*/ vertical-align:top; padding:0 0 0 5px;}
#sujets_actifs tr.pair td.last{ border-right:none;}

#sujets_actifs tr.last td{border-bottom:none;}

#sujets_actifs tr td a:link, #sujets_actifs tr td a:visited{color:#64bc18; text-decoration:none;}
#sujets_actifs tr td a:hover, #sujets_actifs tr td a:active{color:#ff9900; text-decoration:none;}

#sujets_actifs tr td a.souligne:link, #sujets_actifs tr td a.souligne:visited{color:#64bc18; text-decoration:underline;}
#sujets_actifs tr td a.souligne:hover, #sujets_actifs tr td a.souligne:active{color:#ff9900; text-decoration:underline;}

#sujets_actifs #thread tr td a:link, #sujets_actifs #thread tr td a:visited{color:#666666; text-decoration:none;}
#sujets_actifs #thread tr td a:hover, #sujets_actifs #thread tr td a:active{color:#ff9900; text-decoration:none;}

#sujets_actifs #thread tr td a.souligne:link, #sujets_actifs #thread tr td a.souligne:visited{color:#666666; text-decoration:underline;}
#sujets_actifs #thread tr td a.souligne:hover, #sujets_actifs #thread tr td a.souligne:active{color:#ff9900; text-decoration:underline;}

#sujets_actifs #thread tr td a.orange:link, #sujets_actifs #thread tr td a.orange:visited{color:#ff9900; text-decoration:underline;}
#sujets_actifs #thread tr td a.orange:hover, #sujets_actifs #thread tr td a.orange:active{color:#ff9900; text-decoration:underline;}

#sujets_actifs .picto-carte{float:left; width:26px; vertical-align:middle;}
#sujets_actifs .picto-smiley{float:left; width:27px; text-align:center; vertical-align:middle;}
#sujets_actifs .thread{float:left; width:255px; padding-left:5px;}
#sujets_actifs #thread .thread{float:left; width:345px; padding-left:5px;}
#sujets_actifs #thread img.dernier_message{margin:4px 0 -4px 3px;}
#sujets_actifs .fond_thread{background:url(../images/fond-cel-thread.gif) repeat-y}
#sujets_actifs tr.pair .fond_thread{background:url(../images/fond-cel-thread.gif) #f5f5f5 repeat-y}


/*TABLEAU TOUS FORUMS*/
#tous_forums {margin-top:20px; font-weight:bold; width:590px; float:left; position:relative; padding-top:21px;}
#tous_forums .titre{font-weight:normal; font-size:18px; color:#ff8500; text-transform:uppercase; font-style:italic;}
#tous_forums tr{ padding:0; margin:0;}
#tous_forums tr th{ background: url(../images/pix_blanc.gif) no-repeat #ff8500 right 50%; color:#FFFFFF; padding:0 0 0 5px; margin:0; text-align:left; font-size:12px; }
#tous_forums tr th.first{ margin:0; padding:0;}
#tous_forums tr th.first div{background:url(../images/entete-orange-gauche.gif) no-repeat left top; height:26px; padding:12px 0 0 10px;}
#tous_forums tr th.first img{ position:absolute; top:0px; left:0px; }
#tous_forums tr th.last{ background: url(../images/entete-orange-droite.gif) #ff8500 no-repeat top right ;}

#tous_forums .picto-carte{float:left; width:26px; vertical-align:middle;}
#tous_forums .picto-smiley{float:left; width:27px; text-align:center; vertical-align:middle;}
#tous_forums .thread{float:left; width:240px; padding-left:5px;}
#tous_forums .fond_thread{background:url(../images/fond-cel-thread2.gif) repeat-y}

#tous_forums tr.pair .fond_thread{background:url(../images/fond-cel-thread2.gif) #f5f5f5 repeat-y}
#tous_forums tr.thematique{margin:0;}
#tous_forums tr.thematique td{ background:#b2b2b2; color:#FFFFFF; padding:12px 0 0 10px; border:none; }
#tous_forums tr.thematique td.first{ margin:0; padding:0;}
#tous_forums tr.thematique td.first div{background:url(../images/entete-gris-gauche.gif) #b2b2b2 no-repeat left top; height:26px; padding:12px 0 0 7px; position:relative;}
#tous_forums tr.thematique td.last{ background: url(../images/entete-gris-droite.gif) #b2b2b2 no-repeat top right ;}
#tous_forums tr.thematique td a.open:link, #tous_forums tr.thematique td a.open:visited{ background:url(../images/puce_theme_open.gif) no-repeat left top; padding-left:30px; color:#ffffff; text-decoration:none; height:17px; display:block;}
#tous_forums tr.thematique td a.open:hover, #tous_forums tr.thematique  tda.open:active{color:#ff9900; text-decoration:none;}
#tous_forums tr.thematique td a.close:link, #tous_forums tr.thematique td a.close:visited{ background:url(../images/puce_theme_close.gif) no-repeat left top; padding-left:30px;color:#656565; text-decoration:none; height:17px; display:block}
#tous_forums tr.thematique td a.close:hover, #tous_forums tr.thematique td a.close:active{color:#ff9900; text-decoration:none;}


#tous_forums tr td{ /*background: url(../images/pix_orange.gif) no-repeat right 50%;*/ border-right:1px solid #ff8500; color:#666666;vertical-align:top; padding:0 0 0 5px;}
#tous_forums tr td .post{color:#000000; font-weight:normal;}
#tous_forums tr td.last{border-right:none;}

#tous_forums tr td img.dernier_message{margin:4px 0 -4px 3px;}
#tous_forums tr.pair td{ border-right:1px solid #ff8500; color:#666666; background-color:#f5f5f5; /*border-bottom:1px solid #CCCCCC;*/ vertical-align:top; padding:0 0 0 5px; margin:0;}
#tous_forums tr.pair td.last{border-right:none;}

#tous_forums tr td a:link, #tous_forums tr td a:visited{color:#ff8500; text-decoration:none;}
#tous_forums tr td a:hover, #tous_forums tr td a:active{color:#ff9900; text-decoration:none;}

#tous_forums tr td a.souligne:link, #tous_forums tr td a.souligne:visited{color:#ff8500; text-decoration:underline;}
#tous_forums tr td a.souligne:hover, #tous_forums tr td a.souligne:active{color:#ff9900; text-decoration:underline;}

/*COLONNE DROITE*/

#colonne_droite{float:right; width:155px; position:relative; margin:40px 0 0 0; }
#colonne_droite .cadre-image{line-height:0em;}
#colonne_droite .cadre{border-left:1px solid #666666; border-right:1px solid #666666; color:#656565; background-color:#f5f5f5; padding:5px 8px; width:137px; margin:0;}
#colonne_droite .cadre img{margin:2px 0 -2px 0;}
#colonne_droite img{margin:0; padding:0;}
#colonne_droite .cadre a:link, #colonne_droite .cadre a:visited{ color:#656565; font-weight:bold;}
#colonne_droite .cadre a:hover, #colonne_droite .cadre a:active{ color:#ff9900; font-weight:bold;}

#colonne_droite .cadre2{border-left:1px solid #666666; border-right:1px solid #666666; color:#656565; background-color:#ffffff; padding: 0; width:153px; margin:0;}
#colonne_droite .cadre2 .ligne-grise{background:url(../images/pointille-gris.gif) #f5f5f5 repeat-x bottom left; padding: 5px 8px 5px 8px;}
#colonne_droite .cadre2 .ligne-blanche{background:url(../images/pointille-gris.gif) repeat-x bottom left; padding: 5px 8px 5px 8px;}
#colonne_droite .cadre2 .last{background-image:none;}

/*INFOS FORUM*/

#forum .infos{color:#8c8c8c; font-weight:bold; margin-bottom:5px;}
#forum .infos .nav{float:left; width:350px;}
#forum .infos .action{float:right; width:400px; text-align:right;}
#forum .infos a:link, #forum .infos a:visited { color:#8c8c8c; text-decoration:none;}
#forum .infos a:hover, #forum .infos a:active { color:#ff9900;}
#forum .infos a.on:link, #forum .infos a.on:visited { color:#63be1b; text-decoration:none;}
#forum .infos a.on:hover, #forum .infos a.on:active { color:#ff9900;}

#forum #topic{width:100%; background: url(../images/entete-vert-droite.gif) #62bd18 top right no-repeat; color:#FFFFFF; padding:0; border:none; text-align:left; font-size:12px; font-weight:bold; padding:0;}
#forum #topic .author{background:url(../images/entete-vert-gauche.gif) no-repeat left top; height:26px; padding:12px 0 0 10px; position:relative; float:left; width:157px;}
#forum #topic .separateur{ background:url(../images/pix_blanc.gif) no-repeat left 50%; height:38px; width:1px; float:left;}
#forum #topic .information_topic{ float:left; width:562px; padding:12px 0 0 12px;}
#forum #topic .information_topic .nav{ width:19px;}
#forum #topic .information_topic .text{float:left; width:522px; text-align:center;}

#forum .line_message{border-bottom:1px solid #999999; padding:10px 0; margin:0; color:#000000;background-color:#ffffff;}
#forum .line_grey{background-color:#f5f5f5;}

#forum .author_ident{ width:146px; float:left; border-right:1px solid #63be1b; padding:0 10px; margin:0;}
#forum .author_ident #picture{ padding:10px 0;}

#forum .author_ident #identity{color:#63bb17; font-weight:bold;}
#forum .author_ident .identity a:link, #forum .message .edit_line a:visited{color:#63bb17; font-weight:bold;}
#forum .author_ident .identity a:hover, #forum .message .edit_line a:active{color:#ff9900;}

#forum .message{ width:555px; float:left; position:relative; left:-1px; padding:0 15px 0 15px; border-left:1px solid #63be1b;}

#forum .message .entete_message{ color:#666666; font-weight:bold; border-bottom:1px solid #cccccc; padding-bottom:8px;}
#forum .message .entete_message .text{float:left; width:415px;}
#forum .message .entete_message .liens{float:left; width:140px; position:relative; top:-4px;text-align:right;}
#forum .message .entete_message .liens img{ margin:4px 0 -4px 0;}
#forum .message .entete_message .liens a:link, #forum .message .entete_message .liens a:visited{color:#666666;}
#forum .message .entete_message .liens a:hover, #forum .message .entete_message .liens a:active{color:#ff9900;}

#forum .message .corps_message{ border-bottom:1px solid #cccccc; padding:8px 0;}
#forum .message .corps_message a:link, #forum .message .corps_message a:visited{color:#ff9900; text-decoration:none;}
#forum .message .corps_message a:hover, #forum .message .corps_message a:active{color:#ff9900;}

#forum .message .edit_line{border-bottom:1px solid #cccccc; padding:8px 0;}
#forum .message .edit_line a:link, #forum .message .edit_line a:visited{color:#63bb17; font-weight:bold;}
#forum .message .edit_line a:hover, #forum .message .edit_line a:active{color:#ff9900;}

#forum .message .btn_line {padding:5px 0 0 0;}

#forum .message .btn_line .text{float:left; position:relative; top:-7px;}/*width:485px;*/
#forum .message .btn_line .text img{ position:relative; top:7px;}
#forum .message .btn_line .liens{position:relative; top:-3px; right:0px; float:right;}
#forum .message .btn_line .liens img{ position:relative; top:7px; margin-left:2px;}
#forum .message .btn_line .liens a:link, #forum .message .btn_line .liens a:visited{color:#666666; font-weight:bold; text-decoration:none;}
#forum .message .btn_line .liens a:hover, #forum .message .btn_line .liens a:active{color:#ff9900;}

#forum .message .btn_line .info{float:left; position:relative;}/*width:485px;*/

#forum .message .share {text-align: right}
#forum .message .share{color:#666666; font-weight:bold;}

#forum .message .vote {text-align: right}
#forum .message .vote a:link, #forum .message .vote a:visited { color:#8c8c8c; text-decoration:none; font-weight:bold;}
#forum .message .vote a:hover, #forum .message .vote a:active { color:#ff9900;}

#forum .bulle-milieu{background:url(../images/bulle-fond.gif) repeat-x top; padding:7px 0; margin:0 8px 0 10px; text-align:center;}
#forum .bulle-gauche{background:url(../images/bulle-gauche.gif) no-repeat top left; height:38px;}
#forum .bulle-droite{background:url(../images/bulle-droite.gif) no-repeat top right; color:#FFFFFF; height:38px;}

#forum #bulle{display:none; position:absolute;}

#forum select{ border:1px solid #cccccc; width:144px; font-weight:bold; font-size:11px; color:#666666; padding:0; margin:0;}
#forum .quicklink{ width:260px;}
#forum .bigwidth{ width:260px;}
#forum form img{margin:3px 0 -3px 0;}

#forum .nav_thread{margin-top:10px; font-size:12px;}
#forum .nav_thread a:link, #forum .nav_thread a:visited { color:#8c8c8c; text-decoration:none; font-weight:bold;}
#forum .nav_thread a:hover, #forum .nav_thread a:active { color:#ff9900;}
#forum .nav_thread a.on:link, #forum .nav_thread a.on:visited { color:#63be1b; text-decoration:none; font-weight:bold;}
#forum .nav_thread a.on:hover, #forum .nav_thread a.on:active { color:#ff9900;}

/* STYLE MVNFORUM */

td.quote {background-color:#EEEEEE; border:2px dotted #63bb17;}


#reputation_forum {font-weight:bold; font-size:11px;}
#reputation_forum .title {font-size:14px;}
#reputation_forum .reputation {padding: 0px 0px 0px 20px;}
#reputation_forum a.orange:link, #reputation_forum a.orange:visited{color:#ff9900; text-decoration:underline;}
#reputation_forum a.orange:hover, #reputation_forum a.orange:active{color:#ff9900; text-decoration:underline;}

tr.topmenu {background-color:#f5f5f5; padding:4px 0 4px 0;}

/* boutton trop grand sous IE */
.portlet-form-button {
	width:148px;
}

/* Ajout d'un style tooltip */
#forumtooltip {
  position:absolute;
  visibility:hidden;
  background-color:#FFEEC7;
  border:1px solid black; 
  padding:0.2em;
  font-size:0.8em;
}