/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #DCDADA;
	font-family: Arial, Helvetica;
	color: black;
	font-size: 12px;
}

img {
	border: none;
}

*+html img {
	margin-bottom: -3px;
}

* html img {
	margin-bottom: -3px;
}

img.right {
	float: right;
	margin: 0 0 5px 15px;
}

h1 {
	margin: 0 0 20px;
	color: #003366;
	font-size: 18px;
}

h2 {
	margin: 20px 0 10px;
	color: #003366;
	font-size: 13px;
}

h3 {
	margin: 0 0 5px;
	color: black;
	font-size: 12px;
}


p {
	margin: 0 0 15px;
	line-height: 14px;
}

.clear {
	clear: both;
}

.erreur {
	color: red;
}

a:link, a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover, .sel  {
	color: #CC9933 !important;
}

.texte a:hover {
	background:  #C26e20;
	color: white !important;

}


a.pdf{
background: url(../images/pdf.gif) no-repeat left top !important;
padding-left: 20px;
height: 15px;
line-height: 15px;
}

a.pdf:hover  {
	color: black !important;
}

ul, ul li {
	list-style: none;
}

ul.bullet {
	list-style: disc;
	margin: 0 0 15px 30px;
}

ul.bullet li {
	list-style: disc;
	margin-bottom: 3px;
}


#page {
width: 950px; 
margin: 0 auto;
text-align: left;
background: white;
position: relative;
border-right: 15px solid #B8B7B7;
border-left: 15px solid #B8B7B7;
border-bottom: 1px solid #B8B7B7;
}

div.wrap{
padding: 10px;
}

#content div.wrap{
padding: 20px 10px 20px 20px;
}


/* Entete  =================================================================*/

#entete {
	background: url(/images/bg_entete.jpg) no-repeat right top;
	text-align: right;
}

#logo {
	float: left;
	margin: 22px 10px 0;
}

ul#menu1 {
	height: 30px;
	border-top: 2px solid #003366;
	border-bottom: 1px solid #003366;
	padding-left: 10px;
}

ul#menu1 li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	margin-right: 20px;
}

ul#menu1 li a:link, ul#menu1 li a:visited {
background: url(/images/puce_menu.gif) no-repeat 0 11px;
display: block;
padding: 0 15px;
}

ul#menu1 li a:hover, ul#menu1 li a.sel{
background: url(/images/puce_menu_on.gif) no-repeat 0 11px;
}

ul#menu2 {
	background: #E1E8F0;
	border-top: 8px solid white;
	padding-bottom: 10px;
}

ul#menu2 li {
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0 10px;
}

ul#menu2 li.titre {
	background: #336699;
	color: white;
	text-transform: uppercase;
	padding: 5px 10px;
}


/* Gauche  =================================================================*/
#left {
float: left;
width: 180px;
background: url(/images/bg_left.jpg) no-repeat left bottom #F1E2B7; 
min-height: 520px;
height: auto !important;
height: 520px;
}

div.acces{
text-align: right;
font-size: 11px;
}

div.acces h2{
margin-top: 10px;
}

div.acces input{
width: 157px;
padding: 2px 0;
color: #003366;
}

div.acces p {
margin-bottom: 8px;
}

div.acces p.gauche {
text-align: left !important;
}


div.acces label {
lne-height: 13px;
text-align: left;
display: block;
}

div.acces h2 {
text-align: left;
}

div.acces input.submit {
width: 31px;
height: 25px;
background: url(/images/okorange.gif) no-repeat left top;
border: 0;
cursor: pointer;
}

div.acces input.recuperer {
width: 80px !important;
font-size: 11px;
padding: 0 !important;
}

#left .commanditaires{
margin-top: 100px;
display: none;
}

/* Corps  =================================================================*/
#corps {
}

#content {
float: left;
width: 61%;
border-left: 1px solid #003366;
min-height: 520px;
height: auto !important;
height: 520px;
}

#content.large {
width: 75%;
}

#content #texte{
margin-right: 183px;
}


/* Droite  =================================================================*/

#right {
background: url(/images/bg_right.jpg) repeat-x left bottom #EDDBA6; 
float: right;
width: 180px;
min-height: 500px;
height: auto !important;
height: 500px;
}

div.bulletin {
background: #DCDADA; 
padding: 15px 10px 5px;
}


div.bulletin iframe {
width: 157px;
height: 185px;
}

div.calendrier {
background: #E1E8F0;
border-top: 8px solid white;
padding: 10px 0;
}

div.calendrier h2, div.calendrier p {
margin: 0 10px 10px;
}

div.calendrier table {
margin-bottom: 10px;
border: 0 !important;
width: 100%;
}

div.calendrier .title {
border: 4px solid #E1E8F0 !important;
margin: 0;
}

div.calendrier table.title td {
font-weight: bold;
color: #336699 !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

div.calendrier table td {
padding: 2px;
background-color: #E1E8F0 !important;
border-bottom: 5px solid #E1E8F0;
}

div.calendrier table a:link, div.calendrier table a:visited {
color: #336699 !important;
}

div.calendrier table a:hover {
color: #CC9933 !important;
}

div.calendrier .days {
border: 0 !important;
color: #E1E8F0;
font-size: 0;
}

div.calendrier .today {
font-weight: bold;
}

div.calendrier .other, div.calendrier .day, div.calendrier .today {
background: #BECEDF !important;
}

div.calendrier .event {
background: #336699!important;
}

div.calendrier td.event a:link, div.calendrier td.event a:visited {
color: white !important;
font-weight: bold;
}

div.calendrier td.event a:hover {
	color: #CC9933 !important;
}


div.calendrier .other a:link, div.calendrier .other a:visited, div.calendrier .other a:hover {
color: #E1E8F0 !important;
}

/* Activités =================================================================*/

dl.activites  {
	width: 345px;
}

dl.activites dt {
	font-weight: bold;
	font-size: 13px;
	color: #003366;
	margin-bottom: 5px;
}

dl.activites dd {
	margin-bottom: 10px;
}

dl.activites dd.boutons {
	margin-bottom: 30px;
}

dl.activites dd.boutons a{
	height: 19px;
	margin-right: 15px;
	padding-left: 15px;
}

dl.activites dd.boutons a.detail {
	background: url(/images/icones/detail.gif) no-repeat left bottom;
}

dl.activites dd.boutons a.inscription {
	background: url(/images/icones/inscription.gif) no-repeat left bottom;
	font-weight: bold;
}

p.boutons a.inscription {
	background: url(/images/icones/inscription.gif) no-repeat left bottom;
height: 19px;
margin-left: 15px;
padding-left: 15px;
font-weight: bold;
}

dl.autresactivites  {
	float: right;
	width: 150px;
	background: url(../images/bg_autresacti.jpg) repeat-x left top;
	padding: 10px;
	font-size: 11px;
}

.autresactivites dt {
	font-weight: bold;
	margin-top: 10px;
	color: #003366;	
}

.autresactivites dd {
	font-size: 11px;
	
}

.autresactivites dt.titre {
	font-size: 15px;
	margin: 0 0 10px;
}


/* Membres  =================================================================*/

dl.membres dt {
	font-weight: bold;
	line-height: 15px;
}

dl.membres dd {
	margin-bottom: 8px;
	font-size: 11px;
}

/* Publications et liens  =================================================================*/

ul.liens li  {
	margin-bottom: 10px;
}

ul.liens  {
	margin-bottom: 30px;
}


/* Contact  =================================================================*/


.formcorps fieldset {
	background-color: #F8F8F8;
	margin-bottom: 15px;
	border: 0;
	color: #666;
	padding: 10px 5px;
	}

#page.activites .formcorps {
	width: 335px !important;
float: left;
	}

.formcorps p.legend {
font-weight: bold;
padding: 2px 0;
display: block;
text-align: left;
font-size: 13px;
}

p.submit {
	text-align: right;
	padding: 10px 0;
	}

p.submit input {
	width: 80px !important;
	}
	
.formcorps p.info {
margin: -10px 0 10px 130px;
font-size: 11px;
}

.formcorps p {
margin: 0 0 10px 12px;
}	

.formcorps label {
	width: 160px;
	float: left;
	line-height: 20px;
	}	

#page.activites .formcorps label {
	width: 135px;
	}


.formcorps input, .formcorps select {
	margin-left: 5px;
	font-size: 11px;
	width: 185px;
	}	

#page.activites .formcorps input, #page.activites .formcorps select {
	width: 165px;
	}

.formcorps span.radiob {
	float: left;
	display: block;
	padding-bottom: 3px;
	}	
	
.formcorps span.radiob input, .formcorps span.checkb input{
	width: 10px !important;
	margin-right: 5px;
	}	

.formcorps span.radiob label  {
	float: none;
	margin-right: 10px;
	}	

.formcorps textarea {
	margin-left: 5px;
	font-size: 11px;
	width: 490px;
	}	

/* Pied  =================================================================*/

#pied  {
	clear: both;
	line-height: 18px;
}