/* -------------------------------------------------------- */
/*   style html
/* -------------------------------------------------------- */
a.encours{
	background:#660000 !important;
	color:#FFF !important;
}

#staticbuttons{
z-index:200;
border:1px solid #000;
background-color: #CCC;
}

#stopper{
z-index:200;
background-color: #333;
font-size:82%;
width:200px;
border:1px solid #000;
overflow:hidden;
}
#stopper a{
color:#FFF;
text-decoration:none;
}

body {  
	margin: 30px 5px;
	/*background: #FFF url(../images/bgtekto.jpg) scroll no-repeat top left;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #EEE;
	font-size: 100%;
	text-align:center;
}

#page {
	width:49em;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}

#header{
	font-size:71%;
}

#header h1{
	float:left;
	font-size:130%;
	font-weight:normal;
	margin:0px;
}

#header h1 img{
	margin-right:7px;
}

#moteur{
	padding: 0px;
	margin: 0px;
	padding-top:20px;
	text-align:right;
}

#moteur fieldset {
text-align: right;
background-color:transparent;
border : none;
display:inline;
padding: 0px;
margin:auto;
}

#moteur input{
vertical-align:middle;
}

#moteur label{
	position:absolute;
	top:-900px;
}

#recherche{
	color:#333;
	background-color:#F9F9F9;
	border: 1px solid #666666;	
}

#container{
	clear:both;
	width:49em;
	max-width:100%;
	margin-top:1em;
	text-align:left;
}

#lefter,#home,#content,#righter{
	float:left;
}

#lefter,#righter{
	width:10.5em;
}

#lefter div, #righter div{
	font-size:82%;
}

#home{
	width:26em;
	margin: 0em 1em;
	padding:0px;
}

#content{
	width:37.5em;
	margin: 0em 0em 0em 1em;
	padding:0px;	
}

#home #contenu{
	background: #FFF url(../images/dragon.gif) scroll no-repeat top right;
	margin:5px;
	font-size:77%;
	line-height:1.5em;
}

#content #interne{
	margin:5px;
	font-size:77%;
	line-height:1.5em;
}

#footer{
	clear:both;
}


label{
  cursor:pointer
}

table, td, th, tr, p, div,input, textaera, select {
    font: 1em Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
}

a {
  color:#3456BA;
  text-decoration: underline;
}
  
a:visited {
  color:#757;
  text-decoration: underline;
}
  
a:hover{
  color:#660000;
  text-decoration: underline;
}

h1{
	font-size: 124%;
	font-weight: bold; 
}


h3 { 
	font-size: 114%;  
	font-weight: bold;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif;	
	color: #660000;
	border-bottom: 1px solid #660000;
	margin-top: 10px;
	margin-bottom: 5px;
  	padding-right: 5px; 
	padding-left: 5px;
	clear:both;
}

h4 { 
	font-size: 107%;  
	font-weight: bold;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	color: #660000;
	margin-top: 10px;
	margin-bottom: 5px;
  	padding-right: 5px; 
	padding-left: 5px;
	clear:both;
}

p{
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}


h1 a, h2 a, h3 a{ 
	text-decoration:none;	
}

fieldset {
	text-align: center;
	background-color:#F0F0F0;
	border : 1px dashed #660000;
	width: 90%;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
}

legend {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #660000;
}

caption {
	color: #660000;
	font-weight:bold;
	font-size: 107%;
}

hr{ 
	text-align: center;
	width: 75%; 
	height: 2px; 
	color: #660000; 
	border: none;
} /* For Internet Explorer */
html>body hr {
	margin-left:auto;
	margin-right:auto;
	width: 75%; 
	height: 2px;
/* \*/
	background-color: #660000;
/* */ 
	border: 0px solid #660000;
} /* For Opera and Gecko-based browsers */

acronym {
	font-variant: normal;
}

img {
	border: 0px;
}

ul, ol{
	margin-left: 10px;
	padding-left: 10px;
}

ul ul, ol ol, ul ol, ol ul{
	margin-left: 10px;
	padding-left: 10px;
}

ul li, ol ul li, ol ol ul li{
	margin-top: 5px;
	list-style-type:square;
	list-style-image: url(../images/bullet.gif);
}

ul ul li, ol ul ul li, ul ol ul li {
	margin-top: 3px;
	list-style-type:square;
	list-style-image: none;
}

ol li, ul ol li, ol ol li, ul ul ol li, ul ol ol li, ol ul ol li{
	margin-top: 5px;
	list-style-type: decimal;
	list-style-image: none; 
}


/* -------------------------------------------------------- */
/*   style générique
/* -------------------------------------------------------- */

.smallfont{
    font-size: 91%; 
}

.alignright {  
	text-align: right; 
	margin-top: 5px;
	margin-bottom: 5px;
}

.left {  
	text-align: left; 
}

.red {
	color: #660000;
}

.valide {
	color: #009933;
}

a.red:hover, a.red:active, a.red:visited{
	text-decoration: underline;
}

.bigger { 
    font-size: 107%; 
}

.center {
	text-align: center;
}

img.left{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

img.right{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* \*/
 
* html p.bug {
height: 1%;
} 
 
/* */

/*   local and specific */




.colgauche {
	margin: 0px;
	padding-left: 9px;
	padding-right: 9px;
} 

.coldroite1 {
	padding-right: 9px;
	padding-left: 9px;
	margin:0px;
}

.margecentrale, .margecentraleint{
	background-color: #CCC;
	margin:0px;
	padding:5px;
}

.margecentraleint{
	margin-right: 10px;
}

#cache{
	position: absolute;
	left: -999px;
	width: 990px;
}

#cachebas{
	position: absolute;
	left: -1500px;
	width: 500px;
}

.margeoutils{
	background-color: #DEDEDE;
	padding: 5px;
	margin:0px;
}

.margenav{
	background-color: #DEDEDE;
	padding: 5px;
	margin:0px;
	margin-top: 10px;
}

/* -------------------------------------------------------- */
/*   style outils
/* -------------------------------------------------------- */


#outils, #nav{
	background-color: #F0F0F0;	
	border: 1px solid #999999;
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 91%;
}


#outils li, #nav li{
	border-bottom: 1px dotted #666666;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

#outils li.last, #nav li.last{
	border-bottom /**/: none;
	margin: 0px;
	padding: 0px;
}



#outils li a, #nav li a{
	display: block;
	padding: 5px 5px 5px 5px;
	background: #F9F9F9 url(../images/links.gif) scroll no-repeat 97% 0.4em;
	color: #000000;
	text-decoration: none;
	width: auto !important;
    width: 100%;
    width/**/:/**/auto;
}

html>body #outils li a, html>body #nav li a { width: auto; }

#outils li a:visited, #nav li a:visited{
	background: #F9F9F9 url(../images/links.gif) scroll no-repeat 97% -3.9em;
	color: #000000;
}
#outils li a:focus, #outils li a:hover, #outils li a:active, #nav li a:focus, #nav li a:hover, #nav li a:active{
	background: #FFF url(../images/links.gif) scroll no-repeat 97% -1.9em;
	color: #000;
	width: auto !important;
    width: 100%;
    width/**/:/**/auto;
}

html>body #outils li a:hover, html>body #outils li a:active, html>body #nav li a:hover, html>body #nav li a:active {width: auto;}


/* -------------------------------------------------------- */
/*   spécifique style nav
/* -------------------------------------------------------- */

#nav{
	background-color: #F9F9F9;
	border: 1px solid #7B7B7B;
}

#nav li a{
	background-color: #FFF;
}


/* -------------------------------------------------------- */
/*   style référence et newsletter
/* -------------------------------------------------------- */


#references{
	background: #FFF url(../images/bgtekto.jpg) scroll no-repeat top left;
	border: 1px solid #7B7B7B;
	font-size: 91%;
}

#references h4{
	font-size: 114%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align:center;
}

#references h3 {
	margin: 0px;
	padding: 0.5em !important;
	background-color:#F9F9F9;
}

#references h4 a,#references h3 a{
	color: #666666;
	text-decoration: none;
}

#references p{
	padding: 0px 5px;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align:center;

}

#references p img{
	padding: 0px;
	border: 1px solid #7B7B7B;
	margin: 3px;

}

/* -------------------------------------------------------- */
/*   style contenu
/* -------------------------------------------------------- */
#contenu{
	background-color: #FFFFFF;
	border: 1px solid #7B7B7B;
	margin: 0px;
	padding: 25px 5px 10px 5px;
}

#contenu p{
	padding:0px 5px;
	margin:5px 0px;
}


#contenu h2 a {
	color: #333333;
	text-decoration: none;
}
#contenu h2 a:visited {
	color: #666666;
	text-decoration: none;
}


#contenu h3 {
	color: #660000;
	border: none;
	margin: 10px 0px 5px 0px;
	padding:0px 5px;
	font-size: 124%;
}

h2 {
	color: #660000;
	border: none;
	margin: 12px 0px 3px 0px;
	padding:0px 5px;
	font-size: 124%;
}

#interne h2 {
	margin-bottom: 10px;
}


#contenu h3 a {
	color: #333333;
	text-decoration: none;
}
#contenu h3 a:visited {
	color: #666666;
	text-decoration: none;
}
 
/* -------------------------------------------------------- */
/*   style centre 2col
/* -------------------------------------------------------- */ 

#interne{
	background-color: #FFFFFF;
	border: 1px solid #7B7B7B;
	padding: 15px;
}

p.chemin {
	margin-bottom: 5px;
	margin-top: 0px !important;
	padding: 5px 0px 5px 5px;
 	background-color: #7B7B7B;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif;	
	color: #FFFFFF;
	font-size: 91%
}

p.chemin a, p.chemin a:active, p.chemin a:hover, p.chemin a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}

#interne img{
	border: 1px solid #7B7B7B;

}

p.navbas {
	margin-bottom: 0px;
	margin-top: 25px;
	padding: 5px 0px 5px 5px;
 	background-color: #660000;
	color: #FFFFFF;
	font-size: 91%;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif;
	clear: both;
}

p.navbas a, p.navbas a:active, p.navbas a:hover, p.navbas a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


/* -------------------------------------------------------- */
/*   form style
/* -------------------------------------------------------- */


input.chpslong{
	width: 85%;
}

input.chpslong2{
	width: 60%;
}

input.chpscourt{
	width: 30%;
}

input.chpscourt2{
	width: 15%;
}

div.row {
	clear:both;
	padding-top:10px;
}

div.rowblockquote {
	clear:both;
	padding-top:10px;
	padding-left:30px;
}

div.row span.libr {
	float: left;
	width: 25%;
	text-align: right;
}

div.row span.libr label{
/* \*/
  text-align: left;
  cursor:pointer
/* */
}

div.row span.fieldr {
	float: right;
	width: 72%;
	text-align: left;
}

div.row select, div.row input, div.rowblockquote select, div.rowblockquote input{
/* \*/
	position: relative;
/* */
}

div.row span.libl {
	float: left;
	text-align: left;
	padding-right:5px;
	width: 100%;
}

div.row span.fieldl {
	float: left;
	text-align: left;
	width: 100%;
}

div.row span.fieldl textarea{
	text-align: left;
	float: left;
}

div.spacer {
	clear: both;
}

div.rowbt {
	clear:both;
	padding-top:10px;
	text-align:center;
	margin:auto;
}