/*_____________________________ STYLES CARVIN _____________________________*/



/*_____________________________ Redefinition tags html _____________________________*/

body{
	background-color:#B2D1D7;
}

Body,TD,P,ul,div,span

{
	FONT-FAMILY: "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
}

P {
	margin-top: 0.8em; margin-bottom: 0.8em;
}

H1 {
	FONT-SIZE: 20px; 
	COLOR: #F9F1DE;
	margin-top: 0.8em; margin-bottom: 0.4em;
	padding-left:8px;
}

H2 {
	FONT-SIZE: 16px;
	COLOR: #00687A; 
	margin-top: 0.8em; margin-bottom: 0.2em;
}

H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #ffffff;
	margin-top: 0.8em; margin-bottom: 0.2em;
}

hr{
	BORDER-RIGHT: medium none; 
	BORDER-left: medium none; 
	border-bottom:#00687A 1px dotted;
	border-top:#66A4AF 1px solid
}


ADDRESS {

FONT-SIZE:11px;

COLOR:#99967D;

TEXT-DECORATION:none

}



UL {
	padding-left:15px;
	MARGIN: .8em 0px .8em 20px; 
	LIST-STYLE-IMAGE:   url(images/pictos/bullet.gif);
}

UL.listeliens {

	padding-left:10px;

	MARGIN: .5em 0px .5em 10px; 

	LIST-STYLE-IMAGE:   url(http://www.carvin.fr/site5_images_site/pictos/fleche_ul.gif);

}

.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.contenu{
	 padding-top: 1500px;
}
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 __________________________*/
.mblanche{
	width:7px;
	background-color:#ffffff;
}

#recherche{

	padding:0;margin:0;

}

#colgauche{

	padding-right:4px;

	width:204px;

}

#coldroite{

	height:233px;

	padding-left:4px;

}

#coldroite204{

	width:204px;

	background:#FFF url(http://www.carvin.fr/site5_images_site/interface/fd_pointilles_beige.gif) 2px 0 repeat-y;

	padding-left:8px;

}

.tablignes,#tablignes{

	margin:3px;
	width:95%;
	line-height:15px;

}

.tablignes td,#tablignes td{
	border-bottom:1px solid #D9E9EC;
	padding:5px;
	font-size:11px;	
}
.basse{
	background-color:#88B9C1;
}
.haute{
	background-color:#00687A;
}



.coldroite{

	padding-left:8px;

	width:156px;

	background:#FFF url(http://www.carvin.fr/site5_images_site/interface/fd_pointilles_beige.gif) 2px 0 repeat-y;

}


/*_____________________________ Liens normaux _____________________________*/



A {
	COLOR: #DF172C; 
	TEXT-DECORATION:none
}

A:hover {
	COLOR: #A90214; 
	TEXT-DECORATION: underline
}

/*_____________________________ menus en ul __________________________ */


#col_menu{
width:150px;
background-color:#00687A;
}
#col_menuh{
width:150px;
background-color:#66A4AF;
}

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

#col_menu ul {
	LIST-STYLE-IMAGE:  url(http://www.carvin.fr/site5_images_site/pictos/pixtrans.gif);
	display:block;
margin:0;
	padding:0;
	background-color:#89B8C0;
}
#col_menu h3{
	background-color:#00889F;
	padding:5px 3px 5px 8px;
	margin:0;
	margin-top:10px;
}
#col_menu li{

	display:block;

	background-color: transparent;/*#89B8C0;*/

	/*border-left:#E5E7DF 5px solid;

	border-right:#E5E7DF#F2E0B7 5px solid;*/

	BORDER-BOTTOM:#ffffff 1px solid;

	padding:5px 3px 5px 8px;

	margin:0;

}

#col_menu a {
	font-weight:bold;
	COLOR: #DF172C; 
}

#col_menu a:hover{
	font-weight:bold;
	color:#00687A;
}




/*_____________________________ central _____________________________*/
#tcontent{
	background-color:#66A4AF;
	width:516px;
	padding:0 10px;
}

/*_____________________________ footer _____________________________*/

.footer {

	FONT-SIZE: 10px;
	COLOR: #00687A;
	padding:5px 5px 0px 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*_____________________________ formulaires _____________________________*/



.form {

	FONT-SIZE: 10px; 

	FONT-FAMILY: Arial, Verdana, 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;

	padding: 0 0 0 20px;

}

div.lien_pdf{

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

}

a.lien_pdf{

	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

}