#nav-accueil #content {
 float: right;
 display:inline;
 position: relative;
 width:777px;
 background: transparent url(../img/accueil/content-top-bg.jpg) no-repeat top;
}

#nav-accueil #header, #nav-accueil #header span{
 width:970px;
 height:104px;
 background-image: url(../img/accueil/header.jpg);
}

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

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

#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(241, 140, 36);
}

#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: 370px;
	float: left;
	padding: 5px;
}

.right-column {
	width: 385px;
	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: 100px;
}

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

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

.form-actions {
	text-align: center;
}

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: 55px;
	width: 365px;
}
#content .newbox-content {
	background: transparent url('../img/accueil/newbox/middle-cadre.jpg') repeat-y scroll 0 0;
	width: 327px;
	padding: 0 20px;
	height: 430px;
}
#content .newbox-bottom {
	background: transparent url('../img/accueil/newbox/bottom-cadre.jpg') no-repeat scroll 100% 0;
	height: 22px;
	width: 365px;
	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;
}
/* ****************** End Widgets ****************** */

#nav-accueil #content li {
list-style-position:inside;
list-style-type:disc;
margin-left:10px;
}