@import url("modules.css");
@import url("default_safari.css");

/* CSS Document */

body 
{
	background-color: #A22813;
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

h1
{
	color: #000;
	font-size: 24px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
}

h2
{
	color: #000;
	font-size: 18px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
}

h3
{
	color: #A22813;
	font-size: 16px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
}

h4
{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
}

h5
{
	color: #A22813;
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
}

.content a,
.content a:link,
.content a:hover,
.content a:visited,
.content a:active,
.content a:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.content a:hover,
.content a:visited:hover
{
}

.layer_total
{
	width:760px; 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-color:#000;
}

/********* section de droite *********/

.sectiondroite
{
	position: absolute;
	left:568px; 
	top: 160px;
	width:192px;
	z-index:1;
}

*>.sectiondroite
{
	top: 158px;
}

.inscription_container
{
	background-image: url(../images/inscription_ligne.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:192px;
	height: 55px;
	padding-top: 30px;
	padding-left: 9px;
}

.input input
{
	float: left;
	background-color: #e7e4ad;
	border: solid 1px #000;
	margin-right: 5px;
}

.input_button img
{
	border: none;
}

.search_container
{
	position:relative;
	background-image: url(../images/search_ligne.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:192px;
	padding-left: 9px;
}

.imaged
{
	position:relative;
	top: -20px;
}

.activity
{
	position:absolute;
	width:192px;
	left:0px;
	top:0px;
	z-index:1000;
}

.calendar
{	
	margin-top:-22px;
	background-image: url(../images/telecharger_calendrier.jpg);
	background-repeat: no-repeat;
	background-color: #D92129;
	text-align: center;
	width: 192px;
	height: 64px;
	padding-top: 44px;
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	font-style: italic;
}

.calendar td
{
	text-align:center;
	padding-left:4px;
	color: #FFFFFF;
	word-spacing:-4px;
}

.calendar br
{
	display:none;
}

.calendar a,
.calendar a:link,
.calendar a:hover,
.calendar a:visited,
.calendar a:active,
.calendar a:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: underline;
	cursor: pointer;
}

.calendar a:hover,
.calendar a:visited:hover
{
	color: #000;
}

/* hack for display correctly in Firefox ** IE don't understand html>body ***/

html>body .inscription_container
{
	background-image: url(../images/inscription_ligne.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:192px;
	height: 25px;
	padding-top: 30px;
	padding-left: 9px;
}

html>body .search_container
{
	background-image: url(../images/search_ligne.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:192px;
	padding-top: 19px;
	padding-left: 9px;
}

html>body .imaged
{
	padding: 0px;
	margin: 0px;
	margin-top: -9px;
}

html>body .calendar
{	
	background-image: url(../images/telecharger_calendrier.jpg);
	background-repeat: no-repeat;
	background-color: #D92129;
	text-align: center;
	width: 192px;
	height: 20px;
	padding-top: 38px;
	padding-bottom:6px;
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	font-style: italic;
}

/****/

/********* top du site   *****************/

.bantop
{
	width:760px;
	height:158px;
	background-color:#E7E4AD;
	border: none;
	z-index:10000;
	position:relative;
}

.logo
{
	width: 106px;
	height: 136px;
	float: left;
}

.left_logo
{
	width: 654px;
	height: 138px;
	float: left;
}

.bannière
{
	width: 654px;
	height: 91px;
}

.menu_container
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	border: solid 1px #E7E4AD;
	background-color: #fff;
	height: 20px;
	width: 652px;
}

.menu_container ul
{
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
	height: 24px;
}

.menu_container li
{
	list-style-type: none;
	display: inline;
	margin: 0px;
}

.menu_container a
{
	text-decoration: none;
}

.menu_container a,
.menu_container a:link,
.menu_container a:hover,
.menu_container a:visited,
.menu_container a:active,
.menu_container a:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
}

.menu_container a:hover,
.menu_container a:visited:hover
{
	text-decoration: none;
	color: #A22813
}

/***** class for the panel bar .. not all set ***/

.menu_open_container
{
	background-color: #A22813;
	color: #fff;
}

.menu_open_selected
{
	background-color: #D53417;
}

/**/

.flash_menu
{	
	background-color: #DD1E25;
	border: solid 2px #E7E4AD;
	height: 42px;	
	padding-left:5px;
	width: 464px;
}

.restrictarea
{
	width: 190px;
	height: 28px;
	position:absolute;
	margin-top: -42px;
	right:0px;
}

/* hack for display correctly in Firefox ** IE don't understand html>body ***/

html>body .flash_menu
{
	height: 38px;
	width: 460px;
	background-color: #DD1E25;
	border: solid 2px #E7E4AD;
}

html>body .restrictarea
{
	width: 192px;
	height: 42px;
	padding-top: 0px;
	margin-bottom: 1px;
}

/***/

.content_all
{
	position:relative;
	width: 560px;
	z-index:1000;
}
*>.content_all
{
	margin-top:-2px;
}

.middle_container
{
	width: 566px;
	border-left: solid 2px #E7E4AD;
}

.title_header
{
	background-color: #000;
	clear: both;
}

/*** news on home ***/

.big_tile_news
{
	width: 147px;
	height: 26px;
	margin-right: 15px;
	color: #C19A46;
	padding-left: 10px;
	padding-top: 1px;
	font-size: 24px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

.content_news_container
{
	background-image: url(../images/background-content.jpg);
	background-repeat: no-repeat;
	width: 568px;
	min-height: 566px;
	height: expression("590");
}

.news_container
{	
	background-color: #E7E4AD;
	background-image: url(../images/news_bg.jpg);
	background-repeat: repeat-x;
	width: 140px;
	min-height: 100px;
	margin-right: 2px;
	float: left;
}



/*** news detailed ***/

.news_complete_container
{
	background-image: url(../images/fonrepetable.jpg);
	background-repeat: repeat-y;
	width: 570px;
	min-height: 611px;
	height: expression("611");
}

.news_complete_wrap
{
	background-color: #E7E4AD;
	background-image: url(../images/news_bg.jpg);
	background-repeat: repeat-x;
	width: 566px;
	min-height: 100px;
	margin-right: 2px;
	float: left;
}

.news_complete
{
	padding: 10px;
	font-size: 13px;
}

.news_complete p
{
	margin-top: 0px;
}

.news_back
{
	padding: 10px;
}

.news_back a:hover,
.news_back a:visited:hover
{
	text-decoration:underline;
}

/******* content page *********/

.big_tile
{
	width: 147px;
	height: 26px;
	width: 556px;
	padding-left: 10px;
	padding-top: 1px;
}

.content_page_container
{
	background-image: url(../images/fonrepetable.jpg);
	background-repeat: repeat-y;
	width: 570px;
	min-height: 566px;
	height: expression("590");
}

.content_page_wrap
{	
	background-color: #E7E4AD;
	background-image: url(../images/news_bg.jpg);
	background-repeat: repeat-x;
	width: 566px;
	min-height: 100px;
	margin-right: 2px;
	/*float: left;*/
}

.content
{
	padding: 10px;
	padding-bottom: 20px;
}

.content,
.content td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.content img
{
	float:left;
	margin-right:13px;
}

.content p
{
	margin-top: 0px;
}

.photo
{
	float: Left;
	margin-right: 10px;
	margin-bottom: 2px;
}

.spacer_Logo
{
	position:absolute;
}

.spacer_Logo img
{
	border:none;
}

.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	background-color: #E7E4AD;
	border-top: solid 2px #C39E4C;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width:760px; 
	margin-left: auto;
	margin-right: auto;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active,
.footer a:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.footer a:hover,
.footer a:visited:hover
{
	color: #A22813;
}


/** rad editor ********************************/

.RadEWrapper table,
.RadEWrapper td,
.RadEWrapper th
{
	border:none;
}

.RadEWrapper TD,
.RadEWrapper img
{
   padding:0px;
   margin:0px;
   float:none;
}

.RadEContent, 
.RadEContentBordered
{
	background-color:#E7E4AD;
}