/* 
RESET ****************************************************************************
*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td, img {
margin:0;
padding:0;
} 

img {
border:0;
}


body { 
background: #000 url(../images/bg-body.gif) top left repeat-x;
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size:12px;
color:#9d9d9d;
}
		
.title{
color:#fff;
border-left:#e50014 solid 5px;
padding-left:5px;
margin-bottom:20px;
}

.titre{
color:#000;
margin-bottom:20px;
}

/* 
LAYOUT ****************************************************************************
*/

#page {
background: transparent url(../images/bg-page.gif) top left no-repeat;
width:1000px;
min-height:800px;
overflow:hidden;
}

/*
HEADER
*/
#header {
background: transparent url(../images/header.gif) top left no-repeat;
height:170px;
overflow:hidden;
}

#header #logo {
height:135px;
width:400px;
}

#header #logo img{
position:absolute;
top:56px;
left:132px;
}

/*
Header menu
*/
#header .menu {
position:absolute;
left:0:
top:150px;
z-index:100;
width:1000px;
}

#header .menu ul {
float:right;
list-style:none;
}

#header .menu li {
float:left;
padding-right:15px;
}

#header .menu a {
text-decoration:none;
padding-right:15px;
color:#fff;
font-weight:900;
font-size:14px;
line-height:23px;
text-transform:uppercase;
}

#header .menu a:hover {
text-decoration:none;
}
 
/*
CONTENT
*/
#content{
overflow:hidden;
}

/* colonne gauche */
#content #columnLeft {
float:left;
width:200px;
height:550px;
background: transparent url('../images/bg-left.gif')  130px top no-repeat;
}

/* colonne gauche->menu */
#content #columnLeft .menu  {
width:120px;
}

#content #columnLeft .menu ul {
list-style:none;
}

#content #columnLeft .menu li {
text-align:right;
}

#content #columnLeft .menu li a {
color:#9d9d9d;
font-weight:900;
text-decoration:none;
font-size:16px;
line-height:15px;
}

#content #columnLeft .menu li a:hover {
color:#fff;
}

/* colonne droite index */
#content #columnRight {
float:left;
width:800px;
line-height:0;
}

#content #columnRight .visuelIndex {
border:#b2b2b2 solid 1px;
width:798px;
height:439px;
}

/* 
contenu site
*/
#content #contenu {
background:transparent url('../images/bg-content.png') ;
border:#b2b2b2 solid 1px;
padding:10px;
min-height:419px;
height:auto !important; /* hack ie6 */
height:419px; /* hack ie6 */
line-height:23px;
color:#fff;
overflow:hidden;
position:relative;
}

#content #contenu a {
color:#fff;
}

/*
FOOTER
*/
#footer {
background:#b2b2b2 url('../images/bg-footer.gif') top left no-repeat;
height:28px;
line-height:28px;
padding-left:5px;
margin-top:5px;
}

/* footer->menu */
#footer .menu {
float:left;
width:500px;
color:#9d9d9d;
}

#footer .menu ul {
list-style:none;
}

#footer .menu li {
float:left;
padding-right:10px;
}

#footer .menu a {
text-decoration:none;
padding-right:10px;
color:#9d9d9d;
}

#footer .menu a:hover {
text-decoration:underline;
}

/* footer->copyright */
#footer .copyright {
float:right;
width:295px;
color:#ea0015;
text-align:right;
}

/* footer->newsletter */
#newsletter {
}


#newsletter fieldset {
border:0;
text-align:right;
display:bock;
}

#newsletter label {
font-size:12px;
font-weight:900;
margin-right:10px;
}

#newsletter input {
font-size:11px;
}

#newsletter .button{ 
margin-left:10px;
}

/*
TOOLS
*/

.erreur {
border:red solid 2px;
padding:5px;
background-color:pink;
color:#000;
margin-bottom:15px;
}

.ok {
border:orange solid 2px;
padding:5px;
background-color:#f9e4b8;
color:#000;
margin-bottom:15px;
}

.imgTip {
background-color:#fff;
color:#666666;
font-weight:bold;
padding:0 5px;
}


/*
ADMIN
*/

a.LienText {
color:#EF7310;
font: 14px Trebuchet MS, Verdana, Arial, sans-serif;
text-decoration : none;
}

a.LienText:hover {
text-decoration : underline;
}

.inputText
{
color:#222222; 
background-color:#ffffff; 
font-size:9px; 
font-family:Arial; 
border:#CDCDCD solid 1px; 
}