body, html, div, img, p, a, h1, h2, h3, h4, table, tr, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
}
a { outline: 0; }
table { 
	width: 100%; 
	border-collapse: collapse; 
}
td { 
	border-bottom: 1px dashed #a0a0a0; 
	border-top: 1px dashed #a0a0a0;
	padding: 4px;
}
span { display: block; }
.clear-both { clear: both; }
.display-block { display: block; }
.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.texte-aligner-droite { text-align: right; }
.texte-aligner-justifie { text-align: justify; }
.marge-droite-20 { margin-right: 20px; }
.largeur-page { width: 939px; text-align: left; margin: auto; }
.titre {
	height: 22px;
	padding-left: 40px;
	padding-top: 5px;
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	background-image: url(images/onconord-colonne-droite-h2.gif);
	background-repeat: no-repeat;
}
.sous-titre {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #005fc9;
}
.sous-sous-titre {
	font-size: 13px;
	font-weight: bold;
	color: #444444
}
.gras { font-weight: bold; }
#bandeau-haut {
	width: 100%;
	height : 115px;
	background-image: url(images/onconord-bandeau-haut-fond.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: 6px solid #005fc9;
	text-align: center;
	color: #838383;
	font-size: 18px;
}
#bandeau-cente {
	width: 100%;
	background-color: #7fbee1;
	background-image: url(images/onconord-bandeau-centre-fond.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 13px;
	color: #444444;
}
#bandeau-bas {
	width: 100%;
	height: 20px;
	padding-top: 8px;
	border-top: 6px solid #005fc9;
	background-color: #FFFFFF;
	color: #555555;
	font-size: 11px;
	text-align: center;
}
#bandeau-bas a {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}
#bandeau-bas a:hover {
	text-decoration: underline;
}

#menu { text-align: center; padding-top: 14px; padding-bottom: 14px; }
#menu .separation { margin-left: 23px; margin-right: 24px; float: left; }
#menu a { height: 17px; display: block; float: left; }
#menu .preload { display: none; }

#menu a#accueil { width: 56px; background-image: url(images/onconord-menu-accueil.gif); }
#menu a#qui-sommes-nous { width: 152px; background-image: url(images/onconord-menu-qui-sommes-nous.gif); }
#menu a#mieux-vivre-le-cancer { width: 159px; background-image: url(images/onconord-menu-mieux-vivre-le-cancer.gif); }
#menu a#espace-pro { width: 84px; background-image: url(images/onconord-menu-espace-pro.gif); }
#menu a#nous-contacter { width: 116px; background-image: url(images/onconord-menu-nous-contacter.gif); }
#menu a#nos-partenaires { width: 120px; background-image: url(images/onconord-menu-nos-partenaires.gif); }

#menu a:hover#accueil { background-image: url(images/onconord-menu-accueil-hover.gif); }
#menu a:hover#qui-sommes-nous { background-image: url(images/onconord-menu-qui-sommes-nous-hover.gif); }
#menu a:hover#mieux-vivre-le-cancer { background-image: url(images/onconord-menu-mieux-vivre-le-cancer-hover.gif); }
#menu a:hover#espace-pro { background-image: url(images/onconord-menu-espace-pro-hover.gif); }
#menu a:hover#nous-contacter { background-image: url(images/onconord-menu-nous-contacter-hover.gif); }
#menu a:hover#nos-partenaires { background-image: url(images/onconord-menu-nos-partenaires-hover.gif); }

#colonne-gauche { width: 228px; float: left; }
#colonne-droite { 
width: 622px;
padding: 15px;
padding-left: 40px;
padding-right: 40px;
float: right; 
background-color: #FFFFFF; 
background-image: url(images/onconord-colonne-droite-arrondi-haut.gif); 
background-repeat: no-repeat; 
background-position: top; 
}

#colonne-gauche h1 {
	background-image: url(images/onconord-sous-menu-h1.gif);
	width: 212px;
	height: 24px;
	padding-left: 4px;
	padding-top: 3px;
	font-size: 20px;
	font-weight: normal;
	color: #005fc9;
}
#colonne-gauche h2 {
	font-size: 13px;
	color: #005fc9;
}
#colonne-gauche .sous-menu {
	width: 216px;
	padding: 6px;
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(images/onconord-sous-menu-arrondi-haut.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#colonne-gauche .actualites-titre {
	background-image: url(images/onconord-actualites-arrondi-haut.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 6px;
	padding: 6px;
	padding-bottom: 0px;
	text-align: justify;

}
#colonne-gauche .actualites {
	width: 216px;
	padding: 6px;
	padding-top: 0px;
	text-align: justify;
	background-color: #FFFFFF;
	border-top: 1px solid #ffffff;
}
#colonne-gauche .actualites strong {
	margin-bottom: 8px;
	display: block;
}
#colonne-gauche .actualites a {
	font-weight: bold;
	color: #006cb7;
	text-decoration: none;
}
#colonne-gauche .actualites a:hover {
	text-decoration: underline;
}
#colonne-gauche .actualites .lire-la-suite {
	float: right;
	margin-top: 6px;
}
#colonne-gauche .sous-menu ul {
	margin: 0px;
	margin-top : 14px;
	padding-left: 0px;
	margin-left: 0px;
	margin-left: 20px;
}
#colonne-gauche .sous-menu li {
	font-size: 13px;
	list-style-image: url(images/onconord-sous-menu-puce.gif);
	margin-top: 3px;
	margin-bottom: 3px;
}
#colonne-gauche .sous-menu li a {
	color: #006cb7;
	font-weight: bold;
	text-decoration: none;
}
#colonne-gauche .sous-menu li .categorie {
	color: #006cb7;
	font-weight: bold;
	text-decoration: none;
}
#colonne-gauche .sous-menu li a.souligne {
	text-decoration: underline;
}
#colonne-gauche .sous-menu li a:hover {
	text-decoration: underline;
}
/*
#colonne-gauche ul li ul { margin-top: 0px; }
#colonne-gauche ul li ul li {
	font-size: 12px;
	list-style-image: none;
	list-style-type: circle;
}
#colonne-gauche ul li ul li a {
	font-weight: normal;
	color: #444444;
}
*/

#colonne-gauche ul.sous-sous-menu { margin-top: 0px; }
#colonne-gauche .sous-sous-menu li {
	font-size: 12px;
	list-style-image: none;
	list-style-type: circle;
}
#colonne-gauche .sous-sous-menu li a {
	font-weight: normal;
	color: #444444;
}

#colonne-gauche .texte {
	margin: 4px;
	margin-top: 15px;
}


#colonne-droite h1 {
	font-size: 29px;
	font-weight: normal;
	color: #a0a0a0;
	margin-bottom: 8px;
}
#colonne-droite h2 {
	height: 22px;
	padding-left: 40px;
	padding-top: 5px;
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	background-image: url(images/onconord-colonne-droite-h2.gif);
}
#colonne-droite h2 a {
	color: #FFFFFF;
}
#colonne-droite h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #005fc9;
}
#colonne-droite h4 {
	font-size: 13px;
	font-weight: bold;
	color: #444444
}
#colonne-droite li {
	margin-top: 3px;
	margin-bottom: 3px;
}
#colonne-droite a {
	color: #006cb7;
	font-weight: bold;
	text-decoration: none;
}
#colonne-droite a:hover {
	text-decoration: underline;
}
#colonne-droite #chemin-de-fer, #colonne-droite #chemin-de-fer a {
	font-size: 12px;
	color: #a0a0a0;
	text-decoration: none;
	text-transform: uppercase;
}
#colonne-droite #chemin-de-fer a {
	font-weight: bold;
}
#colonne-droite #chemin-de-fer a:hover {
	text-decoration: underline;
}

#colonne-droite .double-colonne {
	width: 240px;
	padding-left: 40px;
	float: left;
}


.calendrier {
	width: 286px;
}
.calendrier .legende {
	width: 20px;
	height: 10px;
}
.calendrier caption {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #005fc9;
	margin-bottom: 6px;
}
.calendrier .active1 {
	background-color: #64b6dc;
}
.calendrier .active2 {
	background-color: #e12f7b;
}
.calendrier .active3 {
	background-color: #bbd61d;
}
.calendrier .active4 {
	background-color: #feae19;
}
.calendrier .active5 {
	background-color: #ec5739;
}
.calendrier-precedent-suivant {
	margin-left: 212px;
}

.contact-coordonnees {
	width: 210px;
	float: left;
}
.contact-formulaire {
	width: 410px;
	float: left;
}
.contact input {
	float: left;
	width: 186px;
	border: 1px solid #999999;
}
.contact textarea {
	width: 390px;
	border: 1px solid #999999;
}
.contact .champ {
	float: left;
	width: 202px;
	margin-bottom: 5px;
}
.contact .bouton {
	color: #006cb7;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 0px;
	width: 100px;
	margin-top: 8px;
	margin-left: 150px;
}