/***************************************************************
* templates HTML : MAIN
***************************************************************/
body { 
  behavior:url(/fileadmin/template/css/csshover.htc); /* IE6 only */
	font-family: "Trebuchet MS" , "Lucida Grande", Arial, Verdana;
	font-size: 12px;
	color:#000000;
	background: url('/fileadmin/template/img/bg_site_04.gif');
	margin: 0px;
	padding: 0px;
}

a, a:visited { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; color: #000000; }
h1:First-letter {
	color: #b8112d ;
	font-size: 30px;
}
h1 {
	letter-spacing: 1.5px;
	font-size: 22px;
	color: #890c1e;
	border-bottom: 1px #890c1e solid;
}
div.fond {
	width:100%;
	background: url('/fileadmin/template/img/bg_site_01.gif');
	background-repeat: repeat-x;
}
div.container {
	_position: absolute;
	_left: 50%;
	width: 959px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #ffffff;
	_margin-right:;
	_margin-left: -480px;
	border: 3px solid #424242
}

div.header {
	background: url('/fileadmin/template/img/site_internet_06.jpg');
	background-repeat: no-repeat;
	height: 207px;
	color: #907363;
	font-size: 18px;
	font-weight: bold;
}

div.menu {
	padding-top: 182px;

}

div.contenu {
	
}

div.gauche {
	width: 168px;
	float: left;
}

div.droite {
	width: 750px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}

div.footer {
	background-color: #b80e28;
	height: 30px;
	color:#ffffff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 4px;
	clear: both;
}

/* Menu */
ul.menuPrincipal { width: 740px; _width:700px; height: 25px; margin: 0em; padding: 0em;}

ul.menuPrincipal li.menu-level1 { position: relative; float: left; height: 25px; list-style: none;}
ul.menuPrincipal li.menu-level1 img { height: 25px; width: auto; _width:; }

ul.menuPrincipal li.menu-level1 ul.menu-level2 {
	position: absolute;
	width: auto;
	left: 0;
	top: 25px;
	margin: 0em;
	padding: 0em;
	list-style: none;
	background: #2d333c;
	z-index: 98;
	border-left: white 1px solid;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
}

/***************************************************************
* FORMULAIRES TYPO3 :
***************************************************************/

.csc-mailform-fieldset { margin-top:1em; padding:1em; }
.csc-mailform-fieldset legend { font-weight: bold; }
.csc-mailform-label { float:left; clear:both; width:54em; font-weight: bold; }
.csc-mailform-field { float:left; clear:both; width:54em; margin:0.27em 0em 0.36em 0em; }
.csc-mailform-field label { float:left; width:15em; text-align:right; padding:0.36em 0.45em 0em 0em; }
.csc-mailform-field .gaf-mailform-radio { float:left: clear:both; }
.csc-mailform-field .csc-mailform-submit { margin-left:15em; }
.csc-mailform-check input { margin-top: 0.36em; }
.csc-mailform-label-req { color:#FF0000; }
.csc-mailform-field .csc-mailform-radio label { float:none; padding:0em; }

div#mailFormError { margin: 1em 0em 0em 1em; }
div#mailFormError .messageError { font-size: 13px; color: red; font-weight: bold; }
div#mailFormError ul { margin-top: 0em; padding-top: 0em; }
div#mailFormError ul li { color: red; }


/***************************************************************
* MENU DEROULANT :
***************************************************************/
div.menu2 {
  position: absolute;
  top: 194px;
  _top: 182px;
  width: 740px;
  height: 60px;
}

#menuDeroulant
{

	height: 60px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	font: 10px Verdana, sans-serif;
}
#menuDeroulant li
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 11px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 14px;
	color: #FFF;
	background: #890c1e;
	margin: 0;
	padding: 6px 8px;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #990000; }
#menuDeroulant li a:active { background-color: #660033; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 120px;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: #890c1e;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #990000;
}

/* représente l'etat de roll over de tout le LI (pas seulememnt le A) pour faire apparait en block les li du sous menu*/
#menuDeroulant li:hover > .sousMenu { display: block; }