/* --- GENERAL --- */
body {
	margin: 0;
	background-color: #c0c0c0;
	font: normal 12px Arial;
	color: #fff;
}
img {
	border: none;
	margin: 0;
}
.Header {
	margin: 0 auto;
	width: 1000px;
	height: 191px;
	background-color: #37393b;
}
.Header .logo {
	float: left;
	width: 312px;
}
.Header .flash {
	float: left;
	width: 688px;
}
.Page {
	margin: 0 auto;
	width: 1000px;
}

/* --- COLONNE GAUCHE --- */
.LeftCol {
	float: right;
	width: 311px;
	height: 580px;
	background-color: #37393b;
	text-align: center;
}
html>body .LeftCol {
	width: 312px;
}
.LeftCol a {
	outline: 0;
}

/* --- AGENDA --- */
.LeftCol .agendaBox {
	width: 244px;
	margin: 10px 0 5px 0;
	text-align: left;
}
html>body .LeftCol .agendaBox {
	margin: 10px 0 0 34px;
}
.LeftCol .agendaBox .agendaTop {
	height: 100px;
	background: transparent url(../../imagerie/agenda/agenda_bg_top.gif) no-repeat;
}
.LeftCol .agendaBox .agendaTop .today {
	float: right;
	z-index: 10;
}
.LeftCol .agendaBox .agendaBottom {
	height: 111px;
	padding: 10px 0 0 16px;
	background: transparent url(../../imagerie/agenda/agenda_bg_bottom.gif) no-repeat;
}
.LeftCol .agendaBox h2 {
	margin: 0;
	width: 140px;
	height: 80px;
	background: transparent url(../../imagerie/agenda/agenda.gif) no-repeat 10px 30px;
	text-indent: -9000px;
}
.LeftCol .agendaBox .listEvents {
	margin: 0;
	padding: 0 12px;
	width: 220px;
	list-style-type: none;
	background: transparent url(../../imagerie/agenda/agenda_bg_middle.gif) repeat-y;
}
.LeftCol .agendaBox .listEvents a {
	text-decoration: none;
	color: #fff;
}
.LeftCol .agendaBox li {
	padding: 6px 0 0 30px;
	height: 20px;
	border-bottom: 2px solid #37393b;
	text-transform: uppercase;
}
.LeftCol .agendaBox .org {
	display: block;
	float: left;
	width: 125px;
	font-weight: bold;
}
.LeftCol .agendaBox li.forum {
	background: transparent url(../../imagerie/agenda/picto_forum_mini.gif) no-repeat 0 4px;
}
.LeftCol .agendaBox li.ag {
	background: transparent url(../../imagerie/agenda/picto_ag_mini.gif) no-repeat 0 4px;
}
.LeftCol .agendaBox li.animation {
	background: transparent url(../../imagerie/agenda/picto_anim_mini.gif) no-repeat 0 4px;
}
.LeftCol .agendaBox li.conference {
	background: transparent url(../../imagerie/agenda/picto_conf_mini.gif) no-repeat 0 4px;
}
.LeftCol .agendaBox li.formation {
	background: transparent url(../../imagerie/agenda/picto_forma_mini.gif) no-repeat 0 4px;
}
.LeftCol .agendaBox a.showAll {
	display: block;
	width: 211px;
	height: 29px;
	background: transparent url(../../imagerie/agenda/bt_agenda.gif) no-repeat;
	text-indent: -9000px;
}
.LeftCol .agendaBox a.showAll:hover {
	background: transparent url(../../imagerie/agenda/bt_agenda_on.gif) no-repeat;
}
.LeftCol .agendaBox a.annonce {
	display: block;
	width: 210px;
	height: 50px;
	background: transparent url(../../imagerie/agenda/bt_annonce.png) no-repeat;
	text-indent: -9000px;
}
.LeftCol .agendaBox a.annonce:hover {
	background: transparent url(../../imagerie/agenda/bt_annonce_on.png) no-repeat;
}
.LeftCol a.contactbox {
	display: block;
	width: 220px;
	height: 50px;
	margin: 5px 0 0 0;
	background: transparent url(../../imagerie/agenda/bt_contact.gif) no-repeat;
	text-indent: -9000px;
}
html>body .LeftCol a.contactbox {
	margin: 5px 0 0 50px;
}
.LeftCol a.contactbox:hover {
	background: transparent url(../../imagerie/agenda/bt_contact_on.gif) no-repeat;
}

/* --- COLONNE DROITE --- */
.RightCol {
	float: right;
	width: 686px;
	height: 580px;
	background-color: #37393b;
	border-left: 2px solid #4b4d4f;
}

/* --- NAV --- */
.RightCol .nav {
	list-style-type: none;
	margin: 12px 0 0 30px;
	padding: 0;
}
.RightCol .nav li {
	float: left;
	margin-right: 10px;
	text-indent: -9000px;
}
.RightCol .nav li a {
	display: block;
	width: 121px;
	height: 30px;
	outline: 0;
}
.RightCol .nav a.menu1 {
	background: transparent url(../../imagerie/commun/menu1.gif) no-repeat;
}
.RightCol .nav a.menu1_on {
	background: transparent url(../../imagerie/commun/menu1_on.gif) no-repeat;
}
.RightCol .nav a.menu1:hover {
	background: transparent url(../../imagerie/commun/menu1_on.gif) no-repeat;
}
.RightCol .nav a.menu2 {
	background: transparent url(../../imagerie/commun/menu2.gif) no-repeat;
}
.RightCol .nav a.menu2_on {
	background: transparent url(../../imagerie/commun/menu2_on.gif) no-repeat;
}
.RightCol .nav a.menu2:hover {
	background: transparent url(../../imagerie/commun/menu2_on.gif) no-repeat;
}
.RightCol .nav a.menu3_on {
	background: transparent url(../../imagerie/commun/menu3_on.gif) no-repeat;
}
.RightCol .nav a.menu3 {
	background: transparent url(../../imagerie/commun/menu3.gif) no-repeat;
}
.RightCol .nav a.menu3:hover {
	background: transparent url(../../imagerie/commun/menu3_on.gif) no-repeat;
}
.RightCol .nav a.menu4 {
	background: transparent url(../../imagerie/commun/menu4.gif) no-repeat;
}
.RightCol .nav a.menu4_on {
	background: transparent url(../../imagerie/commun/menu4_on.gif) no-repeat;
}
.RightCol .nav a.menu4:hover {
	background: transparent url(../../imagerie/commun/menu4_on.gif) no-repeat;
}

/* --- CONTENU --- */
/* home */
.RightCol h1.index {
	float: left;
	margin: 15px 0 0 16px;
	width: 623px;
	height: 100px;
	background: transparent url(../../imagerie/commun/header_guide.gif) no-repeat;
	border-top: 2px solid #667172;
	border-bottom: 2px solid #667172;
	text-indent: -9000px;
}
html>body .RightCol h1.index {
	margin: 15px 0 0 32px;
}
.RightCol p {
	float: left;
	margin: 10px 0 0 16px;
	width: 623px;
	padding-bottom: 10px;
	border-bottom: 2px solid #667172;
	text-align: justify;
}
html>body .RightCol p {
	margin: 10px 0 0 32px;
}
.RightCol h3 {
	margin: 20px 0 15px;
	font: bold 12px Arial;
}
.RightCol .banniere {
	float: left;
	height: 83px;
	margin-left: 30px;
}
.RightCol .partHome {
	float: left;
	margin-right: 5px;
}

/* liste associations */
.RightCol .listAsso {
	float: left;
	margin: 20px 0 0 14px;
	padding: 0 10px 0 0;
	width: 640px;
	height: 475px;
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
}
html>body .RightCol .listAsso {
	margin: 20px 0 0 30px;
}
.RightCol .listAsso li {
	margin-bottom: 10px;
	padding-left: 35px;
	height: 50px;
	background: transparent url(../../imagerie/commun/fleche.gif) no-repeat top left;
}
.RightCol .listAsso .asso {
	display: block;
	padding-top: 5px;
}
.RightCol .listAsso .asso a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #e49f2c;
}
.RightCol .listAsso .asso a:hover {
	text-decoration: underline;
}
.RightCol .listAsso .logo {
	float: right;
}

/* fiche association */
.RightCol .fiche {
	float: left;
	margin: 20px 0 0 14px;
	padding-right: 10px;
	width: 640px;
	height: 475px;
	overflow-x: hidden;
	overflow-y: auto;
}
.RightCol .minifiche {
	height: 400px;
}
html>body .RightCol .fiche {
	margin: 20px 0 0 30px;
}
.RightCol .fiche h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.RightCol .fiche h3 {
	font-weight: normal;
}
.RightCol .fiche h3.org {
	margin: 0 0 10px 0;
}
.RightCol .fiche h3.theme {
	float: right;
	margin: 0 15px 10px 0;
}
.RightCol .fiche a {
	text-decoration: none;
	color: #2195cf;
	font-weight: bold;
}
.RightCol .fiche a:hover {
	text-decoration: underline;
}
.RightCol .fiche .logo {
	float: right;
	margin-right: 20px;
}
.RightCol .fiche p {
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	text-align: left;
}
.RightCol .fiche p.desc {
	text-align: justify;
}
.RightCol .fiche .retour {
	display: block;
	width: 91px;
	height: 29px;
	background: transparent url(../../imagerie/commun/bt_retour.gif) no-repeat;
	outline: 0;
	text-indent: -9000px;
}
.RightCol .fiche .retour:hover {
	background: transparent url(../../imagerie/commun/bt_retour_on.gif) no-repeat;
}

/* tout l'agenda */
.RightCol h1.agenda {
	float: left;
	margin: 15px 0 0 16px;
	width: 623px;
	height: 60px;
	background: transparent url(../../imagerie/agenda/header_agenda.gif) no-repeat;
	border-top: 2px solid #667172;
	border-bottom: 2px solid #667172;
	text-indent: -9000px;
}
html>body .RightCol h1.agenda {
	margin: 15px 0 0 32px;
}
.RightCol .listEvents {
	float: left;
	width: 625px;
	height: 310px;
	margin: 30px 0 0 14px;
	padding: 0;
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
}
html>body .RightCol .listEvents {
	margin: 30px 0 0 30px;
}
.RightCol .listEvents li {
	width: 570px;
	height: 20px;
	margin-bottom: 5px;
	padding: 3px 0 0 30px;
}
.RightCol .listEvents .odd {
	background-color: #a73b8c;
}
.RightCol .listEvents .even {
	background-color: #7b1d6f;
}
.RightCol .listEvents .noEvent {
	background-color: #a73b8c;
	font-weight: bold;
}
.RightCol .listEvents li.forum-odd {
	background: transparent url(../../imagerie/agenda/bg_forum_odd.gif) no-repeat 0 0;
}
.RightCol .listEvents li.forum-even {
	background: transparent url(../../imagerie/agenda/bg_forum_even.gif) no-repeat 0 0;
}
.RightCol .listEvents li.ag-odd {
	background: transparent url(../../imagerie/agenda/bg_ag_odd.gif) no-repeat 0 0;
}
.RightCol .listEvents li.ag-even {
	background: transparent url(../../imagerie/agenda/bg_ag_even.gif) no-repeat 0 0;
}
.RightCol .listEvents li.animation-odd {
	background: transparent url(../../imagerie/agenda/bg_anim_odd.gif) no-repeat 0 0;
}
.RightCol .listEvents li.animation-even {
	background: transparent url(../../imagerie/agenda/bg_anim_even.gif) no-repeat 0 0;
}
.RightCol .listEvents li.conference-odd {
	background: transparent url(../../imagerie/agenda/bg_conf_odd.gif) no-repeat 0 0;
}
.RightCol .listEvents li.conference-even {
	background: transparent url(../../imagerie/agenda/bg_conf_even.gif) no-repeat 0 0;
}
.RightCol .listEvents li.formation-odd {
	background: transparent url(../../imagerie/agenda/bg_forma_odd.gif) no-repeat 0 0;
}
.RightCol .listEvents li.formation-even {
	background: transparent url(../../imagerie/agenda/bg_forma_even.gif) no-repeat 0 0;
}
.RightCol .listEvents span {
	float: left;
}
.RightCol .listEvents .org {
	width: 120px;
	font-weight: bold;
}
.RightCol .listEvents .date {
	width: 100px;
	font-weight: bold;
}
.RightCol .listEvents .desc {
	width: 295px;
	padding-right: 5px;
}
.RightCol .listEvents a {
	text-decoration: none;
	color: #ffed00;
	font-weight: bold;
}
.RightCol .listEvents a:hover {
	text-decoration: underline;
}
.RightCol .filtre {
	float: left;
	width: 600px;
	height: 62px;
	margin: 20px 0 0 14px;
}
html>body .RightCol .filtre {
	margin: 20px 0 0 30px;
}
.RightCol .bottomLink {
	float: left;
	margin: 0;
	height: 65px;
	text-indent: -9000px;
	outline: 0;
}
.RightCol a.forum {
	width: 120px;
	background: transparent url(../../imagerie/agenda/bt_forum.gif) no-repeat;
}
.RightCol a.forum:hover, .RightCol a.forum-on {
	background: transparent url(../../imagerie/agenda/bt_forum_on.gif) no-repeat;
}
.RightCol a.ag {
	width: 119px;
	background: transparent url(../../imagerie/agenda/bt_ag.gif) no-repeat;
}
.RightCol a.ag:hover, .RightCol a.ag-on {
	background: transparent url(../../imagerie/agenda/bt_ag_on.gif) no-repeat;
}
.RightCol a.animation {
	width: 119px;
	background: transparent url(../../imagerie/agenda/bt_animation.gif) no-repeat;
}
.RightCol a.animation:hover, .RightCol a.animation-on {
	background: transparent url(../../imagerie/agenda/bt_animation_on.gif) no-repeat;
}
.RightCol a.conference {
	width: 120px;
	background: transparent url(../../imagerie/agenda/bt_conference.gif) no-repeat;
}
.RightCol a.conference:hover, .RightCol a.conference-on {
	background: transparent url(../../imagerie/agenda/bt_conference_on.gif) no-repeat;
}
.RightCol a.formation {
	width: 122px;
	background: transparent url(../../imagerie/agenda/bt_formation.gif) no-repeat;
}
.RightCol a.formation:hover, .RightCol a.formation-on {
	background: transparent url(../../imagerie/agenda/bt_formation_on.gif) no-repeat;
}

/* evenement */
.RightCol h1.evenement {
	float: left;
	margin: 15px 0 0 16px;
	width: 623px;
	height: 60px;
	background: transparent url(../../imagerie/agenda/header_evenement.gif) no-repeat;
	border-top: 2px solid #667172;
	border-bottom: 2px solid #667172;
	text-indent: -9000px;
}
html>body .RightCol h1.evenement {
	margin: 15px 0 0 32px;
}

/* formulaire */
.RightCol h1.annonce {
	float: left;
	margin: 15px 0 0 16px;
	width: 623px;
	height: 60px;
	background: transparent url(../../imagerie/agenda/header_annonce.gif) no-repeat;
	border-top: 2px solid #667172;
	border-bottom: 2px solid #667172;
	text-indent: -9000px;
}
html>body .RightCol h1.annonce {
	margin: 15px 0 0 32px;
}
.RightCol form {
	float: left;
	width: 625px;
	margin: 15px 0 0 14px;
}
html>body .RightCol form {
	margin: 15px 0 0 30px;
}
.RightCol fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.RightCol input {
	width: 613px;
	margin-bottom: 10px;
	padding: 1px 5px;
	border: 1px solid #bfbfc1;
}
.RightCol input.date {
	width: 150px;
}
.RightCol input.contact {
	width: 295px;
}
.RightCol input.telephone {
	float: right;
	width: 295px;
}
.RightCol input.emailconfirm {
	width: 295px;
}
.RightCol input.valid {
	float: right;
	width: 111px;
	height: 29px;
	background: transparent url(../../imagerie/commun/bt_valid.gif) no-repeat;
	border: 0;
	cursor: pointer;
	outline: 0;
	text-indent: -9000px;
}
.RightCol select {
	margin-bottom: 15px;
	border: 0;
	background-color: #a73b8c;
	color: #fff;
}
.RightCol select.long {
	width: 295px;
}
.RightCol select.short {
	float: right;
	width: 175px;
}
.RightCol textarea {
	width: 615px;
	height: 90px;
	margin-bottom: 10px;
	padding: 1px 4px;
	border: 1px solid #bfbfc1;
	font: normal 12px Arial;
}
.RightCol label {
	display: none;
}
.RightCol p.error {
	border: none;
	width: 610px;
	padding: 2px 6px;
	text-align: left;
	background-color: #cf0d2b;
}

/* confirmation */
.RightCol .confirm {
	float: left;
	margin: 10px 0 0 14px;
	width: 625px;
}
html>body .RightCol .confirm {
	margin: 10px 0 0 30px;
}
.RightCol .confirm h2 {
	margin: 0;
	font-size: 16px;
}
.RightCol .confirm p {
	margin: 20px 0 0 0;
	border-bottom: none;
}
.RightCol .confirm a {
	color: #fff;
}

/* --- POPIN --- */
/* mode emploi */
.Popin {
	display: none;
	position: absolute;
	top: 130px;
	left: 38%;
	width: 460px;
	z-index: 1000;
}
.Popin a.close {
	float: right;
	text-decoration: none;
	color: #fff;
}
.Popin a.close:hover {
	color: #ccc;
}
.Popin p {
	margin: 0;
}
.Popin .top {
	padding: 10px 20px 0 20px;
	height: 30px;
	background: transparent url(../../imagerie/commun/boxtop.png) no-repeat;
	font-size: 16px;
	font-weight: bold;
}
.Popin .middle {
	padding: 0 20px 10px 20px;
	background: transparent url(../../imagerie/commun/boxmiddle.png) repeat-y;
	text-align: justify;
}
.Popin .bottom {
	height: 10px;
	background: transparent url(../../imagerie/commun/boxbottom.png) no-repeat;
}

/* contact */
.Contact {
	display: none;
	position: absolute;
	top: 130px;
	left: 38%;
	width: 460px;
	z-index: 1000;
}
.Contact a.close {
	float: right;
	text-decoration: none;
	color: #fff;
}
.Contact a.close:hover {
	color: #ccc;
}
.Contact p {
	margin: 0;
}
.Contact .top {
	padding: 10px 20px 0 20px;
	height: 30px;
	background: transparent url(../../imagerie/commun/boxtop.png) no-repeat;
	font-size: 16px;
	font-weight: bold;
}
.Contact form {
	margin: 0;
	padding: 0 20px 5px;
	background: transparent url(../../imagerie/commun/boxmiddle.png) repeat-y;
	text-align: justify;
}
.Contact p.msg {
	padding: 0 20px 10px;
	background: transparent url(../../imagerie/commun/boxmiddle.png) repeat-y;
	text-align: center;
}
.Contact label {
	float: left;
	width: 100px;
}
.Contact input, .Contact textarea {
	width: 300px;
	margin-bottom: 10px;
	padding: 1px 4px;
	border: 1px solid #37393b;
}
.Contact textarea {
	font: normal 12px Arial;
}
.Contact #submitMsg , .Contact #cancelMsg {
	width: 90px;
	height: 28px;
	border: none;
	cursor: pointer;
	text-indent: -9000px;
}
.Contact #submitMsg {
	margin-left: 100px;
	background: transparent url(../../imagerie/commun/bt_envoyer.gif) no-repeat;
}
.Contact #cancelMsg {
	margin-left: 10px;
	background: transparent url(../../imagerie/commun/bt_annuler.gif) no-repeat;
}
.Contact .bottom {
	height: 10px;
	background: transparent url(../../imagerie/commun/boxbottom.png) no-repeat;
}

/* --- FOOTER --- */
.Footer {
	clear: both;
	margin: 0 auto;
	width: 1000px;
	height: 22px;
	background: #202326 url(../../imagerie/commun/footer.gif) no-repeat;
	text-align: right;
}
.Footer p {
	padding: 3px 38px;
	font-size: 11px;
	font-weight: bold;
	color: #687577;
}
.Footer a {
	color: #687577;
	text-decoration: none;
}
.Footer a:hover {
	text-decoration: underline;
}