body { background-color: #B4B4B4; padding: 0; font-family: Arial;}
.page_margins { padding: 0 ; width: 920px; background: #fff url(pix/fdgris2.jpg) no-repeat center bottom;  }
#main { background: transparent;}
.page { padding: 0; }
#header { background: #FFFFFF url(css/fd_bandeau.gif) no-repeat right top; height: 303px; margin: 0; padding: 0;}
#topnav { }
#header h1, #header h1 a { float:left; width: 202px; height:88px; margin: 20px 0 8px 10px; padding: 0; overflow: hidden;}
#header h1 a { margin: 0; text-indent: -900%; background: #fff url(css/tctatelys.jpg) no-repeat 0 0;}
#bandotof { float: left; clear: left; width: 900px; margin: 0 0 0 10px; padding: 0; background: #fff url(pix/bande.jpg) no-repeat 0 center; height: 260px;  }
h2, form.yform sup, #footer li a:hover {color: #6E1E7F;}
/*#concont { float: left; width: 839px; margin: 0 0 0 20px; padding: 0;}*/
#concont { float: left; width: 839px; margin: 20px 0 0 40px; padding: 0;}
#conconttop, #concontbot { float: left; width: 839px; background: transparent url(pix/centretop.png) no-repeat 0 0; height: 17px; }
#concontbot { float: left; width: 839px; background: transparent url(pix/centrebot.png) no-repeat 0 0; height: 25px; margin-bottom: 30px;}
#concontcentre { float: left; width: 779px; background: transparent url(pix/centre.png) repeat-y 0 0; padding: 0 30px 10px 30px;  }
#sptct { width: 48px; height: 41px; position: absolute; right: 0; background:transparent url(pix/tlctgris2.png) no-repeat 0 0; margin: -44px 60px 0 0; display: none}
#concont h3 { font-weight: bold; color: #8e549a;}
#concont h3.stepe { color: #e25983; font-size: 30px; margin-top: 5px;}
.mov { color: #8e549a;}
.mov {color: #6E1E7F;}
.roz {color: #e25983;}
p.sep1 { background: transparent url(pix/lun.gif) no-repeat center center;}
p.sep2 { background: transparent url(pix/ldeux.gif) no-repeat center center;}

form p.sep2 { background: none; border-top: 1pt solid #6E1E7F; margin: 5px 0 0 0; padding: 5px 0 0 0;}

#bdpage { float: left; width: 898px; height:120px ; background: transparent url(pix/bdp.png) no-repeat 0 0; padding: 0; margin: 0 0 0 11px; border-bottom: 8px solid white;}
h3 { font-family: Arial;}

form.yform div input, form.yform div select, form.yform div textarea, form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus, form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover, form.yform div input:active, form.yform div select:active, form.yform div textarea:active, div.button input {
background: #fff;
border:1px solid #6E1E7F;

}
#col3_content {
padding:20px;
}
#col3 { margin: 0 0 0 15px;}
form.yform {
background:transparent none repeat scroll 0 0;
border:0px solid #FFF;
margin:20px 0;
padding:0px;
}
form.yform label {
color:#000; text-align: right; padding: 0; margin-right: 0px; margin-left: 2px;
}
form.yform fieldset {
border:0px solid #A42FBF; margin: 0 0 10px 0; padding: 0 0 20px 0; width: 100%; background: #fff;
}
form.yform legend {color: #6E1E7F; padding:0 5px 0px 0;  }
form.yform h4 {color: #6E1E7F; padding:0 5px 0px 0;  }
form.yform h4 span.ros {color: #e25983; padding:0 5px 0px 0; font-size: 80%; }
form.yform legend.rose {color: #e25983; padding:0 5px 0px 0;  }
form.yform legend small { font-size: 11px;}
.columnar div.type-select select {
width:auto; 
}
form.yform div.error .message, form.yform div.error label, form.yform div.error sup {
color:#6E1E7F;
}
 form.yform div.error label, form.yform div.error sup {
color:#fff;
}
.org { color: #ee7e74;}
.ros { color: #e25983;}
form.yform div.error {

background:#A42FBF none repeat scroll 0 0;
background: #FFFFFF url(css/fd_bandeau.gif) no-repeat right top;
border:1px dashed #6E1E7F;

}
#footer { background-color: #B4B4B4; border-color: #B4B4B4; padding: 0;}
ul.telemenu { margin: 80px 0 0 50px; float: left;}
ul.telemenu li { float: left; list-style-type: none; font-size: 120%; padding: 0 10px 0 0;}
ul a, ul a:visited { color: #fff; font-weight: bold;}
#footer ul {margin: 5px 0 20px 0; padding: 0;}
#footer li {
display:inline;
padding:0 2px;
margin: 0;
width:auto;
list-style-position:outside;
list-style-type:none;
font-size: 11px;
color: #fff;
}
#footer li a, #footer li a:visited {color: #fff;}
.left {float: left;}
.right {float: right;}
.both {float: both;}



table {
border-bottom:0px solid #888888;
border-collapse:collapse;
border-top:0px solid #888888;
margin-bottom:0em;
width:auto;
}
tbody td {
border-bottom:0px solid #EEEEEE;
}

th, td {
padding:0em; color: #000;
}






form.formular {
font-family: tahoma, verdana, "sans-serif";
font-size: 12px;
padding: 20px;
border: 1px solid #A5A8B8;
background: #EAEAEA;
}

form.black {
font-family: tahoma, verdana, "sans-serif";
font-size: 12px;
padding: 20px;
border: 1px solid #A5A8B8;
background:#666666;
color:#CCCCCC;
}

form.black legend{
color:#CCCCCC;
}

.formular fieldset {
margin-top: 20px;
padding : 15px;
border: 1px solid #B5B8C8;	

}

.formular legend {
font-size: 12px;
color: #6E1E7F;
font-weight: 900;
}

.formular fieldset label {
float: none;
text-align: inherit;
width: auto;
}

.formular label span {
color: #000;
}

.black label span {
color: #ccc;
}

.formular input, .formular select, .formular textarea {
display : block;
margin-bottom: 5px;
}

.formular .text-input {
width: 250px;
color: 555;
padding: 4px;
background: #fff;
border:1px solid #6E1E7F;
font-size: 12px;
margin-top: 4px;


}

.text-input {
width: 250px;
color: #000;

background: #fff;
border:1px solid #6E1E7F;
font-size: 12px;
margin-top: 4px;
margin-bottom: 4px;


}


.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
border:1px solid #B5B8C8;
}

.formular span.checkbox, 
.formular .checkbox {
display: inline;
}

.formular .button {
text-align:right;
margin-top: 20px;
}



.formular a.submit {

border: 1px solid #AAA;
padding: 4px;
}

input.button {

border: 2px solid #AAA;
padding: 4px 4px 1px;
font-size:14px;
margin-top:4px;
}

.formular input {

border: 2px solid #AAA;
padding: 4px;
}

form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus, form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover, form.yform div input:active, form.yform div select:active, form.yform div textarea:active { background-color:#fff;}
form.yform div .submit, form.yform div .submit:hover  {
color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/etapesuivante.jpg) no-repeat 0 0 ; width: 343px; height: 48px; border: none
}
form.yform div .submit:hover {
color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/etapesuivante.jpg) no-repeat 0 -48px ; width: 343px; height: 48px; border: none
}

form.yform div .modbibi, form.yform div .modbibi:focus {
color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/bovalidmod.jpg) no-repeat 0 0 ; width: 335px; height: 25px; border: none; margin-top: 15px;
}
form.yform div .modbibi:hover {
color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/bovalidmod.jpg) no-repeat 0 -25px ; width: 335px; height: 25px; border: none; margin-top: 15px;
}

.seconnekter, .seconnekter:focus, .seconnekter:hover {
	color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/boseconnecter.jpg) no-repeat 0 0 ; width: 159px; height: 25px; border: none; 
}

.seconnekter:hover {
	color: #FFF;font-size:0px; padding:0px; float:right; font-weight: bold; text-indent: -900%; overflow: hidden;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/boseconnecter.jpg) no-repeat 0 -25px ; width: 159px; height: 25px; border: none;
}

.valideer, .valideer:focus, .valideer:hover {
	color: #FFF;font-size:0px; padding:0px; float:left; font-weight: bold; text-indent: -900%; overflow: hidden; margin: 2px 0 0 10px;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/bovalideer.jpg) no-repeat 0 0 ; width: 108px; height: 25px; border: none; 
}

.valideer:hover {
	color: #FFF;font-size:0px; padding:0px; float:left; font-weight: bold; text-indent: -900%; overflow: hidden; margin: 2px 0 0 10px;
text-decoration: none; background-color:#EE7E74; background: #FFF url(pix/bovalideer.jpg) no-repeat 0 -25px ; width: 108px; height: 25px; border: none;
}


.formular hr {
clear: both;
visibility: hidden;
}

.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}

#holdtctmenu {
width: 793px; height: 61px; overflow: hidden; margin: 0 auto; padding: 0; border: 0pt solid red; 
}
#holdun, #holddeux { position: absolute; z-index: 10;}
#holddeux { position: absolute; z-index: 9;}
ul#tctmenu {
width: 793px; height: 61px; overflow: hidden; margin: 0; float: left; padding: 0; border: 0pt solid red;
}
ul#tctmenu li, h5.mil { float: left; clear: none; margin: 0 10px 0 0; padding: 0; height: 61px; list-style-type: none;}
ul#tctmenu li a, ul#tctmenu li a:link, h5.mil a, h5.mil a:link {  float: left; padding: 0; margin: 0; width: 100%; height: 61px; background: transparent url(pix/menu.png) no-repeat 0 -61px; text-indent: -900%;}

ul#tctmenu li.one a { width: 210px; }
ul#tctmenu li.one a:hover, ul#tctmenu li.one a.actif, ul#tctmenu li.one a.actif:hover { background-position:0 0 ;}
ul#tctmenu li.two a, h5.mil a.dep { background-position:-223px -61px ; width: 164px;}
	ul#tctmenu li.two a:hover, h5.mil a.dep:hover, ul#tctmenu li.two a.actif, ul#tctmenu li.two a.actif:hover { background-position:-223px 0px; width: 164px;}

ul#tctmenu li.tre a, h5.mil a.dec { background-position:-397px -61px ; width: 222px;}
	ul#tctmenu li.tre a:hover, h5.mil a.dec:hover, ul#tctmenu li.tre a.actif, ul#tctmenu li.tre a.actif:hover { background-position:-397px 0 ; width: 222px;}
ul#tctmenu li.for a { background-position:-627px -61px ; width: 166px;}
	ul#tctmenu li.for a:hover, ul#tctmenu li.for a.actif, ul#tctmenu li.for a.actif:hover { background-position:-627px 0 ; width: 166px;}
ul#tctmenu li.for { margin-right: 0;}


ul#tctmenu2 {
width: 793px; height: 61px; overflow: hidden; margin: 0; float: left; padding: 0; border: 0pt solid red;
}
ul#tctmenu2 li {  float: left; padding: 0; margin: 0 10px 0 0; width: 100%; height: 61px; background: transparent url(pix/gris.jpg) no-repeat 0 0; text-indent: -900%; list-style-type: none;}

ul#tctmenu2 li.one { width: 210px; }

ul#tctmenu2 li.two{ background-position:-223px 0 ; width: 164px;}
	
ul#tctmenu2 li.tre{ background-position:-397px 0 ; width: 222px;}
	
ul#tctmenu2 li.for{ background-position:-627px 0; width: 166px;}
	
ul#tctmenu2 li.for { margin-right: 0;}

#nav_1_2 .sep {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
font-size:1px;
width:34px;
}

.bibifield { float: left; width: 100%; clear: left}
.bibifield label { float: left; margin: 0 0 10px 0; padding: 0 10px 0 0; }
.bibifield input, .bibifield select { float: left; margin: 0 10px 10px 0; padding: 0 ; }
p.puce { background: transparent url(pix/puce.gif) no-repeat 0 0; text-indent: 25px;}
span.spuce { background: transparent url(pix/puce.gif) no-repeat 0 0; text-indent: 19px; float: left; margin: 0 5px 10px 0; height: 19px;}
p.introacc { font-size: 20px; line-height: 30px;}
p.lapuce{ background: transparent url(pix/puce.gif) no-repeat 0 2px;  padding-left: 30px; }
#maskbul {position:absolute; background:transparent url(pix/maskbul.png) no-repeat 0 bottom;  padding:0; margin:0; width:302px; height:200px;}
#slidetof {  float: left; width:302px; height:200px; overflow:hidden; margin:8px 30px 10px 0; padding:0;}
#slidetof img {position: absolute;}
.big { font-size: 30px; line-height: normal; color: #6E1E7F;}
.coule { color: #6E1E7F}
#holdbout {float: left; width:150px; margin: 0px 20px 0px 0; padding: 10px 0 0 0 ; height: 130px; border: 0pt solid red; overflow: hidden;}
a#bovid, a#bovid:link, a#bohalte, a#bohalte:link { float: left; width:74px; margin: 0; padding: 0; color: #8e549a; text-align: center; font-weight: bold; line-height: 1.2em; letter-spacing: 0.05pt; }

#spattention {float: left; width:54px; height: 53px; background: #fff url(pix/bohalte.jpg) no-repeat 0 -53px; padding: 0; margin: 0 20px 10px  0px;}

a#bovid:hover, a#bohalte:hover { color: #e53575; text-decoration: none;}
a#bovid span, a#bohalte span { float: left; width:54px; height: 53px; background: #fff url(pix/bovid.jpg) no-repeat 0 0; padding: 0; margin: 0 0 5px 10px;}
a#bovid:hover span {  background: #fff url(pix/bovid.jpg) no-repeat 0 -53px; }
a#bohalte span {  background: #fff url(pix/bohalte.jpg) no-repeat 0 0; }
a#bohalte:hover span {  background: #fff url(pix/bohalte.jpg) no-repeat 0 -53px; }
h2#h2halte { float: left; height: 35px; margin: 0 0 20px 0; width: 100%; background: #fff url(pix/bohalte.jpg) no-repeat 0 0;  text-indent: 65px; padding-top: 18px;}
h3.h3idrecues { color: #e25983; margin: 10px 0 0 20px;}
:focus {outline: none;}
p.pidrecues {margin: 0px 0 0 20px; text-align: justify; font-size: 14px; padding: 0 20px 2	0px 0; }

table.readdata {color:#000; background-color: #fff; display: block}
table.readdata td {color:#000; background-color: #fff; padding: 10px; width: 100%;}
table.readdata td.titre {color:#6E1E7F; background-color: #fff; padding: 10px; font-style: italic; width: 200px;}