body{
margin:0px; 
text-align:center; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
line-height:17px;
}


#menu {
margin:auto;
text-align:left;
width:100%;
background:url(images/fonds/fond_menu_over.png) repeat-x top center;
height:40px;
position:fixed;
top:0px;
left:0px;
z-index:450;
}

#menuContenu {
width:960px;
height:65px;
margin:auto;
background:url(images/fonds/fond_menu.png) no-repeat top center;
}

.menuContenuBouton {
min-width:100px;
height:37px;
float:left;
border-right:1px solid #534037;
background-position: top center;
cursor:pointer;
}

.menuContenuBouton:hover {
background-position: bottom center;
}

#header {
margin-top:40px;
}


#mainHeader {
width:960px;
min-height:15px;
overflow:hidden;
background:url(images/fonds/fond_main_header.png) no-repeat top center;
margin:auto;
}

#main {
margin:auto;
text-align:left;
width:960px;
overflow:hidden;
background:url(images/fonds/fond_main.png) #ffffff repeat-y top center;
}

#ssmain {
overflow:hidden;
padding-bottom:40px;
}

.left{
float:left;
overflow:hidden;
margin-left:10px;
margin-right:10px;
}

.right{
float:right;
overflow:hidden;
margin-left:10px;
margin-right:0px;
}

#footer{
text-align:left;
width:960px;
margin:auto;
background:#1b1b19;
min-height:60px;
overflow:hidden;
color:#777777;
}

#footer a{
color:#777777;
}


/************************** box ******************************/

.box{
width:178px;
padding:5px;
border:1px solid #dbdbdb;
background:#f8f8f8;
border-top:0px;
margin-bottom:10px;
}

.boxVierge{
padding:5px;
padding-bottom:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}



.boxOne{
color:#ffffff;
background:url(images/box/one.jpg) no-repeat top left;
}

.boxTwo{
color:#ffffff;
background:url(images/box/two.jpg) no-repeat top left;
}

/**************************** titre ***************************/

.titre{
background:url(images/fonds/fond_titre.png) no-repeat top left;
color:#6d4e31;
padding:5px;
padding-left:40px;
margin-bottom:5px;
font-size:12px;
}

/**************************** standard ***************************/


h1 { padding:0px ; margin:0px ; margin-bottom:15px ; font-family:Arial, Helvetica, sans-serif ; font-size:18px}
h2 { padding:0px ; margin:0px ; font-family:Arial, Helvetica, sans-serif ; font-size:15px ; font-weight:bold }
h3 { padding:0px ; margin:0px ; font-family:Arial, Helvetica, sans-serif ; font-size:12px ; font-weight:bold ; padding:7px ; width:186px ; height:16px;}
hr { color:#ffffff ; border-top:1px dashed #ffffff ; border-bottom:1px dashed #cdcdcd;}
p { padding:0px ; margin:0px; }
form { padding:0px; margin:0px; }
img { border:0px; }



/*************************************************************/

/* tableau */
.tableau{
border-spacing:10px;
border-collapse: collapse;
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-size:12px;
border:1px solid #dfebee;
}

.tableau td{
border-bottom:1px solid #eaeaea;
border-right:1px solid #eaeaea;
padding:5px;
text-align:left;
}

.tableau tr.titre td{
font-weight:bold;
background:url(images/fonds/fond_tableau_titre.png) repeat-x bottom center;
border-bottom:1px solid #dcdcdc;
padding:5px;
text-align:center;
color:#386473;
}


/**************************************************/

/* divers */
.bulle { position:absolute ; padding:8px ; background:#f2efee ; font-family:Arial, Helvetica, sans-serif ; font-size:11px; color:#60544d ; border:1px solid #ccc0b9 ; display:none; }


.puce {
background-image:url(images/icones/ico_puce.png);
background-repeat:no-repeat;
background-position:left;
text-align:left;
padding-left:12px;
}


/********************* liens **************************/

a {
color:#1b81aa;
text-decoration:none;
border-bottom:1px dotted #1b81aa;
}

a:hover {
color:#40b6e6;
}
.couleur {
color:#1b81aa; 
text-decoration:none;
} 

.couleurGras {
color:#d22300;
text-decoration:none;
font-weight:bold 
}


/********************* boutons **************************/

.bouton, .boutonOK{
padding:5px;
color:#444444;
-moz-border-radius:3px;
border:1px solid #cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(/template/images/boutons/bouton_off.png);
background-repeat:repeat-x;
cursor:pointer;
margin:3px;
text-align:center;
text-decoration:none;
}

.boutonOK{
font-weight:bold;
}

.boutonOK:hover, .bouton:hover{
color:#222222;
border:1px solid #aaaaaa;
text-decoration:none;
}


/********************* forms ***********************/

/* formulaire */
input[type=text], input[type=passwd]{
background-image:url(images/fonds/fond_input.png);
background-position:top right;
border:1px solid #d0ccca;
color:#483e37;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
height:14px;
}


textarea{
background-image:url(images/fonds/fond_input.png);
background-repeat:no-repeat;
background-position:top right;
border:1px solid #d0ccca;
color:#483e37;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:8px;
}

select{
background-image:url(images/fonds/fond_input.png);
background-repeat:no-repeat;
background-position:top right;
border:1px solid #d0ccca;
color:#483e37;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}

optgroup{
font-size:12px;
font-style:normal;
font-weight:bold;
}

option{
font-size:12px;
}

