/*_____________________________ STYLES CARVIN 1.1 dossier CARVIN_____________________________*/



/*_____________________________ Redefinition tags html _____________________________*/



Body,TD,P,ul,div,span

{
	FONT-FAMILY: "Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #4F4F4F;
}

P {
	margin-top: 0.8em; margin-bottom: 0.8em;
}


#colgauche img{margin-bottom:5px;border:medium none;
}

H1 {
	
	FONT-SIZE: 16px; 

	COLOR: #666666;

	margin-top: 0.8em; margin-bottom: 0.4em;

	padding-left:8px;

	/*border-bottom:#999999 1px dotted;*/

	background:#fff url(http://www.carvin.fr/site5_images_site/interface/fd_pointilles.gif) 0 20px repeat-x;

}

H2 {
	FONT-SIZE: 14px;
	COLOR: #A59C7E; 
	margin-top: 0.8em; margin-bottom: 0.2em;
}

H3 {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 12px; 

	COLOR: #A9A696;

	margin-top: 0.8em; margin-bottom: 0.2em;

}

HR {

	BORDER-RIGHT: medium none; 

	BORDER-TOP: #0B516B 1px dotted; 

	BORDER-LEFT: medium none; 

	BORDER-BOTTOM: #ffffff 1px solid;

}

table#tab_actus td{border-bottom:1px dotted #ccc;}
table#tab_actus td p{clear:both;}
p.fdbleu,h2.fdbleu{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #005e90;}
p.fdvert,h2.fdvert{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #afda39;}
p.fdjaune,h2.fdjaune{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #ffc034;}
p.fdeau,h2.fdeau{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #00726f;}
p.fdrouge,h2.fdrouge{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #b61d1a;}
p.fdviolet,h2.fdviolet{display:inline;clear:both;float:left;padding:2px 4px;color:#fff;font-weight: bold;background-color: #594CAF;}

.col_bleu{color: #005e90;}
.col_vert{color: #afda39;}
.col_jaune{color: #ffc034;}
.col_rouge{color: #b61d1a;}
.col_violet{color: #594CAF;}

ADDRESS {

FONT-SIZE:11px;

COLOR:#99967D;

TEXT-DECORATION:none

}

UL {

	padding-left:15px;

	MARGIN: .8em 0px .8em 20px; 
	
	LIST-STYLE-IMAGE:   url(http://www.carvin.fr/site5_images_site/pictos/fleche_bullet.gif);

}

.coldroite UL {

	padding-left:10px;

	MARGIN: .8em 0px .8em 10px; 

	LIST-STYLE-IMAGE:   url(http://www.carvin.fr/site5_images_site/pictos/fleche_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);

}
UL.listeagenda {
	padding-left:10px;
	MARGIN: .5em 0px .5em 10px; 
	LIST-STYLE-IMAGE:   url(http://www.carvin.fr/site5_images_site/pictos/agenda_event.gif);
}

UL.listeurls {

	padding-left:10px;

	MARGIN: .5em 0px .5em 5px; 

	LIST-STYLE-IMAGE:   url(http://www.carvin.fr/site5_images_site/pictos/url.gif);

}

div.accesrapide{
	background-color:#F3F4EB;
	padding:8px;
}

/*_____________________________ Zones de contenu __________________________*/

#recherche{

	padding:0;margin:0;

}

#colgauche{

	padding-right:4px;

	width:204px;

}

#coldroite{

	height:233px;

	padding-left:4px;

}

.coldroite204{

	width:204px;

	background:#FFFFFF 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:100%;

	line-height:15px;

}

.tablignes td,,#tablignes td{

	border-bottom:1px solid #DDDDC6;

	/*background:#fff url(site5_images_site/interface/fd_pointilles_clair.gif) 0 100% repeat-x;*/

	padding:3px;

	font-size:11px;	

}

.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;

}

#g_logo,#g_logoh{

	width:204px;

	text-align:center;

	height:225px;

}
#g_logo{
	background:#E5E7DF url(http://www.carvin.fr/site5_images_site/interface/logo120.gif) 50% 50% no-repeat;
}
.bandeau_g{

	margin:4px;

	width:204px;

	height:26px;

}

.bandeau_d{

	padding:1px 5px;

}

.description,#description{

	background-color:#F3F4EB;

	padding:5px;

	margin:5px;

}



/*_____________________________ Liens normaux _____________________________*/



A {

	COLOR: #229699; 

	TEXT-DECORATION:none

}

A:hover {

	COLOR: #3C8E8C; 

	TEXT-DECORATION: underline

}

/*_____________________________ menus en ul __________________________ */



#titremenu{

	font-weight:bold;padding:.5em;margin:0px;

	border-bottom:#fff 1px solid;

	text-transform:uppercase;

}

#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:#fff;

}

#col_menu li{

	display:block;

	background-color:#E5E7DF;

	/*border-left:#E5E7DF 5px solid;

	border-right:#E5E7DF 5px solid;*/

	border-bottom:#BABDAA 1px solid;

	padding:5px 3px 5px 8px;

	margin:0;

}

#col_menu li.menu2{
	BACKGROUND-COLOR:#1D5C91;
	BORDER-BOTTOM:#65A9E0 1px solid;
}

#col_menu li.menu2selected{
	BACKGROUND-COLOR:#144165;
	BORDER-BOTTOM:#65A9E0 1px solid;
}

#col_menu li.menu2 a {
	font-weight:normal;
	COLOR: #FFFFFF; 
}

#col_menu .menu2 a:hover{
	font-weight:normal;
	color:#65A9E0;
}

#col_menu li.menu2selected a, #col_menu li.menu2selected a:hover{
	font-weight:bold;
	COLOR: #FFFFFF;
}

#col_menu  li.menu3,#col_menu li.menu3selected {

	border-bottom:#BABDAA 1px solid;

	padding:3px 3px 3px 18px;

	margin:0;

}

#col_menu  li.menu4,#col_menu li.menu4selected {

	padding:3px 3px 3px 28px;

	BORDER-BOTTOM: #BABDAA 1px dotted;

	margin:0;

}

#col_menu li.menu3 {

	BACKGROUND-COLOR: #DBDCD1;

	BORDER-BOTTOM:#BABDAA 1px solid;

	margin:0;

}

#col_menu li.menu3selected,#col_menu  li.menu4,#col_menu li.menu4selected{

	BACKGROUND-COLOR:#CFD1C4;

	BORDER-BOTTOM:#BABDAA 1px solid;

	margin:0;

}



#col_menu .menu3 a , #col_menu .menu4 a  { 

	color: #777777; 

}

#col_menu .menu3 a:hover , #col_menu .menu4 a:hover {

	

	COLOR: #444444; 

}

#col_menu .menu3selected a , #col_menu .menu4selected a{ 

	FONT-WEIGHT: bold; 

	COLOR: #333333; 

}

#col_menu .menu3selected a:hover , #col_menu .menu4selected a:hover {

	FONT-WEIGHT: bold; 

	COLOR: #444444; 

}



/*_____________________________ position _____________________________*/



.position {

	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}

.position A {

	color: #ffffff;

	text-decoration:none;

}

.position A:hover {

	color: #ffffff;

	text-decoration:underline;

}

/*_____________________________ rubrique _____________________________*/



.rubrique {

	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.rubrique A {

	color: #ffffff;

	text-decoration:none;

}

.rubrique A:hover {

	color: #ffffff;

	text-decoration:underline;

}

/*_____________________________ central _____________________________*/



.content,TD.filet {

	padding:5px 8px 0px 10px;

}

TD.filet {

	background:#fff url(site5_images_site/interface/fd_pointilles.gif) repeat-x;

}

/*_____________________________ Styles des actus _____________________________*/



.titretheme {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 11px; COLOR: #555555

}

.dateactu {

	FONT-SIZE: 11px; COLOR: #555555

}

.titreactu {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 11px; 

	COLOR: #555555

}



.actu {

	FONT-SIZE: 11px; 

	COLOR: #4F4F4F;

}



.actu A {

	COLOR: #229699; 

	TEXT-DECORATION:none

}

.actu A:hover {

	COLOR: #3C8E8C; 

	TEXT-DECORATION: underline

}

/*_____________________________ footer _____________________________*/



TD.footer1 {

	padding:8px;

	background:#F0F0E6 url(site5_images_site/interface/coin_gbas.gif) bottom left no-repeat;

}

.footer {

	FONT-SIZE: 10px;

	COLOR: #444444;

	padding:5px 5px 0px 5px;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.footer A {

	COLOR: #444444;

	text-decoration:none;

}



.footer A:hover {

	COLOR: #444444;

}

/*_____________________________ 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

}



/*_____________________________ bandeau _____________________________*/

.bandeau_g{

	margin:4px;

	width:204px;

	height:26px;

}



/*______________________________________________*/

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

}

/*_____________________________ RUBRIQUES _____________________________*/

ul#rub1,ul#rub2,ul#rub3,ul#rub4,ul#rub5

{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin-bottom: 0px;
}

ul#rub1 li,ul#rub2 li,ul#rub3 li,ul#rub4 li,ul#rub5 li

{
	float: left;
	list-style: none;
}

ul#rub1 li a,ul#rub2 li a,ul#rub3 li a,ul#rub4 li a,ul#rub5 li a

{
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#rub1 li a:hover,ul#rub2 li a:hover,ul#rub3 li a:hover,ul#rub4 li a:hover,ul#rub5 li a:hover,

{
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

ul#rub1 li a.selected,ul#rub2 li a.selected,ul#rub3 li a.selected,ul#rub4 li a.selected,ul#rub5 li a.selected,

{
	font-weight: none;
	color: #ffffff;
}

ul#rub1 li a 

{
	background: #1D5C91;
	margin: 0px 4px 0px 0px;
	padding: 3px 9px 3px 10px;
}

ul#rub1 li a:hover

{
	background: #144165;
}

ul#rub2 li a 

{
	background: #339999;
	margin: 0px 4px 0px 0px;
	padding: 3px 9px 3px 10px;
}

ul#rub2 li a:hover

{
	background: #297C7C;
}

ul#rub3 li a 

{
	background: #AADC02;
	margin: 0px 4px 0px 0px;
	padding: 3px 9px 3px 10px;
}

ul#rub3 li a:hover

{
	background: #94BE01;
}

ul#rub4 li a 

{
	background: #FFC203;
	margin: 0px 4px 0px 0px;
	padding: 3px 10px 3px 10px;}

ul#rub4 li a:hover

{
	background: #E8AE00;
}

ul#rub5 li a 

{
	background: #FE9C03;
	margin: 0px 0px 0px 0px;
	padding: 3px 9px 3px 10px;
	
}

ul#rub5 li a:hover

{
	background: #EB8500;
}

/*_____________________________ BLOCS _____________________________*/
 
ul#bloc1,ul#bloc2,ul#bloc3,ul#bloc4,ul#bloc5
 
{
	margin: 0;
	padding: 0;
	width: 204px;
	list-style: none;
	overflow: hidden;
	margin-bottom: 0px;
}
 
ul#bloc1 li,ul#bloc2 li,ul#bloc3 li,ul#bloc4 li,ul#bloc5 li
 
{
	margin: 0px 0px 0px 0px;
	width: 204px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	color: #ffffff;
}
 
ul#bloc1 li
 
{
	background: #1d5c91;
}
 
 
ul#bloc2 li
 
{
	background: #339999;
}
 
ul#bloc3 li
 
{
	background: #aadc02;
}
 
ul#bloc4 li
 
{
	background: #ffc203;
}
 
ul#bloc5 li
 
{
	background: #fe9c03;
}
 
ul#bloc1 li a:hover,ul#bloc2 li a:hover,ul#bloc3 li a:hover,ul#bloc4 li a:hover,ul#bloc5 li a:hover
 
{
	font-weight: none;
	width: 204px;
	text-decoration: none;
	background: #eee;
	color: #666666;
}
 
ul#bloc1 li a.selected,ul#bloc2 li a.selected,ul#bloc3 li a.selected,ul#bloc4 li a.selected,ul#bloc5 li a.selected
 
{
	font-weight: none;
	width: 204px;
	background: #aaa;
	color: #ffffff;
}
 
ul#bloc1 li a,ul#bloc2 li a,ul#bloc3 li a,ul#bloc4 li a,ul#bloc5 li a
 
{
	background: #ffffff;
	BORDER-BOTTOM:#ffffff 1px dotted;
	font-weight: none;
	display: block;
	width: 204px;
	text-align: left;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
}
 
 
ul#bloc1 li a
 
{
	color: #1d5c91;
}
 
 
ul#bloc2 li a
 
{
	color: #339999;
}
 
ul#bloc3 li a
 
{
	color: #a0b10b;
}
 
ul#bloc4 li a
 
{
	color: #ffc203;
}
 
ul#bloc5 li a
 
{
	color: #fe9c03;
}
