*{
	margin:0px;
	padding:0px;
}

html, body{
    font: 11px/14px Arial, Verdana, sans-serif;
	color:#fff;
    background: #073B6D url(/medias/images/interface/background.jpg) repeat-x top left;
	text-align:justify;
}

h1{
    font: 14px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#ffde00;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h2{
    font: 14px Arial, Verdana, sans-serif;
	color:#A3CCF1;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h3{
    font: 14px Arial, Verdana, sans-serif;
	color:#A3CCF1;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h4{
    font: 13px Arial, Verdana, sans-serif;
	color:#A3CCF1;
	border-bottom:1px dotted #A3CCF1;
	margin:0 0 3px 0;
}

h4 a:hover{
text-decoration:none;
}

strong{
	color:#A3CCF1;
}

.mee{
font-weight:bold;
color:#A3CCF1;

}

.small{
    font: 10px/14px Arial, Verdana, sans-serif;
	color:#fff;
}


/* ---------->>> GLOBAL : Mise en page <<<-----------*/

p{
	margin-bottom:5px;
}



/* ---------->>> GLOBAL : Images <<<-----------*/

.imgleft{
	float:left;
	padding-right:10px;
}
.imgright{
	float:right;
}

.image {
padding-top:10px;}


/* ---------->>> GLOBAL : Liens <<<-----------*/

a{
	color:#A3CCF1;
	text-decoration:none;
}
a:hover{
	color:white;
	text-decoration:underline;
}
a:visited{
	color:#A3CCF1;
}
a:active{
	color:#A3CCF1;
}



/* -------------------------------------------*/
/* ---------->>> Page Structure <<<-----------*/
/* -------------------------------------------*/



#conteneur{
	margin: 0 auto; 
	width:976px;
}

#header{

}

#contenu{
	width:976px;
	height:245px;
	margin-top:7px;
	background-image:url(/medias/images/interface/background2.jpg) ;
	background-repeat:no-repeat; 	
}

#gauche{
	float:left;
	width:285px;
	padding-left:60px;
	padding-right:60px;
}

#contenuQui{
	float:left;
	width:900px;
	padding-left:40px;
	padding-right:40px;
}

#etape1{
	float:left;
	width:525px;
	padding-left:20px;
	padding-right:20px;
	padding-top:16px;
}

#etape2{
	float:left;
	width:900px;
	padding-left:40px;
	padding-right:40px;
}

#centre{}
 

.spacer{
	clear:both;
	visibility:hidden;
}


/* ---------------------------------*/
/* ---------->>> Form <<<-----------*/
/* ---------------------------------*/

.repeatSmall{
	padding-left:30px;
    background: url(/medias/images/form/repeat-small-block.png) repeat-y top left;
	}	
	
.repeatLong{
	padding-left:30px;
    background: url(/medias/images/form/repeat-long-block.png) repeat-y top left;
	}	
	
#champsLeft{
	width:144px;
	float:left;
	padding-left:31px;
	padding-right:21px;
}

#champsRight{
	width:144px;
	float:left;
	margin-left:20px;
	padding-left:21px;
	padding-right:41px;
}

#champsBt{
	float:right;
	margin-left:20px;
	padding-left:21px;
	padding-right:40px;
}

#champsLarge{
	float:left;
	padding-left:31px;
	padding-right:21px;
}



.textArea{
    font: 14px Arial, Verdana, sans-serif;
	width:150px;
}

.formChoice{
    font: 14px Arial, Verdana, sans-serif;
}


/* ---------------------------------*/
/* ---------->>> Menu <<<-----------*/
/* ---------------------------------*/

#menu{
	height:47px;

}

#menu li{
	float:left;
	list-style-type:none;
}

#menu li span{
	display:none;
}


#menu li a{
	display: block;
	height:47px;
	text-decoration:none;
	text-align:center;
	color:fff;
}


#itemMR a {
   width: 101px;
   background: url('/medias/images/menu/mr.jpg') no-repeat left top;
}

#itemQui a {
   width: 141px;
   background: url('/medias/images/menu/qui.jpg') no-repeat left top;
}

#itemRejoindre a {
   width: 105px;
   background: url('/medias/images/menu/rejoindre.jpg') no-repeat left top;
}
#itemParticiper a {
   width: 77px;
   background: url('/medias/images/menu/participer.jpg') no-repeat left top;
}

#itemContact a {
   width: 66px;
   background: url('/medias/images/menu/contact.jpg') no-repeat left top;
}


#menu li a:hover {
background-position:  0px -47px;


}
#menu li a#currentmenu {
background-position:  0px -47px;
}

a.info{
    position:relative; 
    z-index:24; 
    color:#A3CCF1;
    text-decoration:none}

a.info:hover{
	z-index:25;}

a.info span{
	display: none}

a.info:hover span{ 

	display:block; 
	position:absolute;
    top:2em; left:2em; width:350px;
    border:1px dotted #6699cc;
    background-color:#104173; 
	color:#A3CCF1;
    text-align: justify;
    font-weight:none;
    padding:6px;
}

.error {
	background-color: #DA619D;
}

.errormsg {
	font-size: 14px;
	padding: 10px;
	font-weight: bold;
	color: #DA619D;
}