html { font-size: 100% }
* {margin:0; padding: 0; border: none; }
 * html .visualIEFloatFix { height: 0.01%; }
body{
	background:#203C5A url("images/mondeRed_01.gif")  no-repeat left top;
	margin: 0 0 0 0; 
}
body, td, blockquote, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.7em;
	line-height:1.2em;*/
	font-size:11px;
	color: #ffffff;
}

ul { margin: 10px 0 10px 20px ;}
p {margin: 10px 0 ;}

#access, hr { display: none; }
h4 { 
  font-size: 1.3em; 
  margin: 20px 0 5px 0; 

}
h4.first, p.first { margin-top: 0 ;}
#top { 
  position: relative; 
  top: 0 ;
  left: 0;
  height: 120px;
}
#top h1 { 
  font-size: 2.2em; 
  margin-bottom: 3px;

}
#top h2 { font-size: 1.6em; }
#top h3 { margin: 3px 0;  font-size: 1.2em; 
}
.tiers { text-align: center; }
#top .centre { width:49% ;  margin: 0 auto; }
#top .gauche { width:25% ;  position: absolute; left:10px; top: 0}
#top .droite { width:25% ;  position: absolute; right:10px; top: 0}

.cadre {
  background: white ; 
  color: #333399;
  padding: 5px;
  margin-bottom: 10px;
}
.cadre a{
  color:#333399;
  text-decoration:none;
}

.cadre a:focus , .cadre a:hover , .cadre a:active {
  text-decoration:underline;
}

#container {
  clear: both;
  width:100%;
  position: relative; 
  top: 0 ;
  left:0 ;
  
}
#inner-container {
  margin: 0 50px 10px 10px; 
  padding-top:15px;
}
#content { 
  margin-left: 170px; 
}
.colG, .colD { 
  width: 47%; 
  float: left; 
}
.colG { 
  margin-right: 6% ;
}
.colD {}
.spacer { clear: both; height:2px; font-size:2px; }
#left-menu-div { 
  position: absolute; 
  top: 0 ; 
  left: 0;
  width: 150px; 
}
a { color: #fff; }

#left-menu {
  margin-top: 0 ;
  margin-left: 10px;
  width: 150px; 
}
.menu {
  font-weight: bold;
  color: white; 
  border: 1px solid white; 
  margin-right: 4px;
}
.menu_us a, .menu_fr a, .w3p a { 
  color:white; 
  display: block; 
  width: 100%;
  text-decoration:none; 
}
.menu_us a, .menu_fr a { padding-left: 4px; }
.menu_fr a:focus, .menu_us a:focus, 
.menu_fr a:hover, .menu_us a:hover, 
.menu_fr a:active, .menu_us a:active
{
  color: #ff9 ;
}
.w3p a:focus, .w3p a:hover, .w3p a:active 
{
  text-decoration :underline;
}
.menu_us {
  padding:2px; 
  background-color:#0066CC; 
  border-top: none;
}
.menu_fr {
  padding:2px; 
  background-color:#003366; 
  border-bottom: none; 
  margin-top: 15px;
}
/*
// maniere PHP
.current { 
  border-color: #ff9; 
  border-width: 2px ;
  margin-left: 4px; 
  margin-right: 0;
}
// maniere ID de page/classe
*/
#m_index .m_index, #m_presta .m_presta,
#m_plus .m_plus, #m_pres .m_pres,
#m_qualite .m_qualite, #m_ref .m_ref,
#m_vente .m_vente {
  border-color: #ff9; 
  border-width: 2px ;
  margin-left: 4px; 
  margin-right: 0;
}
  
.menu-photo {
  background:white url(images/trans_interp2_02.jpg) no-repeat top right;
  height: 84px;
  margin: 15px 4px 5px 0;
}
.w3p {color: white; text-align:center;}

.gras_jaune { color: #ff9; font-weight: bold; }
a.mutelink { text-decoration: none}
a.mutelink:focus, a.mutelink:hover, a.mutelink:active { text-decoration: none}
p.fr, p.en, .en p, .fr p { 
	text-align: justify; 
	font-size: 1em; 
	margin-bottom: 30px;
}
.short p, p.short { margin-bottom: 10px ;}
.en {
	font-style: italic;
}


.invisible { color: #036; font-size: 10px;}


#actu { 
  margin: 0 ;
  border: 3px solid white; 
  padding: 5px 10px;
  background: #036; /*#203C5A;*/
}
#actu h5 { font-size: 1.4em; margin: 5px 0;color: #ff9;}
#actu h6 { font-size: 1.2em; margin: 5px 0;color: #ff9;}
#actu p { text-align: justify; }
.archives {}

.valid p { text-align: center; }