*
{
font-family: Verdana;
font-size: 11px;
margin: 0px;
padding: 0px;
}

body
{
text-align: center;
}

a {
color: #000;
text-decoration: none;
font-weight:bold;
}

a:hover {
color: #000;
text-decoration: underline;
}

li 
{
list-style-type: none;
padding:3px 0px;
}

h1 {
font-family: Arial;
font-size: 13px;
color:#592578;
margin-bottom:15px;
padding-top: 15px;
}

h2 {
font-size:11px;
margin-top: 5px;
margin-bottom: 5px;
}

h2 a {
font-size:11px;
}

p {
margin:10px 0px;
text-align: justify;
}

p.error {
color:red;
font-weight: bold;
}

p.ok {
color: green;
font-weight: bold;
}

p.link a {
font-size: 10px;
font-weight:bold;
text-decoration: none;
color:#000;
}

p.link_2 a {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

p.back_link {
text-align:right;
margin-top: 20px;
}

p.title {
font-size:12px;
margin-top: 20px;
margin-bottom: 5px;
font-weight: bold;
}

p.button {
}

p.button a {
background-color: #592578;
padding: 4px;
color: #fff;
border: solid 1px #000;
}

p.button a:hover {
text-decoration:none;
}

p.center {
text-align: center;
}

p.message {
padding:3px;
background-color: #572678;
color: #fff;
text-align: center;
font-style: italic;
font-weight: bold;
}

p.separator {
margin-top: 20px;
border-top: solid 1px #d3d3d3;
}

p.date {
font-size: 9px;
}

div.clear 
{
clear:both;
}

div.container
{
position:relative;
width:100%;
margin: 0px auto;
text-align: left;
}

div.container div.main_top
{
display:none;
position:absolute;
/* left: 234px; */
left: 34%;
top: 214px;
width: 527px;
height: 26px;
background: url('/multimedia/images/img_structures/center_top.jpg') no-repeat;
}

div.header
{
width:100%;
height: 240px;
background: /*url('/multimedia/images/img_structures/banner_phytoark.jpg') no-repeat;*/
}

div.header div.language
{
display:none;
position:absolute;
right: 20px;
top: 10px;
color: #afafaf;
font-size: 9px;
}

div.header div.language a
{
color: #afafaf;
font-size: 9px;
font-weight: normal;
}

div.header div.logo {
position: absolute;
top: 0px;
left: 20px;
}

div.header div.slogan {
position: absolute;
top: 15px;
left: 180px;
}

div.center
{
width: 995px;
min-height: 400px;
margin:0px auto;
}

div.center div.col_left
{
float: left;
/*width: 234px;*/
width: 34%;
text-align: right;
}

div.center div.col_left div.col_left_main
{
min-height:100px;
background: url('/multimedia/images/img_structures/center_left.gif') repeat-y right top;
}

div.center div.col_left div.col_left_end
{
/* width: 234px; */
width: 100%;
height: 68px;
background: url('/multimedia/images/img_structures/center_left_end.gif') no-repeat right top;
}

div.center div.col_center
{
/*float:left;*/
width: 527px;
min-height: 300px;
background: url('/multimedia/images/img_structures/main_back.gif') no-repeat left top;
margin:0px auto;
margin-bottom: 40px;
}

div.center div.col_center div.center_top
{
padding: 20px;
padding-top:0px;
}

div.center div.col_right
{
float: right;
min-height:300px;
width: 30%; 
background: url('/multimedia/images/img_structures/center_right.gif') repeat-y left top;
}

div.footer
{
width: 100%;
height:27px;
clear:both;
background: url('/multimedia/images/img_structures/back_footer.gif') repeat-x;
font-size: 9px;
margin-top: 0px;
}

div.footer div.copyright 
{
font-size: 9px;
padding-top: 6px;
padding-left: 10px;
color: #999999;
}

div.footer div.copyright a
{
text-decoration: underline;
font-size:9px;
font-weight:normal;
color: #999999;
}

div.footer div.menu_footer
{
float:right;
margin-top:6px;
margin-right: 40px;
}

div.footer div.menu_footer ul li
{
display: inline;
padding: 0px 5px;
}

div.footer div.menu_footer ul li a
{
color: #582778;
font-size: 9px;
font-weight: normal;
text-decoration: underline;
}

/******************************
   SIMPLE CONTENT START
******************************/
td.center_cell ul {
}

td.center_cell ul li {
padding: 0px;
margin-bottom: 5px;
margin-left: 20px;
list-style-image: url('/multimedia/images/img_structures/puce_left.gif');
}

td.center_cell a {
text-decoration: underline;
font-weight: normal;
color: #582778;
}

td.center_cell a:hover {
color:#000;
}

td.center_cell h2 a {
text-decoration: none;
font-weight: bold;
}

td.center_cell div.simple table.heading {
margin-bottom: 10px;
}

td.center_cell div.simple table.heading tr td {
background: url('/multimedia/images/img_structures/bg_chapeau.jpg') no-repeat left top;
width: 492px;
height: 86px;
vertical-align: middle;
padding: 0px 10px;
font-weight: bold;
text-align: justify;
}

td.center_cell div.simple h3 {
margin-top:15px;
}

td.center_cell div.content_main h1 {
font-family: Arial;
font-size: 14px;
color: #582779;
}

td.center_cell div.content_main h3 {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color:#000;
margin: 10px 0px;
}

div.image_bottom {
margin-top: 15px;
text-align: center;
}

div.image_bottom span {
color: #AAAAAA;
font-size: 9px;
}

/******************************
   SIMPLE CONTENT END
******************************/



/******************************
   MENU DOMAIN PART START
******************************/
div.menu_domain
{
}

div.menu_domain a {
font-weight: normal;
}

div.domain_title {
font-family: Arial;
font-size:14px;
font-weight: bold;
color: #582779;
/* padding-bottom:10px; */
margin-right: 20px;
padding-top: 20px;
}

div.menu_sites_content div.domain_title {
padding-top: 0px;
}

div.site_title{
font-family: Arial;
font-size:12px;
font-weight: bold;
padding: 0px 0px 10px 0px ;
color: #5b5b5b;
margin-right: 20px;
}

div.other_sites {
margin-top: 10px;
margin-right: 20px;
}

div.domain_presentation {
margin-right: 20px;
padding-top:10px;
}

div.domain_presentation a, div.other_sites a {
font-family: Arial;
font-size:12px;
font-weight: bold;
color: #5b5b5b;
}

div.sites {
padding-top: 10px;
}

div.menu_sites {
padding-top: 10px;
}

div.menu_sites_top
{
background: url('/multimedia/images/img_structures/menu_top.gif') no-repeat right top;
height: 34px;
}

div.menu_sites_content
{
background-color: #fff;
}

div.menu_sites_bottom
{
background: url('/multimedia/images/img_structures/menu_bottom.gif') no-repeat right top;
height: 34px;
}

div.site_item, div.site_item_active, div.domain_item, div.domain_item_active
{
background: url('/multimedia/images/img_structures/puce.gif') no-repeat right center;
padding-right:15px;
margin-right:20px;
padding-bottom: 3px;
}

div.site_item a, div.site_item_active a, div.domain_item a, div.domain_item_active a
{
color: #5a5a5a;
font-weight: normal;
}

div.site_item_active a, div.domain_item_active a
{
font-weight: bold;
}

/******************************
   MENU DOMAIN PART END
******************************/


/******************************
   LIST PART START
******************************/
div.list_container
{
margin-bottom: 15px;
border-bottom: solid 1px lightgrey;
padding-bottom: 15px;
}

div.list_container h2 a {
font-size: 11px;
}

div.list_container a {
color:#000;
font-weight: bold;
text-decoration:none;
font-size: 10px;
}

div.list_container a:hover {
text-decoration: underline;
}

div.list_container div.image {
float:left;
margin-right: 5px;
margin-bottom: 5px;
}

div.plan {
float: right;
}
/******************************
   LIST PART END
******************************/

div.contact {
margin: 10px 0px;
padding: 5px 0px;
border-top: solid 1px lightgrey;
border-bottom: solid 1px lightgrey;
}

div.contact h2 {
margin-bottom:5px;
}

div.image {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

div.image_right {
float: right;
margin-left: 5px;
margin-bottom: 5px;
border: solid 1px #888;
padding:2px;
}

div.image_teaser {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: solid 1px #888;
padding:2px;
}

div.image_teaser_right {
float: right;
margin-left: 5px;
margin-bottom: 5px;
border: solid 1px #888;
padding:2px;
}

div.rss {
float: right;
}

/******************************
   ACCROCHE PART START
******************************/
td.left_cell div.accroche {
margin-right: 15px;
padding-bottom: 10px;
background: url('/multimedia/images/img_structures/sep.gif') no-repeat right bottom;
}

td.left_cell div.accroche p {
text-align: justify;
}

td.left_cell div.accroche p.link {
text-align: right;
}

td.right_cell div.accroche {
margin-left: 15px;
padding-bottom: 10px;
background: url('/multimedia/images/img_structures/sep.gif') no-repeat left bottom;
}

div.accroche h2 {
margin-top: 10px;
font-family: Arial;
/* color: #333333; */
color: #4c127c;
font-weight:bold;
font-size: 12px;
}

div.accroche h2 a {
font-family: Arial;
color: #4c127c;
font-size: 12px;
}

div.accroche h3 {
margin: 3px 0px;
font-size: 11px;
}

div.accroche h3 a {
font-size: 11px;
}

div.accroche div.item {
/* padding-bottom: 10px; */
margin-top: 15px;
}

div.accroche div.item p {
margin: 0px;
padding: 0px;
font-size: 10px;
text-align:justify;
}

td.left_cell div.item p {
text-align:right;
}

div.accroche div.item p.date {
font-size: 8px;
}

td.left_cell div.accroche p.date {
text-align: right;
font-size: 8px;
margin: 0px;
padding: 0px;
}

div.accroche div.item p.newsdate {
font-size: 8px;
}

div.accroche div.item p.link {
margin-top: 5px;
}

div.accroche div.item p.link a:hover {
text-decoration: underline;
}
/******************************
   ACCROCHE PART END
******************************/



/******************************
   DIALOG BOX START
******************************/
div.dialog_box {
display: none;
border: none;
padding: 10px;
cursor: default;
}

div.dialog_box p {
text-align:left;
}

div.dialog_box p a.close {
border: solid 1px #000;
padding: 2px;
text-decoration: none;
}

div.dialog_box ul {
margin-left: 20px;
}

div.dialog_box ul li {
text-align:left;
list-style-image: url('/multimedia/images/img_structures/puce_left.gif');
}

div#list{
/* width:550px; */
height:100px;
overflow-y: scroll;
}

div#list table { width:100%; }

div#list table tr th  {
text-align: left;
background-color: #EEEEEE;
padding: 3px 20px 3px 3px;
}


div#list table tr td  {
text-align: left;
padding: 3px 20px 3px 3px;
border-bottom: solid 1px #EEEEEE;
}

div#list table tr td a {
font-weight:normal;
text-decoration: underline;
}

/******************************
   DIALOG BOX END
******************************/

/******************************
   DOMAIN HOME START
******************************/
div.domain_home {
border-top: solid 1px #b7b6b6;
margin: 20px;
margin-left: 15px;
padding-top: 20px;
}

div.domain_home a {
color:#000;
}

div.domain_home h2 {
font-family: Arial;
color: #333333;
}

div.domain_home div.domain_accroche {
margin-bottom: 30px;
}
/******************************
   DOMAIN HOME END
******************************/

p.back_link a {
color: #000;
font-weight: bold;
font-size: 10px;
}



/* test */
table.layout_table {
height:300px;
text-align:center;
}

table.layout_table td {
vertical-align: top;
}

td.left_cell, td.right_cell {
width: 234px;
background-color: red;
text-align:left;
}

td.left_cell {
background: url('/multimedia/images/img_structures/center_left.gif') repeat-y right top;
padding: 0px;
text-align: right;
}

td.center_cell {
width: 527px;
background: url('/multimedia/images/img_structures/main_back.gif') no-repeat left top;
padding: 0px;
text-align:left;
}

td.right_cell {
background: url('/multimedia/images/img_structures/center_right.gif') repeat-y left top;
padding: 0px;
}

td.left_cell_bottom {
background: url('/multimedia/images/img_structures/center_left_end.gif') no-repeat right top;
height:68px;
}

td.right_cell_bottom {
background: url('/multimedia/images/img_structures/center_right_end.gif') no-repeat left top;
height:59px;
}

/* fin test */

div.fondation_home {
padding: 0px 20px 0px 15px;
}

div.fondation_home h1 {
font-family: Arial;
}

div.fondation_home a {
color:#000;
}

div.content_main {
padding: 0px 20px 0px 15px;
}

div.processus a {
text-decoration: none;
}


/* Style pour les vidéos de l'api google*/
#lsVideo div.image_teaser {
cursor: pointer;
border: none;
background: url(/multimedia/images/img_structures/cadre_video.gif) no-repeat 0px 0px;
width: 128px;
height: 113px;
}

#lsVideo div.image_teaser img {
width: 120px;
height: 90px;
margin-top: 6px;
margin-left: 2px;
}

div.video_background {
background: url(/multimedia/images/img_structures/tv_big.gif) no-repeat 0px 0px;
width: 488px;
height: 324px;
}

#video_place{
margin-left: 4px;
padding-top: 19px;
}

#homeTeaser {
text-align:right;
width: 100%;
}

#thumb_container
{
background: url(/multimedia/images/img_structures/cadre_video.gif) no-repeat right top;
width: 100%;
height: 113px;
}

#thumb_container img
{
margin-right: 4px;
margin-top: 8px;
}

/* LIST TABLE START */
table.list_table {
background-color: #bca2cc;
width: 100%;
}

table.list_table tr th {
background-color: #4c127c;
color: #fff;
text-align: left;
padding: 3px 20px 3px 3px;
}

table.list_table tr td {
background-color: #fff;
vertical-align: middle;
padding: 3px 20px 3px 3px;
color: #4c127c;
font-weight: bold;
font-size: 10px;
}

table.list_table tr td.center {
text-align: center;
padding-right: 3px;
}

table.list_table tr td a {
color: #4c127c;
font-weight: bold;
font-size: 10px;
}
/* LIST TABLE END */


div.pagination {
width: 100%;
text-align: center;
margin-top: 15px;
font-size: 9px;
}

div.pagination a {
font-size: 9px;
font-weight: normal;
color: #000;
text-decoration: none;
}

div.pagination a:hover {
text-decoration: underline;
}

div.pagination span.selected {
font-size: 14px;
font-weight: bold;
}

img { border:none; }

img.alignleft { float:left; margin-right:10px; margin-bottom:10px; border:1px solid #000; padding:2px; }

div.box_home { border:1px solid #bbb; background-color:#d6d6d8; float:left; margin-right:10px; padding:10px; width:132px; }
div.box_home h2 { height:22px; margin:0px; font-family:Arial; font-size:9px; color:#582779; text-transform:uppercase; border-bottom:1px solid #582779; padding-bottom:5px; margin-bottom:10px; }
div.box_home div.text { margin-top:10px; min-height:80px; }
div.box_home a { text-decoration:none; font-weight:bold; }
span.big { color:#582779; font-size:14px; font-weight:bold; text-transform:uppercase; }