label {
	font-weight: bold;
	color:#666a6b;
}

#onglet{
	margin-left:auto;
	margin-right:auto;
	height:30px;
	background: url(../media/onglet_exposant.jpg) no-repeat 0 0;
}

#menu{
	background: url(../media/deco/barre_navigation.gif) no-repeat 0 0;
	position:relative;
	margin-top:15px;
	margin-left: 30px;
	height:16px;
	width:645px;
	float:left;
}

#accueil{
	position:absolute;
	left:35px;
}

#detail{
	position:absolute;
	left:125px;
}

#souscription{
	position:absolute;
	left:250px;
}

#monCompte{
	position:absolute;
	left:362px;
}

#contact{
	position:absolute;
	left:467px;
}

#gauche{
	float:left;
	width:186px;
	margin-top:20px;
	margin-left:22px;
	padding-left:0px;
}

#aide{
	width:90px;
	text-align:center;
	float:left;
	margin-top:10px;
}

#aide a{
	color:#de680e;
	font-size:14pt;
}

/********* menu gauche 1 *********/
#menuGauche1{
	width:185px;
	background: url(../media/deco/navig_gauche.gif) repeat-y 0 0;
}

#menuGauche1 ul {
	margin-left:5px;
	padding-left:5px;
}

#menuGauche1 li a{
	font-weight:normal;
	text-decoration:none;
	color:#df6911;
}

#menuGauche1 li a:hover{
	text-decoration:underline;
}

#menuGauche1 li a:active{
	text-decoration:underline;
}


#menuGauche1 h2{
	font-size:9pt;
	background-color:#626262;
	color:#fff;
	padding-left:5px;
	margin-top:15px;
}

#menuGauche1 .menuEnCours{
	text-decoration:underline;
	font-weight:bold;
}
/**********************************/

/********* menu gauche 2 *********/
#menuGauche2{
	margin-top:40px;
	width:186px;
	background: url(../media/deco/navig_gauche.gif) repeat-y 0 0;
	color:#898989;
}

#menuGauche2 ul {
	margin-left:5px;
	padding-left:5px;
}

#menuGauche2 li{
	list-style-type:none;
	margin-top:5px;
}

#menuGauche2 li a{
	font-weight:normal;
	text-decoration:none;
}

#menuGauche2 li a:hover{
	text-decoration:underline;
}

#menuGauche2 h2{
	background: url(../media/deco/navi_gauche_fond_option.gif) repeat-y 2px 0;
	border:1px solid #eee;
	font-size:8pt;
	padding-left:5px;
}
/**********************************/

/************* contenu ************/
#contenu{
	float:left;
	width:680px;
	margin-left:70px;
}

#contenu h2{
	display:block;
	padding:2px 3px 2px 0px;
	font-size:8pt;
	color:#fff;
	/*background-color:#DE6810;*/
	border-bottom: 1px solid #DE6810;
	margin-bottom:15px;
	margin-top:15px;
}

#contenu h2 span{
	background-color:#DE6810;
	margin:0;
	padding:3px 5px 3px 5px;
}
/**********************************/


#compte label, #paiement label{
	float:left;
	width:350px;
	text-align:right;
}

#compte div{

}

#compte ul{
	margin:0;
	padding:0;
	color:#898989;
}

.colonneDetail {
	float:left;
	width:290px;
	color:#898989;
	font-weight:bold;
}

.colonneDetail p{
	font-weight:normal;
}
.colonneDetail a {
	color:#DE680E;
}

.colonneInput {
	float:left;
	text-align:center;
	width:30px;
}

#infoPersonnelle .champ {
	text-align:right;
}


#infoPersonnelle input[type="text"]{
	width:300px;
}

#infoPersonnelle textarea{
	width:300px;
}

#infoPersonnelle input[type="file"]{
	width:300px;
}


.panelUploadPhoto{
	width:268px;
	padding-left:0px;
	float:left;
	margin-top:108px;
	margin-left:64px;
}

#presentation{
	margin-top:0px;
	padding-top:0px;
}

.ligneForm{
	width:550px;
	clear:both;
	margin-bottom:20px;
}

.ligneForm label{
	display:block;
	float:left;
	width:250px;
	text-align:right;
}

.ligneForm .champ{
	float:left;
	width:250px;
	text-align:left;
	margin-left:50px;
	padding-left:0px;
}

.bouton{
	width:100%;
	text-align:right;
}

#oeuvre select{
	width:150px;
}

#oeuvre .filtre{
	float:left;
	width:335px;
}

#oeuvre #recap{
	float:left;
	margin-left:35px;
	width:280px;
}

#oeuvre #listeImage{
	width:670px;
	min-height:335px;
}

#oeuvre #pagination{
	width:650px;
	text-align:right;
}

span.actif, span.inactif{
	padding:3px 5px 3px 5px;
	color:#fff;
	font-weight:bold;
}

span.actif{
	background-color:#de680e;
}

span.inactif {
	background-color:#BFBFBF;
}

#oeuvre label{
	display:block;
	width:165px;
	float:left;
	margin-left:10px;
}

.vignetteListe{
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:180px;
}

.puceNumero {
	margin-left:-40px;
	float:left;
	width:30px;
}

.oeuvreSuppr{
	background: url(../media/bouton/supprimer.jpg) no-repeat -3px -5px;
	width:35px;
	height:34px;
}

.oeuvreSuppr:hover{
	background: url(../media/bouton/supprimer.jpg) no-repeat -3px -43px;
	cursor: pointer;
}

.oeuvreSuppr:active{
	background: url(../media/bouton/supprimer.jpg) no-repeat -3px -81px;
	cursor: pointer;
}

#pagination a{
	color:#666a6b;
	font-weight:normal;
}

#contactAdmin {
	position:relative;
	margin-left:400px;
	width:500px;
}

#contactAdmin .nom, #contactAdmin .prenom, #contactAdmin .email, #contactAdmin .message{
		position:absolute;
		width: 285px;
		left: 122px;
		background: transparent url("media/blank.gif") no-repeat;
		border: 0;
		font-size: 8pt;
}

#contactAdmin .nom {
	top: 14px;
}

#contactAdmin .prenom {
	top: 47px;
}

#contactAdmin .email {
	top: 82px;
}

#contactAdmin .message {
	top: 120px;
	height: 100px;
}

#contactAdmin .envoyer {
	position:absolute;
	left: 326px;
	top: 245px;
	width:50px;
	height:20px;
	background:url(media/envoyer.gif);
}

#accroche{
	float: left;
	width: 400px;
}

#texteAccueil{
	float: left;
	width: 400px;
	margin-left:20px;
	color:#666a6b;
}

#texteAccueil b, #texteAccueil strong{
}

#contenu h1{
	width:100%;
	font-size:11pt;
	color:#666a6b;
	text-align:center;
}

.offreEnDetail a{
	color: #666a6b;
}

.typePage{
	color: #666a6b;
}

.typePage b{
	color: #666a6b;
}

.typePage a{
	color:#626262;
}

.typePage a:visited{
	color:#898989;
}

.typePage a:hover{
	color:#de680f;
}

#infoPhoto{
	color:#626262;
	border:1px solid #de680f;
	padding: 5px 5px;
	width:300px;
	margin-left:175px;
	margin-bottom:5px;
}

#retoucheDetail a{
	font-weight:bold;
}

#creationSite a{
	text-decoration: underline;
}