/*
orange : #de680e
gris foncé : #666a6b
*/

body {
	background-color: #B5B5B5;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color:#de680e;
}

input, textarea{
	font-weight:normal;
	font-size:8pt;
}

.lien{
	text-decoration:underline;
	font-weight:normal;
	color:#de680e;
}

.lien:hover{
	text-decoration:none;
}

li {
	list-style-type:none;
	line-height:20px;
}

.clear{
	clear:both;
}

#messageGeneral {
	z-index:1000;
	width:100%;
	font-weigt:bold;
	font-size:12pt;
	text-align:center;
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	text-align:center;
	background-color:#222;
	filter:alpha(opacity=90);
	opacity:0.90;
	margin:0;
	line-height:100px;
	color:#fff;
	padding-top:100px;
}

#containerPortail{
	position:relative;
	background: url(../media/portail.jpg) no-repeat 0 0;
	width: 806px;
	height:700px;
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-top:0px;
}

#containerPortail #txtEmail, #containerPortail #txtPass{
	position:relative;
	width:120px;
	border:0;
}

#containerPortail #txtEmail{
	top:166px;
	left:29px;
}

#containerPortail #txtPass{
	top:201px;
	left:29px;
}

#containerPortail #btnSubmit{
	position:relative;
	top:212px;
	left:25px;
	width:30px;
	border:0;
	background:0;
}

#entreeArtiste{
	position:absolute;
	display:block;
	width:65px;
	height:25px;
	top:180px;
	left:188px;
	width:63px;
}

#entreeVisiteur{
	position:absolute;
	display:block;
	top:450px;
	left:455px;
	width:95px;
	height:40px;
}

#msgLogin{
	position:absolute;
	top:132px;
	left:28px;
	font-size:8pt;
	color:#f00;
	height:25px;
}

#textGrisClairPortail{
	position:absolute;
	width:806px;
	text-align:center;
	color:#eee;
	top:606px;
}

#container {
	position:relative;
	width: 1024px;
	background: url(../media/fond_container.jpg) repeat-y 0 0;
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}

#onglet1{
	position: absolute;
	top:13px;
	left:50px;
}

#onglet2{
	position: absolute;
	top:13px;
	left:180px;
}

a.ongletOn {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

a.ongletOff {
	color:#666a6b;
	text-decoration: none;
	font-weight: bold;
}

.ongletOn:hover, .ongletOff:hover {
	color:#de680e;
}

#bandeau{
	width:1024px;
	height:147px;
	background: url(../media/bandeau.jpg) no-repeat 0 0;
}

.mainLink{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}

.mainLink:hover {
	color:#fff;
}

#pied{
	position:relative;
	margin-top: 10px;
	padding-left:30px;
	height:169px;
	background: url(../media/pied.jpg) no-repeat 0 0;
}

#menuBas1{
	position:absolute;
	top: 32px;
	color: #DF6801;
}

#menuBas1 a{
	color: #68696D;
	text-decoration: none;
}

#menuBas2{
	position:absolute;
	top: 32px;
	left: 600px;
	color: #68696D;
}

#menuBas2 a{
	color: #de680e;
	text-decoration: none;
}

#sign{
	position:absolute;
	top: 75px;
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #68696D;
	font-size: 7.5pt;
}

#sign a{
	color: #68696D;
	text-decoration: none;
}

#contenu{
	/*border:1px solid;*/
	margin-top:20px;
}

#contenu li{

}

#contenu ul{
	color: #980001;
}

#contenu ul span{
	color: #68696D;
}


.cadrePhoto {
	width:155px;
	height:136px;
	background: url(../media/deco/cadre_photo.jpg) no-repeat 0 0;
}

table.vignette {
	margin-top:5px;
	margin-left:5px;
	width:141px;
	height:121px;
	vertical-align:middle;
	text-align:center;
}

.vignetteRoll:hover {
	background:#DE680E;
	cursor:pointer;
}


#imgApercu:hover{
	cursor:pointer;
}

.gris1{
	color:#666a6b;
}
.gris2{
	color:#898989;
}
.gris3{
	color:#BFBFBF;
}
.orange{
	color:#DE680E;
}

.bold {
	font-weight:bold;
}

.mauve{
	color:#9A001A;
}

.boutonOrange a, .boutonGris a, .boutonOk a{
	color:#fff;
}

.boutonOrange a:hover, .boutonGris a:hover, .boutonOk a:hover{
	color:#fff;
}

.boutonOrange{
	display:block;
	line-height:22px;
	text-align:center;
	width:138px;
	height:22px;
	color:#fff;
	background: url(../media/bouton/bouton.gif) no-repeat 0 0;
}

.boutonGris{
	line-height:22px;
	text-align:center;
	width:138px;
	height:22px;
	color:#fff;
	background: url(../media/bouton/bouton_gris.gif) no-repeat 0 0;
}


.boutonOk{
	line-height:15px;
	text-align:center;
	width:24px;
	height:15px;
	color:#fff;
	background: url(../media/bouton/bouton_ok.png) no-repeat 0 0;
}

.panel{
	margin-bottom:3px;
}

#menuBas1 *, #menuBas2 *{

}

#pagination a.curPage{
	color:#DE680E;
}

#xiti {
	text-align:center;
	display:block;
	background:none;
	background-color:#b5b5b5;
}