/* 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:url(../Images/fond_entete4.gif)  repeat;
/*	background-color:#330000;
*/	border: #CC0000 solid thin;
	margin-left:5%;
	width:90%;
	}
td
	{
	background-color: #EDF1F0;
	text-align:center;
	font-size:small;
	font-weight:bold;
/*	border:#CC0000 solid thin;
*/	}
ul
	{
	font-weight: normal;
	color:#CC0000;
	}
li
	{
	font-weight: lighter;
	color:#CC0000;
	}

/*element reutilisable--div class*/
.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
	{
	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;
	}
.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 #C00;
	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;
	}
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%;
	}