* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
	background:url(../img/bg.jpg) top center no-repeat #6a000a;
	line-height:1.3em;
}

a:link      { color: #a20205; font-weight: bold; text-decoration: underline;  }
a:hover { text-decoration: none; }
a:visited { color: #7f3a3c; font-weight: bold; text-decoration: underline;  }
a:visited:hover { text-decoration: none}

b, strong {
	font-weight:bold;
	color:#000;
}

strong.accueil {
color:#FF0000;
	font-weight:normal;}

img {
	border:0
}

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

h1#title{
	display:none;
}

blockquote{font-style:italic; }
blockquote:before { content:open-quote }
blockquote:after { content:close-quote }

h4 {
	font-size:17px;
	color:#dc0000;
	padding-left:20px;
	margin:30px 0 0px 0;
	background:url(../img/puce.gif) left top no-repeat;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif
}

#content h2 {
font-size:18px;
font-weight:normal;
padding-bottom:10px;
padding-top:30px;
text-align:center;
color:#DC0000
}



h4 + p, h4 + blockquote {
	padding-top:12px
}

#right h4 {
font-size:14px;
}

h4:first-child {
	margin:0;
}

h4 a:link, h4 a:hover, h4 a:visited, h4 a:visited:hover {
	font-weight:normal
}

h6 {
	font-size:14px;
	color:#D21B21;
	padding:15px 0;
}

p {
	margin-bottom:10px;
}

dl dt { font-weight:bold; margin-bottom:3px; }
dl dt:before { content:"- "; }
dl dd { margin-bottom:10px; }

dl.short dt { font-weight:bold; float:left; margin-right:3px }
dl.short dd { margin-bottom:5px; }

ol { padding:12px 0 0 35px; }

/* ******************* STRUCTURE *********************** */
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

#top {
	width:950px;
	height:328px;
	color:#fff;
}

	#topLogo {
		float:left;
		display:block;
		width:186px;
		height:125px;
	}

	#topActus {
		float:right;
		width:260px;
		height:108px;
		text-align:right;
		padding:22px 25px 0 0;
		font-size:11px;
	}
	
	
	
	
	#topActus a, #topActus a:link, #topActus a:visited { color:#fff; background:url(../img/puce.png) right no-repeat; padding-right:10px }
	#topActus h2 { font-size:15px; margin:-5px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	#topActus h4 { font-size:13px; margin-bottom:10px; background:none;}
	#topActus ul { list-style-type:none;}

	#topActus h2 a, #topActus h2 a:link, #topActus h2 a:visited { font-weight:normal; text-decoration:none; background:none; padding-right:0}
	#topMenu {
		width:950px;
		height:200px;
		clear:both
	}

	#topMenu h1 { 
		font-size:15px;
		font-weight:normal;
		padding:26px 0 13px 0;
		text-transform:uppercase;
	}	
	
	#topMenu ul { 
		list-style: none;
		margin:0;
	}	
	
	#topMenu ul li a {
		font-size:12px;
		font-weight:normal;
		text-align:left;
		display:block;
		color:#fff;
		height:17px;
		padding-left:15px;
		text-decoration:none;
		background:url(../img/menuL.png) no-repeat left;
	}
	
	#topMenu ul li a:hover, #topMenu ul li a:visited:hover, #topMenu ul li.active {
		color:#fff;
		height:17px;
		padding-left:15px;
		background:url(../img/menuL_hover.png) no-repeat left;
	}
	
	#menuLeft {
		float:left;
		width:459px;
		height:198px;
		padding-left:16px;
	}

	#menuRight {
		float:right;
		width:459px;
		height:198px;
		padding-right:16px;
	}
	
	#menuRight h1 {
		text-align:right;
	}

	#menuRight ul li a {
		text-align:right;
		padding:0 15px 0 0;
		background:url(../img/menuR.png) no-repeat right;
	}
	
	#menuRight ul li a:hover, #menuRight ul li a:visited:hover, #menuRight ul li.active {
		text-align:right;
		padding:0 15px 0 0;
		background:url(../img/menuR_hover.png) no-repeat right;
	}
	
#header {
	width:950px;
	height:87px;
	background:url(../img/bg_header.jpg) no-repeat;
	color:#fff
}

	#header h2 {
		font-size:20px;
		font-weight:normal;
		padding:18px 0 0 25px;
		font-family:Georgia, "Times New Roman", Times, serif
	}
	#header h2:first-letter { font-size:20px; }	
	
	#header h3 {
		font-size:21px;
		font-weight:normal;
		padding:15px 0 0 200px;
		font-family:Georgia, "Times New Roman", Times, serif
	}
	
	#menuHeader {	
		float:right;
		font-size:11px;
	}
	
	#menuHeader ul { 
		list-style: none;
		margin:0;
		padding:5px;
	}	
	
	#menuHeader ul li {
		float:left;
		padding-right:13px;
	}
	
	#menuHeader ul li a {
		font-size:11px;
		color:#fff;
		font-weight:normal;
	}	
	
#content {
	width:950px;
	background:url(../img/bg_content.jpg) repeat-y;
}

#left.accueil {
width:553px;
margin-left:7px;
padding-right:12px;
}

#left.accueil ul {
	list-style-type:none
}

#left.accueil ul li {
margin-left:-30px;
text-align:center
}

#left.accueil h2 {
	font-family:Georgia, "Times New Roman", Times, serif
}

#content h5{
	font-size:12px;
	font-weight:bold;
	margin:20px 0 10px 0;
}

#left {
	float:left;
	width:559px;
	margin-right:2px;
	background:url(../img/leftTop.jpg) top no-repeat;
	padding:30px 13px 30px 30px
}

.accueil {
	font-size:14px;

}

	#left ul {
		list-style-type:square;
		padding:10px 0 0 15px
	}
	
	#left ul li {
		margin-bottom:8px;
	}	
	
#right {
	float:left;
	width:299px;
	min-height:454px;
	padding:19px 20px 20px 27px;
	background:url(../img/bg_right.jpg) top no-repeat;
}

	#rightContent {
		position:relative;
		margin-top:-58px;
	}

	#rightContent h3 {
		color:#dc0000;
		font-size:20px;
		border-bottom:1px dotted #dc0000;
		font-weight:normal;
		text-align:right;
		padding:5px;
		line-height:1.2em;
		font-family:Georgia, "Times New Roman", Times, serif
	}
	
	#rightContent h4 {
		background:url(../img/puceR.gif) left top no-repeat;
	}

	#rightContent ul {
		list-style-type:square;
		padding:10px 0 0 15px
	}
	
	#rightContent ul li {
		margin-bottom:8px;
	}	

#bottom {
	width:950px;
	height:197px;
	background:url(../img/bottom_1.jpg) no-repeat;
}	

	#bottom h3 {
		font-size:28px;
		font-weight:normal;
		text-align:right;
		color:#fff;
		padding:90px 0 0 0;
	}

	#bottom h4 {
		font-size:20px;
		font-weight:normal;
		text-align:right;
		color:#fff;
		background:none;
		margin:18px 0 0 0;
		padding:0
		
	}
		
	#formations {
		float:right;
		width:333px;
		height:197px;
		margin-left:13px;
		background:url(../img/bg_next.png) no-repeat;
	}
	
	#formations h5 {
		font-size:18px;
		color:#fff;
		font-weight:normal;
		text-align:right;
		padding:7px 20px 27px 13px
	}
	
	#formations ul, #rightContent ul.userNav {
		list-style-type:none;
		margin-left:20px
	}
	
	#rightContent ul.userNav {
		margin:5px 0 0 0
	
	}

	#formations ul li, #rightContent .userNav li {
		padding-bottom:5px
	}
		
	#formations ul li a, #rightContent .userNav li a { background:url(../img/puceb.png) left no-repeat; padding-left:10px }
	
	.lire_suite {
		display:block;
		float:right;
		margin:0 25px 0 0;
		background:url(../img/lire_suite.png) no-repeat;
		color:transparent;
		width:116px;
		height:28px;
	}
	.lire_suite strong {
		display:none
	}

	.contacter {
		background:url(../img/contact.png) no-repeat;
		margin-top:20px;
	}
		
	.retour {
		display:block;
		float:left;
		margin:10px 25px 0 0;
		background:url(../img/retour.png) no-repeat;
		color:transparent;
		width:116px;
		height:28px;
	}
	.retour strong {
		display:none
	}

table { 
	empty-cells: show;
	border-collapse: collapse
}

.tblSeminaires {
	background-color:#FFFFFF;
	margin:10px 0 20px 0

}

.tblSeminaires td, .tblSeminaires th {
	border:1px dotted #999999;
	padding:5px;
	vertical-align:top;
	text-align:left;
	white-space:nowrap
}


.tblSeminaires th {
	background-color:#ebebeb;
	text-align:left
}


#footer {
	width:930px;
	background:url(../img/bg_bottom.png) no-repeat top;
	margin:0 auto;
	color:#fff;
	font-size:11px;
	padding:0 20px 10px 0;
	text-align:right
}

	
	#footer a:link      { color: #ffffff; font-weight: normal; text-decoration: none;  }
	#footer a:hover { text-decoration: underline; }
	#footer a:visited { color: #ffffff; font-weight: normal; text-decoration: none;  }
	#footer a:visited:hover { color: #ffffff; font-weight: normal; text-decoration: underline  }


/* FORMS /////////////////////////////////////////////////////////////*/

label {
	width:90px;
	display:block;
	float:left;
	margin: 0 10px 12px 0;
	padding-top:5px;
}


form br {
	clear:both;
}

legend{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#F29400;
	background-color:#FFFFFF;
	margin-top:-10px;
	padding:0 6px 3px 6px
}

input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:6px 0 3px 9px;
	background:url(../img/bg_input.gif) top left no-repeat;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #777777;
}

input[type="radio"], input[type="checkbox"] {
	float:left;
}
 
input[type="radio"] + label, input[type="checkbox"] + label {
	width:auto;
	float:left;
	margin:0 20px 0 0;
	padding:0 5px;
}

input[type="radio"], input[type="checkbox"], input[type="image"] { background:none; border:none }
input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="image"]:focus { background:none; border:none }


select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:6px 0 3px 9px;
	background:url(../img/bg_input.gif) top left no-repeat #fff;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #777777;
}

option {
	padding-right:20px
}

input.disabled, textarea.disabled, select.disabled, button.disabled{
	background:url(../img/bg_input-disabled.gif) top left no-repeat;
	color:#000;
	cursor:not-allowed;
}

input:focus, textarea:focus {
	background:url(../img/bg_input-focus.gif) top left no-repeat;
}

select:focus {
	background:url(../img/bg_input-focus.gif) top left no-repeat #F5F5F5;
}

button, .bouton {
	font-size:11px;
	background:url(../img/bg_submit.gif);
	width:134px;
	height:33px;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

button:hover {
	background:url(../img/bg_submit_hover.gif);
}

input[type=submit] {
	font-size:11px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border:1px outset #000;
	padding:3px
}

input[type=submit]:hover {
	border:1px solid #F7F7F7
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}

input[type=file].formError {
	color:#ff0000
}

input#submit, .nav .submit {
	background-image:none;
	padding:3px;
	background-color:#D21B21;
	border:1px outset #000;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:12px;
	margin-top:20px;
}

.nav .submit {
	margin-top:0;
}

input#submit:hover, .nav .submit:hover {
	border:1px solid #F7F7F7
}

input#Login { width:100px; }
input#Password { width:100px; }
input#Prenom { width:140px; }
input#Nom { width:140px; }
input#Email { width:140px; }
input#Adresse { width:140px; }
input#Code_Postal { width:80px; }
input#Ville { width:140px; }
select#Pays { width:150px; }
input#Telephone { width:120px; }
input#Mobile { width:120px; }
input#Fax { width:120px; }
textarea#Commentaire { width:250px; height:100px }

/******/

.nav {
	padding:10px;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background-color:#f7f7f7
}

.article, .actuDt {
	padding:10px 0 5px 0;
	border-bottom:1px dotted #9e9e9e;
}

ul.anchor {
	padding-bottom:20px;
	border-bottom:1px dotted #9e9e9e;
}

.error {
	clear:both;
	margin:10px;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:10px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

a.read {
	display:block;
	background-color:#D21B21;
	background-image:none;
	border:1px outset #000000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:4px;
	width:auto;
	float:left;
}

a.read:hover {
	border:1px solid #F7F7F7
}

.cl {
	clear:both;
}	

.clr {
	clear:both;
	margin-top:-38px;
}


.colonne {
	width:255px;
	float:left;
}

.col1 {
	margin-right:20px;
	padding-right:20px;
	border-right:1px dotted #7D7D7D
}

.col1Form {
	border-right:1px dotted #7D7D7D
}

.reserver li {
	border-bottom:1px dotted #424242;
	padding:8px 0
}

.reserver img {
	float:right;
	margin-top:-8px
}

.reserver div {
	float:left;
	width:350px;
}

.reserver br {
	clear:both
}

.nbbillets {
	border-top:1px dotted #424242;
	border-bottom:1px dotted #424242;
	padding:15px 0 5px 0
}

.nbbillets label {
	width:150px
}

.checkout {
	width:100%;
	font-size:13px;
}

.checkout tr td {
	padding:5px;
	border-top:1px solid #CCC
}

.checkout tr th {
	padding:5px;
}

.checkout tr td:first-child, .checkout tr th:first-child {
	text-align:left
}

.total {
	font-size:15px;
	text-align:right
}

.total em {
	font-size:11px;
}

.reservHistory {
	margin:30px 0 10px 0;
	padding-bottom:15px;
	border-bottom:1px dotted #e2007a;
}

.reservHistory td, .reservHistory th {
	font-size:11px;
}

#content  .reservHistory h4 {
	float:left;
	margin:0
}

#content .reservHistory em {
	font-size:11px;
	white-space:nowrap;
	padding-left:20px
}

.reservHistory p {
	clear:both;
	padding-top:10px;
	font-size:11px;
}

.reservHistory table {
	margin:10px 0 10px 0
}