/** 
    *	CSS par Timothée Barray 
    * 	création : 25/04/2005
    *	mise à jour : 02/06/2005
    *	----------------------------------------------------------------------- 
    */
	
/** 
    *	Redéfinition générales de balises
    *	-----------------------------------------------------------------------
    */
* { padding: 0 ; margin: 0 ; } /* Mise à zéro de toutes les marges et padding par défaut */
body {
	background: #888 url(../images/fond.jpg) top left repeat-x ;
	font: normal 70% "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	color: #3d2e30 ; text-align: center ;
}

h1 { background-image: url(../images/entete.png);}
h1 a { display: block ; width: 778px ; height: 115px ;}
h1 span { position: absolute ; left: 0 ; top: -500px ; width: 1px ; height: 1px ; overflow: hidden ; }

a { color: #f46d21 ; }
a:hover { text-decoration: none ; color: #3d2e30 ; } 

a img{ border: none; }

input,textarea {
	background-color: #FFF ; color: #2C365C ;
	border: solid 1px #808AB0 ;
	padding: 0.1em 0.2em ;
}
input[type=submit],input[type=reset] { background: #FFF url(../images/submit.jpg) left bottom repeat-x ; }
input[type=text]:focus,textarea:focus {background-color: #F8F8FF ; }
select {width: 300px ; }

ul { list-style: none ; }

hr.petite { 
	display: block;
	height: 2px ;
	text-align: center;
}
hr { display: none ; }

address {
	margin: 4px 0 6px 20px ; padding: 2px 2px 2px 5px ;
	width: 80% ;
	background-color: #fef8f4 ; /*fde2d3*/
	border-left: solid 3px #f46d21 ;
	font: normal 0.9em "Arial", Verdana ;
}

kbd { font: normal 0.9em "Arial", Verdana,Monospace ;}

em { font-style: normal; color: #3d2e30 ; font-weight: bold ; }


/** 
    *	Structure générale 
    *	-----------------------------------------------------------------------
    */
#global { width: 778px ; margin: 20px auto 0 auto ; text-align: left ; background: #FFFFFF url(../images/col-g.jpg) top left repeat-y ; }
#centre {  width: 778px ; background: url(../images/col-d.jpg) top right repeat-y ; }
/*#menu {	width: 751px; float: left ;	padding: 0 13px 0 18px ;}*/
#contenu { width: 100% ; min-height: 350px ; float: right ; margin-left: -30em ;  } * html #contenu { height: 10px ; } /** Pour IE ne comprennant pas le min-height */
#cadre,#accueil { padding: 0 20px 20px 16.5em ; } * html #accueil { height: 400px ; } /** Pour IE6 */
#cadre{ padding-top: 10px ; }
#colonne{ width: 15em ; float: left ; margin: -5px 0 10px ; padding: 0 ;}
#pied { width: 778px ; min-height: 51px ; padding-top: 0px ; background: url(../images/pied3.png) bottom no-repeat ; clear: both ;}
* html #pied { height: 51px ; } /** Pour IE ne comprennant pas le min-height */



/** 
    *	Elements page d'acueil
    *	-----------------------------------------------------------------------
    */	
#accueil p { text-align: left ; }

.bandeau-haut {
	width: 98% ; min-height: 70px ;
	float: left ; margin: 30px 10px 0 0 ;
	background: #FFFFFF url(../images/bandeau.jpg) left bottom repeat-x ;
}
.bandeau-haut p { padding:  10px ; }

#zone-centre { width: 100% ; padding-top: 5px ; float: left ; }
#zone-centre p {	padding:.625em 0; line-height: 20px; }

#zone-bottom { width: 100% ; padding-top: 60px ; float: left ;}

a.griser
{
color : black;
}
#carousel
{
margin-left: 20px ;
margin-bottom : 20px;
}
#carousel h2{
padding: 0.1em 0 ;
	border: solid 1px #9CA3BE ;
	border-bottom: solid 2px #8D92A5 ;
	/*background: #f46d21 url(../images/fondbtn.jpg) left bottom repeat-x ;*/
	font: bold 1.1em "Arial", "Trebuchet MS",Helvetica,Tahoma,sans-serif ; color: #3d2e30 ;
	text-align: center ;
	width : 150px;
	}
/** Structure du carré */
.col { width: 48% ; margin-right: 10px ; float: left ; }

.CCspace { width: 65px ; height: 100px ; padding: 5px 0 ; float: right ; }
.CCpullout { width: 180px ; height: 160px ; padding: 5px ; top: 150px; float: left ; margin-left: -105px ; }
.CCpullout span {	
	width: 180px; position: absolute; height: 160px ;
	text-align: center; font-size: .9em; font-weight: bold; 
	background: url(../images/imgF.PNG) center center no-repeat ;
	/*filter : alpha(opacity=50);*/
	padding : 3px;
}

#fildariane { margin-left: 0 !important ; padding-top : 10px;}


/** 
    *	Cadre de contenu
    *	-----------------------------------------------------------------------
    */
#cadre h2,#zone-centre h2 {
	color: #3d2e30 ; font: bold 1.5em "Arial", "Trebuchet MS",Helvetica,Tahoma,sans-serif ;
	background: url(../images/gros-titre.jpg) left bottom repeat-x ;
	margin: 5px 0 ; padding-bottom: 5px ;
}
/*#accueil h2 span { color: #f46d21 ;}*/
#cadre h3 { margin: 15px 0 0 3px ; font-size: 1.4em ;	color: #3d2e30 ; }
#cadre h4 { margin: 10px 0 3px 4px ; font-size: 1em ; color: #3d2e30 ; }
#cadre p { margin: 0 5px ; padding-bottom: 5px ;	line-height: 1.5em ; text-align: justify ; }
#cadre ul,#cadre dl,#cadre ol { margin: 10px 0 25px 25px ; }
#cadre ul li,#cadre dt { background: url(../images/puce2.jpg) left 3px no-repeat ; padding-left: 15px ; margin-top: 5px ; /*Pour IE : */ color: #3d2e30 ; }
#cadre ol { padding-left: 15px ; }
#cadre dt { font-weight: bold ; }
#cadre dd { padding-left: 15px ; }

span.soc { background: url(../images/puceSoc.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.pro { background: url(../images/icones/icone_teexma.png) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.cli { background: url(../images/puceCli.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.pre { background: url(../images/pucePre.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }


/** 
    *	Colonne gauche
    *	-----------------------------------------------------------------------
    */
#colonne h2 {
	padding: 0.1em 0 ;
	border: solid 1px #9CA3BE ;
	border-bottom: solid 2px #8D92A5 ;
	/*background: #f46d21 url(../images/fondbtn.jpg) left bottom repeat-x ;*/
	font: bold 1.1em "Arial", "Trebuchet MS",Helvetica,Tahoma,sans-serif ; color: #3d2e30 ;
	text-align: center ;
}
#colonne ul {	font-size: 0.9em ; }
#colonne h2 a { text-decoration: none ; color: #3d2e30 ; }

#tableMatieres,#actu,#partenaires,#plus { 
	background: url(../images/fondcolg.jpg) ;
	margin-left: 20px ; padding-top: 5px ;
	width: 150px;
}

#search
{
margin : 50px 0 0 500px;
position : relative;
}
.langues1
{
position : absolute;
margin : 50px 0 0 30px;
}
.langues2
{
position : absolute;
margin : 20px 0 0 30px;
}
#ncontacter{ 
	background: url(../images/fondcolg.jpg) ;
	margin-left: 20px ; padding-top: 0px ;
}

.newsletter
{
margin-bottom : 0px;
}
/** bloc recherche */
#search p,#actu p {
	margin: 4px 2px 0 35px ; 
	text-align: center ;
	font-size: 0.9em ;
	line-height: 1.4em ;
}

/** bloc actu */
#actu ul { padding-bottom: 10px ; } 
#actu li {
	background: url(../images/puce.jpg) left 0 no-repeat ;
	padding-left: 15px ; margin: 10px 3px 0 3px ;
	font-weight: bold ;
	margin-top : 25px;
}
#actu li a { font-weight: normal ; padding: 2px 0 5px 0 ;	}

/** bloc tableMatieres */
#tableMatieres ul { padding-bottom: 10px ;padding-top : 40px; background : whitesmoke; } 
#tableMatieres li {
	background: url(../images/puce2.gif) left 0 no-repeat ;
	padding-left: 15px ; margin: 10px 3px 0 3px ;
	font-weight: 900 ;
	font-size : 13px;
}
#tableMatieres a :hover {
background-color : blue;

}
#tableMatieres ul ul {
margin-top : -40px;
}
#tableMatieres li a { font-weight: bold ; padding: 2px 0 5px 0 ;	text-decoration : none;}
/** bloc partenaires */
#partenaires { text-align: center ; margin-top : 10px;}
#pub { margin: 10px auto ; width: 125px ; border: none ; height: 70px; border: 1px solid #CCC ; }

/** bloc en savoir plus */
#plus li { border-bottom: solid 1px #5E6A9B ;	margin: 0.5em 0.2em 0 0.2em ; }
#plus a { text-decoration: none; color: #3d2e30 ; display: block ; padding: 0.2em ; }
#plus a:hover { color: #3d2e30 ; background-color: #f46d21 ; }


/** 
    *	Menu du bas
    *	-----------------------------------------------------------------------
    */
#pied ul {
	margin: 0 13px 0 14px ; padding-top: 2px ;
	list-style : none ;	text-align: center ;
	width: 751px ;
	font: bold  1.0em  "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ; color: #3d2e30 ;
	border-top: solid 2px #3d2e30 ;
}

#pied li { display: inline ;}
#pied a { color: #3d2e30 }
#pied span { margin-left: 5px ; }
	

/** 
    *	Styles  esthétiques et visuels
    *	-----------------------------------------------------------------------
    */	
.alr { text-align: right !important ; }
.bassetti { font: normal 1.2em "Arial",verdana ; display: block ; font-weight: bold ; }
.bleuF { color: #3d2e30 ; }
.bleuC { color: #3d2e30 ; }
.rouge { color: #3d2e30 ; }
.gras { font-weight: bold ; }
.orange { color: #f46d21; }
.marron { color: #3d2e30 ; }
.radio { background: none ; border: none ; }
.italique { font-style: italic ; }

/** 
    *	Mise en page formulaires
    *	-----------------------------------------------------------------------
    
.formulaire { padding: 20px 0 ; }
.formulaire  p { margin: 6px 30px 6px 0 ; clear: both ; }
.formulaire  p label { float: left ; width: 160px ; text-align: right ; }
.formulaire  ul { float: left ; margin: 0 0 6px 0 !important ; padding: 0 !important ;  }
.formulaire  li { background: none !important ; padding-left: 10px !important ; }
.formulaire  fieldset { border: none ; margin-top: 5px ; }
.formulaire p label + input, .formulaire  p label + textarea, .formulaire  p label+select { margin-left: 6px ; } 
.formulaire  label input  { background: none ; border: none ; } 

label.lbl { float: left ;	width: 160px ; text-align: right ; } */
.formulaire label {
display : block;
width:110px;
float:left;

}

.formulaire fieldset{
vertical-align : middle;
padding-left : 5px;
}

/** 
    *	Mise en page diverse
    *	-----------------------------------------------------------------------
    */	
.vignette {float: right ; padding: 5px 0 5px 15px ; }

.bref h2 { background: #3d2e30 ; color: #FFFFFF ; display: inline ; margin: 0 ; padding: 3px ; font: normal 1.2em "Arial",Verdana,Arial,sans-serif ; }
.bref h3 { margin: 3px 0 0 0 ; color: #f46d21 ; font: normal 1em "Arial",Verdana,Arial,sans-serif ; }
.bref p { padding: 5px 0 ; }
.bref { width: 95% ; background-color: #FFFFFF; border: dotted 1px #2C365C ; margin: 10px 0 ; padding: 0 10px 10px 10px ; font-size: 1.1em;}

p.tous {	text-align: right !important; }	
p.tous a { text-decoration: none ; border: solid 1px #3d2e30 ; background-color: #EEE ; padding: 5px ; }
p.tous a:hover { color: #2C365C ; border-color: #f46d21 ; }

.bloc h3 { border-bottom: 2px solid #D6D9E2 ; border-right: 2px solid #D6D9E2 ; padding: 0 5px 3px 0 ; font-size: 1.1em !important ; }
.bloc h4 { margin-top: 0 !important ; text-align: right ; font-size: 0.9em !important ; }
.bloc h4 span { background-color: #D6D9E2; padding: 2px 5px ; }

#plan dt span { border-left: 1px solid #CCC ; padding: 3px ;  }
#plan dt  { border-bottom: 1px solid #CCC ; background: none ; }
#plan dd { border-left: 1px solid #CCC ; background-color: #EEE ; padding: 0 10px ; margin-left: 15px ; }

/* Couleur de tout le texte contenu dans la balise <p></p> */
p { color: #3d2e30 }
.important { font-size: 1.2em ; }

/* Centrer les images */
.centre_img { text-align: center;}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

/* Texte clignotant de la page d'accueil */
span.clignote {color: #ff0909; text-decoration: blink;}

/* Permet que les images-liens ne soient pas soulignées pour un meilleur effet visuel */
a.nonSouligne {
border-style: none;
border: 0px;
text-decoration: none;
}

/* Type de curseurs */
.curseur{
cursor: default;
width:150px;
}

.curseurMain{
cursor: pointer;
}

/* Colonnes pour les témoignages Clients */
.colonneGauche
{
	width:250px;
	float:left;
	text-align:left;
	padding:10px;
}

.colonneDroite
{
	width:250px;
	float:left;
	padding:10px;
}

/* Met en exposant les petit "r"  */
span.exposant{
	vertical-align: super;
	color: #3d2e30;
}

/* Pour la liste des Clients Prestigieux */
.decal  {
	Padding-right: 80px;
	Padding-left : 30px
}

p.alignGauche{
	text-align: left ;
}

p.alignDroite{
	text-align: right ;
	Padding-left : 5px;
}





/*Formulaire contact */
.haut
{
height : 400px;}
form#contact {
	
	padding: 0;
	
	
}

#formulaire label {
display:block;
width:150px;
float:left;
}
#formulaire fieldset {
}
}
form#contact fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#contact fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
}
form#contact div.gauche {
	width: 200px;
	height : 400px;
	margin: 0 0 1em 20px;
	float: left;
	display: inline; /* évite le Doubled Float-Margin Bug d'IE6 */
}
form#contact div.gauche p {
	margin: .5em 0;
}
form#contact div.gauche span.label {
	display: block;
	margin-bottom: .2em;
}
form#contact div.gauche label {
	font-weight: bold;
	cursor: pointer;
}
form#contact div.gauche span.controle {
	display: block;
}
form#contact div.droite {
	margin: 0 20px 1em 10px;
	margin-left : 10px;
}
form#contact div.droite span.label {
	display: block;
	font-weight: bold;
}
form#contact div.droite span.controle {
	display: block;
	margin: .5em 0 0 30px;
}
form#contact div.droite span.controle input.bouton {
	position: absolute;
	margin-left: -30px;
}
form#contact div.droite span.controle br {
	display: none;
}
form#contact input.text {
	width: 95%;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form#contact textarea {
	border: solid 1px midnightblue;
	padding: 2px 0 0 4px;
}
form#contact p.submit {
	clear: left;
	margin: 1em 20px 1em 310px;
}
form#contact p.submit input {font-size: 1.2em;}

div.bas { display: block; margin-top : 20px;}

.panel {
position: fixed;
top: 80px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 150px;
height: auto;
padding: 30px 10px 10px 100px;
filter: alpha(opacity=85);
opacity: .85;

}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index : 1000;

}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
z-index : 1000;

}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
z-index : 1000;

}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 20px 10px 7.5px;
font-weight: 700;
background:#333333 ;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index : 1000;

}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 30px 20px 17.5px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index : 1000;

}

a.active.trigger {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
z-index : 1000;

}

.panel h3 {

font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
z-index : 1000;

}




.panel2 {
position: fixed;
top: 200px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
z-index : 1000;
}

.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index : 1000;

}

.panel2 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
z-index : 1000;

}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
z-index : 1000;

}

a.trigger2{
position: fixed;
text-decoration: none;
top: 200px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 20px 10px 7.5px;
font-weight: 700;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index : 1000;

}

a.trigger2:hover{
position: fixed;
text-decoration: none;
top: 200px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 30px 20px 17.5px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index : 1000;

}

a.active.trigger2 {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
z-index : 1000;

}

.panel2 h3 {

font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;

}

/** 
    *	Menu principal horizontal 
    *	-----------------------------------------------------------------------
    
#menu ul {
	width: 742px ; float: left ;
	text-align: center ;
	font: bold 1.0em "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	background: url(../images/fondbtn.jpg) left bottom repeat-x ;
}
#menu li.actif { 
	min-height: 22px ;
	padding-top: 0px ;
	font: bold 1.1em "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	background-color: #f46d21 ; color: #3d2e30 ;
	border-right: solid 1px #ADADAD ;
	border-left: solid 1px #ADADAD ;
	border-top: solid 1px #ADADAD ;
}
#menu li {
	width: 104px ; float: left ;
	text-align: center ;
	border-right: solid 1px #FFFFFF ;
	border-left: solid 1px #ADADAD ;
	border-top: solid 1px #ADADAD ;
}
#menu a {
	color: #3d2e30 ; text-decoration: none ;
	padding-top: 6px ;
	width: 100% ; float: left ;
	min-height: 22px ;
	text-align: center ;
}
#menu a:hover { background-color: #f46d21; color: #3d2e30 }
* html #menu a { height: 22px ; } /** Pour IE ne comprenant pas le min-height 
* html li.actif { height: 22px ; } /** Pour IE ne comprenant pas le min-height */



.nav {height:27px; width : 742px;  color:#fff;  z-index:100; margin : 0 auto;}
.menu a {
float:left;
 background: url(../images/fondbtn.jpg) left bottom repeat-x ; 
 color: #3d2e30 ;
 text-decoration:none; 
 font: bold 1.0em "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
 width:106px; 
height:23px; 
padding-top: 6px ;  }
.menu span {float:left; color:#eee; text-decoration:none; width:104px; height:28px; padding-top:8px}
.menu a:hover { color:  #3d2e30; background: #f46d21 ; width : 104px;}
.menu {list-style:none;  margin-top : 51px; text-align:center; width:742px; margin:0 auto}
.menu li {position:relative; float:left; width:104px; z-index:100;
border-right: solid 1px #FFFFFF ;
	border-left: solid 1px #ADADAD ;
	border-top: solid 1px #ADADAD ;

}
.menu ul {
display:none; 
position:absolute; 
background : whitesmoke;
top:29px; 
left:0; 
width : 106px;
list-style:none;
margin : 0 auto;
}


.menu ul li {float:none; border-top:1px solid #ccc; width:104px ; text-align : left; text-indent : 2px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {text-align : left;background-color: #f46d21; color: #3d2e30; width : 106px; }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; height:22px; padding-top:5px}
.menu ul ul {left:106px; top:0; }
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {}
li.menuhover span, li.menuhover li.menuhover span {background-color: #f46d21; color: #3d2e30; width : 104px;  }


.pages
{
float : right ;

}
#textarea
{
text-align : center;

}
#contact
{



}

#contact td '{ padding:5px;
text-align:left; }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1000;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 1000;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* Modal */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(../images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(../images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(../images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
 
 
 
/* Slideshow */

#slideshow {
width : 90%;
height : 120px;


}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default #slider {
    margin:100px auto 0 auto;
    width:618px; /* Make sure your images are the same size */
    height:246px; /* Make sure your images are the same size */
}
#wrapper
{
width : 618px;
margin : 0 auto;
margin-top : -70px;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}