/*_____________________________ STYLES CCI de DOUAI _____________________________*/



/*_____________________________ Redefinition tags html _____________________________*/
body{
	background-color:#016394;
}
Body,TD,P,ul,div,span

{
	/*FONT-FAMILY: Helvetica,Trebuchet ms,Verdana, "Arial", sans-serif;*/
	font-family:"lucida sans",Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #3A332E;
	line-height:18px;
}

P {
	margin: 0.8em 8px;
}

hr{
	BORDER-RIGHT: medium none; 
	BORDER-left: medium none; 
	border-bottom:#D7D1CC 1px dotted;
	border-top:#fff 1px solid
}

.hidden {display:none;}
#msgPopupViste {display:none;position:Absolute;top:0;left:0;width:100%;height:100%;border:1px solid black;background:#101012;opacity:0.7;filter : alpha(opacity=70);z-index:1000;}
#msgPopup {display:none;position:Absolute;top:80px;left:23%;border:0px solid black;background:none;opacity:1;padding:5px;width:275px;height:203px;padding:0px 0px 0px 0px;z-index:1001;}
#msgPopup .closeUp {float:right;} 

ADDRESS {

FONT-SIZE:9px;

COLOR:#99967D;

TEXT-DECORATION:none

}

h2{
	font-size:14px;
	color:#00946C;
}
h3{
color:#008BCF;
}

UL {
	padding-left:15px;
MARGIN: .8em 20px .8em 5px;
	LIST-STYLE-IMAGE:   url(images/pictos/fleche_li.gif);
}
li:first-letter{
	text-transform:uppercase;
}
li+ul li{
	LIST-STYLE-IMAGE:none;
}
/*_____________________________ bloc contact _____________________________*/


/*_____________________________ Liens normaux _____________________________*/
A{
	color:#00946C;
	text-decoration:none;
}
A:hover{
	color:#00946C;
	text-decoration:underline;
}
/*_____________________________ Liste de liens _____________________________*/

#content UL.listefiches{
	padding-left:15px;
	MARGIN: .8em 0px .8em 20px; 
	LIST-STYLE-IMAGE: url(images/pictos/fiche.gif);
}
/*#content UL.listefiches{
	padding-left:15px;
	MARGIN: .8em 0px .8em 20px; 
	LIST-STYLE-IMAGE: none;
}
#content UL.listefiches li{
	display:inline;
}*/
.ref { width: 300px; margin: 0 auto 20px auto; padding: 5px 20px 5px 20px; text-align: justify; border-left: 1px dotted #BBB; border-right: 1px dotted #BBB; }

div.accesrapide{
	background-color:#F3F4EB;
	padding:8px;
}

div.attention{
	background-color:#B2D1D7;
	padding:8px;
	margin:15px;
	color:#014652;
}
div.attention li,div.attention p{color:#014652;}
/*_____________________________ Zones de contenu __________________________*/

table#haut_page{
	width:900px;
	height:122px;
	background-image:url(images/interface/fd_hautdelta.gif) no-repeat;
}
#haut_page td.menu1{
	height:32px;
	padding:0;
	margin:0;
}

#pratique{
	background: url(images/interface/pratique_fd.gif) repeat-y;
}
#acces_abonnes{
	background: url(images/interface/acces_abo_fd.gif) repeat-y;
	padding: 0 20px;
	margin:0 0
}
table#content{
	background:#fff;
}
td.content{
	text-align:justify;
	height:300px;
}
#content p{
	/*text-indent:15px;*/
}
#content h1{
font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:21px;
	color:#003A74;
	padding:0;
	margin:0;
	padding-bottom:2px;
	padding-top:15px;
	border-bottom:1px solid #DDDDDD;
}
td.content{
	padding:15px;
}
td.content img{
	margin:10px;
	margin-right:0;
}
td.content img.bandeau{
	margin:0;
}
div.bandeau{
padding : 5px 0;
}
#s_content{
	height:285px;
	overflow:auto;
}
#enbref{
	width:255px;
	padding:10px;
	padding-right:20px;
	color:#fff;
	font-size:12px;
	line-height:18px;
}
#enbref h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
}
#enbref p,#enbref li,#enbref td{
color:#fff;
	font-size:12px;
	line-height:18px;
}
/*#enbref ul{
margin:0;
	list-style-image:url(images/pictos/puce_lidr.gif);
}*/
#enbref a{
	color:#008BCF;
	text-decoration:underline;
}

/*------------------------v2---------------------*/
td.brouge{
	background:#EBEBEB url(images/interface/enimages_rouge2.gif) right bottom no-repeat;
}
td.bvert{
	background:#EBEBEB url(images/interface/enimages_vert2.gif) right bottom no-repeat;
}
td.bbleu{
	background:#EBEBEB url(images/interface/enimages_bleu2.gif) right bottom no-repeat;
}
td.bvert2{
	background:#EBEBEB;
}
td.brouge_en{
	background:#EBEBEB url(images/interface/enimages_rouge2_en.gif) right bottom no-repeat;
}
td.bvert_en{
	background:#EBEBEB url(images/interface/enimages_vert2_en.gif) right bottom no-repeat;
}
td.bbleu_en{
	background:#EBEBEB url(images/interface/enimages_bleu2_en.gif) right bottom no-repeat;
}
td.bvert2_en{
	background:#EBEBEB;
}
ul{
margin:0;
	list-style-image:url(images/pictos/puce_lidr_rouge.gif);
	margin-left:15px;
}
.bbleu ul{
margin:0;
	list-style-image:url(images/pictos/puce_lidr_bleu.gif);
	margin-left:25px;
}
.bvert ul{
margin:0;
	list-style-image:url(images/pictos/puce_lidr_vert.gif);
	margin-left:25px;
}
.bvert2 ul{
margin:0;
	list-style-image:url(images/pictos/puce_lidr_vert.gif);
	margin-left:10px;
}
#enbref{
	width:255px;
	padding:10px;
	padding-right:20px;
	color:#333;
	font-size:12px;
	line-height:18px;
}
#enbref h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	margin-top:0;
}
#enbref p,#enbref li,#enbref td{
color:#333;
	font-size:12px;
	line-height:18px;
}
/*________h pages_________*/
.t100{
	height:100%;
	z-index:100;
}

/*menus */
table#menu2{
	background-color:#DDDDDD;
}
td.menu2{
	text-align:right;
	padding-right:15px;
	font-weight:bold;
	font-size:13px;
}
.menu2 a,.menu2 a:hover{
	color:#003A74;
	text-decoration:none;
}
.menu2 a:hover{
	#333;
}
#bas_page td {
	background-color:#003A74;
	padding:9px 30px;
	height:40px;
	padding-top:0;
	text-align:right;
	color:#008BCF;
	border-top:3px solid #ccc;
}
#bas_page td a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#bas_page td a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*_____________________________ menu1 _____________________________*/

.menu1 ul,.menu1 ul li{
	margin:0;
	padding:0;
	display:inline;
}
a.bt_delta,a.bt_delta_en,a.bt_transport,a.bt_transport_en,a.bt_logistique,a.bt_logistique_en,a.bt_services,a.bt_services_en,a.bt_fr,a.bt_en,span.bt_delta,span.bt_delta_en,span.bt_transport,span.bt_transport_en,span.bt_logistique,span.bt_logistique_en,span.bt_services,span.bt_services_en{
	display:block;
	height:32px;
	overflow:hidden;
	width:85px;
	float:left;
	background-position: 0 -32px;
	text-indent:-3000px;
}
a.bt_delta,span.bt_delta{
	background:transparent url(images/interface/bt_delta.gif) 0 -32px no-repeat;
	width:85px;
}
a.bt_delta_en,span.bt_delta_en{
	background:transparent url(images/interface/bt_delta_en.gif) 0 -32px no-repeat;
	width:85px;
}
a.bt_transport,span.bt_transport{
	background:transparent url(images/interface/bt_transports_fr.gif) 0 -32px no-repeat;
	width:131px;
}
a.bt_transport_en,span.bt_transport_en{
	background:transparent url(images/interface/bt_transports_en.gif) 0 -32px no-repeat;
	width:136px;
}
a.bt_logistique,span.bt_logistique{
	background:transparent url(images/interface/bt_logistique_fr.gif) 0 -32px no-repeat;
	width:160px;
}
a.bt_logistique_en,span.bt_logistique_en{
	background:transparent url(images/interface/bt_logistique_en.gif) 0 -32px no-repeat;
	width:142px;
}
a.bt_services,span.bt_services{
	background:transparent url(images/interface/bt_services_fr.gif) 0 -32px no-repeat;
	width:159px;
}
a.bt_services_en,span.bt_services_en{
	background:transparent url(images/interface/bt_services_en.gif) 0 -32px no-repeat;
	width:132px;
}
a.bt_en{
	background:transparent url(images/interface/bt_en.gif) 0 -32px no-repeat;
	width:140px;
}
a.bt_fr{
	background:transparent url(images/interface/bt_fr.gif) 0 -32px no-repeat;
	width:140px;
}
a.bt_delta:hover,a.bt_delta_en:hover,a.bt_transport:hover,a.bt_transport_en:hover,a.bt_logistique:hover,a.bt_logistique_en:hover,a.bt_services:hover,a.bt_services_en:hover,a.bt_fr:hover,a.bt_en:hover,span.bt_delta,span.bt_delta_en,span.bt_transport,span.bt_transport_en,span.bt_logistique,span.bt_logistique_en,span.bt_services,span.bt_services_en{
	background-position:0 0;
}
a.bt_contact{
	display:block;
	float:right;
	height:52px;
	width:275px;
	background:transparent url(images/interface/contact_fr.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-3000px;
	background-position:0 -52px;
}
a.bt_contact_en{
	display:block;
	float:right;
	height:52px;
	width:275px;
	background:transparent url(images/interface/contact_en.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-3000px;
	background-position:0 -52px;
}
.bt_accueil a,.bt_accueil a:hover{
	display:block;
	float:left;
	height:52px;
	width:275px;
	overflow:hidden;
	text-indent:-3000px;
}
a.bt_contact:hover{
	background-position:0 -52px;
}
.tabphotos{
	margin:0 -15px;
}
/*----------------------*/
.tablignes,#tablignes{
	margin:3px;
	width:98%;
	line-height:15px;
	border:medium none;
}
.tablignes p,#tablignes p{
	margin:2px 0;
	line-height:15px;
}
.tabform{
	margin:3px;
	width:95%;
	line-height:15px;
	background-color:#F5F4F3;

}
.tabform td{
	border-bottom:1px solid #DBD5CE;
	padding:5px;
	font-size:9px;	
}

.tablignes td,#tablignes td{
	border-bottom:1px solid #C8BEB5;
	padding:5px;
	font-size:10px;	
}
/*_____________________________ menus en ul __________________________ */

#col_menu a,#col_menu a:hover{
	FONT-SIZE: 11px; 
	/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; */
	font-family:Arial, Helvetica, sans-serif
	TEXT-DECORATION: none;
}

#col_menu ul {
	LIST-STYLE-IMAGE:  url(images/interface/pixtrans.gif);
	display:block;
	margin:0;
	padding:0;
}
#col_menu h3{
	background-color:transparent;
	padding:5px 3px 5px 8px;
	margin:0;
	margin-top:10px;
	font-weight:bold;
}
#col_menu li{
	display:block;
	border-left:#948D89 1px solid;
	border-right:#C4BEBA 1px solid;
	BORDER-BOTTOM:#948D89 1px solid;
	padding:5px 3px 5px 8px;
	margin:0;
}
#col_menu a {
	font-weight:bold;
	COLOR: #3A332E; 
}
#col_menu ul.menu3 li{
	display:block;
	border-left:#B3ADAA 1px solid;
	border-right:medium none;
	BORDER-BOTTOM:medium none;
	padding:3px 3px 3px 8px;
	margin:0;
}


/*_____________________________ central _____________________________*/

div.infoprint,.infoprint h4,.infoprint strong{
	display:none;
	height:0;
	overflow:hidden;
}
.decotop{
	margin-bottom:-1px;
}
/*_____________________________ formulaires _____________________________*/



.form {

	FONT-SIZE: 9px; 

	/*FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif*/
	font-family:Arial, Helvetica, sans-serif

}

.input {

	BORDER-LEFT: #aab3b3 1px solid; 

	BORDER-BOTTOM: #d5dddd 1px solid; 

	BORDER-TOP: #999 1px solid; 

	BACKGROUND-COLOR: #f7f7f7; 

	BORDER-RIGHT: #aab3b3 1px solid;

	PADDING-RIGHT: 0px; 

	PADDING-LEFT: 0.25em; 

	PADDING-BOTTOM: 2px; 

	PADDING-TOP: 2px

}

TEXTAREA {

	BORDER-LEFT: #aab3b3 1px solid; 

	BORDER-BOTTOM: #d5dddd 1px solid; 

	BORDER-TOP: #999 1px solid; 

	BACKGROUND-COLOR: #f7f7f7; 

	BORDER-RIGHT: #aab3b3 1px solid;

	PADDING-RIGHT: 0px; 

	PADDING-LEFT: 0.25em; 

	PADDING-BOTTOM: 2px; 

	PADDING-TOP: 2px

}



/*______________________________________________*/

a.lien_pdf,a.lien_word,a.lien_txt,a.lien_rtf,a.lien_ppt,a.lien_pps,a.lien_zip,a.lien_xls,a.lien_mp3,a.lien_docelse{

	line-height:25px;
	background-repeat:no-repeat;
	background-image:url(images/pictos/pdf.gif);
	padding: 2px 2px 2px 20px;
}

/*div.lien_pdf{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/pdf.gif);

}

a.lien_pdf,a.lien_pdf:hover{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/pdf.gif);

}

a.lien_word{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/word.gif);

}

a.lien_txt{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/txt.gif);

}

a.lien_rtf{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/rtf.gif);

}

a.lien_ppt{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/ppt.gif);

}

a.lien_pps{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/pps.gif);

}

a.lien_zip{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/zip.gif);

}

a.lien_xls{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/excell.gif);

}

a.lien_mp3{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/mp3.gif);

}

a.lien_docelse{

	background-image:url(http://www.epolar.net/epolar_sql_server/images/pictos/ico_fichiers/docelse.gif);

}
*/
/*_____________________________ formulaires _____________________________*/

.textfield {

	BORDER-LEFT: #aab3b3 1px solid; 

	BORDER-BOTTOM: #d5dddd 1px solid; 

	BORDER-TOP: #999 1px solid; 

	BACKGROUND-COLOR: #f7f7f7; 

	BORDER-RIGHT: #aab3b3 1px solid;

	PADDING-RIGHT: 0px; 

	PADDING-LEFT: 0.25em; 

	PADDING-BOTTOM: 2px; 

	PADDING-TOP: 2px

}