/* Initialize
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, em, font, img, small, strike, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
margin:0;
padding:0;
background: #A7001F url(images/background.png) repeat-y center top;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
}
#fullheight {
	height:100%
	}

a {  text-decoration: none; color: #A7001F}

a:hover {  text-decoration: underline; color: #A7001F}
td {
text-align:left;
}
.text { font-size: 11px;
	line-height: 16px;
	color: #333333;
	border-top-width: 4px
	}
.credits { font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
padding-top: 4px;
padding-bottom: 4px;
text-align:center;
}

.error {
color: #CC0000;
font-weight: bold;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.label {
	display:block;
	width: 170px;
	background: #990000 url(images/topcorner.gif) no-repeat top right;
	padding: 3px 0 0 5px;
	margin: 10px 0 9px 0;
	color: #fff;
	font-size: .94em;
	font-weight: bold;
	}

.textred {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; color: #A7001F;
}

.data { width: 160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
}
.main {
width: 420px;
padding: 0px 0px 0px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #333333;
}
#diaporama {
width: 480px;
padding: 0px 0px 0px 30px;
}
.main img, .titre img, #diaporama img {
padding: 3px;
margin: 0 3px 0 0;
background: #FFF;
border: 1px solid #CCC;
}
.main h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #444444;
background-color: #EEEEEE;
margin-bottom: 10px;
margin-top: 0px;
padding: 3px;
}
.main ul, .main_quest ul {
	margin: 0 0 1.5em 15px;
	padding: 0;
	list-style: none;
	}
.main li, .main_quest li {
	padding: 0 15px 8px 16px;
	line-height: 1.4em;
	background: url(images/dot.gif) no-repeat 0px 4px;
	}

.bkg {
background: url(images/structure_r4_c2.gif) no-repeat;
}

hr {
  border: 0;
  width: 100%;
  height: 1px;
  color: #999999;
  background-color: #999999;
}

.footnote {
	margin: 2px 0 0 0;
	width: 340px;
}
.pics {
	margin: 10px 0 0 0;
}

/* FORM */

SUBMIT {
	BORDER-RIGHT: #AFAFAF 1px solid; 
	BORDER-TOP: #AFAFAF 1px solid; 
	FONT-SIZE: 10px;
	WIDTH: 30px;
	BACKGROUND-COLOR: #F5F5F5; 
	BORDER-LEFT: #AFAFAF 1px solid; 
	WIDTH: 50px; 
	COLOR: #333333; 
	BORDER-BOTTOM: #AFAFAF 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	HEIGHT: 17px;
	font-weight: bold;
	}
	
.button {
	BORDER: #AFAFAF 1px solid;
	FONT-SIZE: 10px;
	WIDTH: 30px;
	BACKGROUND-COLOR: #F5F5F5;
	WIDTH: 100px; 
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	HEIGHT: 17px;
	font-weight: bold;
	}

SELECT {
	BORDER: #AFAFAF 1px;
	FONT-SIZE: 10px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #F5F5F5; 
	TEXT-ALIGN: left;
	}

.textarea {
	BORDER: #AFAFAF 1px solid;
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #F5F5F5;
	}
.formInputText {
	BORDER: 1px solid #AFAFAF;
	FONT-SIZE:    11px;
	BACKGROUND-COLOR: #F5F5F5;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	font-weight: bold;
 	WIDTH: 136px;
	margin-top: 10px;
	}

.selectgris {
	BORDER: 1px solid #c3c3c3;
	FONT-SIZE: 10px; 
	COLOR: #696969; 
	LINE-HEIGHT: 13px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left;
}

.textareagris {
	BORDER-RIGHT: #c3c3c3 1px solid; 
	BORDER-TOP: #c3c3c3 1px solid; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c3c3c3 1px solid; 
	WIDTH: 220px; 
	COLOR: #696969; 
	BORDER-BOTTOM: #c3c3c3 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
}

.formtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.data2 { WIDTH: 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px }
.go { BORDER-RIGHT: #AFAFAF 1px solid; BORDER-TOP: #AFAFAF 1px solid; FONT-SIZE: 10px; BACKGROUND-COLOR: #F5F5F5; BORDER-LEFT: #AFAFAF 1px solid; WIDTH: 40px; COLOR: #333333; BORDER-BOTTOM: #AFAFAF 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold;  margin-top: 10px}


/* FORM */

.main_quest {
width: 485px;
padding: 0px 0px 0px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #333333;
}
form#questionnaire {
	margin:0;
	padding:4px;
	background: #fff;
	}
#questionnaire dd, #questionnaire dt, #questionnaire dd {
	text-align:left;
	margin: 0;
	padding:0;
	}
#questionnaire dl {
	margin: 4px 0 0 0;
	padding-left:5px;
	}
#questionnaire dt {
	margin: 9px 15px 0 0;
	padding: 0;
	}
#questionnaire dt ul{
	margin: 20px 0 0 0;
	padding: 0;
	}
#questionnaire dt ul li{
	margin: 0;
	padding: 0 0 0 15px;
	}
#questionnaire dt.section {
	margin: 25px 0 10px 0;
	font-weight: bold;
	font-size:12px;
	color: #990000;
	}
input.newsletter {
	width: 180px;
	padding: 2px;
	border: 1px solid #999;
	}
input.quest {
	width: 280px;
	padding: 2px;
	border: 1px solid #999;
	}
input.horaire {
	width: 100px;
	padding: 2px;
	border: 1px solid #999;
	}
table.timetable {
	margin: 15px 0 15px 0;
	}
table.timetable th {
	width: 90px;
	}
#questionnaire input.send {
	border: #999 1px solid;
	width: 80px;
	padding:2px;
	font-weight: bold;
	background-color: #990000; 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#questionnaire input.desinscr {
	border: #999 1px solid;
	width: 120px;
	padding:2px;
	font-weight: bold;
	background-color: #990000; 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.titre { width: 420px;
padding: 30px 10px 10px 30px;
font-size: 13px;
line-height: 16px;
color: #A7001F;
font-weight: bold;
}
.sous-titre {
margin: 0;
padding: 0 0 0 15px;
color: #A7001F;
font-weight: bold;
background: url(images/dot.gif) no-repeat left center;
}
.bk {
color: #000000;
}
.news {
width: 240px;
margin: 15px 0 10px 23px;
padding: 0 0 0 15px;
font-size: 12px;
line-height: 16px;
color: #000000;
font-weight: bold;
background: url(images/dot.gif) no-repeat left;
}
#newstxt {
width: 280px;
margin: 0;
padding: 0 0 10px 23px;
font-size: 11px;
line-height: 15px;
color: #333333;
}
#newstxt p {
margin: 0;
padding: 0;
}
#newstxt .more {
	margin: 5px 0 10px 0;
	font-weight: bold;
}

/* MENU */
.menu {
font-size: 11px;
color: #FFFFFF;
line-height: 14px;
padding: 20px 35px 10px 20px;
}
.slogan {
font-size: 11px;
color: #FFFFFF;
line-height: 14px;
padding: 10px 20px 8px 25px;
}
.menu a {  text-decoration: none; color: #FFFFFF}
.menu a:hover {  text-decoration: underline; color: #FFFFFF}
#home .menu a {  text-decoration: none; color: #000000}
#home .menu a:hover {  text-decoration: none; color: #ffffff}
.sous-titre a, .sous-titre a:visited {  text-decoration: none; color: #A7001F}
.sous-titre a:hover {  text-decoration: none; color: #ffffff}
.menu p {
margin-top: 0px;
margin-bottom: 10px;
}
.more a, .more a:visited { 
color: #A7001F;
}
.more a:hover { 
text-decoration: underline;
}
.maze {
background: url(images/maze.gif) no-repeat top left;
}

/* BODY */
/* Sticky Footer by Ryan Fait  http://ryanfait.com/*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	width: 846px;
	background: url(images/head_home.gif) no-repeat center top;
	text-align:left;
}
#bottom, #push {
	height: 40px; /* .push must be the same height as .footer */
}
#bottom {
	width:756px;
	margin: 0 auto;
	background: #fff url(images/home_r6_c2.gif) no-repeat center bottom;
	text-align:center;
	}
#bottom p {
	padding-top: 5px;
	}
div {
	margin: 0;
	padding: 0;
	}
#pub {
	width: 846px;
	height: 160px;
	}
#pub img {
	float:right;
	}
#container {
	width: 780px;
	height: 567px;
	margin-left: 45px;
	background: url(images/homebg.jpg) no-repeat top left;
	}
#leftcol {
	float: left;
	width: 401px;
	}
#slogan {
	margin-top: 335px;
	padding: 15px 30px 15px 20px;
	color: #fff;
	line-height: 1.5em;
	}
#rightcol {
	float: left;
	width: 355px;
	background: url(images/topnav.jpg) top center no-repeat;
	}
#topnav ul {
	list-style: none;
	}
#topnav li {
	float: left;
	text-align:center;
	}
#topnav li.assoce {
	width:126px;
	}
#topnav li.prest {
	width:132px;
	}
#topnav li.contact {
	width:96px;
	}
#topnav li a {
	display:block;
	padding-top:7px;
	height: 24px;
	color:#fff;
	font-weight: bold;
	}
#topnav li a:hover {
	color: #FF9900;
	text-decoration: none;
	}
.new {
	width: 310px;
	margin: 7px 0 0 20px;
	}
.don {
	clear:both;
	margin-top:15px;
	background: #333;
	color: #fff;
	padding:1px 0 7px 20px;
	}
.new h1 {
	clear:both;
	font-size: 11px;
	margin-top: 13px;
	padding-left: 15px;
	background: url(images/square.gif) no-repeat top left;
	}
.don h1 {
	font-size: 11px;
	margin-top: 10px;
	padding-left: 15px;
	background: url(images/square.gif) no-repeat top left;
	}
.new p, .don p {
	margin-top: 6px;
	padding-left: 15px;
	}
.don p a {
	color:#ffcc00;
	}
.new p.title {
	font-weight: bold;
	color:#AD001D;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	line-height: 140%;
	padding-left: 0;
	}
.new img {
	float:left;
	padding: 0 10px 5px 0;
	}
/* self-clearing floats */
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }