body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: White;
    color: Black;
    margin: 0;
    padding: 0;
	
}

table {
    font-size: 100%;
}

img {
    border: none;
	}

A {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}
p {
    margin: 0.5em 0em 1em 0em;
    line-height: 1.5em;
}
p a {
    text-decoration: underline;
}
p a:visited {
       background-color: transparent;
}
p a:active {
    color: Red;
    background-color: transparent;
}
p img {
    border: 0;}



h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding-top: 0.5em;
    border-bottom: 1px solid #8cacbb;
    text-shadow: #999999 0.2em 0.2em 3px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important; 
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
    border-bottom: none;
    font-weight: bold;
}

h4 {
    font-size: 120%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}


ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(img/bullet.gif);
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
ul a, ol a {
    text-decoration: underline;
}
li {
    margin-bottom: 1em;
}
dt {
    font-weight: bold;    
}
dt a {
    text-decoration: underline;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

fieldset {
    border: 1px solid #8cacbb;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: White;
    padding: 0.5em;
    font-size: 90%;
}

form {
    border: none;
    margin: 0;
}
textarea {
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #8cacbb;  
    color: Black;
    background-color: white;
    width: 100%;
}
input {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #8cacbb;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
select {
    border: 1px solid #8cacbb;  
    color: Black;
    vertical-align: top;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted Black;
    color: Black;
    background-color: transparent;
    cursor: help;
}
q {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 120%;
}
blockquote {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 120%;
}
code {
    font-size: 120%;
    color: Black;
    background-color: #dee7ec;
    border: 1px dashed #8cacbb;
    padding: 0 0.1em;
}
pre {
    font-size: 120%;
    padding: 1em;
    border: 1px dashed #8cacbb;
    color: Black;
    background-color: #dee7ec;
    overflow: auto;
}
.pre a {
    text-decoration: underline;
}

ins {
    color: green;
    text-decoration: none;
}

del {
    color: red;
    text-decoration: line-through;
}







/* Logo properties */
 
#portal-logo {    border: 0;
    
    background: url(img/logo.gif) no-repeat;
    margin: 0em 0em 0em 0em;
    padding: 0;
    }
#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 106px;
    height: 0px !important;
    height /**/: 106px;
    width: 205px;
    cursor: pointer;
}


/* Site-wide action menu - font size, contact, index, sitemap etc */
#portal-siteactions {
    background-color: transparent;
    border-collapse: collapse;
    white-space: nowrap;
    list-style: none;
    margin: 1px 0 0 0;
    height: auto;
    line-height: normal;
    float: right;
    padding: 3px 2em 3px 0;
    display: none;
}


/* searchbox style and positioning */
#portal-searchbox {

        background-color: #8C95A6;
        width: 700px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}


#portal-globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: #8C95A6;
    height: 25px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
display: block;

}


#portal-globalnav td  {
    /* The normal, unselected tabs. They are all links */
     width: 100px;     
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;

}

#portal-globalnav td a {
    /* The normal, unselected tabs. They are all links */
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
        height: 25px;
        text-decoration: none;
}


.documentContent {
    /*font-size: 110%;*/
    /*padding: 0em 1em 2em 1em !important;
    background: White;*/
    background:#E2E5EA;
    padding: 0em 0em 0em 0em;
    width:998px}

.documentEditable .documentContent {
    border: 1px solid #74ae0b;
    padding: 0;
}



input.searchButton {
    font-size: 100%;
    background: White url(img/search_icon.gif) no-repeat;
    cursor: pointer; 
    width: 20px;
    height: 20px;
}
input.searchInput {
    height: 16px;
    width: 120px;
    border: 1px solid #000000;
}


.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}


.hiddenLabel {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}




/* Style RMI*/
#rmi-services {
        background-color: #FE000C;
        text-align: left;
        z-index: 2;
        height: 34px;
	vertical-align: middle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

	white-space: normal;
}
#bandeau-services {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
        width: 700px;
        height: 34px;       
	vertical-align: middle;
	white-space: normal;
}

#bandeau-services td {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
        width: 120px;
        height: 34px;
	vertical-align: middle;
	white-space: normal;      

}
#bandeau-services a {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;  
        width: 120px;
        height: 34px;
	vertical-align: middle;
	white-space: normal;
}

.bandeau-services_selected{
	font-size: 10px;
	font-weight: bold;
	color: #FED694;
	text-align: center;
        background-color: #CCCCCC; 
        width: 110px;
        height: 34px;
	vertical-align: middle;
	white-space: normal;
}

.fleche-service
 {
	background-color: #8C95A6;
	width: 120px;
	height: 6px;
	white-space: normal;
	text-align: center;
}

#rmi-rubrique {
	
        width: 1000px;
        height: 25px;    
        background-color: #FF0000;
        background-color: #8C95A6;


}                

#portal-globalnav td.selected-2
 {
    /* The selected tab. There's only one of this */
	background-color: #FF0000;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;





}
#portal-globalnav td.Plain-2
  {
    /* The selected tab. There's only one of this */

        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;



}


#portal-globalnav td.selected-news
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF0000;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;




}

#portal-globalnav td.selected-Members
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF0000;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;





}

#portal-globalnav td.selected-2
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF0000;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

#portal-globalnav td.selected-3
  {
    /* The selected tab. There's only one of this */
    
	background-color: #00CC00;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

#portal-globalnav td.selected-4
  {
    /* The selected tab. There's only one of this */
    
	background-color: #767E8C;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;


}

#portal-globalnav td.selected-37
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FBB202;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;


}

#portal-globalnav td.selected-clients
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF9900;
        height: 25px;
        width: 120px;
        vertical-align: middle;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;



}


#portal-globalnav td.selected-5
  {
    /* The selected tab. There's only one of this */
    
	background-color: #6CCCFF;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}


#portal-globalnav td.selected-6
 {
    /* The selected tab. There's only one of this */
    
	background-color: #000000;
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}


#portal-globalnav td.Plain-3
 {
    /* The selected tab. There's only one of this */
  
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;


}

#portal-globalnav td.Plain-4
 {
    /* The selected tab. There's only one of this */
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

#portal-globalnav td.Plain-clients
 {
    /* The selected tab. There's only one of this */
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}


#portal-globalnav td.Plain-5
 {
    /* The selected tab. There's only one of this */
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}



#portal-globalnav td.Plain-37
 {
    /* The selected tab. There's only one of this */
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#portal-globalnav td.Plain-6
 {
    /* The selected tab. There's only one of this */
        height: 25px;
        width: 120px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

#portaltablayer-2
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:206px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
   
    border: 1px ;

}

#portaltablayer-3
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:323px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
  
    border: 1px ;

}

#portaltablayer-4
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:439px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
    border: 1px ;

}

#portaltablayer-clients
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:559px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
    border: 1px ;

}
#portaltablayer-5
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:559px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
    border: 1px ;

}

#portaltablayer-6
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:675px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
    border: 1px ;

}



#portaltablayer-37
  {
    /* The selected tab. There's only one of this */
        visibility: hidden;
    position:absolute;
    left:975px; 
    top:26px; 
    width:200px; 
    height:120px;
    z-index:1; 
    background-color: #D6DADE; 
    border: 1px ;

}
.carre-2
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF0000;
        height: 6px;
        width: 6Px;
}

.carre-3
  {
    /* The selected tab. There's only one of this */
    
	background-color: #00CC00;
        height: 6px;
        width: 6Px;
}

.carre-4
  {
    /* The selected tab. There's only one of this */
    
	background-color: #767E8C;
        height: 6px;
        width: 6Px;
}

.carre-37
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FBB202;
        height: 6px;
        width: 6Px;
}

.carre-clients
  {
    /* The selected tab. There's only one of this */
    
	background-color: #FF9900;
        height: 6px;
        width: 6Px;
}


.carre-5
  {
    /* The selected tab. There's only one of this */
    
	background-color: #6CCCFF;
        height: 6px;
        width: 6Px;
}


.carre-6
 {
    /* The selected tab. There's only one of this */
    
	background-color: #000000;
        height: 6px;
        width: 6Px;
}

#content-rmi {
    padding: 0em 0em 0 0em;
    margin: 0em 0em 0em 0em;
}


#portal-columns {
    padding: 0em 0em 0 0em;
    margin: 0em 0em 0em 0em;
}

td.fond_degrade
{
background-image: url(img/fond_degrade.gif);
font-size: 85%;
width:196px;

}
td.fond_degr
{
background-image: url(img/fond_degrade.gif);
width:196px;
}

td.fond_gris
{
background-image: url(img/fondgris.html);
font-size: 85%;

}

.tc {
    display: none;
     background-image: url(img/fond_degrade.gif);
    

}
td.fondgris

{

background-image: url(img/barre_grise.gif);
width:75px;
}

td.fond_gris_bas
{
background-color: #8C95A6;
color: #FFFFFF;
font-size: 9px;
}
.fond_gris_bas a
{
background-color: #8C95A6;
color: #FFFFFF;
font-size: 9px;
}


td.degrade_solution
{
background-image: url(img/degrade_solutions.gif);font-size: 9px;
background-position: right;
width:128px;
background-repeat: repeat-y;
}

td.support {
    display: block;
    color: #76797c;
    font-size: 85%;
    text-align: center;
	width:205px;
}


.techno_div 
{
    display: block;
    overflow: hidden;
    height:120px;
    
}

.seminaires_div 
{
    display: block;
    overflow: hidden;
    height:60px;
  
}

.news_div 
{
    display: block;
    overflow: hidden;
    height:100px;
   
}

.article
{
    /*display: block;*/
    height:420px;
}

h1.rech
{
    display: block;
    height :420px;
    text-align: left;
}

.leftrubrique_div 
{
    display: block;
    height:290px;
    width:191px;
    background-image: url(img/traitjaune.gif);
    padding-left: 0.2em;
}

.rub_3
  {
    /* The selected tab. There's only one of this */
    
	color: #00CC00;}

.rub_4
  {
    /* The selected tab. There's only one of this */
    
	color: #FF0000;}
.rub_37
  {
    /* The selected tab. There's only one of this */
    
	color: #FBB202;}


.rub_clients
  {
    /* The selected tab. There's only one of this */
    
	color: #FF9900;}


.rub_5
  {
    /* The selected tab. There's only one of this */
    
	color: #6CCCFF;}


.rub_6
 {
    /* The selected tab. There's only one of this */
    
	color: #000000;}

.Text1{
    font-size: 9px;
    border-bottom: none;}
.Titre1{
    font-size: 10px;
    border-bottom: none;
    font-weight: bold;
}
.edito
{
position:relative; z-index:1; overflow: auto; height: 170px; visibility: inherit;
}

.texte_9
{
	font-size: 9px;
	font-family: arial,verdana,helvetica,sans-serif;
	text-decoration: none;
}
.texte_10
{
	font-size: 10px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_12
{
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_14
{
	font-size: 14px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_16
{
	font-size: 16px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_18
{
	font-size: 18px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_24
{
	font-size: 24px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
.texte_36
{
	font-size: 36px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;

}
.Lien_news
{
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
        font-weight: bold;
    margin-left: 0.5em;

}   
A.Lien_news
{
	font-size: 12px;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
        font-weight: bold;
    margin-left: 0.5em;



}   


/* Style pour Xhtml 1.0 STRICT  */
.tableentete {
	text-align:center;
	margin-left: auto;  
	 margin-right: auto;
}

.login{
height:60px;
width:100px;
}

.divleft{
text-align:left;
}

.fontsize1 a{
	font-size: 10px;
	color:#000000;
	text-decoration: underline;	
}

.fontsize2{
	font-size: 12px;
	
}

.styledescriptif{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.texteblanc{
color:#FFFFFF;
}


.fleche_grise{
text-align:	center;
width:50px;
}

.divright{
text-align: right;
}

.fondblanc{
	background-color: #FFFFFF;
}	

#recrutement{
	height: 243px;
	width: 257px;
	position: relative;
	background-color: #FFFFFF;
	z-index:99;
}
.Style1 {
text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0000;
}
.Style4 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.Style5 {font-size: 18px}
.Style6 {font-family: "Times New Roman", Times, serif}
a.Style4 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}
a.Style4:hover {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF0000;
}


/*  */