/* CSS Document pour le site de tutti fruti*/
/*element de structure--div id*/
#banniere
	{
	background-color: #FFFFCC;
	/*background:url(../Images/tof_mag.jpg) center;*/
	height:100px;
	width:auto;
	text-align: center;
	}
#banderol
	{
	background-image: url(../Images/banderol2.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:30px;
	width:auto;
	font-size:smaller;
	color:#FF0000;
	font-weight:bold;
	}
#bloc_ban_left
	{
	float: none;
	text-align:center;
	}
#bloc_ban_right
	{
	height:auto;
	margin-left:10%;
	width:auto;
	}
#main_nav
	{
	height:auto;
	width:auto;
	border: #FFFFCC solid thin;
	border-top:none;
	background-color: #330000;
	}
#main
	{
	background-color: #330000;
	height:120%;
	width:100%;
	}
#right_nav
	{
	height:100%;
	width:20%;
	border-left:#660000 solid thin;
	float:right;
	padding:1%;
	margin:1%;
	background-color:#FFFFCC;
	}
#bloc_page
	{
	padding:1%;
	height:auto;
	width:70%;
	margin:1%;
	float:left;		
	background-color:#FFFFCC;
	font-size:small;
	text-decoration:none;
	}
#bloc_page2
	{
	padding:1%;
	width:95%;
	margin:1%;
	float:left;		
	background-color:#FFFFCC;
	font-size:small;
	}

#bas_de_page
	{
	background-color:#FFFFCC;
	height:50%;
	width:auto;
	clear:both;
	}

/*element de page*/
body
	{
	background-color: #330000;
	font-family:'Comic Sans MS', Verdana, Arial;
	font-size: medium;
	margin:2%;
	}
h3,h4,h5,h6
	{
	padding:0px;
	margin:0px;
	}
h1
	{
	font-size:160%;
	color:#CC0000;
	font-weight:bold;
	}
h2
	{
	margin:auto;
	text-decoration:none;
	font-size:150%;
	color: #CC0000;
	font-weight:bold;
	background: url(../Images/fond_entete4.gif) repeat-x center;
	}
h3
	{
	font-size:95%;
	color: #FFFFCC;
	display: block;
	text-indent:1em;
	font-weight:lighter;
	}
h4	
	{
	text-decoration:none;	
	font-size:100%;
	color:#CC0000;
	background:url(../Images/fond_entete4.gif) repeat-x;
	}
h5
	{
	font-size:medium;
	color:#330000;
	font-weight:lighter;
	text-indent:1em;
	}

a:hover
	{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color: #FF6600;
	}
a,a:active
	{
	font-weight:bold;
	text-decoration:none;
	color: #FF0000;
	}
p
	{
	font-size:small;
	font-weight:lighter;
	text-indent:1em;
	color:#330000;
	}
table
	{
/*	//background-color:#330000;
*/	margin-left:5%;
	width:90%;
	}
table.stock
	{
	width:70%;
	}
table.image
	{
	border-collapse:collapse;
	background-color: #ccc; 
	margin:1%;
	margin-right:2%;
	float:left;
	width:90%;
	}

select.stock{width:60%;}
/*input.stock{width:100%;}*/
table.article
	{
	border-collapse:collapse;
	background-color: #ccc; 
	margin:1%;
	margin-right:2%;
	float:left;
	width:400px;
	/*border: #CC0000 solid inset 1px;*/
	}
.article th{ background: url(../Images/fond_entete4.gif) bottom repeat-x; }
.article td{ border-bottom:#ccc 0.5px solid; }
table.news{border: #9999FF thin outset;}
tr
	{
	background-color:#FFF;
	}
tr.white{background-color:#CCCCFF;}

td.entete5{width:30%;}
td.form{width:60%}
.max{ width:90%;}
td
	{
/*	background-color: #FFF;
*/	text-align:center;
	font-size:small;
	font-weight:bold;
/*	border:#CC0000 solid thin;
*/	}
ul
	{
	font-weight: normal;
	color:#CC0000;
	clear:both;
	}
li.margin
	{
	font-weight: normal;
	color:#000;
	}

li
	{
	font-weight: lighter;
	color:#CC0000;
	}
/*fieldset{width:50%;}
fieldset.right{width:40%;}*/
/*element reutilisable--div class*/
.fond{background-color: #FFFFCC;}
.fond2{background: url(../Images/Tuttifru_copie_2.jpg) left bottom no-repeat #FFFFCC;}
.anim
	{
	text-align:center;
	height:auto;
	width:auto;
	padding:1%;
	}
.logos
	{
	padding-left:10%;
	height:auto;
	width:auto;
	float:left;
	}
.logos2
	{
	padding-left:10%;
	height:auto;
	width:auto;
	float:left;
	clear:both;
	}
.logo
	{
	height:auto;
	width:auto;
	float:left;
	}
.bloc_droit
	{
	float:right;
	height:auto;
	width:47%;
	margin-bottom:1%;
	}
.bloc_gauche
	{
	float:left;
	height:auto;
	width:47%;
	}
/*couleur de texte*/
.blue
	{
	color:#0000FF;
	}
.orange
	{
	color: #FF6600;
	}
.orange2
	{
	color: #FF6600;
	font-weight:bold;
	}
.marron
	{
	color:#330000;
	}
.marron:hover
	{
	color:#CC0000;
	text-transform:none;
	text-decoration:underline;
	}
.marron1
	{
	color:#330000;
	text-decoration:none;
	}
.marron2
	{
	color: #330000;
	font-size:small;
	}
.marron3
	{
	font-weight:bold;
	color:#330000;
	font-size:small;
	}
.rouge
	{
	color:#CC0000;
	}
.rouge:hover
	{
	color:#CC0000;
	text-transform:none;
	text-decoration:underline;
	}
.rouge1
	{
	font-weight:bold;
	color:#CC0000;
	}
.small
	{
	color:#330000;
	font-size:x-small;
	}
.small2
	{
	color:#330000;
	font-size:x-small;
	font-weight:bold;
	}

.numero_page
	{
	font-size:small;
	font-weight:bold;
	text-decoration:underline;
	}

.alerte
	{
	color:#FF0000;
	font-size:small;
	font-weight:bold;
	}
.cadre
	{
	border: 1px solid  #CC0000;
	border-bottom:none;
	font-size:small;
	font-weight:bold;
	text-align:center;
	color:#CC0000;
	background:url(../Images/fond_entete4.gif);
	}
.pseudo 
	{
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border:1px solid #FFF;
	border-bottom: none;
	height:auto;
	width:auto;
	float:left;
	font-size:small;
	font-weight:bold;
	/*color:#330000;*/
	margin-left:1%;
	}
.horloge
	{
	background-color: #EDF1F0;
	margin-top:0;
	font-size: small;
	text-align:center;
	font-weight:bold;
	color:#CC0000;
	border: 1px solid  #CC0000;
	border-top:none;
	}	
.timepost/*affiche l'heure a laquelle sont poster les messages */
	{
	width:auto;
	height:auto;
	float:right;
	text-align:center;
	font-size:small;
	font-weight:bold;
	color:#CC0000;
	border:1px solid #FFF;
	border-bottom:none;
	background:url(../Images/fond_entete4.gif);
	}
.carte /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:center;
	width:50%;
	float:left;
	font-size:small;
	margin-bottom:1%;
	padding:1%;
	}
.carte_droit2 /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:left;
	width:40%;
	float:right;
	font-size:small;
	}
.carte_droit /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:center;
	width:40%;
	float:right;
	font-size:small;
/*	margin-bottom:1%;
	padding:1%;
	margin-top:0%;
	padding-top:0%;
*/	}
.message /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:left;
	float:left;
	font-size:small;
	margin-bottom:1%;
	padding:1%;
	width:98%;
	}
.message2 /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:left;
	width:98%;
	float:left;
	font-size:medium;
	margin-bottom:1%;
	padding:1%;
	}
.message3 /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:left;
	width:99%;
	float:left;
	font-size:medium;
	margin-bottom:1%;
	padding:1%;
	}
.message4 /*div message du minichat et livre or*/
	{
	background-color: #EDF1F0;
	color: #330000;
	border: 1px solid  #CC0000;
	height: auto;
	text-align:left;
	width:89%;
	float:left;
	font-size:medium;
	margin-bottom:1%;
	padding:1%;
	padding-left:10%;
	}
.entete_titre { background:url(../Images/tab_entete_3.gif) top repeat-y left; }
.entete
	{
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border:1px solid #C00;
	height: auto;
	width:100%;
	float:left;
	font-size:1em;
	font-weight:bold;
	text-indent:0.3em;
	}
.entete2
	{
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border:1px solid #C00;
	border-bottom: none;
	height: auto;
	padding:1%;
	padding-top:0%;
	width:98%;
	float:left;
	font-size:small;
	font-weight:bold;
	text-indent:0.3em;
	}
.entete3 /*div pseudo du minichat et livre or*/
	{
	color:#330000;
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border:1px solid #FFF;
	border-bottom: none;
	height:auto;
	width:auto;
	float:left;
	font-size:small;
	font-weight:bold;
	}
.entete4 /*div pseudo du minichat et livre or*/
	{
	color:#CC0000;
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border-bottom: none;
	height:auto;
	width:100%;
	font-size:small;
	font-weight:bold;
	}
.entete5
	{
	background:url(../Images/fond_entete3.gif) top repeat-x;
	height:auto;
	width:100%;
	font-size:small;
	font-weight:bold;
	}
.cadre2
	{
	float:right;
	width:40%;
	border:#CC0000 1px solid;
	border-bottom:none;
	font-size:small;
	font-weight:bold;
	text-align:center;
	color:#CC0000;
	background:url(../Images/fond_entete4.gif);
/*	margin-bottom:1%;
	padding:1%;
	margin-top:0%;
*/	}
/*element de formulaire*/
form
	{
	margin:2%;
	padding:1%;
	height:auto;
	}	
fieldset
	{
	border:1px solid #CCC;
	padding:1%;
	}
label
	{
	width:100%;
	margin:2%;
	margin-bottom:0px;
	background:url(../Images/fond_entete4.gif) top repeat-x;
	border:1px solid #C00;
	border-bottom: none;
	color:#C00;
	font-weight:bolder;
	text-indent:1%;
	}
.label
	{
	border-bottom:1px solid #C00;
	}
input.bbcode
	{
	width:auto;
	background: #FFFFCC;
	
	}
input.bbcode:hover
	{
	width:auto;
	background:#FFFF99;
	
	}

select.bbcode{width:80%; floats:left;}
select
	{
	font-family:'Comic Sans MS', Verdana, Arial;
	width:30%;
	margin:1%;
	margin-top:0%;
	}
.select
	{
	font-family:'Comic Sans MS', Verdana, Arial;
	margin:0%;
	}
input
	{
	font-family:'Comic Sans MS', Verdana, Arial;
	}
legend
	{
	border:1px solid #C00;
	padding:1%;
	color:#CC0000;
	font-weight:bold;
	}
.submit
	{
	color:#330000;
	font-family:'Comic Sans MS', Verdana, Arial;
	margin:1%;
	margin-top:0%;
	}
/*test info bulle*/
a.bulle {
   position: relative;
   text-decoration: none;
}
a.bulle span {
   display: none; /* on masque l'infobulle */
}
a.bulle:hover {
   background: none; 
   z-index: 500; 
   cursor: help; 
   clear:both;
}
a.bulle:hover span {
	background:url(../Images/fond_entete3.gif) repeat-x #FFF top;
   display: inline; 
   position: absolute;
   top: -100px; 
   left: -500px;
   color: #FF0000;
   padding: 3px;
   border: 1px solid #999999;
   border-top: 3px solid #CCCCCC;
}
a.bulle:hover span.dim {
	background:url(../Images/fond_entete3.gif) repeat-x #FFF top;
   display: inline; 
   position: absolute;
   top: -80px;
   left: -500px;
   color: #FF0000;
   padding: 3px;
   border: 1px solid #999999;
   border-top: 3px solid #CCCCCC;
   clear:both;
}
a.bulle:hover span.tof {
background-image:none;
	background-color:#FFF;
   display: inline; 
   position: absolute;
   top: -60px;
   left: -500px;
   color: #FF0000;
   padding: 3px;
   border: 1px solid #999999;
   border-top: 3px solid #CCCCCC;
   clear:both;
}
.right
	{
	float: right;
	}
.left
	{
	float:left;
	}

/*couleur info,question,erreur,attention*/
.info{color:#33CC00; font-weight:bold;}
.question{ color: #6699FF; font-weight:bold;}
.erreur{color:#FF0000;font-weight:bold;}
.attention{color: #FFCC00;font-weight:bold;}
.citation{border: 1px dashed #dddddd; width: 50%; font-family: 'Comic sans MS'; text-align: left;  background-color: #EDF1F0; }
/*police*/
.arial{font-family:Arial;}
.comic{font-family:'Comic Sans MS'; }
.verdana{font-family:Verdana;}
.timenewroman{font-family:'Times New Roman';}
.rockwell{font-family: Rockwell Extra Bold;} 

/*couleur de liste bbcode*/
.noir {color:#000000; font-weight:bold;}
.orange{color: #FF6600; font-weight:bold;}
.rouge{color:#FF0000; font-weight:bold;}
.bleue{color:#0000FF; font-weight:bold;}
.marine{color:#000033; font-weight:bold;}
.ciel{color:#6699FF; font-weight:bold;}
.vert{color:#33CC00; font-weight:bold;}
.jaune{color:#FFCC00; font-weight:bold;}
.gris{color:#999999; font-weight:bold;}
.blanc{color:#FFFFFF; background-color:#999999;font-weight:bold;}

.titre_liste{background-color: #CCCCFF;font-weight:bold; color: #0000CC}
.opt_titre1{background:url(../Images/h1.gif) top repeat-x; 	font-size:x-large;}
.opt_titre2{background:url(../Images/entete.gif) top repeat-x; 	font-size:0.9em;font-weight:bold;}

.xlarge{font-size: x-large; }
.large{font-size: large;}
.medium{font-size:medium;}
.small{font-size:small;}
.xsmall{font-size:x-small;}
.xxsmall{font-size:xx-small;}

.titre
	{
	background:url(../Images/tab_entete_3.gif) no-repeat left #FFFFFF;
	border:1px solid #CCF;
	height:auto;
	width:100%;
	text-align:left;
	float:left;
	}
.bg_rouge{background-color:#FF0000;}
.bg_vert{background-color:#009900;}
.bg_jaune{background-color:#FFFF00;}
.bg_bleue{background-color:#0000FF;}