#nav-accueil #content {
  width: 910px;
}

#nav-accueil #content .right-column h1 {
	margin: 30px 0;
}

#nav-accueil #content p {
	font-size: 12px;
	margin-bottom:10px;
}

#nav-accueil #content p span {
  font-weight: bold;
}

#nav-accueil #content .form-actions {
	margin-left:140px;
	margin-top:6px;
}

#nav-accueil #content .form-actions input {
	margin: 0;
}

#nav-accueil ol {
 list-style-type:none;
}

#nav-accueil ol li {
 padding-top:8px;
 padding-left: 51px;
 padding-bottom:10px; /* FD il s'agit du padding sous le texte => qd tout petit voie pas puce complemetement */
 position:relative; /* bug ie background non visible */
 font-size: 2em;
 font-weight: normal;
}

li#etape1 {
 background: url(../../common/img/pictos/etape1.gif) no-repeat;
 background-position:0px 8px;
}

li#etape2 {
 background: url(../../common/img/pictos/etape2.gif) no-repeat;
 background-position:4px 8px;
}

li#etape3 {
 background: url(../../common/img/pictos/etape3.gif) no-repeat;
 background-position:0px 8px;
}

#nav-accueil li em {
  font-style: normal;
  font-weight: bold;
  font-size: 0.8em;
  color: rgb(105,0,152);
}

#nav-accueil #inscrivezVous img {
  display:block;
  margin: 0 auto 0px auto;
}

#flash {
  margin-left:223px;
  margin-right:40px;
}

#news {
 float: right;
 display:inline;
 position: relative;
 width:530px;
 background-color:#144200;
 color:white;
  padding: 5px 5px 5px 5px;
}

#nbInscrits {
 width:150px;
 float:left;
 position:relative;
 background-color:#78D200;
  padding: 5px 5px 5px 5px;
  text-align:center;
}

#nbInscrits span {
 font-weight: bold;
}

.left-column form, .right-column form {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.left-column {
	width: 490px;
	float: left;
	padding: 5px;
}

.right-column {
	width: 395px;
	float: right;
	padding: 5px;
}

.right-column div.box {
	margin-right: 15px;
}

#content .left-column p, #content .right-column p, #content .left-column ul, #content .right-column ul {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 5px;
}


/* ****************** Widgets ****************** */

#content h2 {
	border-bottom: 1px solid #666666;
	color: #666666;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size: 16px;
	margin-bottom: 1em;
	text-align: left;
}

.box-inner-1 label {
	display: block;
	float: left;
	margin: 5px 0 0;
	text-align: right;
	width: 130px;
}

div.input {
	margin: 5px 0 0;
}

input {
	margin: 5px 0 0 10px;
}

.form-actions {
	margin-left: 130px;
}

input.submit, input.button {
	font-size: 12px;
}

#nav-accueil #content .box-inner-1 p {
	margin: 0;
	font-size: 12px;
}



/******************** Box layout ********************/

#content .box-top {
	height: 17px;
	margin: 0 0 0 18px;
}

#content .box-top div {
	height: 17px;
	left: -18px;
	position: relative;
	width: 18px;
}

#content .box-inner-1 {
	padding: 0 0 0 10px;
}

#content .box-inner-2 {
	padding: 0 10px 0 0;
}

#content .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	text-align: center;
	display: block;
	padding: 2px;
	border: none;
	margin: 0 -5px 5px -5px;
	font-weight: bold;
}

#content .box-bottom {
	height: 14px;
	margin: 0 0 0 18px;
}

#content .box-bottom div {
	height: 14px;
	left: -18px;
	position: relative;
	width: 18px;
}



/* Violet */

#content .box-color-purple .box-top {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 100% 0;
}

#content .box-color-purple .box-top div {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 0 0;
}

#content .box-color-purple .box-inner-1 {
	background: transparent url('../img/accueil/box/purple/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-purple .box-inner-2 {
	background: transparent url('../img/accueil/box/purple/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-purple .box-inner-3 {
	background-color: #9966cc;
	color: #eeeeee;
}

#content .box-color-purple .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #660099;
	color: #eeeeee;
}

#content .box-color-purple .box-inner-1 .box-inner-2 .box-inner-3 a {
	color: white;
}

#content .box-color-purple .box-bottom {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-purple .box-bottom div {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 0 100%;
}



/* Violet clair */

#content .box-color-light-purple .box-top {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 100% 0;
}

#content .box-color-light-purple .box-top div {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 0 0;
}

#content .box-color-light-purple .box-inner-1 {
	background: transparent url('../img/accueil/box/light-purple/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-light-purple .box-inner-2 {
	background: transparent url('../img/accueil/box/light-purple/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-light-purple .box-inner-3 {
	background-color: #e2d4f1;
	color: black;
}

#content .box-color-light-purple .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #9966CB;
	color: #f8f2ff;
}

#content .box-color-light-purple .box-bottom {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-light-purple .box-bottom div {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 0 100%;
}



/* Gris clair */

#content .box-color-light-grey .box-top {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 100% 0;
}

#content .box-color-light-grey .box-top div {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 0 0;
}

#content .box-color-light-grey .box-inner-1 {
	background: transparent url('../img/accueil/box/light-grey/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-light-grey .box-inner-2 {
	background: transparent url('../img/accueil/box/light-grey/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-light-grey .box-inner-3 {
	background-color: #eeeeee;
	color: black;
}

#content .box-color-light-grey .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #999999;
	color: #ffffff;
}

#content .box-color-light-grey .box-bottom {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-light-grey .box-bottom div {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 0 100%;
}

/* new boxes */
#content .newbox-top {
	background: transparent url('../img/accueil/newbox/top-cadre.jpg') no-repeat scroll 100% 0;
	height: 415px;
	width: 450px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}
#content .newbox-content {
	background: transparent url('../img/accueil/newbox/middle-cadre.jpg') repeat-y scroll 0 0;
	width: 450px;
	padding: 0 20px;
}
#content .newbox-bottom {
	background: transparent url('../img/accueil/newbox/bottom-cadre.jpg') no-repeat scroll 100% 0;
	height: 55px;
	width: 490px;
	margin-bottom: 10px; 
}

#content .newbox-content img {
	margin: auto;
	padding-top: 40px;
}

#nav-accueil #content .newbox-content p, #nav-accueil #content .newbox-content ul {
	font-size: 12px;
	margin: 0px 12px 0px 5px;
}
#nav-accueil #content .newbox-content h2 {
	border:medium none;
	display:block;
	font-weight:bold;
	margin:0 -5px 5px;
	padding:2px;
	text-align:center;
}
#nav-accueil #content .newbox-content label {
	display:block;
	float:left;
	margin:5px 0 0;
	text-align:right;
	width:100px;
}

#nav-accueil #content form .input {
	margin: 0px;
}

#nav-accueil #content form .input label {
	display:block;
	float:left;
	margin:5px 0 0;
	text-align:right;
	width:130px;
}

#nav-accueil #content form {
	background-color:#F9F9F9;
	border:1px solid #D00E17;
	margin-left:30px;
	margin-right:0;
	padding:10px;
	width:320px;
}

#popup-lyon {
	text-align: center;
	background-color: white;
}

#popup-lyon p {
	font-size: 12px;
}

#popup-lyon img {
	margin: auto;
}
#nav-accueil .ui-widget-header {
	background: #D00E17;
}

/* ****************** End Widgets ****************** */