html, body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #fff url('../img/background_pages.png') repeat-x top left;
}

a.back {
	background: url('../img/back.png') left 1px no-repeat;
	padding-left: 20px;
	line-height: 16px;
	display: block;
	margin-bottom: 20px;
}

h3 {
	font-size: 14px;
}


/*********************** photo_pages ***********************/

#photos_pages {
	width: 960px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#photos_pages_gauche {
	float: left;
	width: 310px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#photos_pages_droite {
	float: left;
	width: 650px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/photos_pages/centre_congres.jpg') no-repeat top left;
}

#photos_pages_droite img {
	padding: 0px 0px 0px 0px;
	margin: 72px 0px 0px 0px;
}


/*********************** contenu ***********************/

#zone_contenu {
	float: left;
	width: 660px;
	padding: 0px 21px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.zone_contenu_item {
	width: 660px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

#zone_contenu p {
	font-size: 12px;
	color: #333;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}

#zone_contenu p.intro {
	font-size: 14px;
	line-height: 24px;
}

#zone_contenu h2{
	font-size: 16px;
	color: #003366;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px
}

#zone_contenu ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#zone_contenu ul li {
	font-size: 12px;
	color: #333333;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 6px 0px;
	background: url('../img/puce_carree.png') no-repeat left 2px;
}

#zone_contenu ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 25px;
}

#zone_contenu ol li {
	font-size: 12px;
	color: #333333;
	font-weight: 900;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}

#zone_contenu ol li span {
	font-weight: 400;
}

.boite {
	width: 350px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	background-color: #f2f2f2;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.boite_texte {
	width: 310px;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}

.boite_titre {
	width: 330px;
	height: 40px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-color: #2d6495;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.boite_titre h2 {
	font-size: 18px;
	color: #fff !important;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#zone_devenir_ambassadeur {
	float: left;
	width: 279px;
	padding: 0px 0px 0px 0px;
	margin: 80px 0px 0px 0px;
}

#titre_pages {
	width: 640px;
	height: 45px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	background-color: #e5b53b;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative;
}

#titre_pages h1 {
	font-size: 21px;
	color: #fff;
	line-height: 44px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.titre_table {
	position: relative;
	width: 640px;
	height: 41px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: url('../img/titre_tableau.png') no-repeat left top;
	z-index: 21;
}

* html .titre_table {
	/*overflow: hidden;*/
}

.titre_table h2 {
	font-size: 18px;
	color: #fff !important;
	line-height: 41px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.zone_contenu_item table {
	width: 660px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.zone_contenu_item thead tr{
	width: 660px;
	height: 35px;
	line-height: 35px;
	background-color: #f2f2f2;
	
}

.zone_contenu_item thead tr th {
	font-size: 16px;
	color: #003366;
	line-height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#zone_contenu  thead tr th a { color: #003366; text-decoration: none; }
#zone_contenu  thead tr th a:link { color: #003366; text-decoration: none; }
#zone_contenu  thead tr th a:visited { color: #003366; text-decoration: none; }
#zone_contenu  thead tr th a:hover { color: #003366; text-decoration: underline; }
#zone_contenu  thead tr th a:active { color: #003366; text-decoration: underline; }

.zone_contenu_item thead tr th.date {
	width: 160px;
	padding: 0px 10px 0px 20px;
}

.zone_contenu_item thead tr th.titre {
	width: 300px;
	padding: 0px 10px 0px 10px;
}

.zone_contenu_item thead tr th.participants {
	width: 150px;
	padding: 0px 20px 0px 10px;
	text-align: center;
	white-space: nowrap;
}

.zone_contenu_item tbody tr.impair {
	width: 660px;
	vertical-align: top;
	background-color: #fff;	
}

.zone_contenu_item tbody tr.of_the_year img {
	vertical-align: middle;
	margin-left: 10px;
	float: right;
}

.zone_contenu_item tbody tr.pair {
	width: 660px;
	vertical-align: top;
	background-color: #f2f2f2;
}

.zone_contenu_item tbody tr.last td.last {
	background: #f2f2f2 url('../img/lastrow_tableau.png') no-repeat right bottom;
}

.zone_contenu_item tbody tr td {
	font-size:11px;
	color: #333;
}

.zone_contenu_item tbody tr td.date {
	width: 160px;
	padding: 5px 10px 5px 20px;
}

.zone_contenu_item tbody tr td.titre {
	width: 300px;
	padding: 5px 10px 5px 10px;
}

.zone_contenu_item tbody tr td.titre span.title {
	font-size: 13px;
	font-weight: bold;
}

.zone_contenu_item tbody tr td.participants {
	width: 150px;
	padding: 5px 20px 5px 10px;
	text-align: center;
}

.select_tableau {
	position: absolute;
	right: 20px;
	top: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 420px;
	text-align: right;
}

.select_tableau label {
	line-height: 21px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	margin-right: 10px;
}

.select_tableau input {
	position: relative;
	top: 2px;
}

div.select_tableau select.period {
	margin-right: 10px;
}

div.paging {
	margin: 10px 0px 0px 0px;
	text-align: right;
	color: #d0d0d0;
}

div.paging div {
	display: inline;
}

#activityList {
	clear: both;
}

#ajaxLoader {
	position: absolute;
	left: 0;
	top: 0;
	width: 660px;
	
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 25;
	
	display: none;
	text-align: center;

}

#ajaxLoader img {
	margin-top: 75px;
}

span.date, span.location {
	display: block;
}

#activity_inscription {
	float: right;
	background: #F2F2F2;
	width: 275px;
	position: relative;
	color: #333;
	margin-left: 12px;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#activity_inscription h2 {
	font-size: 14px;
	color: #fff;
	margin: 0px 0px 0px 0px;
}

#activity_inscription label {
	font-size: 11px;
}

#activity_inscription div.titre {
	width: 255px;
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #2d6495;
}

#activity_inscription div.form {
	padding: 12px 12px 12px 20px;
}

#activity_inscription div.text label {
	width: 108px;
	margin-right: 5px;
	display: block;
	float: left;
}

#activity_inscription div.text input {
	width: 128px;
	border: 1px solid #999;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
}

#activity_inscription div.radio input {
	margin: 0px 3px 0px 5px;
}

#activity_inscription div.text input:focus {
	border: 1px solid #000;
}

#activity_inscription div.text input.invalid {
	border: 1px solid red;
}

#activity_inscription div.text label.invalid {
	color: red;
}

#activity_inscription div.radio label.prefix {
	width: 108px;
	margin-right: 5px;
	display: block;
	float: left;
}

* html #activity_inscription div.input label {
	margin-right: 1px !important;
}

#activity_inscription div.radio #PrefixLabel.invalid {
	color: red;
}

#activity_inscription div.input {
	margin-bottom: 5px;
	position: relative;
	height: 19px;
}

#activity_inscription div.submit input {
	float: right;
}

#activity_inscription div.accompanying_name {
	height: 28px;
}

#activity_photos {
	float: right;
	background: #F2F2F2;
	width: 275px;
	position: relative;
	color: #333;
	margin-left: 12px;
	margin-bottom: 12px;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#activity_photos h2 {
	font-size: 14px;
	color: #fff;
	margin: 0px 0px 0px 0px;
}

#activity_photos div.titre {
	width: 255px;
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #2d6495;
}

#activity_photos div.paging {
	margin: 5px 10px 0px 0px;
	font-size: 11px;
	color: #666;
}

#activity_photos div.paging a {
	text-decoration: none;
}

#activity_photos div.paging a.qp_disabled {
	color: #bbb;
}

#currentPhoto {
	margin-bottom: 5px;
	margin-top: 5px;
	height: 183px;
}

#currentPhoto img {
	display: block;
}

#photoTitle {
	text-align: left;
	font-size: 10px;
	padding-right: 3px;
	margin-bottom: 5px;
	font-style: italic;
}

#photoTitle strong {
	font-style: normal;
	font-size: 11px;
}

#activity_photos div.page {
	display: none;
	height: 126px;
}

#activity_photos span.qp_counter {
	padding: 0px 10px 0px 10px;
}

#activity_photos div.thumbnail {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#activity_photos div.thumbnail img {
	display: block;
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
	
	cursor: pointer;
}

#activity_photos div.thumbnail img:hover, #activity_photos div.thumbnail img.active {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

div.submit input {
	height: 21px;
	padding: 0px 12px 3px 12px;
	margin: 0px 0px 0px 0px;
	background-color: #dfdfdf;
	border: 0px;
	
	color:#666666;
	font-size:10px;
	font-weight:900;

	text-transform:uppercase;
	font-family:Arial,Helvetica,sans-serif;
	cursor: pointer;
}

div.submit input:hover {
	background-color: #999;
	color: #fff;
}

#ActivityRegistrationAccompanyingName {
	margin-top: 4px;
	position: absolute;
	bottom: 0;
	right: 0px;
}

#ajaxLoaderForm {
	position: absolute;
	left: 0;
	top: 0;
	width: 275px;
	
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 25;
	
	display: none;
	text-align: center;

}

#ajaxLoaderForm img {
	margin-top: 75px;
}

#errorContainer ul {
	border: 1px solid red;
	margin-bottom: 8px;
}

#errorContainer ul li {
	margin: 3px 0px 3px 5px;
	color: red;
	font-size: 11px;
}

#ofTheYear {
	position: absolute;
	top:0;
	left:0;
	background-color:red;
	z-index:30;
	padding:10px;
	display: none;
}

div.legend img {
	vertical-align: middle;
	margin-right: 10px;
}

div.legend span {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}

div.laureate {
	margin-top: 10px;
	padding: 0 16px 0 16px;
}

* html div.laureate {
	padding: 0 12px 0 12px;
}

div.laureate div.responsable {
	width: 208px;
	margin-right: 17px;
	margin-bottom: 12px;
	float: left;
}

div.laureate div.left {
	width: 160px;
	float: left;
	min-height: 10px;
	margin-right: 10px;
}

* html div.laureate div.left {
	height: 10px;
	margin-right: 5px !important;
}

div.laureate div.right {
	float: left;
	width: 458px;
}

#partners_1 {
	width: 370px;
}

#partners_1 div.partner {
	float: left;
	width: 157px;
	height: 82px;
	margin: 3px 12px 3px 0px;
}

#partners_1 div.partner a {
	display: block;
	width: 157px;
	height: 82px;
}

#partners_2 {
	width: 370px;
}

#partners_2 div.partner {
	float: left;
	width: 157px;
	height: 82px;
	margin: 3px 12px 3px 0px;
}

#partners_2 div.partner a {
	display: block;
	width: 157px;
	height: 82px;
}
#partners_3 {
	width: 370px;
}

#partners_3 div.partner {
	float: left;
	width: 157px;
	height: 82px;
	margin: 3px 12px 3px 0px;
}

#partners_3 div.partner a {
	display: block;
	width: 157px;
	height: 82px;
}


/* STEP 1 */

#RegistrationAddForm div.line {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	padding-bottom: 12px;
}

#RegistrationAddForm div.line:after {
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0;
}

#RegistrationAddForm div.line { display: inline-block; }
/* start commented backslash hack \*/
* html #RegistrationAddForm div.line { height: 1%; }
#RegistrationAddForm div.line{ display: block; }
/* close commented backslash hack */

#RegistrationAddForm div.input {
	margin-bottom: 18px;
}

#RegistrationAddForm div.left {
	width: 322px;
	float: left;
	margin-right: 15px;
	clear: left;
}

* html #RegistrationAddForm div.left {
	margin-right: 4px !important;
}

#RegistrationAddForm div.left input {
	width: 320px;
}

#RegistrationAddForm div.right {
	width: 322px;
	float: left;
}

#RegistrationAddForm div.right input, #RegistrationAddForm div.right select {
	width: 320px;
}

#RegistrationAddForm div.full input {
	width: 440px;
}

#RegistrationAddForm div.text label, 
#RegistrationAddForm div.password label, 
#RegistrationAddForm div.textarea label, 
#RegistrationAddForm div.select label {
	color: #333;
	display: block;
}
#RegistrationAddForm div.input label.error {
	color:  #FF0000;
}

#RegistrationAddForm div.text input, 
#RegistrationAddForm div.password input, 
#RegistrationAddForm div.select select {
	border: 1px solid #bbb;
}

#RegistrationAddForm div.input input.error,
#RegistrationAddForm div.input select.error,
#RegistrationAddForm div.input textarea.error {
	border-color:  #FF0000;
}

#RegistrationAddForm div.textarea textarea {
	width: 320px;
	height: 60px;
	border: 1px solid #bbb;
}

#RegistrationAddForm div.bureau input, #RegistrationAddForm div.ext input {
	width: 106px;
}

#RegistrationAddForm label.required {
	color: red !important;
}

#RegistrationAddForm div.submit {
	float: right;
}

#RegistrationAddForm.forgotten_form h3{
	margin: 15px 0px 0px 0px;
}
#RegistrationAddForm.forgotten_form p{
	margin: 0px 0px 20px 0px;
}


/* STEP 2 */

#Step2Form div.association_impair {
	padding: 12px;
	background-color: #efefef;
	position: relative;
}

* html #Step2Form div.association_impair {
	padding: 10px;
}

#Step2Form div.association_impair:after {
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0;
}

#Step2Form div.association_impair { display: inline-block; }
/* start commented backslash hack \*/
* html #Step2Form div.association_impair { height: 1%; }
#Step2Form div.association_impair { display: block; }
/* close commented backslash hack */

#Step2Form div.association_pair {
	padding: 12px;
	background-color: #fff;
	position: relative;
}

* html #Step2Form div.association_pair {
	padding: 10px;
}

#Step2Form div.association_pair:after {
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0;
}

#Step2Form div.association_pair { display: inline-block; }
/* start commented backslash hack \*/
* html #Step2Form div.association_pair { height: 1%; }
#Step2Form div.association_pair { display: block; }
/* close commented backslash hack */

#Step2Form div.association_impair div.delete, #Step2Form div.association_pair div.delete {
	width: 18px;
	height: 18px;
	background: url('../img/form/delete.png') left top no-repeat;
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

#Step2Form div.text input {
	border: 1px solid #bbb;
}

#Step2Form div.text label, #Step2Form div.select label {
	display: block;
	color: #333;
}

#Step2Form div.input {
	margin-bottom: 10px;
}

#Step2Form div.title {
	width: 347px;
	float: left;
	margin-right: 15px;
}

* html #Step2Form div.title {
	margin-right: 7px !important;
}

#Step2Form div.title input {
	width: 345px;
}

#Step2Form div.acronym {
	width: 75px;
	float: left;
	margin-right: 15px;
}

* html #Step2Form div.acronym {
	margin-right: 7px !important;
}

#Step2Form div.acronym input {
	width: 73px;
}

#Step2Form div.jobtitle {
	width: 183px;
	float: left;
}

#Step2Form div.jobtitle input {
	width: 181px;
}

#Step2Form div.event_participation {
	width: 636px;
	float: left;
}

#Step2Form input.events {
	border: 1px solid #bbb;
	margin-left: 15px;
	width: 404px;
}

#Step2Form label.sioui {
	margin-left: 20px;
}

#Step2Form input.radio {
	position: relative;
	top: 2px;
}

#Step2Form div.full input {
	width: 440px;
}

#Step2Form div.submit {
	float: right;
}

#Step2Form div.back {
	float: left;
}

#Step2Form a.add_assoc {
	line-height: 18px;
	background: url('../img/form/add.png') right center no-repeat;
	padding-right: 21px;
	padding-top: 3px;
	cursor: pointer;
}

#AddButton {
	text-align: right;
}

/* STEP 3 */
#Step3Form div.line {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	padding-bottom: 12px;
}

#Step3Form div.line:after {
	content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0;
}

#Step3Form div.line { display: inline-block; }
/* start commented backslash hack \*/
* html #Step3Form div.line { height: 1%; }
#Step3Form div.line{ display: block; }
/* close commented backslash hack */

#Step3Form div.input {
	margin-bottom: 18px;
}

#Step3Form div.left {
	width: 322px;
	float: left;
	margin-right: 15px;
	clear: left;
}

* html #Step3Form div.left {
	margin-right: 4px !important;
}

#Step3Form div.left_radio {
	width: 322px;
	float: left;
	margin-right: 15px;
	clear: left;
}

* html #Step3Form div.left_radio {
	margin-right: 4px !important;
}

#Step3Form label.statut {
	display: block;
}

#Step3Form div.period {
	width: 175px;
}

#Step3Form div.left input {
	width: 320px;
}

#Step3Form div.right {
	width: 322px;
	float: left;
}

#Step3Form div.right input, #Step3Form div.right select {
	width: 320px;
}

#Step3Form div.full input {
	width: 440px;
}

#Step3Form div.text label, #Step3Form div.select label {
	color: #333;
	display: block;
}

#Step3Form div.text input, #Step3Form div.select select {
	border: 1px solid #bbb;
}

#Step3Form div.bureau input, #Step3Form div.ext input {
	width: 106px;
}

#Step3Form label.required {
	color: red !important;
}

#Step3Form div.duree {
	width: 132px;
}

#Step3Form div.duree input {
	width: 130px;
}

#Step3Form div.expo {
	width: 150px;
}

#Step3Form div.stands input {
	width: 155px;
}

#Step3Form div.submit {
	float: right;
}

#Step3Form div.back {
	float: left;
}

#RegistrationAddForm div.text input.invalid, #Step2Form div.text input.invalid, #Step3Form div.text input.invalid {
	border: 1px solid red;
}

#RegistrationAddForm div.text span.error, #Step2Form div.text span.error, #Step3Form div.text span.error, #PrefixError span.error {
	color: red;
	font-style: italic;
	padding-top: 4px;
	display: block;
}

div.laureate_year {
	margin-bottom: 28px;
}

* html div.laureate_year {
	margin-bottom: 43px !important;
}

div.laureate_year h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 16px 0px 16px;
	font-size: 20px;
	color: #666;
	border-bottom: 1px solid #ccc;
}