body {
 /* background color - you can update it */
 background-color: #666666;

 font-family:Arial, Helvetica, sans-serif;
 color: #ffffff; 
 font-size: 0.7em;
 font-size: 12px;
padding: 0px;
	margin-top: 2%;
	margin-right: 0px;
	margin-bottom: 2%;
	margin-left: 0px;
}

.body_txt {
 /* body width - you can update it */
 width: 620px;
 margin-left: auto;
 margin-right: auto;
 background-color : #333333;
border: 1px solid #ff9920;	
font-size: 12px;
}
#bordo {
	margin: 0px;
	padding: 0px;
	width: 750px;
	border: 2px solid #FF9920;
	margin:auto;

}

a, img, abbr, acronym, frame { 
 border: none; 
}

a:link    { text-decoration: none;      color: #ffffff; font-size: 11px;}
a:visited { text-decoration: none;      color: #ffffff; font-size: 11px;}
a:hover   { text-decoration: underline; color: #ff9920; font-size: 11px;}

a.a_info_code:link       { text-decoration: none;      color: #3A3A3A; }
a.a_info_code:visited    { text-decoration: none;      color: #3A3A3A; }
a.a_info_code:hover      { text-decoration: underline; color: #3A3A3A; }

a.a_copyright:link       { text-decoration: none;      color: #ffffff; }
a.a_copyright:visited    { text-decoration: none;      color: #ffffff; }
a.a_copyright:hover      { text-decoration: underline; color: #ff9920; }

input, textarea, select {
 font-family: Verdana, Helvetica, sans-serif; 
 font-size: 1em;
 border: 1px solid #757575;
}

input.i_text {
 font-family: Verdana, Helvetica, sans-serif; 
 font-size: 1em;
 border: 1px solid #757575;
 width: 200px;
 
}

input.i_focus {
 padding-left: 2px; 
 border: 1px solid #007E00;
 border-left: 3px solid #007E00;
 background-color: #EBFFEB; 
 width: 200px;
}

input.btn_add {
 font-size: 1em;
 cursor: pointer;
 font-weight: bold;
 color: #373737;
}

input.btn_search {
 cursor: pointer;
 font-weight: bold;
 color: #373737;
 
}

input.i_nbre_car {
 font-size: 1em; 
 background-color: transparent; 
 border: 0px none; 
 font-weight: bold; 
 color: #CC3300;
 
}

input.i_nbre_car_focus {
 font-size: 1em; 
 background-color: #EBFFEB; 
 border: 0px none; 
 font-weight: bold; 
 color: #CC3300; 
}

textarea.i_comment {
 font-family: Verdana, Helvetica, sans-serif; 
 font-size: 1em;
 border: 1px solid #757575;
 width: 430px;
 
}

textarea.i_comment_focus {
 padding-left: 2px; 
 border: 1px solid #007E00;
 border-left: 3px solid #007E00;
 background-color: #EBFFEB; 
 width: 430px;
 
}

form {
 margin: 0px;
 padding: 0px; 
 
}

img.img_left{
 float: left;
 
}

.d_title {
 font-family: Arial, Helvetica, sans-serif; 
 font-weight: bold;
 color: #ff9920; 
 font-size: 2em;
 text-align: center; 
 margin-bottom: -1px;
 
 
}

.d_note {
 font-family: Arial, Helvetica, sans-serif; 
 color: #ffffff; 
 font-size: 1em;
 text-align: center;
 position: relative: 0px;

}

.d_add_msg {
 text-align: center;
 margin-top: -180px;
}
.d_moteur
{
 color:#FFFFFF;}
.d_f_add_msg {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 padding-top: 4px;
 padding-bottom: 4px;
 color: #3A3A3A;
 background: #F3F3F3 url('img/background_add_msg.png');

}

.d_add_msg_h {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
 background: #F3F3F3 url('img/border_h.png') no-repeat;
 
}

.d_add_msg_b {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
 background: #F3F3F3 url('img/border_b.png') no-repeat;
 
}

.add_msg_left {
 float: left;
 width: 160px;
 text-align: left;
 margin-top: 2px;
 padding-left: 10px;
 height: 23px;
 clear: both;
}

.add_msg_right {
 text-align: left;
 height: 25px;
}

.reponse {
 border: 1px solid #B4B4B4;
 background-color: #FFFFFF;
 padding: 5px;
 
}

.code_sec {
 font-family: Courier New;
 font-size: 1.1em;
 text-align: center;
}

.d_center {
 text-align: center;
 
}

.copyright {
 color: #ffffff;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1em;
 text-align: center;

}

.d_nbre_car {
 text-align: left;
 margin: -18px 0 0 16px;
 
}

.d_smileys {
 text-align: center;
 padding: 3px;
}

.body_all {
 text-align: center;
 
}
/*cellpic*/
.d_nb_mess_page {
background-image: url('images/c4.gif'); 
 font-weight: bold;
 padding: 1px;
 height: 26px;
 
}
/*couleur de messages 1 à ..*/
span.color_d_nb_mess_page1 {
line-height: 21px;
 color: #000000;
}

span.color_d_nb_mess_page2 {
 color: #000000;
}

.three1 { 
 float: left;
 width: 35%;
 text-align: left;
 padding-left: 3px;
 
}

.three2 { 
 float: left;
 width: 29%;
 text-align: center;
}

.three3 { 
 float: right;
 width: 35%;
 text-align: right;
 padding-right: 3px;
}

.d_liste_page {
 padding: 1px;
 height: 15px;
}

.three1_2 { 
 float: left;
 width: 25%;
 text-align: left;
}

.three2_2 { 
 float: left;
 width: 49%;
 text-align: center;
}

.three3_2 { 
 float: right;
 width: 25%;
 text-align: right;
}

span.Gris_prec_suiv {
 color: #C0C0C0;
}

/*ermplacement des boutons*/
.d_corps_msg {
 background-image : url('images/c02.gif');
 border: 1px solid #757575;
 padding: 4px;
 text-align: left;
 margin-left: 19px;
 margin-right: 19px;
 padding-left: 25px; 
 padding-right: 0px;
 color:#000000
}

.d_pseudo {

 font-weight: bold;
}
.d_pseudo:link    { text-decoration: none;      color:#FF0000; }
.d_pseudo:visited { text-decoration: none;      color: #ff0000; }
.d_pseudo:hover   { text-decoration: underline; color: #ff0000; }

.d_date {
 color: #CC3300;
 float: right;
 width: 145px;
 text-align: right;
}

.d_code1{
 display: inline;
 float: left;
 text-align: right;
 height: 20px;
 width: 238px;
}

.d_code2{
 display: inline;
 float: left;
 text-align: left;
 height: 20px;
}

.d_submit_msg {
 text-align: center;
 clear: both;
 
}

.d_note_user {
 font-weight: bold;
 color: #222222;
 text-align: left;

}
.mickey
{
background-repeat : no-repeat; 
margin-left: auto;
 margin-right: auto;
width: 140px; height: 200px;
 position: relative;  top: 125px; left: 280px; 

 /*bouton*/
}
.bouton1
{background-image : url('images/222.gif');
 margin-left: -20px;
 width: 18px; height: 29px;
 margin-top: 0px;
background-repeat : no-repeat; 
}

.bouton2
{background-image : url('images/222.gif');
margin-left: 549px;
width: 23px; height: 29px;
margin-top: 0px;
background-repeat : no-repeat; 
}

.bouton3
{background-image : url('images/222.gif');
margin-left: -20px;
 width: 23px; height: 29px;
 margin-top: 0px;
background-repeat : no-repeat; 
}

.bouton4
{background-image : url('images/222.gif');
margin-left: 550px;
 width: 23px; height: 29px;
 margin-top: 0px;
background-repeat : no-repeat; 
}
.chien
{
width: 133px; height: 82px;
position: relative;  top: 5px; left: -120px;  
}
#outside {
	background-color: #333333;
	width: 746px;
	margin:auto;
	border: 2px solid #FFFF33;
}
#outside h1 {margin: 1%; margin-left: 8px; color: #ff9933; font-weight: normal; letter-spacing: -1px;}

#top-nav {float: right; margin: 10px 10px 0 0;}
#top-nav a {color: #ff9933; font-size: 120%; margin-left: 5px; margin-right: 5px; text-decoration: underline;}
#top-nav a:hover {color: #dd0000;}


#middle-nav {margin: 0; margin-top: 13px; margin-bottom: 13px;  padding: 6px;  background-color: #777777; color: #ffffff;}
#middle-nav a {margin-left: 5px; margin-right: 5px; padding: 3px; color: #ffffff; text-decoration: none; border: solid 1px #777777;}
#middle-nav a:hover {border: solid 1px #ffffff; background-color: #888888; color: #ff9933;}

#right-col {float: right; width: 29%; margin-top: 10px; padding: 5px;}
.ul-menu {margin-top: 8px; margin-bottom: 8px; border: solid 1px #cccccc; border-bottom: solid 3px #cccccc; color: #666666;}
ul.ul-menu {margin: 0; padding: 0; list-style: none;}
ul.ul-menu li {border-bottom: solid 1px #cccccc;}
ul.ul-menu a {margin-left: 5px; color: #666666; text-decoration: none;}
ul.ul-menu a:hover {color: #dd0000;}

span.slide {float: right; margin-right: 3px;}

.info {margin-top: 5px; margin-bottom: 5px; background-color: #eeeeee; padding: 5px;}
.info h4 {margin: 0; color: #ff9933;}
.info p {margin: 0; margin-top: 3px; margin-bottom: 3px;}
.info ul {margin: 0; padding: 5px;}
.info li {list-style: none;}
.info a {color: #ff9933; text-decoration: underline;}
.info a:hover {color: #dd0000;}

#main {
	margin-right: 5%;
	margin-top: 10px;
	padding: 5px;
	color: #777777;
	margin-left: 5%;
}
#main h2 {margin: 0; color: #ff9933;}
#main a {color: #ff9933; text-decoration: underline;}
#main a:hover {color: #dd0000;}

#submain {
	margin-right: 7%;
	margin-top: 10px;
	padding: 5px;
	color: #777777;
	margin-left: 7%;
	border: 1px solid #FF9900;
}
#submain h2 {margin: 0; color: #ff9933;}
#submain a {color: #ff9933; text-decoration: underline;}
#submain a:hover {color: #dd0000;}

#bottom-nav {margin-top: 15px; margin-bottom: 15px; text-align: center; color: #777777;}
#bottom-nav a {margin-left: 5px; margin-right: 5px; color: #999999; text-decoration: none;}
#bottom-nav a:hover {text-decoration: underline;}

#footer {margin: 0 0%; padding: 5px; background-color: #FF9900; color: #ffffff;}
#footer h5 {margin: 0;}
.Stile1 {color: #888888;
}
.Stile2 {
	font: arial;
	font-size: 120%;
	color: #FFFFFF;
}
.Stile3 {
	color: #CCCCCC;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
.Stile4 {
	font-size: 130%;
	color: #FFFFFF;
	
	}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
	width:9em;
	position:relative;
	line-height:1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

li {
	border:1px solid #FF9900;
	}

li li {
	float:left;
	clear:left;
}

ul>li li {
	float:none;	
	}

#menu {
	width:73.7em;
	}

#menu:after {
	display:block;
	content:'';
	clear:both;
	height:1px;
	margin-top:-1px;
	}

.main { 
	float:left;
	}

.main ul {
	
	margin-top:1px;
	margin-left:-1px;
	}

.main li {
	margin-top:-1px;
	}

.main ul ul {
	left:9em;
	top:0;
	margin-top:0;	
	margin-left:0;
	}

.left ul  ul {
	left:-9em;
	margin-left:-2px;
	}

.main a, .main h2 {
	font-weight:normal;
	cursor:pointer;
	display:block;
	height:1.5em;
	line-height:1.5em;
	text-decoration:none;
	color:#666666;
	font-size:1em;
	padding:1px .6em;
	margin:0;
	background-color:#CCCCCC;
	}

.open h2 {
	background-color:#333333;
	color:#DEDEDE;
	font-weight:bold;
	}

.close h2 {
	background-color:#E6E6E6;
	color:#666666;
	font-weight:normal;
	}

.main a:hover {
	font-weight:bold;
	}

.close ul, .main .close ul {
	left: -10000px;
	top:-10000px;
	}
.stile77 {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.stile78 {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.stile3 {
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #FF9900;
}
.tabelle {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000000;
	background: #333333;
	text-align: left;
	white-space: pre;
}
.Stile79 {
	font-size: 14pt;
	color: #999999;
	font-style: italic;
	font-weight: normal;
}
.stile9 {
	color: #FFFFFF;
}
#map {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#map a {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
#map a:hover {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #FF9920;
	text-decoration: underline;
}
#submain1 {
	margin-right: 7%;
	margin-top: 10px;
	padding: 5px;
	color: #777777;
	margin-left: 7%;
	border: 1px solid #FF9900;
}
#submain1 h2 {margin: 0; color: #ff9933;}
#submain1 a {color: #ff9933; text-decoration: underline;}
#submain1 a:hover {color: #dd0000;}
.didascalia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}