
.themesideboxTitle{	
	color:#ffffff;line-height:21px;font-size:14px;
	font-weight: bold;
	margin:20px 0 0 0;padding:1px 0 0 5px;background:#f15500;}

.themesideboxContent{border-left:1px solid #f15500;border-right:1px solid #f15500;border-bottom:1px solid #f15500;
	padding:2px;background:#ffffff;overflow:hidden;text-align:left;}
a.titre{color:#ffffff;}
a.titre:hover{color:#cccccc;}

.OpenTableTitle{color:#ffffff;font-size:21px;margin:20px 0 0 0;background:#0062dd;padding:5px 0 0 10px;text-align:left;}
.OpenTableTitle span{color:#ffffff;font-size:22px;}
lol{background:url(http://www.ramma.org/v1/themes/ramma/images/OpenTableTitle.jpg)}
.OpenTableContent{border:2px solid #0062dd;padding:5px;background:#ffffff;}

.menuTop{text-align:center;font-size:17px;color:#0731e5;font-weight:bold;}
/*
*  STYLE commun avec l'éditeur ... à modifier en même temps
*/
table.sideBox a {color:#F15500;}
.openTable .storytitle {color:#ffffff;}
form.inscription label
  {
  display: inline;
  float: left;
  width: 100px;
  } 


table.sideBox td{text-align:left}
table.liste tr.titre td,table.liste td.titre{background-color: #d2d047;font-weight: bold;}
table.liste tr.titre td{text-align:center}
table.liste td {background-color: #a0c6f4;padding:5px;border:0px}
 hr { border: 0; width: 100%; color: #6665fe; background-color: #6665fe; height: 1px;}

table.tableClean{ background-color: #6665fe;border-spacing:1px;	}
table.tableClean td{ background-color: #ffffff;padding:0 5px 0 5px;}

html{}
div,td,span,body,p,font{font:13px Arial,Verdana, Helvetica;color:#333333;text-align:justify;}

a		{BACKGROUND: none; COLOR: #0731e5; TEXT-DECORATION: none}


A.important {COLOR: #fF0000;}

span.normal {}
span.Bold { font-weight: bold; }
span.Title { font-weight: bold; font-size: 22px; color: #0062dd; }
span.Code { border: #0062dd 1px solid; padding-right: 5px; padding-left: 5px; color: #0062dd; 
        font-family: 'Courier New' , Monospace; background-color: #CCCCFF; }
span.texte10 { font-size: 10px; }
span.texte12 { font-size: 12px; }
span.texte14 { font-size: 14px; }
span.texte16 { font-size: 16px; }
span.texte18 { font-size: 18px; }
span.texte20 { font-size: 20px; }
span.texte22 { font-size: 22px; }
span.texte24 { font-size: 24px; }
span.texte26 { font-size: 26px; }

li {padding:0; margin: 0 ;list-style-type:square;
list-style-image: url( "http://www.ramma.org/v1/puce.gif" )
}
ul {padding: 0 0 0 12px ; margin: 0 ;}

ul.menuBloc {padding: 0 ; margin: 0 ;margin: 0;}

ul#menuBloc li
{
	margin: 0 0 0 0 ;
	padding: 0 ;
	text-indent: -2px
}



.content 	 {BACKGROUND: none; COLOR: #000000;}
.block-title {BACKGROUND: none; COLOR: #000000;}
.storycat	 {BACKGROUND: none; COLOR: #000000; FONT-WEIGHT: bold;  TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #000000; FONT-WEIGHT: bold;  TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #000000; FONT-FAMILY: Tahoma,Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #000000; FONT-WEIGHT: bold;  TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #000000; FONT-WEIGHT: normal;  TEXT-DECORATION: none}
.texte		 {FONT-FAMILY: Tahoma,Verdana,Helvetica,sans-serif; font-size:12px; color: #000000}
.storycontent{}

.small		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal;  TEXT-DECORATION: none}
.storytitle  {BACKGROUND: none; COLOR: #0062dd; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: none}
.title 		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: none}

.chapeau {font-size: 17px; background-color : #d2d145;  COLOR: #0062dd; FONT-FAMILY: Tahoma,Verdana, Helvetica}

input,textarea, select { color : #000000; 
font: normal 11px Tahoma,Verdana, Arial, Helvetica, sans-serif; 
border:  1px solid #202020; border-color : #000000; margin:2px; background-color : #b2d0f6;}
input.post, textarea.post, select { background-color : #fefefe;FONT-FAMILY: Tahoma,Verdana,Helvetica; }
input { text-indent : 2px;FONT-FAMILY: Tahoma,Verdana,Helvetica; }
input.button { background-color : #bbd2ee; color : #000000;border:  1px solid #202020; }
input.radio {background-color: #fefefe;}
input.mainoption { background-color : #c9e1f3; 	font-weight : bold; }
input.liteoption { background-color : #c9e1f3; font-weight : normal; }
.important{color : #ff0000; 	font-weight : bold;}

.conseil {padding:3px 12px;margin:6px 20px;-moz-border-radius:4px;font-size:22px;}
div.conseil {border:1px solid #f15500; height:30px;background: #f15500;font-size:22px;}
	

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

.fieldsetRamma{text-align:left;}
.fieldsetRamma legend{font-weight:bold;}
.fieldsetRamma span, span.spanForm{width:220px;display:block;float:left;}
.fieldsetRamma input{}

.form table {border-collapse:collapse;border-spacing:0;}
input { outline:none; }
.form {padding:0px; margin:0; }
.form td {border:0px solid #333333;}
.form tr td {padding-bottom:05px;}
.form .form-row { width:100%; margin-bottom: 10px;border:0px solid #000000;}
.form .label { float:left; text-align:right; width:150px;margin:0px; }
.form .input-container {  width:400px; padding:0 0 0 00px;}
.form .input {	border:2px solid #c4c4c4; }
.form .textarea { width:180px; height:120px; border:2px solid #c4c4c4; font-family:Tahoma; font-size:11px; }

.form .error{color:#ffffff;display:block;padding:0px;
	position:absolute;z-index:120;background:url("flech.gif")no-repeat}
.form .error > p{padding:2px 5px;color:#ffffff;z-index:121;background:#444444;font-size:11px;
	text-decoration:none;width:200px;margin:0 0 0 10px;}

.form .error-input, .form .error-both .input, .form .error-same .input { background-color:#FFEFEF; border-color:#BB6666; color:#660000; }
.form .error-div { float:right; margin:7px 10px 0 0; color:#935; font-size:10px; }
.form .error-div-alternative { display:none; -moz-border-radius:10px; -webkit-border-radius:10px; width:800px; top:0; left:50%; position:absolute; z-index:1000; margin-left:-400px; text-align:center; font-size:16px; color:#934; padding:20px 0 20px 0; background-color:#fee; border:solid 2px #d36; border-top-width:0; }
.form .error-same, .form .error-both { color:#fff; background-color:#b66; -moz-border-radius:3px; }
.form .sendBtn {
	width:75px;
	height:24px;
	text-align:center;
	background:url(submit-btn-bg.gif) repeat-x 0 0;
	color:#5f5f5f;
	border:1px solid #aaa;
	float:right;
	display:block;
	cursor:pointer;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.form .sendBtn:hover { background:url(submit-btn-bg-hover.gif) repeat-x 0 0; color:#ffffff; border:1px solid #5f5f5f; }
