body { background-color: white; background-repeat: repeat-x;font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif; color: #393939 }


/*   cadres   */
#total { background-color: white; width:1024px; height: auto; margin:0 auto; padding-top: 2px; }

#header { display: block; float: left; height: 450px; }
 
#header-gauche { display: block; float: left;position: relative; }

#header-droite {display: block; width: 70%; float: right; }

#menu-principal {display: inline; width: 725px; height: 32px; float: right; background-image: url(http://www.dsi-concept.com/fr/img/menu-haut-fond.jpg);

}

#menuwrapper {display: block; width: 70%; float: left;margin-left: 60px; }

#header-tools {display: block; float: right; }

#header-btn-contact {display: block; float: right; }

#header-btn-rechercher {display: block; float: left; }

#header-btn-rechercher input {}
#cntnt01searchinput {border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-bottom-color: #E5E5E5;
	border-left-color: #E5E5E5;
 color:#8F8F8F;}

#chemindefer { display: block; float: left;  }
#chemindefer p {background-color: #CECFD4; margin-left: 2px;margin-bottom: -7px; padding-left: 10px; font-size: 0.9em; color: #FFF;}

#breadcrumbs {
	margin-left: 2px;
	padding-left: 10px;
	background-color: #CECFD4;
	font-size: 0.9em;
	color: #FFF;
	margin-top: -4px;
}

#centre {  position: relative;clear: both; margin-top: 40px;
	z-index: 100;}

#droite {color: #393939; position: relative; width: 800px; float: right;z-index: 100; }

#gauche {position: relative; width: 200px; 	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C7C7C7;
padding-right: 4px;z-index: 200;
}

#footer { color: #767676; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; position: relative; width: 100%;  float: left; clear: both; margin-top: 30px;  }

#footer-droite {position: relative; display:block; float: right;width: 12px; }

#footer-gauche {position: relative; display:block;float: left;width: 14px; }

#footer-centre {position: relative; display:block; float: right; background-image: url(http://www.dsi-concept.com/fr/img/footer_centre.jpg); width: 998px; height:146px; }




/*   styles et textes   */
H1{ color: #FF8000; font-size: 1.3em; }
H2{color: #3189dc; font-size: 1.2em;}
H3{}
H4{}
H5{}
H6{}
p {color: #393939}

td {}
a:link,a:visited,a:active { color: #2C4377; text-decoration: none;}
a:hover {color: #FF8000; text-decoration: underline; }

#chemindefer a:link,#chemindefer a:visited,#chemindefer a:active { color: #FFF; text-decoration: none; }
#chemindefer a:hover { color: #3189dc; text-decoration: underline; }


#droite a:link,a:visited,a:active, p#droite a:link,a:visited,a:active  {color: #3189dc;text-decoration: none;}
#droite a:hover, #droite p a:hover {color: #FF8000;text-decoration: underline;}
#droite ul li a:link,a:visited,a:active {color: #2C4377;text-decoration: none;}
#droite ul li a:hover {color: #FF8000;text-decoration: underline;}

#footer a:link,#footer a:visited,#footer a:active { color: #767676; text-decoration: none; }
#footer a:hover { color: #FF8000; text-decoration: underline; }

.NewsSummaryPostdate {color: #9B9B9B;font-size: 0.8em;}
.NewsSummaryLink a:link,a:visited,a:active { color: #3189DC; text-decoration: none; }
.NewsSummaryLink a:hover { color: #FF8000; text-decoration: underline; }
.NewsSummarySummary {color: #9B9B9B;font-size: 0.8em;}
.NewsSummaryMorelink {color: #9B9B9B;font-size: 0.9em;}
.NewsSummaryMorelink a {color: #9B9B9B;font-size: 0.9em; text-decoration: none;}
.NewsSummaryMorelink a:hover {color: #9B9B9B;font-size: 0.9em; text-decoration: underline;}

/* CONTACT FORME DES INPUT */
#m4moduleform_2 input,textarea {border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-bottom-color: #E5E5E5;
	border-left-color: #E5E5E5;
 color:#3189DC;}
 
 #m4moduleform_2 {
	color:#393939;
}


/* MENU */
#main_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#main_menu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}
#main_menu a {
	float: left;
	display: block;
	font: bold 10px Arial;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding: 5px 10px 5px 10px;
	background-color: white;
}

/* test menu */
.mattblacktabs{
width: 70%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #30308a; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #4545c3; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}