body {
background:#ecdfc0;
font-family:"Verdana", Arial;
font-size:12px;
}
* {
margin:0;
padding:0;
}
.text, .submit {
border:1px red;
}
img {
border:0px;
background:white;
	/*display:block;
	margin:0 auto;

 	padding:5px 5px 9px 5px;
 	background: white url(images/sousimg.gif) repeat-x bottom left;*/
}
a:link, a:visited, ul a:link,ul a:visited {
color: #ef8301;
}
a:hover, ul a:hover {
color:#765a29;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
color:#765a29;
font-size:19px;
letter-spacing:-1px;
margin:10px;
border-bottom: #0099FF 1px dotted;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
margin:30px 10px 0 10px;
color:#765a29;
letter-spacing:-1px;
font-size:18px;
border-bottom:#fff 1px dotted;
}
h5 {
margin:30px 10px 0 10px;
color: #339900;
font-size:15px;
border-bottom:#FFCC00 1px dotted;
display:block;
}

h6 {
display:none;
}

h4 li, ul {
list-style:none;
list-style-image:none;
}

p {
padding-top:10px;
/*line-height:16px;*/
padding-left:10px;
padding-right:10px;
color:#765a29;
}

td {
vertical-align:top;
/*line-height:16px;*/
font-size:11px;
}


#bottom {
color: #f9ecdf;
text-align:center;
/*padding-left:55px;*/
font-size:10px;
float:left;
}

#all {
padding:0;
margin:0 auto;
width:920px;
}

#flash {
margin:0;
padding:0;
width:920px;
height:202px;
background-image: url(../dktf/images/flash.jpg);
background-repeat:no-repeat;
}

/*#gauche {
margin:0;
padding:0;
width:174px;
float:left;
height:361px;
background:#000 url(../dktf/images/gauche.gif) no-repeat;
}
*/
#submenu {
float:left;
width:60%;
margin:20px 0 0 10px;
/*border-top: #666666 1px solid;
border-bottom: #666666 1px solid;*/
}
#submenu h4 {
/*display:none;*/
border-bottom:none;
text-align:left;
font-size:18px;
color:#765a29;
letter-spacing:-1px;
padding-left:8px;
margin:0;
} 
#submenu li a:link, #submenu li a:visited {
font-weight:bold;
text-decoration:none;
color:#ef8301;
} 

#submenu li a:hover {
font-weight:bold;
text-decoration:none;
color:#765a29;
} 
#submenu ul {
list-style: none;
line-height:16px;
text-align:left;
margin:0;
padding:10px 0 0 10px;
}
#submenu ul.submenu a:hover {
list-style: url(../dktf/images/puce-li2.gif) inside;
}
#milieu {
width:920px;
background: #ff6600 url(../dktf/images/repeaty.gif) repeat-y;
height:auto;
overflow:auto;
}
#contenu {
float:left;
margin:0 auto;
padding:0 0 0 20px;
width:570px;
text-align:left;
min-height:361px;
}

var {
font-weight:bold;
font-style:normal;
color: #ff6600;
}

/*#gauchetxt2 a:hover {
display:block;
width:195px;
height:27px;
text-decoration:none;
color:#ee7f01;
background-image: url(images/boutonfondsurvol.jpg);
background-repeat:no-repeat;
}*/
/* MENU VERTICAL DIV PRINCIPAL "#gauchetxt"*/
#gaucheentier {
float:left;
/*position:fixed;*/
width:160px;
margin-left:10px;
list-style:none;
list-style-image:none;
}
#gauchetxt {
background:url(images/sousmenu.gif) repeat-y;
text-align:left;
line-height:22px;
margin:0px;
padding-left:4px;
list-style:none;
list-style-image:none;
}
table {
margin:10px auto;
padding:5px;
}
/*#gauchetxt li, #gauchetxt ul {
font-size:10px;
text-decoration:none;
list-style:none;
text-align:left;
float:left;
margin:3px 0 0 3px;
padding:0;
}*/
#gauchebottom {
background:url(images/sousmenu2.png) no-repeat;
height:10px;
}	

/* MENU VERTICAL DIV PRINCIPAL "#MENU"*/
#gauche {
background-color:#ff9f3f;
font-size:12px;
text-decoration:none;
list-style:none;
text-align:left;
float:left;
line-height:20px;
width:165px;
margin:0 0 0 63px;
padding: 0;
font-weight:normal;
}


/**************************************************************************************************/
/* on définit le FOND (couleur ou backgroundimage) par défaut de menulevel1 */
#gauche .menulevel1 .doc {
border-top: #fff 1px dotted;
text-transform: normal;
display:block;
width:100%;
}
#gauche .menulevel1 .docs {
border-top: #fff 1px dotted;
text-transform: normal;
color:#fff;
display:block;
width:100%;
}
#gauche .menulevel1 .sdocs {
text-transform: normal;
display:block;
margin:0;
padding:0px;
width:100%;
}
/* SDOC c'est quand je clique sur un menu (H1) qui n'a pas de sous rubriques (H2 H3) */
#gauche .menulevel1 .sdoc {
text-transform: normal;
color:#fff;
display:block;
margin:0;
padding:0px;
width:100%;
}

/* on définit le TEXTE (a)  par défaut de menulevel1 */
#gauche .menulevel1 .doc a {
display:block;
text-decoration:none;
color:#fff;
padding-left:5px;
}
#gauche .menulevel1 .doc a:hover {
padding-left:10px;
color:#fff;
background-color:#ed9136;
display:block;
}
#gauche .menulevel1 li.sdoc {
display:block;
text-align:left;
font-weight:bold;
color:#fff;
margin:0px;
padding:0 0 0 10px;
width:100%;
}
/*ATTENTION, "sdocs" contient tout le menulevel2 !!! */
#gauche .menulevel1 li.sdocs {
text-align:center;
display:block;
font-weight:bold;
color:#fff;
margin:0px;
padding:0px;
width:100%;
}

/* docs ressemble fortement à doc, conseillé de le laisser identique */
#gauche .menulevel1 .docs a {
color:#fff;
text-decoration:none;
padding-left:5px;
}
#gauche .menulevel1 .docs a:hover {
color:#fff;
background-color:#ed9136;
display:block;
}
/* idem pour menulevel2 - concerne les sous rubriques type H2 (cmsimple) */
#gauche .menulevel2 .doc {
text-align:center;
text-transform:none;
font-size:11px;
padding:0;
margin:0;
display:block;
width:100%;
}
#gauche .menulevel2 .doc a {
font-size:11px;
}
#gauche .menulevel2 .doc a:hover {
font-size:10px;
}

#locator {
color:#eee;
width:100%;
height:32px;
/*border-top:1px white dotted;
border-bottom:1px white dotted;*/
}
#footer {
height:117px;
width:920px;
margin:0 auto;
padding:0;
}

#basdusite {
width:920px;
height:117px;
}
#bottomhaut {
background:url(images/bottomhaut.gif) no-repeat;
height:50px;
width:920px;
}
#bottom1 {
background:url(images/bottom1.gif) no-repeat;
height:67px;
width:920px;
}
#rch {
background:url(images/rch.gif) no-repeat;
height:61px;
width:201px;
float:left;
padding-top:20px;
border:0px;
}
#bottom3 {
background:url(images/bottom3.gif) no-repeat;
height:61px;
width:106px;
float:left;
}
#searchbox {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:14px;
color:#7a5a27;
border:0px;
}
#textementions {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#765a29;
height:20px;
margin-top:0;
padding-top:5px;
}
#textementions a:link, a:visited {
text-decoration:none;
color: #898829;
}
#textementions a:hover {
text-decoration:none;
color:#765a29;
}
.prosformat, .prosformat a:link, .prosformat a:visited {
color: #CCFF00;
cursor:url(../dktf/images/logo.gif) ,text;
}
.prosformat a:hover:before {
content: open-quote;
}
.prosformat a:hover:after {
content: close-quote;
}