/*

Auteur: St•À¸phane PÌ©caut - o0o

URL: troll.o0o.ch

Date de cr̩ation: 

Date de modification:

Commentaire:

- Summer refresh 2004 Style css

*/



/*----- GENERAL -----*/

body {

 margin:0px;

 padding:0px;

 background: white url(fond.gif) repeat-x;

 font-family: verdana, arial, georgia;

 font-size: 10px;

}

#body { 

 /**

  * sous IE, on ne peut pas styler l'•À¸l•À¸ment html, donc il faut

  * ajouter un niveau factice suppl•À¸mentaire :-/

  */

 margin:0px;

 padding:0px;

 background: transparent url(fond.gif) repeat-x;

}



.spacer {

	clear:both;

}





a {

	color: #000000;

	text-decoration: none ; 

}

a:hover {

	color: #53bfff;

}





/*----- PAGE -----*/

.fiche {

	margin-left: 40px;

	margin-bottom:60px;

	width: 340px;

}



/*----- BOX3 -----*/

#box3 {

	margin-top: 40px;

	margin-left: 15px;

 	padding:0px;

 	width: 400px;

}

#box3 ul {

 	display:block;

 	list-style-type:none;

 	margin:0; padding:0;

 	height:40px;

/* background:transparent url(menu_fond.gif) repeat-x;*/

}

#box3 ul li {

	display:inline;

	text-indent: -1000px;

}



#box3 li.jb a {

	float: left;

   background: url("menu_jbord.gif") 0 0 no-repeat;

   width:  165px;

   height: 40px;

   display: block;

	margin: 0; padding:0;

	overflow:hidden;

   }

#box3 li.tv a {

	float: left;

   background: url("menu_taverne.gif") 0 0 no-repeat;

   width:  86px;

   height: 40px;

   display: block;

	margin: 0; padding:0;

	overflow:hidden;

   }

#box3 li.cv a {

	float: left;

   background: url("menu_caverne.gif") 0 0 no-repeat;

   width:  91px;

   height: 40px;

   display: block;

	margin: 0; padding:0;

	overflow:hidden;

}

#box3 li.am a {

	float: left;

   background: url("menu_amis.gif") 0 0 no-repeat;

   width:  56px;

   height: 40px;

   display: block;

	margin: 0; padding:0;

	overflow:hidden;

   }

#box3 li a:hover {

   background-position: 0px -40px;

   }

#box3 li a:active {

   background-position: -1000px 0;

   }

   

/*----- BOX1 -----*/

#box1 {

width: 800px;

height: 139px;

}

#box1 object, embed {

width: 800px;

height: 139px;

}

#box1 h1 {

	display: none;

}



/*----- BOX2 -----*/



/*--------------- CONTENT ----------------*/

#hyper-content {

float: left;

width: 423px;

}

.imgleft {

	float: left;

}



#content {

float: left;

width: 423px;

}

#content  .top {

width: 423px;

height: 66px;

background: transparent url(cadre_1_haut.gif) ;

}

#content  .middle {

width: 423px;

background: transparent url(cadre_1_milieu.gif) ;

}

#content  .bottom {

width: 423px;

height: 66px;

background: transparent url(cadre_1_bas.gif) ;

}



#content  p {

	text-align: justify;

	width: 360px;

	margin: 0px 0px 0px 40px;

	padding: 0px;

}



#liste_sujets ul {

 	list-style-type:none;

 	margin-left: 150px;

	margin-bottom: 0px;

 	padding:0;

/* background:transparent url(menu_fond.gif) repeat-x;*/

}

#liste_sujets ul li {

	margin-bottom: 0px;

}



/*------ NEWS ------*/

.titre {

	font-weight : bold ;

	color: #5f70ba;

	font-size: 10px;

}

.fiche {

	color: #5f70ba;

	font-size: 10px;

}

.note {

	color: #31456a;

	font-size: 10px;

}

ul, p {

	color: #31456a;

}



/*--------------- SUJETS ----------------*/

.sujet_categorie {

	float: right;

	margin-right: 20px;

	color: #fafafa;

	font-size: 14px;

}



.sujet_top {

	background:transparent url(sujet_top.gif);

	width: 375px;

	margin-left: 26px;

	padding: 4px;

}


.sujet_top ul {

 	list-style-type:none;

 	display: inline;

}

.sujet_top_p {

	margin: 10px;

	width: 360px;

	text-align: left;

	font-size: 10px;

	color: #303a62;

}

#content  .sujet_top_p p {
	margin: 0px;
	padding: 0px;
}

.sujet_top_titre {

	float: right;

	margin: 0px;

	padding: 0px;

	color: #5f70ba;

	font-size: 14px;

	width: 170px;

}

.banniere {

	color: #4d5a79;

	margin-left: 64px;

	padding-left: 4px;

	background:transparent url(sujet_banniere.gif);

	width: 120px;

	height: 62px;

	font-size: 10px;

}

.sujet_bottom {

	background:transparent url(sujet_bottom.gif);

	width: 383px;

	height: 12px;

	margin-left: 26px;

}

.imgright {

	float: right;

}

.banniere_rep {

	color: #4d5a79;

	margin-left: 0px;

	padding-left: 4px;

	background:transparent url(sujet_banniere.gif);

	width: 120px;

	height: 62px;

}

.banniere_rep	 ul {

 	list-style-type:none;

 	display: inline;

}

.sujet_rep_bottom {

	background:transparent url(sujet_rep_bottom.gif);

	width: 383px;

	height: 30px;

	margin-left: 26px;

	padding: 0px;

}

.sujet_rep_bottom2 {

	width: 383px;

	margin-left: 26px;

	padding: 0px;

}



/*--------------- FORM ----------------*/

#formu {

float: left;

width: 423px;

}

#formu  .top {

width: 423px;

height: 66px;

background: transparent url(cadre_1_1_haut.gif) ;

}

#formu  .middle {

width: 423px;

background: transparent url(cadre_1_1_milieu.gif) ;

}

#formu  .bottom {

width: 423px;

height: 66px;

background: transparent url(cadre_1_1_bas.gif) ;

}

#formu  p {

	margin: 0px;

}



/*--------------- FORMULAIRES ----------------*/

#formu  form {

	font-family: verdana, arial, sans-serif;

	font-size:10px;

	color: #eac104;

	width: 300px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 60px;

	padding: 0px;

}

#formu  label, h3{

	color: #eac104;

	font-family: verdana, arial, sans-serif;

	font-weight:bold;

	margin: 0px;

	padding: 0px;

}

#formu  input {

	border:1px solid #eac104;

	background-color:#fcfaee;

	font-family: verdana, arial, sans-serif;

	color: #ae9103;

	width: 300px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 4px;

	font-size:10px;

}

#formu select, option {

	background-color:#EAC104;

	color: #ffffff;

	width: 310px;

	margin-top: 10px;

	margin-bottom: 10px;

	border:1px solid #eac104;

}

#formu textarea {

	border:1px solid #eac104;

	background-color:#fcfaee;

	font-family: verdana, arial, sans-serif;

	color: #ae9103;

	width: 300px;

	height: 350px;

	margin-top: 5px;

	padding: 4px;

	font-size:10px;

}

#formu input.bouton {

	border:1px outset #eac104;

	font-weight:bold;

	cursor:pointer;

	width: 100px;

	background-color:#eac104;

	color:white;

	margin-left: 0px;

}

#formu input.bouton:hover {

	background-color:#faf2ce;

	color:#eac104;

}

#formu input.bouton:active {

	border:1px inset eac104;

	background-color:#eac104;

	color:white;

} 



#formu .radio {

	width: 20px;

}







#formu  hr {

	visibility: hidden;

	clear: both;

}



/*--------------- ERROR ----------------*/

#error {

float: left;

width: 423px;

}

#error  .top {

width: 423px;

height: 66px;

background: transparent url(cadre_1_2_haut.gif) ;

}

#error  .middle {

width: 423px;

background: transparent url(cadre_1_2_milieu.gif) ;

}

#error  .bottom {

width: 423px;

height: 66px;

background: transparent url(cadre_1_2_bas.gif) ;

}

#error  p {

text-align: justify;

	width: 360px;

	margin: 0px 0px 0px 40px;

	padding: 0px;

}



/*--------------- OK ----------------*/

#ok {

float: left;

width: 423px;

}
#content  .note p{
	padding: 0px;
	margin: 0px;
}


#ok  .top {

width: 423px;

height: 66px;

background: transparent url(cadre_1_3_haut.gif) ;

}

#ok  .middle {

width: 423px;

background: transparent url(cadre_1_3_milieu.gif) ;

}

#ok  .bottom {

width: 423px;

height: 66px;

background: transparent url(cadre_1_3_bas.gif) ;

}

#ok  p {

text-align: justify;

	width: 360px;

	margin: 0px 0px 0px 40px;

	padding: 0px;

}

#ok  ul {

	margin: 0px;

	margin-top: 5px;

	margin-left: 10px;

	width: 350px;

}



/*--------------- OPTIONS ----------------*/

#options {

float: left;

}

#options  .top {

width: 280px;

height: 66px;

background: transparent url(cadre_2_haut.gif) ;

}

#options  .middle {

width: 280px;

background: transparent url(cadre_2_milieu.gif) ;

}

#options  .bottom {

width: 280px;

height: 66px;

background: transparent url(cadre_2_bas.gif) ;

}



#options  p {

	margin: 0px 0px 0px 40px;

	padding: 0px;

}



#options .marge {

	margin-left: 30px;

}

#options .image64 {

	width: 64px;

	height: 64px;

}



#options1 ul {

	list-style-type:none;

	text-transform:uppercase;

	font-size: 10px;

	width: 220px;

}

#options1 li {

	clear: both;

	margin-left: 0px;

	width: 220px;

}

#options1 a {

   background: url("options_menu_1.gif") 0 0 no-repeat;

   background-position: 0px 0px;

	text-indent: 0px;

	width: 200px;

	float: left;

	color: #006600;

}

#options1 a:hover {

   background: url("options_menu_2.gif") 0 0 no-repeat;

   background-position: 0px 0px;

	color: #53bfff;

}

#options1 li a:active {

   background-position: -1000px 0;

}   

#options1 p {

   color: #009900;

}

   

 

 /*--------------- GBOX ----------------*/

#gbox {

	width: 405px;

	position: relative;

	left: 10px;

}

#gbox  .top {

	width: 405px;

	height: 112px;

	background: transparent url(cadre_gbox_haut.gif) 0 0 no-repeat;

}

#gbox  .middle {

	width: 404px;

	background: transparent url(cadre_gbox_milieu.gif) ;

}

#gbox  .bottom {

	width: 405px;

	height: 110px;

	background: transparent url(cadre_gbox_bas.gif) 0 0 no-repeat;

}

#gbox  .top1 {

	position: relative;

	left: 10px;

	width: 363px;

	height: 14px;

	background: transparent url(cadre_gbox_1_haut.gif) 0 0 no-repeat;

	margin-top: 5px;

}

#gbox  .middle1 {

	position: relative;

	left: 10px;

	width: 363px;

	background: transparent url(cadre_gbox_1_milieu.gif) ;

}

#gbox  .bottom1 {

	position: relative;

	left: 10px;

	width: 363px;

	height: 15px;

	background: transparent url(cadre_gbox_1_bas.gif) 0 0 no-repeat;

	margin-bottom: 10px;

}



#gbox  .grognage {	

	width: 340px;

	position: relative;

	left: 10px;

	padding: 0px;

	margin: 0px;

}

#gbox .trognage {

	width: 64px;

	height: 64px;

}

#gbox p {

	position: relative;

	width: 270px;

	left: 80px;

	float: left;

}

#gbox  ul {

 	list-style-type:none;

	padding: 0px;

	margin: 0px;

}

#gbox  li {

 	display: inline;

}

#gbox  img{

 	border: 0px;

}





#options textarea {

	border:1px solid #92E0E0;

	background-color:#fcfaee;

	font-family: verdana, arial, sans-serif;

	color: #549F9F;

	width: 200px;

	height: 100px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 4px;

	font-size:10px;

}

#options input.bouton {

	border:1px outset #92E0E0;

	font-weight:bold;

	cursor:pointer;

	width: 100px;

	background-color:#92E0E0;

	color:white;

	margin-left: 0px;

}

#options input.bouton:hover {

	background-color:#E1FFFF;

	color:#549F9F;

}

#options input.bouton:active {

	border:1px inset 92E0E0;

	background-color:#92E0E0;

	color:white;

} 



/*--------------- TROGNE ----------------*/

.banniere_option {

	color: #4d5a79;	

	margin-left: 70px;

	padding: 4px;

	background:transparent url(sujet_banniere.gif);

	width: 115px;

	height: 55px;

}

.banniere_option{

	margin-left: 100px;

}

.banniere_option ul {

	margin: 0px 0px 0px 0px;

	padding: 0px;

 	list-style-type:none;	

 	width: 150px;

	left: 0px;

	top: 0px;

}

#trogne_option .trogne {

	position: relative;

}

#trogne_option {

	position: relative;

	left: 40px;

}



.trogne {

	position: relative;

}

.t1 , .t2, .t3, .t4, .t5, .t6, .t7 {

	position: absolute;

}

 .t1 {

	z-index: 0;

}

 .t2 {

	z-index: 2;

}

 .t3 {

	z-index: 3;

}

 .t4 {

	z-index: 4;

}

 .t5 { /* signe particulier */

	z-index: 1;

}

 .t6 {

	z-index: 6;

}

 .t7 {

	z-index: 7;

}

.trogneReponse {

	position: relative;

	left: 300px;

}

.formuTrogne {

	color: #eac104;

	font-family: verdana, arial, sans-serif;

	font-weight:bold;

	margin-top: 40px;

	margin-bottom: 20px;

	padding: 0px;

}







/*--------------- COFFRETS ----------------*/

#coffrets {

display: block;

width: 800px;

}

#coffrets  .top {

width: 800px;

height: 66px;

background: transparent url(cadre_coffrets_haut.gif) ;

}

#coffrets  .middle {

width: 800px;

background: transparent url(cadre_coffrets_milieu.gif) ;

}

#coffrets  .bottom {

width: 800px;

height: 66px;

background: transparent url(cadre_coffrets_bas.gif) ;

}



#coffrets  p {

	text-align: justify;

	width: 740px;

	margin: 0px 0px 0px 40px;

	padding: 0px;

}

#coffrets  .culdebouteille {

	margin: 0px 0px 0px 40px;

	width: 740px;

	height: 16px;

	background: transparent url(potDFleurs.gif) ;

}



#coffrets  .titre {

	float: left;

	color: #B89060;

	text-transform:uppercase;

	font-size: 14px;

}

#coffrets  .auteur1 {

	float: left;

	color: #B89060;

	font-size: 14px;

}

#coffrets  .date {

	float: left;

	color: #CFA87A;

	font-size: 14px;

}

#coffrets  .commande {

	float: right;

	color: #CFA87A;

	font-size: 14px;

}

#coffrets  .image {

	padding: 0px;

	margin: 0px;

	position: relative;

	left: 40px;

}

#coffrets  .infos {

 	list-style-type:none;

 	position: relative;

 	left: 600px;

 	width: 120px;

}

#coffrets  .auteur2 {

	color: #B89060;

}

#coffrets  .categorie {

	color: #CFA87A;

}

#coffrets  .vues {

	color: #CFA87A;

}

#coffrets  .commentaire {

	margin: 0px 0px 0px 40px;

	color: #B49D7C;

	font-size: 14px;

	font-weight: bold;

	width: 720px;

}
#coffrets  .commentaire p {
	text-align: justify;
	margin: 0px;
	padding: 0px;
}



#coffrets  a {

	text-decoration: none ; 

	color: #B89060;

}

#coffrets  a:hover {

	color: #DFD2A9;

}

#coffrets .multipage {

	margin-left: 40px;

	color: #B49D7C;

}



//LISTE

#liste_coffret {

	background: #ffssff url(fond.gif) repeat-x;

}

#liste_coffret  .uncoffret {

	padding: 0px;

	margin-bottom: 40px;

	margin-left: 40px;

}

#liste_coffret  img {

	border: 0px;

}

#liste_coffret  .bordure_70x71 {

	float: left;

   border:0px;

   padding: 0px;

   width:70px;

   height:71px;

   background:transparent url("bordure_70x71.gif") no-repeat 0 0;

}

#liste_coffret  .infos {	

	margin-left: 45px;

	width: 500px;

 	list-style-type:none;

}

#liste_coffret  .auteur {

	color: #5F70BA;

}

#liste_coffret  .categorie {

	color: #5F70BA;

}

#liste_coffret  .vues {

	color: #5F70BA;

}

#liste_coffret  .commentaire {

	color: #5F70BA;

}

#liste_coffret  .titre {

	color: #5F70BA;

}

#liste_coffret  .date {

	color: #5F70BA;

}



/*--------------- FORM ----------------*/

#formucoffret {

float: left;

width: 800px;

}

#formucoffret  .top {

width: 800px;

height: 66px;

background: transparent url(cadre_coffrets_1_haut.gif) ;

}

#formucoffret  .middle {

width: 800px;

background: transparent url(cadre_coffrets_1_milieu.gif) ;

}

#formucoffret  .bottom {

width: 800px;

height: 66px;

background: transparent url(cadre_coffrets_1_bas.gif) ;

}

#formucoffret  p {

	margin: 0px;

}







.coffrets_top {

	background:transparent url(coffrets_top.gif);

	width: 677px;

	margin-left: 60px;

	padding: 4px;

}

.coffrets_top ul {

 	list-style-type:none;

 	display: inline;

}

.coffrets_top_p {

	margin: 20px;

	width: 677px;

	text-align: left;

	font-size: 10px;

	color: #303a62;

}

#coffrets .coffrets_top_p p {
	text-align: justify;
	width: 650px;
	margin: -10px;
	padding: 0px;
}

.coffrets_top_titre {

	float: right;

	margin: 0px;

	padding: 0px;

	color: #5f70ba;

	font-size: 14px;

	width: 170px;

}

.coffrets_bottom {

	background:transparent url(coffrets_bottom.gif);

	width: 677px;

	height: 12px;

	margin-left: 26px;

}

.coffrets_banniere_rep {

	color: #4d5a79;

	margin-left: 0px;

	padding-left: 4px;

	background:transparent url(coffrets_banniere.gif);

	width: 120px;

	height: 62px;

}

.coffrets_banniere_rep	 ul {

 	list-style-type:none;

 	display: inline;

}

.coffrets_rep_bottom {

	background:transparent url(coffrets_rep_bottom.gif);

	width: 677px;

	height: 30px;

	margin-left: 60px;

	padding: 0px;

}

.coffrets_rep_bottom2 {

	width: 677px;

	margin-left: 60px;

	padding: 0px;

}

.coffrets_trogneReponse {

	position: relative;

	left: 600px;

	width: 64px;

}

.coffrets_banniere {

	color: #4d5a79;

	margin-left: 64px;

	padding-left: 4px;

	background:transparent url(coffrets_banniere.gif);

	width: 120px;

	height: 62px;

	font-size: 10px;

}



/*--------------- FORMULAIRES COFFRET----------------*/

#formucoffret  form {

	font-family: verdana, arial, sans-serif;

	font-size:10px;

	color: #eac104;

	width: 300px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 40px;

	padding: 0px;

}

#formucoffret textarea {

	border:1px solid #eac104;

	background-color:#fcfaee;

	font-family: verdana, arial, sans-serif;

	color: #ae9103;

	width: 700px;

	height: 350px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 4px;

	font-size:10px;

}

#formucoffret input.bouton {

	border:1px outset #eac104;

	font-weight:bold;

	cursor:pointer;

	width: 100px;

	background-color:#eac104;

	color:white;

	margin-left: 0px;

}

#formucoffret input.bouton:hover {

	background-color:#faf2ce;

	color:#eac104;

}

#formucoffret input.bouton:active {

	border:1px inset eac104;

	background-color:#eac104;

	color:white;

} 


#toolbar1 img {
	border: 0px;
}
#toolbar1 a {
	border: 0px;
	background: none;
	float: none;
   display: inline;
}
#toolbar1 a:hover {
	border: 0px;
	background: none;
}
#toolbar1 {
   width: 200px;
	padding: 0px;
	margin: 0px;
}

#toolbar2 {
   width: 350px;
	padding: 0px;
	margin: 0px;
	margin-left: 50px;
}
#toolbar2 img {
	border: 0px;
}
#toolbar2 a {
	border: 0px;
	background: none;
	float: none;
   display: inline;
}
#toolbar2 a:hover {
	border: 0px;
	background: none;
}