body {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#F4F4F4 url(images/background.jpg) repeat-y scroll center top;
    color:#666666;
    font-family:sans-serif;
    font-size:0.7em;
    margin:0;
    padding:0;
    text-align:center;
    overflow-y: scroll;
}

h2 {
	margin: 1.6em 0 1.1em 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #456879;
}
h1 {
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #456879;
}
a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    text-decoration: underline;
}
img { border:none; }

a img {
	border: 0px solid #CCC;
	padding: 2px;
}
#site {
	margin:0 auto;
	width: 990px;
}
#top {
background:url("/css/images/login/login_top.png") repeat-x scroll 0 0 transparent;
height:38px;
position:relative;
}
#top ul.login {
    background:url("/css/images/login/login_r.png") no-repeat scroll right 0 transparent;
    clear:right;
    color:#666666;
    display:block;
    float:right;
    font-size:80%;
    font-weight:bold;
    height:38px;
    line-height:38px;
    margin:0;
    padding-right:45px;
    position:absolute;
    right:150px;
    text-align:center;
    width:auto;
}
#top ul.login li {
    background:url("/css/images/login/login_m.png") repeat-x scroll 0 0 transparent;
    display:block;
    float:left;
    height:38px;
    padding:0 6px;
    text-align:left;
}
#top ul.login li.left {
    background:url("/css/images/login/login_l.png") no-repeat scroll left 0 transparent;
    display:block;
    float:left;
    height:38px;
    margin:0;
    padding:0;
    width:45px;
}
#top ul.login li a {
    color:#33CCCC;
}
#login_div .loginClose a {
    background:url("/css/images/login/button_close.png") no-repeat scroll right 0 transparent;
    border:medium none;
    color:666666;
    display:block;
    font-size:1.3em;
    height:20px;
    padding-right:10px;
    width:100%;
}
#login_div .loginClose a:hover {
    background:url("/css/images/login/button_close.png") no-repeat scroll right -20px transparent;
}

#login_div a {
    color:#33CCCC;
    text-decoration:none;
}
#login_div {
    background:none repeat scroll 0 0 #fafafa;
    color:666666;
    height:0;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:3;
}
#login_div .loginContent {
    height:80px;
    margin:0 auto;
    padding-top:25px;
    text-align:left;
    width:550px;
}
#login_div .loginClose {
    display:block;
    font-size:0.8em;
    position:absolute;
    right:15px;
    text-align:left;
    top:10px;
    width:70px;
}
/******************************/
/* MENU ACCORDION */
/******************************/
#leftMenu, #leftMenu ul {
  list-style-type:none;
  margin: 0 0 0 2px;
  padding: 0;
  width: 200px;
}

#leftMenu a {
  display: block;
  text-decoration: none;
}

#leftMenu li {
  margin-top: 2px;
  padding: inherit;
}

#leftMenu li a {
  text-transform: uppercase;
  font-weight: bold;
  background:transparent url(/css/images/LeftMenu.png) 0% 0%;
  color: #333;
  padding: 6px 6px 5px 6px;
}

#leftMenu li a:hover, #leftMenu .menuActive {
  background: transparent url(/css/images/LeftMenu.png) 0% 100%;
  color: #333;
  text-decoration: none;
}

#leftMenu li ul li a {
  text-transform: capitalize;
  font-weight: normal;
  background: transparent url(/css/images/LeftSousMenu.png) no-repeat  0% 0%;
  color: #888;
  padding:4px 0px 3px 20px;
}

#leftMenu li ul li a:hover, #leftMenu .sousMenuActive {
   background: transparent url(/css/images/LeftSousMenu.png) no-repeat  0% 100%;
   color: #000;
}
#leftMenu .sousMenuActive {
   font-weight: bold;
}
/* ------------------------------------ */
/*               Header                 */
/* ------------------------------------ */
#header{
    background: #fff;
    height:130px;
    /*margin: -30px 0 0 0;*/
    width: 990px;
}



#barre-infos {
	height: 23px;
	width: 267px;
	background: url(images/barre-infos.jpg) left top no-repeat;
	color: #bfbfbf;
	float: right;
	padding: 2px 12px 0 12px;
	text-align: left;
	font-size: 0.9em;
}

#barre-infos p {
	margin: 0;
	padding: 0;
}

#barre-infos a {
	color: #bfbfbf;
}




/* ------------------------------------ */
/*               Content                */
/* ------------------------------------ */

#content {
	background: #fff url(/css/images/bg_content.jpg) repeat-x left top;
        /*background: #fff;*/
        /*border-bottom: #AAAAAA dashed 1px;*/
	text-align: left;
	width: 990px;
	height: 550px;
	margin: 0 auto;
	padding-top: 0px;
}
#content_left{
    /*border-right: #AAAAAA dashed 1px;*/
    vertical-align:top;
    width: 190px;
    padding: 10px 0 10px 0;
}
#content_center {
    vertical-align:top;
    width:100%;
}

#left-p {
	padding: 0px 20px 0 20px;
}


#content_right {
   /* border-left: #AAAAAA dashed 1px;*/
    vertical-align:top;
    width: 190px;
}

#right-p {
    padding: 0px 7px 0 7px;
}

#content_right h3 {
	margin: 1.6em 0 1.1em 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #79a004;
}

#acces_extranet{
    margin: 20px 2px 0 2px;
    padding: 5px 0 6px 0;
    background: url(images/bg_acces2.jpg) 0% 0% no-repeat;
    color: #333;
    width: 100%;
    height: 100px;
}

#acces_extranet th{
    font-weight:bold;
    text-align: left;
}
#acces_extranet a{
    font-size: 0.9em;
    font-weight: normal;
    padding-right: 35px;
    color: #4169E1;
}
#acces_extranet input[type='submit']{
    font-size: 0.95em;
    border: 1px solid #aaa;
    margin-right: 10px;
}
#acces_extranet input[type='text'], #acces_extranet input[type='password']{
    width: 110px;
}

.rss {
	height: 70px;
	width: 258px;
	background: url(images/right-rss.jpg) left top no-repeat;
	margin: 10px 0 10px 0;  	
}

.rss p {
	font-weight: bold;
	color: #e55300;
	margin: 0;
	padding: 20px 60px 0 18px;
}

.rubrique {
	background: url(images/rubrique-bg.jpg) repeat-y;
}

.rubrique-top {
	height: 12px;
	background: url(images/rubrique-top.jpg) no-repeat;
}

.rubrique-bottom {
	height: 12px;
	background: url(images/rubrique-bottom.jpg) no-repeat;
}

.rubrique-content {
	padding: 5px 0 5px 20px;
}

.rubrique ul {
	margin: 0px;
	padding: 0;
}

.rubrique li {
	list-style: none;
	margin-bottom: 5px;
}

.rubrique li a {
	color: #666;
}


/* ------------------------------------ */
/*               Footer                 */
/* ------------------------------------ */

#footer {
    vertical-align:top;
    background: url(images/bg_acces.jpg);
}
#footer h3 {
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 1em;
    color: #666;
}
#footer p, #footer div {
    font-size: 0.9em;
    color: #666;
}

#footer td {
    padding-top: 10px;
}
#footer-left {
    border-top: #AAAAAA solid 1px;
    border-bottom: #AAAAAA solid 1px;
    text-align:left;
    width: 190px;
    padding-left: 25px;
}

#footer-middle {
    border-top: #AAAAAA solid 1px;
    border-bottom: #AAAAAA solid 1px;
    text-align:center;
    width: 610px;
}


#footer-right {
    border-top: #AAAAAA solid 1px;
    border-bottom: #AAAAAA solid 1px;
    text-align:left;
    padding-left: 25px;
}

#footer-right ul {
    list-style: none;
    padding: 0px;
    margin:0px;
}

#footer-right li {
    width: 180px;
    height: 15px;
    margin-bottom: 3px;
}

#footer-right li a {
    padding: 0 0 0 9px;
    color: #666;
    font-weight: bold;
}


#w3c {
	margin: 0 0 0 40px;
}

#w3c ul {
	padding: 0px;
}

#w3c ul li {
	float: left;
	list-style: url(images/valide.jpg);
	margin: 14px 45px 0 0;
}

#w3c li a {
	color: #cebaed;
	font-weight: bold;
}

/* ------------------------------------ */
/*               News                 */
/* ------------------------------------ */

/* Easy Slider */

#slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
#slider, #slider li{ 
        /*
                define width and height of container element and list item (slide)
                list items must be the same size as the slider area
        */

        width:190px;
        height:200px;
        overflow:hidden;
        }
#slider li{
    background: #fff url(images/bg_news.jpg) no-repeat center top;
}
#slider li #date{
    font-style: italic;
}
#slider li h2{
    text-indent: 10px;
    font-size: 1.1em;
    margin:0 0px;
    padding-top:5px;
}
#slider li p{
    text-align: justify;
    margin:10px;
}
span#prevBtn{
}
span#nextBtn{
}

/* // Easy Slider */

/* ------------------------------------ */


.clear {
	width: 807px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}
p[class ^= 'gallery']{
    background-color: transparent;
    text-align: left;
}
p[class ^= 'gallery'] a img{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 2px solid #aaa;
    margin: 0 0 4px 4px;
    padding: 2px;
    vertical-align:middle;
}
p[class ^= 'gallery'] a img:hover{
    border: 2px solid #c00;
}
.galerie{
    border: #aaa solid 1px;

    white-space:nowrap;
    width: 100%;
}
.galerie_masque{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/bg_acces.jpg) repeat-x scroll 0 0;
    height:84px;
    overflow:hidden;
    padding:0px;
    position:relative;

    white-space:nowrap;
}
.galerie .btn_left{
    border-right: #aaa solid 1px;
    background:transparent url(/css/images/btn_left.jpg) scroll 0 0;
    height:84px;
    float: left;
    width:10px;
}
.galerie .btn_left:hover{
    background:transparent url(/css/images/btn_left_hover.jpg) scroll 0 0;
    cursor: pointer;
}
.galerie .btn_right{
    border-left: #aaa solid 1px;
    background:transparent url(/css/images/btn_right.jpg) scroll 0 0;
    height:84px;
    float: right;
    width:10px;
}
.galerie .btn_right:hover{
    background:transparent url(/css/images/btn_right_hover.jpg) scroll 0 0;
    cursor: pointer;
}
.galerie_masque p {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding-top:2px;
    position:absolute;
}

.download_file{
    border: 1px solid #dddddd;
    text-transform: uppercase;
    font-weight: bold;
    background: url(/css/images/download_file.gif);
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
    color: #333;
    padding: 0.45em;
    vertical-align:middle;
    cursor: pointer;
}
.doc, .docx{
    background: url(/css/icones/word.png) no-repeat left top;
    width: 20px;
    height: 20px;
    text-indent: 30px;
}
.xls, .xlsx{
    background: url(/css/icones/excel.png) no-repeat left top;
    width: 20px;
    height: 20px;
    text-indent: 30px;
}
.pdf{
    background: url(/css/icones/adobe.png) no-repeat left top;
    width: 20px;
    height: 20px;
    text-indent: 30px;
}
.ppt{
    background: url(/css/icones/powerpoint.png) no-repeat left top;
    width: 20px;
    height: 20px;
    text-indent: 30px;
}


/* ###################################################### */
/* ############### Maintenance ########################## */
/* ###################################################### */
#maintenance{
    margin:0 auto;
    width: 990px;
}
#maintenance #header{
    background: #fff url(images/header_maintenance.jpg) no-repeat center top;
    height:100px;
    text-indent: 150px;
    text-align: left;
    line-height: 170px;
    font-size: 9px;
    font-style:italic;
}
#maintenance #bodycontent{
    background: #fff url(images/maintenance.jpg) no-repeat center top;
    height:336px;
}
#maintenance #bottom{
    background: #fff url(images/bodymenu.jpg) no-repeat center top;
    font-weight: bold;
    margin:auto;
}

/* ###################################################### */
/* ############### Vignette Produit ##################### */
/* ###################################################### */
/*table[id ^= 'table_vignette_'] td[id ^= 'prod_']:first-child{
    padding-right: 20px;
}*/
.vignette_produit{
    border: 1px solid #dddddd;
    background: url(images/bg_acces.jpg) 0% 0% repeat-x;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color: #333;
    width: 100%;
    height: 80px;
    cursor: pointer;
}
.vignette_produit:hover{
    border: 1px solid #c00;
}
.vignette_produit td{
    text-align: justify;
}
.vignette_produit td.price{
    text-align: right;
}

/* ###################################################### */
/* ############### Tooltips ############################# */
/* ###################################################### */
#tooltips {
    display:none;
    background:transparent url(images/white.png);
    font-size:12px;
    height:60px;
    width:160px;
    padding:25px;
    color:#333;
    z-index: 99999;
}

/******************************/
/* FORMULAIRE */
/******************************/
.formulaire a:hover, .formulaire a:link, .formulaire a:visited, .formulaire a:active {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    color:#000000;
    font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
    height:auto;
    margin:0;
    text-align:left;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap;
    width:auto;
}
.formulaire a.ui_button {
    -moz-border-radius:5px 5px 5px 5px;
    background:url("/css/images/boutons/sprites.png") repeat-x scroll 0 -1069px transparent;
    border-collapse:separate;
    cursor:default;
    padding:5px 0;
}
.formulaire a.ui_button_ok span, .formulaire a.ui_button_normal span {
    background:url("/css/images/boutons/sprites.png") no-repeat scroll right -1221px transparent;
}
.formulaire a.ui_button_cancel span {
    background:url("/css/images/boutons/sprites.png") no-repeat scroll right -1247px transparent;
}
.formulaire a.ui_button_ok span, .formulaire a.ui_button_cancel span, .formulaire a.ui_button_normal span {
    padding-left:20px;
    padding-right:20px;
}
.formulaire a.ui_button:hover {
    background-position:0 -1179px;
}
.formulaire a.ui_button_nomal {
    background-position:0 -1182px;
}
.formulaire a.ui_button_ok {
    background-position:0 -1143px;
}
.formulaire a.ui_button_cancel {
    background-position:0 -1104px;
}

.formulaire input{
    font-size: .9em;
    width: 300px;
}