/* Normal styles */
body,br,div, .normal {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:black; 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px; 
	margin-bottom:0px;
	padding:0px;
	text-align:left;
	vertical-align:middle;
}

P {
	padding-top:3px;
	text-align:justify;
}

td {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:black; 
	text-align:left;
}

td.centered {
  text-align:center;
}

td.additional_tools {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:black; 
	text-align:right;
}

td.even {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:black; 
	text-align:left;
    background-color:#CCCCCC;
}

td.odd {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:black; 
	text-align:left;
    background-color:white;
}

th {
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:white; 
    background-color:#2B2A7E;
	text-align:center;
}

UL LI  {list-style-image: url(http://www-cep.cma.fr/arrow_out.gif); padding-left:5px;padding-bottom:3px;}

h1 {
	font-family: Verdana, sans-serif;
	font-weight: 500;
	font-size:17px; 
	color:#336699;
	text-align:left;
	padding-top:0px;
	padding-right:10px;
	padding-left:3px;
}

th a:link { color:white }
th a:visited { color:white }
th a:hover { color:gray }
th a:active { color:black }
th small { color: white }

h2 {
	font-weight: 800;
	font-size:15px;
	color:#333366;
	text-align:left;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:1px;
}

h3 {
	font-weight: 800;
	font-size:13px;
	color:#333366;
	text-align:left;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:1px;
}


small { font-size: 9px; color: #333333;}


input,select,textarea {
    font: 10px Verdana, Helvetica, Arial, sans-serif;
    border: 1px solid #336699;
    color: black;
    background-color: #EFEFEF;
    margin:4px;
    vertical-align:middle;
}



a:link {text-decoration:none; color:#336699; background-color:none;}

a:visited {text-decoration:none; color:#663366;background-color:none;}

a:active {text-decoration:none; color:#003399; background-color:#99CCCC;}

a:hover {text-decoration:none; color:#333399; background-color:none;}



#noborder a:hover {border-bottom:0px;}




td.form_meta {
  font-size:13px;
  color:white;
  font-weight:800;
  background-color:#6699CC;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 10px;
  text-align:right;
  vertical-align:top;
}


/* Content style */

td.content {
padding:12px; text-align:justify; background: url(http://www-cep.cma.fr/coin1.gif) no-repeat; background-position: 2% 2%; 
   
}

td.content_bottom {
	background: url(http://www-cep.cma.fr/coin2.gif) no-repeat; background-position: 99% 0%;
}

.chapo { color:#333366; font-weight:600; font-size:11px;
text-align:justify;	padding-top:0p;
}


div.content_picture {float: right; vertical-align:top;}



td.legend {

	font-size: 10px;

	text-align:center;
	vertical-align:middle;
}


/* Navbar styles (main hierarchies at the top) */
p.navbar { text-align:center;}

td.navbarin

 {
	font-family: Verdana, sans-serif;
	font-size: 13px; 
	color: #336699;
	background-color:#98B2CB;
	font-weight:800;
	text-align:center;
	vertical-align:middle;
	padding-left:0px;
	padding-right0px;
	padding-top:0px;
	padding-bottom:0px;
}


td.navbarout

 {
	font-family: Verdana, sans-serif;
	font-size: 13px; 
	color: #FFFFFF;
    background-color:#2B2A7E;
	font-weight:300;
	text-align:center;
	vertical-align:middle;
	padding-left:0px;
	padding-right0px;
	padding-top:0px;
	padding-bottom:0px;
}


a.navbarout:link {text-decoration:none; color:white;font-weight:400; background-color:#2B2A7E;}
a.navbarout:visited {text-decoration:none; color:white;font-weight:400; background-color:#2B2A7E;}
a.navbarout:active {text-decoration:none; color:white;font-weight:400; background-color:#2B2A7E;}
a.navbarout:hover {color:#99CCCC; text-decoration:none;font-weight:400; background-color:none;border-bottom:0px;}


a.navbarin:link {text-decoration:none; color:#336699; background-color:#98B2CB;}
a.navbarin:visited {text-decoration:none; color:#336699; background-color:#98B2CB;}
a.navbarin:active {text-decoration:none; color:#336699; background-color:#98B2CB;}
a.navbarin:hover {color:#336699; text-decoration:none; background-color:#98B2CB;border-bottom:0px;}


/* (sub)Menu style (contextual menu, at the left, the firts box under the picture */

td.picture  {

	color: #336699;
	
}

td.menutitleout {
	font-family: Verdana, sans-serif;
	font-size: 10px; 
	color: #FFFFFF;
	background-color:#2B2A7E;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}

td.menutitleout a:link { color:white }
td.menutitleout a:visited { color:white }
td.menutitleout a:hover { color:white }
td.menutitleout a:active { color:white }

td.menutitlein {
	font-family: Verdana, sans-serif;
	font-size: 12px; 
	color: #336699;
	background-color:#99CCCC;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
}



TD.submenuout {	
    font-color:#336699;
    background-color:#EFEFEF;
	text-align:left;
	vertical-align:middle;
	
}

TD.submenuin {
	font-color: red;
	background-color:#99CCCC;
	text-align:left;
	vertical-align:middle;
}


LI.submenuin  { font-size: 10px; list-style-image: url(http://www-cep.cma.fr/arrow_in.gif); color:#336699;vertical-align:middle; padding-left:0px;}
LI.submenuout  { font-size: 10px; list-style-image: url(http://www-cep.cma.fr/arrow_out.gif); vertical-align:middle; padding-left:0px;}

LI.submenuout a:link { color:#333333 }
LI.submenuout a:visited { color:#222222 }
LI.submenuout a:hover { color:black }
LI.submenuout a:active { color:#555555 }


LI.submenuin a:link { color:#333333 }
LI.submenuin a:visited { color:#222222 }
LI.submenuin a:hover { color:black }
LI.submenuin a:active { color:#555555 }




/*  styles for left& right  boxes */

td.leftcol { 
	vertical-align:top;
}



li.inbox  {font-size: 10px; list-style-image: url(http://www-cep.cma.fr/arrow_out.gif); vertical-align:middle; padding-left:2px;}

td.inbox { 

	color:#000000;
	background-color:#EFEFEF;
	text-align:left;
}
                      
td.box_title { 
   font-size:11px;
   background-color:#2B2A7E;
	color:white;
	font-weight:800;
	text-align:center;
	vertical-align:middle;
}


#box_title a:link {text-decoration:none; color:white;font-weight:800; background-color:none; border:0px;}
#box_title a:visited {text-decoration:none; color:white;font-weight:800; background-color:none; border:0px;}
#box_title a:active {text-decoration:none; color:white;font-weight:800; background-color:none; border:0px;}
#box_title a:hover {text-decoration:none; color:white;font-weight:800; background-color:none; border:0px;}




td.rightcol { 
 padding-top:30px;
 padding-left:10px;
 padding-right:2px;
	vertical-align:top;
}


table.connexlinks { 
 width:95%;
	border: 1px dotted #333;
	background-color:white;
}

td.rightbox_title
{ 
   font-size:11px;
   background-color:#2B2A7E;
	color:white;
	font-weight:800;
	height:16px;
	text-align:center;
	vertical-align:middle;
}




/* bottom_hierarchy + legal */

TD.bottom { font-size:9px; background-color:none; text-align:center; vertical-align:top; padding:5px;}





/* search box style */

td.search_box { 
    color:#336699;
	font-size:11px;
	text-align:right;
	padding:3px;
	vertical-align:top;
}

td.search_td { 
 
	text-align:right;

}


#adv_search a:link {text-decoration:none; font-size:10px; border-bottom:0px;}
#adv_search a:visited {text-decoration:none; font-size:10px; border-bottom:0px;}
#adv_search a:active {text-decoration:none; font-size:10px; border-bottom:0px;}
#adv_search a:hover { text-decoration:none;font-size:10px; border-bottom:0px;}




/* breadcrumb */

TD.breadcrumb { background-color:#98B2CB; padding-left:3px;}
TD.breadcrumb a:link { color:#333333; font-size:11px; }
TD.breadcrumb a:visited { color:#333333; font-size:11px; }
TD.breadcrumb a:active { color:#111111; font-size:11px; }
TD.breadcrumb a:hover { color:black; font-size:11px; }

.breadcrumbsup { 
	font-family: Verdana, sans-serif; 
	color: #CC0000; 
	font-weight: bold; 
	background-color:#98B2CB;
	padding-left:3px;
	padding-right:3px;
}

#breadcrumb a:link {text-decoration:none; color:#FFFFCC;font-weight:bold; background-color:#98B2CB;}
#breadcrumb a:visited {text-decoration:none; color:#FFFFCC;font-weight:bold; background-color:#98B2CB;}
#breadcrumb a:active {text-decoration:none; color:#FFFFCC;font-weight:bold; background-color:#98B2CB;}
#breadcrumb a:hover {color:#FFFFCC; text-decoration:none;font-weight:bold; background-color:#98B2CB;}




/* XXX usefull? You never know but if you use the richtexteditor it's useless. It's more like a bad habbit
.italic { font-style: italic; }

.underline {text-decoration : underline;}
*/

table.publication_form
{
  width: 100%;
  border-collapse: collapse;
}

table.publication_form td.transition
{
  text-align: center;
}

table.publication_form td.transition
{
  border-bottom: 1px dashed #000000;
}

table.publication_form td.hierarchy
{
  border-bottom: 1px dashed #000000;
}

.subtitle
{
  font-size: 14px;
  margin-left: 20px;
  font-weight: bold;
  text-decoration: underline;
}