/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_top.gif) repeat-x top;
    text-align: center; 
	font: normal 11px/1.4em verdana;
	color:#6a6a69;
}
#outer {
    width: 704px;
    margin: 0px auto;
    text-align: left; /* Counteract to IE5/Win Hack */
}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {
    margin: 0; padding: 0;
    font-size: 1em;
}
#outer {
    width: 754px;
    margin: 0px auto;
    text-align: left; /* Counteract to IE5/Win Hack */
}
#header {
    height: 99px;
	width: 700px;
	margin-left: 28px;
}
#logo {
    float: left;
    width: 280px;
    height: 61px;
	margin-top:28px;
}
#logo span {
    margin-left: -5000px;
    font-size:24px;
    visibility: hidden;
}
#mapworld {
    float: right;
    width: 203px;
    height: 87px;
	margin-top:11px;
}
#content_top {
    width: 754px;
    height: 50px;
	background: url(../images/content_bg_top.gif) no-repeat left top;
    overflow: visible;
}
#content_top form {
    margin-left: 539px;
	position: relative;
}
#content_top input.field {
	position: absolute;
	top:12px;
	background-color:#022a52;
	width:161px;
	height:14px;
	border: none;
	font: normal 11px arial;
	color:#000;/*e0e0fa*/
}
#content_top input.field1 {
	position: absolute;
	top:12px;
	background-color:#022a52;
	width:161px;
	height:20px;
	border: none;
	font: normal 11px arial;
	color:#000;/*e0e0fa*/
}
#content_top input.button {
	position: absolute;
	top:10px;
    left:165px;
    width:6px !important;
    width:24px;
    height:15px !important;
    height:20px;
}
#content_top table {
    width:500px;
}
#content_top a.accueil { color:#87a2c0 }
#content {
	background: url(../images/content_bg_mid.gif) repeat-y left top;
	padding: 7px 9px 0;
	
}
#content div {
	font: normal 11px/1.4em verdana;
	color:#6a6a69;
}
#bottom {
	background-color:#0e243c;
	height:90px;
}
.table_actu, .qdneuf {
	font: normal 11px/normal arial;
	color:#7d7d7d;
}
.qdneuf a { color:#006aa3; }
.text2, a.text2 {
	font: 11px/12px arial;
	color:#a9a9a9;
	text-decoration:none;
}
a.link2 {
	font: bold 11px/normal arial;
	color:#006094;
	text-decoration:none;
}
.head2 {
	font: bold 14px/normal verdana;
	color:#006aa3;
	margin-bottom:3px;
}
#divnews{
width: 310px;
height: 80px;
background-color: #dddddd;
margin-bottom:5px;
}
.actu_date {
	font: normal 11px/normal arial;
	color:#ababab;/**/
	/*color:#949494;
	color:#FF9900;*/
}
.actu_rubrique {
	font: normal 10px/normal "tahoma",arial;
	color:#6a6a6a;
    text-transform: uppercase;
    letter-spacing:1px;
}
.actu_titre {
	font: bold 11px/normal "tahoma",arial;
	color:#707070;
}
.actu_intro {
	font: normal 11px/normal "tahoma",arial;
	text-decoration:none;
	color:#7d7d7d;
}
a.actu_intro:hover {
	text-decoration:none;
}
a.actu_lien {
	font: bold 11px/normal arial;
	color:#006aa3;
	text-decoration:underline;
}
.actu_titre2 {
	font: bold 12px/16px "tahoma",arial;
}
.whitebox_top {
	background: url(../images/whitebox_top.gif) repeat-x left top;
}
.whitebox_right {
	border-right : 1px solid #d7d7d7;
}
.whitebox_bottom {
	background: url(../images/whitebox_bot.gif) repeat-x left top;
}
.whitebox_left {
	border-left: 1px solid #d7d7d7;
}
.head_particuliers, .head_entreprises, .head_douane {
	height:34px;
	font: bold 12px arial;
	color:#FFFFFF;
	padding: 14px 0 0 48px;
}
.head {font: bold 12px arial;color:#FFFFFF; text-decoration:none;}
.head_particuliers {
	background: url(../images/page_particuliers.gif) no-repeat left top; text-decoration:none;
}
.head_entreprises {
	background: url(../images/page_entreprises.gif) no-repeat left top; text-decoration:none;
}
.head_douane {
	background: url(../images/page_douane.gif) no-repeat left top; text-decoration:none;
}

#footer {
    width: 754px;
    margin: 0px auto;
	background: url(../images/content_bg_bot.gif) no-repeat left -2px;
}
#footer .nav {
    padding-top: 38px;
	text-align:center;
	font: normal 11px arial;
	color:#9bc3cf;
	margin-bottom: 5px;
}
#footer .nav a {
    margin: 0 3px;
	color:#ffffff;
	text-decoration: none;
}
#footer .nav a:hover {
	text-decoration: underline;
}
#footer .last {
	margin-top:7px;
	color:#d3dbdd;
	text-decoration: none;
	font: normal 10px arial;
}
#footer .last a {
	color:#d3dbdd;
	text-decoration: underline;
}


#menu {
	font: bold 11px "tahoma",arial;
	color:#6a6a69;
	margin: -14px 0px 17px -15px;
}
#menu p {
	margin-left:20px;
	font: bold 11px "tahoma",arial;
	color:#818181;
}
#menu ul {
	list-style: none;
}
#menu li {
	padding-left:15px;
	margin-bottom:4px;
	font: bold 11px/13px "tahoma",arial;
	color:#818181;
	margin-left:0;
}
#menu li a {
	text-decoration:none;
	color:#818181;
}
#menu ul.particuliers li { background: url(../images/puce_verte.gif) no-repeat left 2px;}/* !important; background: url(../images/puce_verte.gif) no-repeat left 3px*/
#menu ul.particuliers a span {color:#adc850;}
#menu ul.entreprises li { background: url(../images/puce_orange.gif) no-repeat left 2px;}
#menu ul.entreprises a span { color:#ff9d45;}
#menu ul.douane li { background: url(../images/puce_bleue.gif) no-repeat left 2px;}
#menu ul.douane a span {	color:#5f89b7;}

#particuliers {padding: 12px 30px 15px; background: url(../images/title_particuliers.gif) no-repeat left top; text-align:left;}/* text-align: justify;*/
#entreprises {padding: 12px 30px 15px; background: url(../images/title_entreprises.gif) no-repeat left top; text-align:left;}/* text-align: justify;*/
#douane {padding: 12px 30px 15px; background: url(../images/title_douane.gif) no-repeat left top; text-align:left;}/* text-align: justify;*/
h1 {
	font: bold 13px verdana;
	color:#323232;
	margin: 0 0 1.2em 0;
}
p, ul, ol {
	font: normal 11px/1.4em verdana;
	color:#6a6a69;
	margin: 1em 0 0.4em;
}
ul.innerlist {
	list-style: circle;	
	margin: 0.4em 0 0.4em 1.6em;
}
a, .a {
	color:#a68a53;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
.homebox_middle {
	background: url(../images/homebox_mid.gif) repeat-y left top;
}
#home_inner {
	margin: 0px 18px 3px 0px;
	font: bold 11px/18px arial;
	color:#6a6a69;
	/* height:180px; changer */
}
#home_inner p {
	margin-left:20px;
	font: bold 11px arial;
	color:#6a6a69;
}
#home_inner ul {
	list-style: none;
}
#home_inner li {
	padding-left:17px;
	margin-bottom:6px;
	font: bold 12px/15px verdana;
    letter-spacing: -1px;
	color:#6a6a69;
	margin-left:0;
}
#home_inner li a {
	color:#7a7a7a;
	text-decoration:none;
}
#home_inner ul.particuliers li {
	background: url(../images/puce_verte.gif) no-repeat left 3px;
}
#home_inner ul.particuliers a span {
	color:#adc850;
}
#home_inner ul.entreprises li {
	background: url(../images/puce_orange.gif) no-repeat left 3px;
}
#home_inner ul.entreprises a span {
	color:#ff9d45;
}
#home_inner ul.douane li {
	background: url(../images/puce_bleue.gif) no-repeat left 3px;
}
#home_inner ul.douane a span {
	color:#5f89b7;
}
h2 {
	font: bold 14px/17px "tahoma",arial;
	margin: 1em 0 0px;
}
#particuliers h2 {	color:#adc850;}
#entreprises h2 { color:#ff9d45;}
#douane h2 { color: #3578c1;}
h3 {
	font: bold 12px/15px "tahoma",arial;
    color: #6499ad;
	margin: 1em 0 0px;
}
h4 {
	font: bold 12px/14px arial;
    color: #838383;
	margin: 1em 0 0px;
}

ul {
	margin-left: 20px;
	padding-left: 0px;
	list-style: square;
}
ul.second {
	list-style: none;
	margin-top:3px;
}
ul.second li {
	background: url(../images/trait.gif) no-repeat left 8px;
	padding-left: 10px;
}
ol {
	margin-left: 40px;
	padding-left: 0px;
}
/*table {
	font: normal 11px arial;
	color:#6a6a69;
}*/
.up {
	float:right;
}
ul.listinglinks {
	color:#f1eee8;
	margin-bottom:35px;
    font: bold 12px/16px arial;
}
.loweralpha {list-style:lower-alpha}
.lowerroman {list-style: lower-roman}
.word {
	background: url(../images/word.gif) no-repeat left top;
	padding-left: 25px;
	height: 16px;
}
.pdf {
	background: url(../images/pdf.gif) no-repeat left top;
	padding-left: 25px;
	height: 16px;
}
.xls {
	background: url(../images/xls.gif) no-repeat left top;
	padding-left: 25px;
	height: 16px;
}
.listingtable td {
	padding: 4px 0;
}
.tahoma {
	font: normal 11px 'tahoma',arial;
}
.bold {
	font-weight: bold;
}
#toptarifs {
	margin: 10px 0;
	border: 1px dotted #e5e5db;
	background-color:#fefef6;
	padding: 7px 14px 9px;
}
#toptarifs table td {
	padding-top: 3px;
	padding-bottom: 3px;
}
#toptarifs span {
	font: bold 12px/14px 'tahoma',arial;
}
td.padright10 {
	padding-right:10px;
}
.dots {
	border-bottom: 1px dotted #ccc;
	margin-bottom:15px;
} 
#contacter {
	border: 1px dotted #e5e5db;
	background-color:#fefef6;
	padding: 13px 20px 15px;
	margin-top:20px;
}
.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:2px;
    border: 1px solid #FFF;
    border-bottom: 1px dashed #CCC;   
    color:#515151;
}
.cmessage {
    border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding:5px;
}
.label {
	/*color: #ccc;*/
	/*color: #8C8C8C;*/
	color: #575757;
	font: 11px "tahoma",arial;
}
.button {
    padding:1px 10px;
	font: 12px "tahoma",arial;
	cursor: hand;
}
.colorrow {
	background-color:#f3f8fe;
}
.headtable {
	color:#5f89b7;
	border: 1px solid #8cadd2;
	font: bold 12px arial;
}
.headtable2 {
	color:#5f89b7;
	font: bold 11px arial;
	background-color:#e6f1fe;
}
.gray {
	color:#dadada;
}/*
.pager {
	padding: 2px 5px 3px 5px; 
	margin-right: 2px; 
	border: 1px solid #eaeaea; 
	color: #aaa; 
	font: 11px tahoma;
}
.current, .pager:hover {
	background-color:#f7f7f7;
}*/
.pager {
	padding: 3px 6px 4px 6px; 
	margin-right: 3px; 
	color: #5f89b7; 
	font: 11px tahoma;
	background-color:#e6f1fe;
}
.current, .pager:hover {
	background-color:#fff; 
	border: 1px solid #e6f1fe; 
	padding: 2px 5px 3px 5px;
}
.titlelist {
	font: bold 13px/16px arial;
	margin: 2em 0 0px;
	color:#ccc;
	margin-left:30px;
}
.titlelist li {
	margin-bottom: 5px;
}

/*
h2, h3, h4, h5, h6, p {
	margin: 1em 0 0.4em;
	line-height: 1.4em;
}

input.radio { vertical-align: -2px } 
input.checkbox { vertical-align: -6px !important; vertical-align: -3px;} 
input.field:focus {
background: yellow;
}*/

/* Ihari. 2008-07-10 */
.ToDo {
    padding: 7px 12px 10px;
    background-color: #ffeedd;  /* #fffbea */
    border:4px dotted #ff9999;   /* fff5c9 */
    color: #454545;
    font: 14px/normal "trebuchet ms", "tahoma", arial;
    margin-bottom:5px;
}
.ErrorMessage1 {
    padding: 7px 12px 10px;
    background-color: #ffeedd;  /* #fffbea */
    border:1px solid #ff9999;   /* fff5c9 */
    color: #454545;
    font: 14px/normal "trebuchet ms", "tahoma", arial;
    margin-bottom:5px;
}
/* Pour les messages d'erreur in-line dans les formulaires */
.ErrorMessage2 {
    padding: 1px 4px 1px;
    background-color: #ffeedd;  /* #fffbea */
    border:1px solid #ff9999;   /* fff5c9 */
    color: #454545;
    font: 14px/normal "trebuchet ms", "tahoma", arial;
    margin-top:2px;
    margin-bottom:5px;
}

blockquote, .switchcontent  {
	margin-left: 25px;
}

.showstate2 { 
cursor:pointer;
margin-right: 3px;
}
/*---Pour plan du site-----*/

.switchcontent  a {
    color:#367AB8;
}
.switchcontent  a:hover{
	text-decoration: underline;
    color:#000;
}

blockquote, .switchcontent  {
	margin-left: 25px;
}
.right  {
	float:right;
}
.left  {
	float:left;
}
.picture  {
	float:left;
    margin: 10px 0 10px 20px;
    text-align: center;
    padding-bottom: 5px;
    background-color: #f3f4f5;
}
.picture img  {
	display: block;
    margin-bottom:2px;
    border-bottom: 2px solid white;
}
.picture span  {
	font: 11px "tahoma",arial;
    color: #7b8998;
}
.crumbs  {
	font: 11px/14px "tahoma",arial;
    color: #a0a0a0;
    padding:4px 9px 6px;
    /*border-bottom: 1px dotted #a0a0a0;*/
    margin-bottom:15px;
    background-color:#f6f6f6;
}
.note  {
    /*background-color: #ffdfc2;
    padding: 10px 15px;
    margin: 10px 0;*/
    color: #323232;
    font: 12px verdana;
}
.Date{
	font-size: 11px;
}

.Secteur{
	font-size: 10px;
}

.Nom {
	font-size: 12px;
	font-weight:bold;
}
#menu ul li ul.submenu {
	margin-left:0;
    margin-top:4px;
    list-style: none;
}
#menu ul li ul.submenu li {
	background: url(../images/puce_grise.gif) no-repeat 3px 3px;
    margin-left:-4px;
}
.headtable3 td {
    background-color:#e7e7e7;
    font: bold 12px arial;
    padding: 4px 7px;
/*    color:white;*/
}
.rowtable3 td {
    padding:5px 4px;
    border: 1px solid #e7e7e7;
    
}
.pointer { 
cursor:pointer;
}
#cse-search-results IFRAME {
			width: 450px;		
}
}
.lexique { font: bold 12px tahoma; }
.lexique a { margin-right:1px; text-decoration: none ; padding:2px 4px; 
background-color:#3f98cf ; color:#fff;}
.lexique a:hover { text-decoration: none ; }

 .linkmenu {color:white; font-weight:bold; text-decoration: none; margin: 0 5px;}