/*
marron : 897b5f
marron-gris : a19d95
marron-gris clair : f1ede5
rouge : e5361d
bleu : 3d4596
*/

/* Generic elements */

*{margin:0; padding:0;}

body{background-color:#fff; background-image:url(images/bg-body-court.png); background-repeat:repeat-x; color:#333; font-family:arial; font-size:11px;}
body.bg-long{background-image:url(images/bg-body-long.png);}

h1, h2, h3, h4, h5, h6{}
h1{margin:0;}
h2{font-size:14px; margin:20px 0 10px 0; color:#897b5f;}
h3{font-size:12px; margin:20px 0 5px 0; color:#695b3f;}

quote, code, fieldset{margin:.5em 0;}

p{margin:5px 0; text-align:justify;}

a{color:#3d4596; text-decoration:none;}
a:hover{text-decoration:underline;}

hr{border:none; height:1px; background:#999;}

img, a img{border:none;}

/* list */
ul, ol{margin:0; padding:0;}
ol li, ul li{margin:0; padding:0; list-style:none;}
ul li ul{margin-left:10px;}
#sidebar ul li{margin:5px 0;}
#center li, #large li{margin:0 0 0 20px; list-style-type:square;}

/* table */
table{margin:10px 0 0 0; width:100%; border-collapse:collapse; border-color:#a19d95;}
th{background:#897b5f; color:#fff; font-weight:bold;}
th a{color:#fff;}
td, th{padding:3px; text-align:left; border:0;}
tr.even, tr.odd{border-bottom:1px solid #a19d95;}
tr.odd td{background-color:#f1ede5;}
tr.even td{background-color:#fff;}
.edit-row{background:#efe;}
.edit-corps{width:95%; height:50px;}

/* form */
#center form{}
label{}
input, textarea, select{margin:0 0 5px 0; border:1px solid #a19d95;}
input, textarea, button{padding:2px;}
input{}
input.button, button{
    border:1px solid #716d65; 
    background:#a19d95; 
    color:#fff; 
    font-weight:bold; 
    font-size:11px;
    -moz-border-radius:2px;
    border-radius:2px;
}
input.button:hover, button:hover{background:#918d85; cursor:pointer;}
textarea{}
select{}

sidebar input, #sidebar textarea, #sidebar select{width:182px;}

#contact-form{}
#contact-form label{float:left; display:block; width:103px;}
#contact-form textarea{float:left; width:250px;}
.marge-submit{margin-left:103px;}

/* help + message */
.help{clear:both; margin:5px 0;}
.messages{margin:5px 0; color:#e5361d;}
.messages a{text-decoration:underline;}

/* pager */
tr.pager{}
tr.pager td table{width:60px; border-collapse:separate;}
tr.pager td table tr td{height:20px; width:30px; padding:0; color:#000;}
tr.pager td table tr td span, tr.pager td table tr td a{display:block; padding:2px 7px; border:1px solid #a19d95; font-weight:bold;}
tr.pager td table tr td span{background:#a19d95; color:#fff;}
tr.pager td table tr td a{color:#a19d95; text-decoration:none;}
tr.pager td table tr td a:hover{background:#a19d95; color:#fff;}

/* classes */
.block{display:block;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.hidden{display:none;}

.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.description{color:#888;}
.description a{color:#3d4596;}
.big{font-size:120%; font-weight:bold;}
.marker{color:#f00;}

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

/* largeur globale */
#wrapper{}
#header, #container, #footer-in{width:762px; margin:0 auto;}

/* header */
#header{height:132px; background:url(images/bg-header.png) no-repeat;}
#header-in{}
#toplinks{}
    #toplinks li{float:right;}
    #toplinks a{display:block; width:100px; padding:7px 0 0 0; background:url(images/bg-toplinks.png) 50% 0 no-repeat; color:#897b5f; text-align:center;}
    #toplinks a:hover{background:url(images/bg-toplinks-over.png) 50% 0 no-repeat; text-decoration:none;}
h1 a{display:block; width:760px; height:100px;}
    h1 a span{display:none;}

/* container */
#container{}
#container-in{padding:10px 5px;}

/* visuel */
#visuel{
    height:270px;
}
#visu-accueil-box{
    float:left;
    width:542px;
    height:270px;
    background:#fff;
}
.visu-accueil{
    display:none;
    position:absolute;
    width:542px;
    height:270px;
    background-color:transparent;
    background-repeat:no-repeat;
}
#visu-accueil-1{
    display:block;
}

#menuServiceAccueil{
    float:right;
    position:relative;
    width:207px;
    height:270px;
    background:url(images/menuservicesaccueil.png) no-repeat;
}
#menuServiceAccueil li{
    position:absolute;
    left:0;
    display:block;
    width:207px;
    height:40px;
}
#menuServiceAccueil li a{
    display:block;
    height:40px;
}
#menuServiceAccueil li.active a{
    background-image:url(images/menuservicesaccueil.png);
    background-repeat:no-repeat;
}
#menuServiceAccueil li a span{
    display:none;
}
li#menuServiceAccueil1{top:7px;}
li#menuServiceAccueil2{top:60px;}
li#menuServiceAccueil3{top:115px;}
li#menuServiceAccueil4{top:169px;}
li#menuServiceAccueil5{top:224px;}
li#menuServiceAccueil1 a:hover, li#menuServiceAccueil1.active a{background-position:-207px -7px;}
li#menuServiceAccueil2 a:hover, li#menuServiceAccueil2.active a{background-position:-207px -60px;}
li#menuServiceAccueil3 a:hover, li#menuServiceAccueil3.active a{background-position:-207px -115px;}
li#menuServiceAccueil4 a:hover, li#menuServiceAccueil4.active a{background-position:-207px -169px;}
li#menuServiceAccueil5 a:hover, li#menuServiceAccueil5.active a{background-position:-207px -224px;}

#menuService{
    position:relative;
    width:762px;
    height:25px;
    margin:7px 0;
    background:url(images/menuservices.png) no-repeat;
}
#menuService li{
    position:absolute;
    top:0;
    display:block;
    width:146px;
    height:25px;
}
#menuService li a{
    display:block;
    height:25px;
}
#menuService li a:hover, #menuService li.active a{
    background-image:url(images/menuservices.png);
    background-repeat:no-repeat;
}
#menuService li a span{
    display:none;
}
li#menuService1{left:0;}
li#menuService2{left:154px;}
li#menuService3{left:308px;}
li#menuService4{left:462px;}
li#menuService5{left:616px;}
li#menuService1 a:hover, li#menuService1.active a{background-position:0 -25px;}
li#menuService2 a:hover, li#menuService2.active a{background-position:-154px -25px;}
li#menuService3 a:hover, li#menuService3.active a{background-position:-308px -25px;}
li#menuService4 a:hover, li#menuService4.active a{background-position:-462px -25px;}
li#menuService5 a:hover, li#menuService5.active a{background-position:-616px -25px;}

/* contenu */
#large, #center, #sidebar, #qui{
    margin:20px 0 0 0;
    padding:10px;
    background:#fff url(images/bg-inner.png) repeat-x; 
    border:1px solid #b1ada5; 
    -moz-border-radius:5px;
    border-radius:5px;
}
#large{width:660px; padding:10px 50px;}
#center{float:left; width:478px; padding:10px 30px;}
    .center-left{float:left; width:170px; margin:25px 0 0 0;}
    .center-right{float:right; width:285px;}
    .large-left{float:left; width:170px; margin:25px 0 0 0;}
    .large-right{float:right; width:460px;}
    
#sidebar{float:right; width:182px;}

/* footer */
#footer{
    clear:both; 
    padding:5px 0; 
    color:#897b5f; 
    font-size:10px;
}
#footer-in{}

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

/* contact */
.messages #ctl00_ContentPlaceHolder1_message{color:green;}
#gmap{width:478px; height:478px; border:1px solid #897b5f; -moz-border-radius:5px; border-radius:5px;}

/* gestion */
.actu-link{display:block; text-align:right;}

/* espace client */
#tdb-nav{
    border-bottom:1px solid #a19d95;
    margin:40px 0;
    padding:0 0 10px 0;
}
#tdb-nav select{
    margin:0;
}
#tdb-nav a, #tdb-nav span{
    padding:10px 20px 0 30px;
}
    .tdb-tdb{
        background:transparent url(images/tdb-tdb.png) bottom left no-repeat;
    }
    #tdb-print{
        background:transparent url(images/tdb-print.png) bottom left no-repeat;
    }
    #tdb-dossiers{
        background:transparent url(images/tdb-dossiers.png) bottom left no-repeat;
    }
.printdate{display:none;}

#large ul.tdb-fichiers li, #large ul.tdb-liens li{
    float:left;
    width:160px;
    padding:5px 5px 5px 42px;
    margin:0 10px 10px 0;
    border:1px solid #f1ede5;
    list-style-type:none;
}
#large ul.tdb-fichiers li:hover, #large ul.tdb-liens li:hover{
    border:1px solid #d1cdc5;
}
#large ul.tdb-fichiers li{
    height:32px;
    background:#fff url(./images/tdb-fichier.png) 5px 5px no-repeat;
}
#large ul.tdb-liens li{
    height:80px;
    background:#fff url(images/tdb-lien.png) 5px 5px no-repeat;
}

/* enquete */

.EnqueteBandeau{
    background:#4a4;
    border:1px solid #060;
}
.EnqueteBandeau p{
    margin:0;
}
.EnqueteBandeau a{
    display:block;
    padding:25px 10px 20px 65px;
    background:transparent url(./images/tdb-enquete.png) 10px 10px no-repeat;
    color:#fff;
    font-size:13px;
}
.EnqueteForm{
    margin:20px 0 15px 0;
}
.EnqueteForm .label{
    clear:left;
    margin:10px 0 0 0;
    font-weight:bold;
}
.EnqueteForm input, .EnqueteForm label{
    float:left;
    margin:0 5px;
    padding:0;
}
.EnqueteForm textarea{
    width:100%;
}
.EnqueteForm .button{
    margin:10px 10px 30px 0;
    padding:2px;
}