/* CSS Document */
/* -------------------------------------------------------------------- Titres et pointillés */
	#right #main h1 {
		color:#818284;
		font-size:1.3em;
		text-indent:10px
	}
	#right #main h2 {
		text-transform:uppercase;
		text-indent:10px;
		font-size:1.3em
	}
	#right #main div.dotted {
		float:left;
		width:100%;
		background:url(../img/basics/dotted.gif) repeat-x center;
		font-size:0em;
		padding:8px 0
	}
	.obligation {
		float:left;
		display:block;
		width:100%;
		padding:5px 0 0 0;
		color:#db1723
	}
/* -------------------------------------------------------------------- Couleurs */
	.red {color:#db1723}
	a.red {text-decoration:underline}
	a:hover.red {text-decoration:none}
	.purple {color:#b90380}
	.bleu_t {color:#2f8ba0}
/* -------------------------------------------------------------------- Structure */
	#right #main {
		width:575px;
		padding:18px 10px 15px 30px
	}
/* ------------------------ Gauche */
	#right #main #gauche {
		float:left;
		width:383px;
		padding:0 5px 0 10px
	}
/* ------------------------ Droite */
	#right #main #droite {
		float:left;
		width:166px;
		padding:20px 0 10px 10px
	}
	#right #main #droite ul li {
		background:url(../img/basics/puceO.gif) no-repeat 0 6px;
		padding:0 0 0 7px
	}
	#right #main #droite ul li a {color:#212026}
	#right #main #droite ul li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------- Boîte contenant label + champs + commentaire */
	#right #main div.contenu {padding:0 0 0 10px}
/* -------------------------------------------------------------------- Label */
	#right #main div.contenu label.label {
		float:left;
		display:block;
		line-height:18px
	}
	#right #main div.contenu label.normal {width:90px}
	#right #main div.contenu label.long {width:125px}
	#right #main div.contenu label.plus_long {width:160px}
	#right #main div.contenu label.tres_long {width:210px}
/* -------------------------------------------------------------------- Champs et listes */
	#right #main span#obligatoire {
		float:left;
		display:block;
		width:100%;
		padding:10px 0 5px 0;
		color:#db1723;
		text-indent:10px
	}
	#right #main span.error {
		float:left;
		display:block;
		width:90%;
		padding:0 0 5px 10px;
		color:#db1723
	}
	#right #main div.contenu span.obligatoire {color:#db1723}
	#right #main span.rubrique {
		display:block;
		float:left;
		width:100%;
		padding:10px 0;
		font-weight:bold
	}
	#right #main span.rubrique select {
		height:18px;
		padding:0 0 0 3px;
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		border:solid 1px #525254;
		margin:0 0 0 58px
	}
	#right #main div.contenu input.champs {
		height:16px;
		padding:2px 0 0 3px;
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		border:solid 1px #525254
	}
	#right #main div.contenu input.normal {width:172px}
	#right #main div.contenu textarea {
		width:250px;
		height:70px;
		padding:2px 0 0 3px;
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		border:solid 1px #525254
	}
	#right #main div.contenu select {
		height:18px;
		padding:0 0 0 3px;
		font-family:arial, helvetica, sans-serif;
		font-size:1em;
		border:solid 1px #525254
	}
	#right #main div.contenu select option {padding:0 8px 0 0}
/* -------------------------------------------------------------------- Checkbox */
	#right #main div.contenu table {padding:5px 0 0 0}
	#right #main div.contenu table tr td {padding:0 50px 4px 0}
	* html #right #main div.contenu table tr td {padding:0 50px 0 0}
	#right #main div.contenu div.public table tr td {padding:0 10px 4px 0}
	* html #right #main div.contenu div.public table tr td {padding:0 10px 0 0}
	#right #main div.contenu table tr td label {
		color:#ff9c00;
		padding:0 0 0 5px
	}
	* html #right #main div.contenu table tr td label {padding:0 0 0 2px}
	#right #main div.contenu div.public table tr td label {color:#000}
/* -------------------------------------------------------------------- Commentaire */
	#right #main div.contenu p.commentaire {
		color:#818181;
		font-size:.9em;
		padding:4px 0 0 0;
		text-align:justify
	}
	#right #main div.contenu p.commentaire a {
		color:#818181;
		text-decoration:underline
	}
	#right #main div.contenu p.commentaire a:hover {text-decoration:none}
/* -------------------------------------------------------------------- Boutons */
	div.bt_rechercher {
		float:left;
		width:95%;
		padding:0 5% 0 0;
		text-align:right
	}
	div.bt_retour {
		float:left;
		width:100%;
		padding:20px 0 0 0
	}
	div.bt_inscription {
		float:left;
		width:315px;
		padding:20px 0 0 260px
	}
	div.bt_accepte {
		width:100%;
		text-align:center;
		padding:20px 0 10px 0
	}
	div.actions {
		width:100%;
		height:19px;
		margin:15px 0 0 0
	}
	div.bt_ajouter {
		float:left;
		width:95%;
		padding:20px 5% 0 0;
		text-align:right
	}
/* -------------------------------------------------------------------- Résultat de la recherche */
	#right #main span.resultat {
		display:block;
		text-indent:10px;
		color:#db1723
	}
/* ------------------------ Infos sur 2 colonnes */
	#right #main .half {
		float:left;
		width:47%;
		padding:0 2% 0 0
	}
	#right #main .half img {
		margin:0 5px 0 0
	}
	#right #main .half span.ville {
		text-transform:uppercase;
		color:#818284;
		font-weight:bold;
		display:block;
		clear:both;
		text-indent:20px
	}
	#right #main .half span.adresse {
		display:block;
		clear:both;
		text-indent:20px
	}
	#right #main .half span.type {
		background:#fce0b4;
		width:100%;
		display:block;
		padding:2px 0;
		text-indent:5px;
		margin:20px 0 5px 0;
		min-height:14px
	}
/* -------------------------------------------------------------------- Détail */
	#right #main span.detail {
		display:block;
		text-indent:10px;
		color:#db1723;
		font-weight:bold
	}
/* ------------------------ Navigation */
	#right #main ul#onglets {
		float:left;
		width:100%;
		border-bottom:solid 1px #b90380;
		padding:10px 0 0 0
	}
	#right #main ul#onglets li {
		float:left;
		margin:0 5px 0 0
	}
	#right #main ul#onglets li a.normal {
		display:block;
		width:65px;
		height:16px;
		background:url(../img/bt/onglet_p_off.gif);
		color:#b90380;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets li a:hover {
		text-decoration:underline;
		color:#fff
	}
	#right #main ul#onglets li a.selected {
		display:block;
		width:65px;
		height:16px;
		background:url(../img/bt/onglet_p_on.gif);color:#fff;
		font-weight:bold;
		color:#fff;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets li a:hover.selected {
		text-decoration:none;
		cursor:default
	}
/* bleu turquoise */
	#right #main ul#onglets_bt {
		float:left;
		width:100%;
		border-bottom:solid 1px #2e8aa1;
		margin:0 0 10px 0
	}
	#right #main ul#onglets_bt li {
		float:left;
		margin:0 5px 0 0
	}
	#right #main ul#onglets_bt li a.normal {
		display:block;
		width:65px;
		height:16px;
		background:url(../img/bt/onglet_bt_off.gif);
		color:#1d6c80;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets_bt li a.long {
		display:block;
		width:100px;
		height:16px;
		background:url(../img/bt/onglet_bt_long_off.gif);
		color:#1d6c80;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets_bt li a:hover {
		text-decoration:underline;
		color:#fff
	}
	#right #main ul#onglets_bt li a.selected {
		display:block;
		width:65px;
		height:16px;
		background:url(../img/bt/onglet_bt_on.gif);
		font-weight:bold;
		color:#fff;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets_bt li a.long_selected {
		display:block;
		width:100px;
		height:16px;
		background:url(../img/bt/onglet_bt_long_on.gif);
		font-weight:bold;
		color:#fff;
		text-align:center;
		padding:3px 0 0 0
	}
	#right #main ul#onglets_bt li a:hover.selected, #right #main ul#onglets_bt li a.long_selected {
		text-decoration:none;
		cursor:default
	}
/* ------------------------ Infos */
	#right #main ul#identite {
		float:left;
		width:100%;
		padding:10px 0;
		border-bottom:solid 1px #b90380
	}
	#right #main ul#association, #right #main ul#equipement {
		float:left;
		padding:10px 20px;
		clear:both;
		width:40%
	}
	#right #main ul#identite li, ul#association li, ul#equipement li {margin:0 0 3px 0}
	#right #main ul#identite li span.intitule, ul#association li span.intitule, ul#equipement li span.intitule {color:#818284}
	#right #main ul#identite li.dotted {
		background:url(../img/basics/dotted_infos.gif) no-repeat left bottom;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	#right #main ul#identite li a, ul#association li a, ul#equipement li a {text-decoration:underline}
	#right #main ul#identite li a:hover, ul#association li a:hover, ul#equipement li a:hover {text-decoration:none}
	#right #main img.picture {
		float:left;
		border:solid 1px #3b92a6;
		padding:2px;
		margin:0 0 10px 0
	}
	#right #main #reste_infos {
		float:left;
		width:555px;
		padding:0 0 0 20px
	}
	#right #main #reste_infos .left {
		float:left;
		width:188px;
		background:url(../img/environment/arrondi_bt_top.gif) no-repeat;
		padding:8px 0 0  0
	}
	#right #main #reste_infos .left .contenu {
		float:left;
		width:176px;
		border-left:solid 1px #2e8aa1;
		border-right:solid 1px #2e8aa1;
		padding:8px 5px 0 5px
	}
	#right #main #reste_infos .left .contenu ul {padding:0 0 0 15px}
	#right #main #reste_infos .left .contenu ul li {
		line-height:18px;
		margin:0 0 10px 0
	}
	#right #main #reste_infos .left .contenu ul li span.intitule {
		display:block;
		color:#676767;
		font-weight:bold;
		margin:0 0 0 -8px
	}
	#right #main #reste_infos .left .bottom {
		float:left;
		width:188px;
		height:8px;
		font-size:0em;
		background:url(../img/environment/arrondi_bt_bottom.gif) no-repeat
	}
	#right #main #reste_infos .right {
		float:left;
		width:347px;
		padding:0 0 0 20px
	}
	#right #main #reste_infos .right ul li {margin:0 0 8px 0}
	#right #main #reste_infos .right ul li span.intitule {
		color:#2c8ba1;
		font-weight:bold
	}
/* -------------------------------------------------------------------- Identification */
	#right #main #identification {padding:10px 0 0 90px}
	#right #main #identification div.contenu {margin:0 0 5px 0}
	#right #main #identification div.contenu label.label {
		width:110px;
		line-height:25px
	}
	#right #main #identification div.contenu img {
		position:relative;
		top:5px;
		left:10px
	}
	* html #right #main #identification div.contenu img {top:3px}
	ul#vous_etes {
		padding:10px 0 0 0;
		line-height:18px
	}
/* -------------------------------------------------------------------- Inscrire */
	ol {
		color:#da1822;
		padding:15px 0
	}
	p#engagement {
		color:#da1822;
		font-weight:bold
	}
	ul#contre_partie {
		color:#da1822;
		padding:15px 0
	}
	p#traitement {
		font-size:.9em;
		text-align:justify;
		color:#666
	}
/* -------------------------------------------------------------------- Actualités */
	#DetailsEvenement img {
		display:block;
		margin:0 0 5px 0
	}
	#right #main #reste_infos #div_DetailsEvenement {
		float:left;
		width:96%;
		margin:10px 0 0 0;
		padding:2%;
		background:#f2fbfd
	}
	#right #main #DetailsEvenement {
		float:left;
	}
	#right #main #reste_infos #div_DetailsEvenement a, #right #main #DetailsEvenement a {
		color:#db1723;
		text-decoration:underline
	}
	#right #main #reste_infos #div_DetailsEvenement a:hover, #right #main #DetailsEvenement a:hover {text-decoration:none}
	#right #main #reste_infos #div_DetailsEvenement span, #right #main #DetailsEvenement span {line-height:20px}
	#right #main #reste_infos #div_DetailsEvenement span#lbl_Intitule, #right #main #reste_infos #div_DetailsEvenement span#lbl_Description, #right #main #DetailsEvenement span#lbl_Description, , #right #main #DetailsEvenement span#lbl_Intitule {
		display:block;
		text-align:justify;
		line-height:normal;
		padding:5px 0
	}
	/*#right #main #DetailsEvenement span#lbl_Description {float:left; padding-left:110px}*/
	#right #main #reste_infos #div_DetailsEvenement span span, #right #main #DetailsEvenement span span {
		float:left;
		display:block;
		width:110px;
		color:#818284;
		font-weight:bold
	}
	
	#div_DetailsEvenement {
		
	}
	#div_DetailsEvenement a {
		color:#db1723;
		text-decoration:underline
	}
	#div_DetailsEvenement a:hover {text-decoration:none}
	#div_DetailsEvenement span {
		line-height:20px
	}
	#img_Illustration, #lbl_DateDebut, #lbl_DateFin, #lbl_Genre, #lbl_Responsable, #lbl_ContactEvenement, #lbl_Equipement, #lbl_Description, #lbl_ModaliteAcces, #lbl_Url {
		display:block;
		text-align:justify;
		line-height:normal
	}
	#div_DetailsEvenement span span {
		float:left;
		display:block;
		width:110px;
		color:#818284;
		font-weight:bold
	}
	
/* -------------------------------------------------------------------- Agenda */
/* --------------------------------------- Partie de gauche */
	#right #main .half ul#all_actu {
		float:left;
		padding:10px 10px 0 0
	}
	#right #main .half ul#all_actu li {
		float:left;
		margin:0 0 10px 0;
		background:url(../img/basics/dottedBt3.gif) repeat-x top;
		padding:10px 0 0 0
	}
	#right #main .half ul#all_actu li span.date {color:#666}
	#right #main .half ul#all_actu li img {
		float:left;
		padding:2px;
		border:solid 1px #2e8aa1
	}
	#right #main .half ul#all_actu li a {
		color:#db1723;
		float:right;
		padding:4px 20px 0 0;
		text-decoration:underline
	}
	#right #main .half ul#all_actu li a:hover {text-decoration:none}
	#right #main .half ul#all_actu li a span {font-size:.6em}
	#right #main .half #pagination {
		float:left;
		width:100%;
		color:#2e8aa1;
		cursor:pointer
	}
	#right #main .half #pagination a {color:#2e8aa1}
	#right #main .half #pagination a:hover {text-decoration:underline}
	#right #main .half #pagination a.no {
		color:#9d9da1;
		cursor:default
	}
	#right #main .half #pagination a.no:hover {text-decoration:none}
/* --------------------------------------- Partie de droite */
	#right #main .half ul#choix_actu {
		float:left;
		padding:10px 0 10px 0
	}
	#right #main .half ul#choix_actu li {
		background:url(../img/basics/puceO.gif) no-repeat 0 6px;
		padding:0 0 0 7px
	}
	#right #main .half ul#choix_actu li a {color:#212026}
	#right #main .half ul#choix_actu a li  {color:#212026}
	#right #main .half ul#choix_actu li a:hover {text-decoration:underline}
	#right #main .half ul#choix_actu a:hover li  {text-decoration:underline}
	#right #main .half div.contenu {
		float:left;
		padding:5px 0
	}
	#right #main .half div.contenu label.normal {width:200px}
/* -------------------------------------------------------------------- Code NAF */
	#right #main div.contenu input.codeNaf {
		width:42px;
		margin:5px 5px 5px 90px
	}
	#right #main div.contenu label.codeAPE {line-height:26px}
	* html #right #main div.contenu img.bt_listeCodes {
		position:relative;
		top:-2px
	}
	#right #main div.contenu span.libelle_code {
		display:block;
		padding:0 0 0 90px;
		color:#666;
		font-weight:bold
	}
/* -------------------------------------------------------------------- Liste des événements */
	#right #main table.evenements {
		float:left;
		width:100%;
		border-collapse:collapse;
		margin:5px 0 15px 0
	}
	#right #main table.evenements tr.alternate {background:#fadbf1}
	#right #main table.evenements tr.alternate_bt {background:#bfdfe7}
	#right #main table.evenements tr th {
		text-align:center;
		font-weight:bold;
		background:#cc6eb5;
		color:#fff;
		padding:2px 0
	}
	#right #main table.evenements tr th.bt {background:#2e8aa1}
	#right #main table.evenements tr th.date {width:20%}
	#right #main table.evenements tr th.intitule {width:50%}
	#right #main table.evenements tr th.actions {width:20%}
	#right #main table.evenements tr td {
		padding:3px 4px;
		background:url(../img/basics/dottedP3.gif) repeat-x bottom
	}
	#right #main table.evenements tr td.bt {background:url(../img/basics/dottedBt3.gif) repeat-x bottom}
	#right #main table.evenements tr td.date {
		color:#666;
		text-align:center
	}
	#right #main table.evenements tr td.actions {text-align:center}
	#right #main table.evenements tr td a {
		color:#b90380;
		text-decoration:underline
	}
	#right #main table.evenements tr td.bt a {color:#2e8aa1}
	#right #main table.evenements tr td a:hover {text-decoration:none}
	
	#actualites ul {
		clear:both;
		padding:10px 0 0 0;
		margin:0 0 10px 0
	}
	
	table.fonctionnement {
		width:100%;
		border-collapse:collapse
	}
	table.fonctionnement tr th {
		text-align:left
	}
	table.fonctionnement tr td {
		background:url(../img/basics/dottedBt2.gif) repeat-x bottom;
		text-indent:10px
	}
	table.fonctionnement tr td input {
		margin:5px 0
	}