@charset "utf-8";

/* CSS Document 
************  Layout  ************/
body {
	background:url(img/background.jpg) repeat-x left 100px #fff;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

#layout {
	background:url(img/back_header_line.gif) no-repeat center 93px;
}

#container {
	margin:0 auto;
	text-align:left;
	width:980px;
}

a {
	color:#006b3f;
	text-decoration:none;
}

a:hover,
#events a:hover {
	color:#741372;
	text-decoration:none;
}

/****************  Form  ***************/

.button {
	background-color: #741372;
	color: #fff;
	font-weight: bold;
	border-top: solid 2px #9F4F9F;
	border-right: solid 2px #2F032F;
	border-bottom: solid 2px #2F032F;
	border-left: solid 2px #9F4F9F;
	font-size: 13px;
	padding: 0 3px;
}

.combobox {
	border:solid 1px #414141;
	color:#666;
	padding:2px 5px;
	width:130px;
	height: 18px;
	font-size: 13px;
}

/***************  Header  ***************/
#header {
	height:100px;
}

#header #logo {
	background:url(img/logo.png) left top no-repeat;
	height:202px;
	position:absolute;
	top:4px;
	width:212px;
	z-index:100;
}

*html #header #logo {
	height:202px;
	position:absolute;
	top:4px;
	width:212px;
	z-index:1000;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/logo.png', sizingMethod='crop');
	background:url('img/logo.png') !important;
	background: none;
	cursor: pointer;
}

#header #logo img {
	border:none;
}

#header #menu {
	color:#741372;
	float:right;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	text-align:right;
	width:auto;
}

#header #menu a {
	color:#741372;
	padding:10px;
	text-decoration:none;
}

#header #menu a:hover {
	color:#006b3f;
	text-decoration:none;
}

#header h1 {
	margin:0;
}

#header_line {
	background:url(img/back_header.gif) no-repeat center top;
}

/******************  Content & Navig *******************/
#breadcrumb {
	font-size:12px;
	margin:20px 0 0 20px;
	width:500px;
	float: left;
	position: relative;
	z-index: 2000;
}

#search {
	height:32px;
	width:200px;
	float: right;
	position: absolute;
	z-index: 20;
	margin: 15px 0 0 780px;
}

*+html #search {
	height:32px;
	width:200px;
	float: right;
	position: absolute;
	z-index: 20;
	margin: 15px 0 0 60px;
}

*html #search {
	height:32px;
	width:200px;
	float: right;
	position: absolute;
	z-index: 20;
	margin: 15px 0 0 60px;
}



#mainContent {
	font-size:12px;
	margin:52px 205px 20px  205px;
	padding:0;
}

*html #mainContent {
	font-size:12px;
	margin:52px 190px;
	padding:0;
}

#mainNavig {
	background:url(img/corner.gif) right top no-repeat #fff;
	font-size:12px;
	margin:52px 0 18px 215px;
	padding: 10px 20px;
}

#mainNavig h1, #mainNavig h2 {
	color: #741372;
	font-weight: normal;
	letter-spacing: -1px;
}

#mainNavig h3, #mainNavig h4, #mainNavig h5 {
	color: #741372;
	font-weight: bold;
}

#mainNavig h1 {
	font-size: 22px;
}

#mainNavig h2 {
	font-size: 20px;
}

#mainNavig h3 {
	font-size: 16px;
}

#mainNavig h4 {
	font-size: 14px;
}

#mainNavig h5 {
	font-size: 12px;
}

/* Zone principale - Tableaux  */

#mainNavig table {
	background-color:#FFF;
	border-left:solid 1px #00694f;
	border-top:solid 1px #00694f;
	width:100%;
}

#mainNavig table td,#mainNavig table th {
	border-bottom:solid 1px #00694f;
	border-right:solid 1px #00694f;
	padding:5px;
}

#mainNavig table th {
	font-size:1.1em;
	font-weight:bold;
}

#mainNavig table caption {
	background-color:#00694f;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

#mainNavig table.tableNoFormating {
	background-color:inherit;
	border:none;
}

#mainNavig table.tableNoFormating td {
	border:none;
	padding:6px;
}

/* Zone principale - Images  */

#mainNavig .imgGauche {
	border:solid 1px #00694f;
	float:left;
	margin:10px 10px 10px 0;
}

#mainNavig .imgDroit {
	border:solid 1px #00694f;
	float:right;
	margin:10px 0 10px 10px;
}

#mainNavig blockquote {
	background-color:#f1f1f1;
	font-style:italic;
	padding:5px;
}

hr {
	border-top : solid 1px #00694f;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#mainContent #anim {
	background:url(img/background_anim.jpg) no-repeat left top;
	height:236px;
	padding-left:11px;
	width:570px;
	position: relative;
	z-index: 200;

}

*html #mainContent #anim {
	background:url(img/background_anim.jpg) no-repeat left top;
	height:236px;
	padding-left:11px;
	width:550px;
	position:relative;
	z-index: 200;

}

#mainContent #anim img {
	border: solid 1px #006b3f;
}

#mainContent .flag {
	width: 350px;
	height: 260px;
	background:url(img/flag.png) left top no-repeat;
	float: left;
	position: absolute;
	z-index: 3000;
	margin-top: -25px;
	margin-left: 33px;
}

*html #mainContent .flag {
	width: 350px;
	height: 260px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/flag.png', sizingMethod='crop');
	background:url('img/flag.png') !important;
	background: none;
	float: left;
	position: absolute;
	z-index: 3000;
	margin-top: -25px;
	margin-left: 33px;
}

#mainContent .acfrCorps,
#mainContent .OvoCalendrierJour,
#mainContent .opEvenementCorps,
#mainContent #ovoCalendrier  {
	line-height:16px;
	margin:10px 20px;
	padding-bottom:10px;
}
#mainContent .acfrCorps {
	qqqborder-bottom:solid 1px #00694f;
}

#mainContent .acfrCorps a,
#mainContent #ovoCalendrier {
	font-size:11px;
}

#mainContent .acfrCorps h2,
#mainContent #ovoCalendrier h2 {
	color:#408f7b;
	font-size:14px;
	font-weight:bold;
}

#mainContent .acfrCorps h2 a,
#mainContent #ovoCalendrier h2 a {
	font-size:14px;
	color:#408f7b;
	text-decoration: none;
}

#mainContent .acfrCorps h2 a:hover,
#mainContent #ovoCalendrier h2 a:hover {
	color:#741372;
	text-decoration:none;
}

#mainContent .acfrCorps img,
#mainContent #ovoCalendrier img {
	border:solid 1px #fde03c;
	float:left;
	margin:0 4px 4px 0;
}

#mainContent h1 {
	background:url(img/green_title.jpg) no-repeat left top;
	color:#fff;
	display:block;
	font-size:15px;
	margin:0 9px 0 10px;
	padding:2px 10px;
}

/****************  Footer  ***************/
#footer {
	background:#fde03c;
	font-size:11px;
	margin-top:10px;
	padding:0 10px 0 20px;
}

#footer p {
	margin:0;
	padding:10px 0;
}

/****************  Menu top  ***************/
#menuTop {
	height:32px;
}

/*************** Left ************/

#sidebarLeft {
	float:left;
	margin-top:32px;
	padding-top:20px;
	width:200px;
}


#menuLeft {
	background:url(img/back_menu_left.gif) no-repeat left top #741372;
	padding:20px 0;
	width:200px;
}

#menuLeft ul {
	list-style-type:none;
	margin:0 20px;
	padding:0;
}

#menuLeft ul li {
	background:url(img/square_yellow.gif) no-repeat 0 11px;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	padding:0 20px;
}

#menuLeft ul li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
}

#menuLeft ul li a:hover {
	color:#fde03c;
	font-weight:bold;
	line-height:20px;
}

#address {
	margin-top:15px;
	padding-bottom:10px;
	width:198px;
	border:solid 1px #00694f;
}

#address p {
	color:#006b3f;
	font-size:11px;
	margin:7px;
}

#address a {
	font-size:11px;
	margin: 7px 0 0 0;
}

#address h1 {
	color:#741372;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:5px;
}

#address strong {
	font-size:11px;
	font-weight:bold;
}

#address ul li {
	font-size:10px;
	line-spacing:5px;
	list-style:none inside none;
	margin-bottom:-10px;
	margin-left:-43px;
	margin-top:-10px;
	padding:10px;
}


/*********************  Right *******************/
#sidebarRight {
	background:url(img/picto_membership_blank.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top:52px;
	width:200px;
}

#sidebarRight .btn_membership {
	display:block;
	height:42px;
	width:200px;
}

#sidebarRight a.btn_membership {
	background:url(img/btn_membership.gif) no-repeat;
}

#sidebarRight a.btn_membership:hover {
	background:url(img/btn_membership.gif) no-repeat 0 -42px;
}

#events {
	border:solid 1px #741372;
	margin-top:15px;
	padding-bottom:10px;
	width:198px;
}

#events a,
#events p {
	color:#006b3f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#events h1 {
	color:#00694f;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:5px;
}

#events h2 {
	font-size:11px;
	font-weight:bold;
	margin:0;
}

#events h2 a {
	font-size:11px;
	font-weight:bold;
	margin:0;
}

#events ul li {
	font-size:10px;
	line-spacing:5px;
	list-style:none;
	margin-bottom:-10px;
	margin-left:-43px;
	margin-top:-10px;
	padding:10px;
}

/**************************************************/

.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}

.fltlft {
	float:left;
	margin-right:8px;
}

.fltrt {
	float:right;
	margin-left:8px;
}

/*************  Publicité   ***************/

.banner468x60 {
	color: #888;
	text-align: center;
	width:468px;
	height: 60px;
	float: right;
	margin-left: 515px;
	margin-top: 25px;
	border: solid 1px #666;
	position: absolute;
	z-index: 500;
	/*display:none;*/
}

.billboard200xX {
	color: #888;
	text-align: center;
	width:200px;
	height: 150px; /*variable*/
	margin-top: 15px;
	border: solid 1px #666;
	/*display:none;*/
}

.bigbox300x250 {
	color: #888;
	text-align: center;
	width:300px;
	height: 250px;
	border: solid 1px #666;
	margin: 15px auto;
	/*display:none;*/
}


/************* Patch pour op ***************/

.opTexte {
        clear: none;
	border-bottom:solid 1px #00694f; 
}

.opPlus {
        clear: none;
}

.opAlignLeft {
	margin:0;
	border:0;
	padding:0;
}

#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase,
#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase a {
	display: block;
	font-weight: normal;
}
#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase .pale,
#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase .pale a {
	color: #9CC6BA;
	font-weight: normal;
}
#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase .aujourdhui,
#events #ovoCalendrier #calendrierPetit0 table.OvoCalendrierPetit td .calendrierCase .aujourdhui a {
	background-color: #f0f0f0;
	color: #741372;
	font-weight: bold;
}

div#overDiv,
div#overDiv table,
div#overDiv table tr td,
div#overDiv table tr td table,
div#overDiv table tr td table tr td {
	margin: 0;
        border: 0;
        padding: 0;
}
.overlibBoiteJaune {
	text-align: left;
        background-color:#fff;
        color:#00694F;
        margin: 0;
        border: 1px solid #00694F;
        padding: 5px 5px 10px 5px;
}
.overlibBoiteJaune ul {
        margin: 0px;
        border: 0;
        border-top: 0;
        padding: 0;
        line-height: 10px;
        color:#333;
}
.overlibBoiteJaune ul li {
        padding: 4px 0 0 0;
        list-style-type: none;
}
.overlibBoiteRose {
        background-color:#fff;
        color:#000;
        margin:0px;
        border: 1px solid #336699;
        padding:5px 5px 10px 5px;
}


<!--[if IE 5]>

/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 { width: 180px; }
#sidebar2 { width: 190px; }

<![endif]>
<!--[if IE]>

/* place css fixes for all versions of IE in this conditional comment */
#sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

<![endif]>