/* DESIGN BY HUBERT */
/* paramètres communs */

p{
margin: 0 0 3pt 0;
line-height:115%;
font-size:0.9em;
}
h1{
color:#F1A503;
text-decoration:none;
margin: 0 0 10pt 0;
line-height:1.7em;
font-size:1.7em;
font-weight:bold;
padding: 4px 0 2px 0;
}
h2{
color:#F1A503;
text-decoration:none;
margin: 0 0 6pt 0;
line-height:1.5em;
font-size:1.5em;
font-weight:bold;
padding: 2px 0 2px 0;
}
h3{
margin: 0 0 3pt 0;
line-height:115%;
font-size:1em;
font-weight:bold;
padding: 2px 0 2px 0;
}

.titre_acc{
color:#F1A503;
text-decoration:none;
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
padding: 5px 0 2px 0;
vertical-align: 50%;
}

.yellow {color:#F1A503; text-decoration:none;}

.image_acc{
border:0;
padding:0 3px 0 0;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #8A8E99;
	font-size:1.1em;
}

.title {
	margin: 0;
	font-size: 1.4em;
	font-weight:bold;
}
.soustitle {
	margin: 0;
	font-size: 1.3em;
	text-decoration:underline;
}
.fondjaune {
	background: #cccccc;
	font-size:15px;
	margin: 0;
}
.message {
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
}
.pasok {
	font-size:16px;
	color:red;
	font-weight:bold;
}
.ok {
	font-size:16px;
	color:green;
	font-weight:bold;
}
.fondblanc {
	background: #eeeeee;
	font-size:15px;
	margin: 0;
}
.soustitre {
	/*background: #0099FF;*/
	font-weight:bold;
	color:#0099FF;
	padding:6px 0;
	font-size:1.2em;
}
.tabtitre {
	background: #CCCCCC;
	font-weight:bold;
	font-size:17px;
	text-align:center;
}
.compta {
	font-size:11px;
}
table .fondjaune {
	background: #cccccc;
	font-size:12px;
	margin: 0;
}
table .fondblanc {
	background: #eeeeee;
	font-size:12px;
	margin: 0;
}
a.yellow{
color:#F1A503;
text-decoration:none;
}
a {
	text-decoration: underline;
	font-family:tahoma;
	color:#616161;
}
a:hover{text-decoration:underline;}
#a:hover{text-decoration:none;}

.codescript {
	font-family:arial;
	font-size:0.9em;
	border:solid 1px red;
	margin: 4px;
}

.box_supertitre{
 font-size:1.2em;
 padding:3px;
 width:90%;
 margin:8px auto 2px auto;
 border: black 1px solid;
 background-color:#F1A503;
 text-align:center;
}

.box_titre{
 font-size:1.1em;
 padding:3px;
 width:90%;
 margin:2px auto 0px auto;
 border:black 1px solid;
 background-color:#CCCCCC;
 text-align:center;
}

.box_contenu{
 padding:3px;
 width:90%;
 margin:0 auto 15px auto;
 border:1px solid;
 background-color:#FFFFFF;
 text-align:center;
}

.box_contenu a{color: #369de3;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}

input.submit{
 color:#990000;
 font-size:1.2em;
 font-weight:bold;
}
legend{
 font-size:1.2em;
 color:#0000CC;
 font-weight:bold;
 padding:0 4px;
}
fieldset{
 border:3px grey solid;
 padding:12px;
 margin:8px;
}

.image_noborder{
  border:0;
}
.image_noborder a:link {text-decoration:none}
.image_noborder a:visited {text-decoration:none}
.image_noborder a:hover {text-decoration:none}
.image_noborder a:active {text-decoration:none}

/* SIDEBAR CADRE ARRONDI SIDEBAR */
#sidebar {	float:right; width:222px;}
/* SIDEBAR CADRE ARRONDI SIDEBAR */
.sidebar-header {background-image:url(images/cadrearrondi/sidebar-header.png);width:222px; height:47px;}
.sidebar-footer {background-image:url(images/cadrearrondi/sidebar-footer.png); width:222px; height:17px; margin-bottom:10px;} 
.sidebar-header h3 {font-size:14px;padding:14px 0 0 44px;color:#1786c5;}
.sidebar-content {background-image: url(images/cadrearrondi/sidebar-content.png);background-repeat:repeat-y;  padding-top:10px; padding-left:15px;padding-right:10px;}
ul.sidebar-liste {list-style-type: none;	padding: 0;margin: 0; padding-bottom:5px; font-size:12px;}
ul.sidebar-liste li {padding-left: 24px; padding-top:4px; background: url(images1/btn_check.gif) no-repeat left center;}
ul.sidebar-liste ul{list-style-type: none;	padding: 15px;margin: 0; padding-bottom:5px; font-size:12px;}
ul.sidebar-liste li ul li {padding-left: 34px; padding-top:4px; background: url(images1/btn_check.gif) no-repeat left center;}
/* SIDEBAR CADRE ARRONDI SIDEBAR */

.boite-ronde {
margin: 0px;
padding: 0px;
}
.boite-ronde-haut, .boite-ronde-bas {
height: 6px;
margin: 0px;
padding: 0px;
font-size: 0px; /* IE 6.0 bug */
}
.boite-ronde-haut-gauche, .boite-ronde-haut-droit, .boite-ronde-bas-gauche, .boite-ronde-bas-droit {
background-repeat: no-repeat;
height: 6px;
margin: 0px;
padding: 0px;
}
 
.boite-ronde-haut-gauche, .boite-ronde-bas-gauche {
float: left;
width: 50%;
}
 
.boite-ronde-haut-droit, .boite-ronde-bas-droit {
float: right;
width: 50%;
}
 
.boite-ronde-haut-gauche {
background-image: url('images/cadrearrondi/boite-ronde-haut-gauche-300x6.gif');
background-position: top left;
}
 
.boite-ronde-haut-droit {
background-image: url('images/cadrearrondi/boite-ronde-haut-droit-300x6.gif');
background-position: top right;
}
 
.boite-ronde-bas-gauche {
background-image: url('images/cadrearrondi/boite-ronde-bas-gauche-300x6.gif');
background-position: bottom left;
}
 
.boite-ronde-bas-droit {
background-image: url('images/cadrearrondi/boite-ronde-bas-droit-300x6.gif');
background-position: bottom right;
}
.boite-ronde-centre {
padding: 0px;
margin: 0px;
border-left:6px solid black;
border-right:6px solid black;
background-color: yellow;
}
 
.boite-ronde-centre-contenu {
margin: 0px;
padding: 5px 15px 5px 15px;
color: black;
font-size: 12px;
}
div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
height: 0px;
line-height: 0px;
}

/* Formulaire */
.cssform p{
width: 700px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 350px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform .large{
width: 700px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 0; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -350px; /*width of left column*/
width: 330px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 420px;
}

.cssforminputcourt input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 25px;
font-size:0.9em;
color:green;
}
.cssforminputcourt select{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 22px;*/
font-size:0.9em;
color:green;
}

.cssform textarea{
width: 420px;
height: 160px;
}

.cssform legend{
font-size:1.4em;
font-weight:bold;
margin:20px;
}
.cssform .aide{
font-size:0.9em;
font-style:italic;
color:red;
background-color:yellow;
}

.cssform2 p{
width: 350px;
clear: left;
margin: 0;
padding: 2px 0 3px 0;
padding-left: 130px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform2 label{
font-weight: bold;
float: left;
margin-left: -105px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
}

.cssform2 textarea{
width: 150px;
height: 50px;
}

.cssform2 legend{
font-size:1.4em;
font-weight:bold;
margin:20px;
}
.cssform2 .aide{
font-size:0.9em;
font-style:italic;
color:red;
background-color:yellow;
}