/*________________________________ GRETA  __________________________*/

/*________________________________ REDEF HTML __________________________*/
body {
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	/*Background-image: url(site16_images_site/interface/bg2.gif);
	Background-repeat:repeat-x;
	background-color:#F5EFDC;*/
	color: #333;
	margin: 0;
	padding: 0;
	}

table, tr, td, th, p, div, a {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #333333;
}

a{
	color: #014991;
	text-decoration:none;
	}

a:hover {
	color: #036;
	text-decoration:underline;
	}

h1 {
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#DD7604;
	padding: 3px;
	width:100%;
	margin: 0 0 0.8em 0px;
	border-bottom: 1px solid #FFCF0D;
	}
	
	
	h2 {
	font-size: 110%;
	font-weight: bold;
	color: #B3A57D;
	margin: 1.8em 0 0 0;
	/*border-bottom: 1px solid #ddd;padding: 0.4em 0px 0.4em 0px ;*/
	}
	h3 {
	font-size: 110%;
	font-weight: bold;
	color: #DD7604;
	margin: 0.8em 0px 0.5em 0px;
	}
	
	P{
	margin: 0.5em 0 1.2em 0;
	}
	
UL {
	padding:10px;
	MARGIN: 1.6em 0px 1.6em 35px; 
	LIST-STYLE-IMAGE:   url(site16_images_site/pictos/fleche_li.gif);
}

UL.listeliens {
padding:5px;
	MARGIN: 0.6em 0px 0.6em 35px; 
	LIST-STYLE-IMAGE:   url(site16_images_site/pictos/fleche_li2.gif);
}
.commentaire {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #888888;
	letter-spacing:0.5px;
}
HR {
	BORDER-RIGHT: medium none; 
	BORDER-TOP: #D1CEC2 1px dotted; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: #ffffff 1px solid;
	align:center;
}
UL.listegrise {
padding:3px;
	MARGIN: 0.1em 0px 0.2em 30px; 
	LIST-STYLE-IMAGE:   url(site16_images_site/pictos/puce_grise.gif);
}
.position{
font-size:10px;
}
.position a{
font-size:10px;
}
/*________________________________ ACTUS __________________________*/

P.Actu {
	Border-bottom: #EEE8D6 1px dotted;
	Padding:3px 0px 3px 0px;
}
.Actu A{
font-size: 13px;
	color: #333333;
	text-decoration:none;
}
.Actu A:hover{
font-size: 13px;
	color: #333333;
	text-decoration:underline;
}
.Actu Strong {
color: #014991; 
}
.Actu Strong A{
color: #014991; 
}

UL.listeactus {
padding:3px;
	MARGIN: 0.1em 0px 0.2em 30px; 
	LIST-STYLE-IMAGE:   url(site16_images_site/pictos/fiche.gif);
}
.listeactus a{
font-size:11px;
text-decoration:none;
}
.listeactus a:hover {
font-size:11px;
text-decoration:underline;
}

/*________________________________ TABLEAUX_INTERFACES __________________________*/
.commentaire A {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	font-style:italic

}
.commentaire A:hover {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #11709E; 
	TEXT-DECORATION: underline;
	font-style:italic
}

Table.Tinterface {
	border: #E7D9B1 1px solid;
	background-color:#F0E7CB;
	padding:0px;
}
TD.CellMenu1  {
	Padding:4px;
	FONT-SIZE: 11px;
	FONT-WEIGHT:bold;
	FONT-FAMILY: "TREBUCHET MS",Verdana, Arial, Helvetica, sans-serif;
}

TD.CellsubMenu  {
	color:#FFFFFF;
	FONT-SIZE: 14px;
	Padding: 3px 6px 3px;
	background-color:#F1B203;
	border: #EFAB00 1px solid;
}

TD.CellContent  {
	background-color:#FFFFFF;
}
TD.Content {
	padding:0px 5px 10px 10px;
}
.Bottom {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding:1px 4px 1px 4px;
}
.Bottom A {
	font-size: 11px;
}
.Bottom A:hover {
	color: #DC5302;
}
P.Bottom {
	Background-color:#FFFFFF;
	Border: #EEE8D6 1px solid;
	Padding:2px;
	letter-spacing:0px;
}
.Botableau {
	Background-color:#FBFBF9;
	Border-left: #eeeeee 1px double;
	Border-top: #eeeeee 1px double;
	Border-right: #cccccc 1px double;
	Border-bottom: #cccccc 1px double;
	Padding:3px;
}

/*___________________________________FICHES_______________________________*/

P.Fichetitre {
	Border-bottom: #EEE8D6 1px solid;
	Padding:3px;
	Font-weight:bold;
}
P.Fiche {
	Border-bottom: #EEE8D6 1px solid;
	Padding:3px;
	Background-color:#Ffffff;
}
.Fiche strong {
font-weight:bold;
color:#FDAF0F;
}

/*________________________________ MENUS __________________________*/
UL.colonne {
float:left;
padding:0px;
	MARGIN: 0px 0px 0px 8px; 
	LIST-STYLE-IMAGE:   url(site16_images_site/pictos/fleche_li.gif);
}
TD.general_h{
height:30px;
padding:4px;
}
TD.colonne {
padding:0px 5px 10px 0px;
border-left: #E9E6D9 1px solid;
}

TD.Menu1  {
	font-weight:bold;
	border-left: #FFCC41 1px solid;
}
TD.Menu1Selected  {
	font-family: "trebuchet ms",verdana, arial, helvetica, sans-serif;
	background-color:#FDE59B;
	font-weight:bold;
	border-left: #FFCC41 1px solid;
}

/*TD.Menu2  {
	border-bottom: #A0967B 1px solid;
	padding:3px;
}
TD.Menu3  {
	border-bottom: #A0967B 1px solid;
	padding:3px;
	background-color:#F3F0E4;
}
TD.Menu2Selected  {
	background-color:#F3F0E4;
	border-bottom: #A0967B 1px solid;
	padding:3px;
}
TD.Menu3Selected {
	background-color:#FFFFFF;
	border-bottom: #A0967B 1px solid;
	padding:3px;
}*/
/*_________________________________MENU UL___________________________*/
#col_menu2 a,#col_menu2 a:hover{
	text-decoration:none;
}
#col_menu2 ul {
	display:block;
	margin:0;
	padding:0;
	list-style-image: url(http://www.greta-calais.com/site1_images_site/interface/pixtrans.gif);
	background-color:#F0E7CB;
}
#col_menu2 li{
	display:block;
	background-color:#F0E7CB;
	border-bottom:#A0967B 1px solid;
	border-left:#F0E7CB 1px solid;
	border-right:#F0E7CB 1px solid;
	padding:5px;
	margin:0;
}
#col_menu2 li.menu2selected,#col_menu2 li.menu3,#col_menu2 li.menu3selected,#col_menu2  li.menu4,#col_menu2 li.menu4selected {
	display:block;
	background-color:#F3F0E4;
	margin:0;
}
#col_menu2 li.menu2selected,#col_menu2 li.menu3selected,#col_menu2 li.menu4selected{
	font-weight:bold;
	background-color:#FFFFFF;
}
#col_menu2 li.menu2selected a , #col_menu2 .menu3 a , #col_menu2 li.menu2selected a:hover , #col_menu2 .menu3 a:hover , #col_menu2 .menu3selected a , #col_menu2 .menu3selected a:hover , #col_menu2 .menu4selected a , #col_menu2 .menu4selected a:hover , #col_menu2 .menu4 a , #col_menu2 .menu4 a:hover {
color : #1470A0; 
}
#col_menu2  li.menu3,#col_menu2  li.menu3selected {
	padding:5px 3px 5px 18px;
	margin:0;
}
#col_menu2  li.menu4,#col_menu2 li.menu4selected {
	padding:5px 3px 5px 28px;
	margin:0;
}
.menu2 a,.menu2 a:hover{
	color:#1470A0;
}
/*______________________________ liens menus __________________*/
#Menu a{
text-decoration:none;
}
#Menu TD{
height:20px;
padding:3px;
}

/*________________________________ FORMULAIRES __________________________*/

SELECT {
	font-size: 11px;
	color: #636050;
	font-family: trebuchet ms,verdana, arial, helvetica, sans-serif;
}
INPUT {
	font-size: 11px;
	color: #636050;
	font-family: trebuchet ms,verdana, arial, helvetica, sans-serif;
}
TEXTAREA {
	font-size: 11px; 
	color: #636050; 
	font-family: trebuchet ms,verdana, arial, helvetica, sans-serif;
}