/* CSS Document */
@charset "utf-8";

body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-size: 11px;
 overflow:hidden;
 overflow-x: hidden;
 overflow-y: auto;
 overflow : -moz-scrollbars-vertical;
 background-repeat:repeat-x;
 background-image:url(/img/degrade.png)
}
div {
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	border: 0px;
}
table td {
	border-bottom: 1px dotted #585858;
	padding: 5px;
	}
table th {
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #585858;
	}
.tr1 td{
	background-color: #FAFAFA;
}
.tr2 td{
	background-color: #EEEEEE;
}
.ssbord td {
	border-bottom: 0px;
	}
h1 {
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	margin: 8px;
	padding: 0px;
}
h2 {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
h5 {
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.margin {
	margin : 0px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.pt {
	font-size: 9px;
}
.titre {
	color: #BA6580;
}
#message {
	font-size: 13px;
	font-weight: bold;
	margin: 8px;
	color: red;
	text-align: center;
}
.errors {
	font-size: 11px;
	font-weight: bold;
	color: red;
}

a:link, a:visited {
	color: #BE1134;
	text-decoration: none;
}
a:active, a:hover {
	color: #585858;
	text-decoration: none;
}
a.blanc:link, a.blanc:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.blanc:hover, a.blanc:active {
	color: #FFFFFF;
	text-decoration: none;
}
img {border: none;
}
form ul {
list-style-type:none
}
.padding {padding: 5px}

.hidden {display:none }

.gris {color: #585858;}

#pagination ul {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin:0;
	padding:0px;
}
#pagination li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
/****************************************************************************************/
/************************************ DECOUPE  ******************************************/
/****************************************************************************************/

div#header {width:100%; margin: 0; padding: 0; display:block; background-color: #FFFFFF;}
div#mainleft {float: left; width: 176px; height: 625px; display:block; background-repeat:no-repeat; background-color: #C7C7C7;}

/****************************************************************************************/
/************************************ HEADER   ******************************************/
/****************************************************************************************/

div#logo { float:left; height:80px; width:175px; padding:0px;}
div#menuht { float: right; width: 844px; height: 80px; padding: 0px; background-color: #dedede; }
div#menusv { float: left; width: 670px; font-size: 14px; font-variant: small-caps; color: #BE1134; text-align: center; padding: 30px 0 0 0; }
div#accespro { float: right; width: 130px; margin: 5px; padding: 5px; color: #000000; text-align: center; border-left: 1px dotted #BE1134;}
div#nav { background-color: #585858; height: 20px; text-align: left; color: #FFFFFF; width: 800px; padding: 5px;}
div#nav a:link, div#nav a:visited { color: #FFFFFF; text-decoration: none; }
div#nav a:hover, div#nav a:active { color: #BE1134; text-decoration: none; }
div#recherche {background-color: #585858; float: right; height: 30px; width: 200px; text-align: right; padding: 0px; margin: 0px; z-index:99}
a.menuht:link, a.menuht:visited {color: #BE1134; text-decoration: none;}
a.menuht:hover, a.menuht:active {color: #FFFFFF; text-decoration: none;}
div#bas {background-color: #585858; height: 1px; padding: 0px; width: 1000px}

/****************************************************************************************/
/************************************ MENU GAUCHE ***************************************/
/****************************************************************************************/

div#menuodia { padding: 10px 4px 10px 4px; font-size: 14px; font-variant: small-caps; line-height: 16px}
div#menuodia div { padding: 0px 4px 0px 4px; color: #585858; font-size: 14px; font-variant: small-caps; line-height: 16px}
.ssmenu { font-size: 12px; font-variant: normal}
div#mainleft ul {
 margin: 2px;
 margin-bottom: 8px;
 padding: 0px;
 padding-left: 15px;
}
div#mainleft li {
 list-style-image: url(/img/lien.gif);
 list-style-type: square;
 margin: 0px;
 padding: 0px;
}
  
/****************************************************************************************/
/************************************ CONTENU PRINCIPAL *********************************/
/****************************************************************************************/

div#maincontent h4 {margin: 0 0 0 0; padding: 0px 0 0 0;}
div#maincontent img {padding-right: 8px;}

fieldset   {
  border: 1px solid #585858;
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  }
fieldset input	{
  margin: 10px;
  font-size: 11px;
  border: 1px solid #CCCCCC
}
fieldset label   {	
	width:150px;
	display:inline;
	font-size :11px;
	text-align: right;
	white-space: nowrap;
	float:left;
	margin-top:8px;
}
fieldset legend   {
	font-size: 14px;
	color: #585858;
}
fieldset textarea {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset input[type=text] {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset select {
  font-size: 11px;
  width: 150px;
  border: 1px solid #CCCCCC;
  margin: 8px;
}
fieldset input[type=checkbox] {
  margin: 10px;
  border: 0px;
}
fieldset input[type=radio] {
  margin: 8px;
  border: 0px;
}
fieldset input[type=button]	{
  width: 100px;
}
fieldset input[type=submit]	{
  width: 100px;
  margin-left: 180px;
}
.chercher fieldset   {
  border: 0px;
  }
.chercher fieldset select	{
  font-size :11px;
  margin: 0px;
  color: #585858;
  border:1px solid #CCCCCC;
}
.chercher fieldset input	{
  margin: 2px;
  font-size: 11px;
  border: 1px solid #CCCCCC
}
.chercher fieldset input[type=text] {
  font-size: 11px;
  width: 110px;
  border: 1px solid #CCCCCC
}
/****************************************************************************************/
/************************************ COLONNE DROITE ************************************/
/****************************************************************************************/

div#colonneright .cadre {
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px;
	border:1px solid #ccc; 
	background:#fafafa
}
div#colonneright h4 {margin: 0 0 0 0; padding: 0px 0 0 0;
}
div#colonneright h5 {margin: 0 0 0 0; padding: 0px 0 0 0;
}
/********************************************************************************************************/
/*******************************  FOOTER  ***************************************************************/
/********************************************************************************************************/
div.footer { display:block;
}
#footer_niveau1 ul {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #585858;
	color: #FFFFFF;
	margin:0;
	padding:2px;
}
#footer_niveau1 li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#footer_niveau2 {
	text-align:center;
}
#footer_niveau2 ul {
	text-align:center;
	width:100%;
}
#footer_niveau2 li {
	list-style: none;
	list-style-image: none;
	padding: 2px;
}
#footer_niveau2 img {
	border: 0px;
	vertical-align: bottom;
}
a.menubas:link, a.menubas:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menubas:hover, a.menubas:active {
	color: #BE1134;
	text-decoration: none;
}