/* CSS Document */
/***************/
/* Back-office */
/***************/
.bo_paragraphe {
	border: 1px dashed #C00000;
	margin-bottom:5px;
}
/***************/
/* Front-office */
/***************/
acronym
{
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  cursor: help;
}

html {
  margin: 0;
  padding: 0;
}

body {
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family:Arial;
    color:#000000;
    font-size: 0.8em;
    background:#EFEFEF;    
    /*line-height:25px;*/
    margin: 0;
    padding: 0;
    background-color: #DCDFD6;
    background-image: url(../images/body.jpg);
    background-position: left bottom;
    background-repeat: repeat-x;
}

p {
    margin: 0 0 10px 0;
    line-height:20px;
}

h2 {		
    font-family: arial, verdana, sans-serif;
    color: #796449;
    background-image: none;
    padding-bottom: 10px;        
    font-size: 1.7em;
    font-weight: bold;
    padding-bottom: 20px;
    font-style: italic;
}

h3 {		
    color: #015123;      
    font-size: 1em;
    text-transform: uppercase;
}
h4 {		        
    font-size: 0.9em;
    color: #9AD028;
}
a {
	color:#000000;	
	font-weight:normal;
  text-decoration: underline;
}
a:visited {
	color:#000000;	
	font-weight:normal;
  text-decoration: underline;
}
a:hover {
	color:#000000;	
	font-weight:normal;
  text-decoration: none;
}
a.lieninvisible {		
	text-decoration:none;
}

a.alt {
	color:#084a84;	
	font-weight:normal;
  text-decoration: underline;
}
th { text-align:left;}

ul li {
  list-style-position: inside;
}

#header { 
  width: 1000px;
  position:relative;
  height: 297px;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  z-index:100;
}

#header #tetiere {
  height:139px;
  margin: 0px;
  padding: 0px;
}

#header #tetiere img{
  border: 0;
  margin: 0;
  padding: 0;
}

#header #bandeau {
  height:138px;
  background-color: #FFFFFF;
}

#header #bandeau img {
  border: 0;
  margin: 0;
  padding: 0;
}

#header #baseline {
  position: absolute;
  font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
  font-weight: normal;
  font-size: 1.6em;
  top:90px;
  right:10px;
  color:#9AD028;
}

#header #baseline marquee{
  font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color:#FFFFFF;
  width:340px;
}

#header #baseline strong {
  color:#FFFFFF;
  font-weight: normal;
}

#header #menuhaut {
  position:relative;
  display: block;
  left:0px;
  top: 0px;
  height: 22px;
  line-height: 22px;
  background-image: url(../images/fond_menuhaut.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  width:1000px!important;
  padding: 0;
  margin: 0;  
  padding-top: 3px;
  padding-bottom: 4px;
}

#header #menuhaut dl {
  display: inline;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu {
  position:relative;
  display: inline;
  left:0px;
  top: 0px;
  width:1000px;
  background : none;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu dt {
  display: inline;
  background : none;
  padding: 0;
  margin: 0;
}


#header #menuhaut #menu dt a {
  font-family: verdana;
  color:#000000;
  width:inherit;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

#header #menuhaut #menu dt a strong {
  font-family: verdana;
  color:#FB5C01;
  width:inherit;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu a:hover { color:#FB5C01;}

#header #sousmenuhaut {
  position:relative;
  left:0px;
  top: 0px;
  background-color: #BDBCBE;
  width:1000px;
  padding: 0;
  margin: 0;  
  padding-top: 3px;
  padding-bottom: 5px;
}

#header #sousmenuhaut dd {visibility:visible;}
#header #sousmenuhaut dd,
#header #sousmenuhaut dt,
#header #sousmenuhaut li,
#header #sousmenuhaut li a {width:inherit;}

#header #sousmenuhaut dl {
  position: relative;
  display: inline;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu {
  position:relative;
  display: inline;
  left:0px;
  top: 0px;
  background-color: #BDBCBE;
  width:1000px;
  background-image: none;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dt {
  display: inline;
  background-color: #BDBCBE;
  background-image: none;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dd {
  position:absolute;
  left: 0;
  top:20px;
  display: inline;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu ul li{
  list-style-position: outside;
  list-style: none;
}

#header #sousmenuhaut #ssmenu ul {
  background-color: #FFFFFF;
  display:none;
  list-style-type: none; /* n'affiche pas les points des li enfants sous Firefox*/
  border:1px solid #9AD028;
  z-index:1;
  margin:0;
  padding: 0;
  padding: 0!important;
  width: 12em;
}

#header #sousmenuhaut #ssmenu ul li{
  display: block;
  text-align: left;
  height: 18px;
  line-height: 18px;
  padding: 0;
  padding-left: 6px;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dt a, #header #sousmenuhaut #ssmenu dt a strong{
  color:#454545;
  width:inherit;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none!important;
  font-weight: normal;
}

#header #sousmenuhaut #ssmenu dd a {
  color:#454545;
  width:inherit;
  padding: 0!important;
  text-decoration: none!important;
  font-size: 12px;
}

#header #sousmenuhaut #ssmenu dt a:hover {color:#FFFFFF;}

#header #sousmenuhaut #ssmenu dd a:hover {color:#9AD028;}

#header #sousmenuhaut #ssmenu dd strong{font-weight: normal!important;}

#header img{ 
    margin:0;
    padding:0;  
}

#header780 {
    display:none;
    /*** style-impression
    display:block;
    height: 117px;
    background-color: #FFFFFF;    
    ***/
}
#header_popup {
    display:none;
    /*** style-impression
    display:block;
    height: 117px;
    background-color: #FFFFFF;    
    ***/
}
#haut {
    height: 37px;
    background-color:transparent;
	  margin:0 0 10px 0;
    padding:0;	
     /*** style-impression
    display:non;            
    ***/	
}

#conteneur {
    width: 1000px;
    padding:0px;
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
    background-color: #FFFFFF;
    background-position: left bottom;
    background-image: url(../images/fond_conteneur.jpg);
    background-repeat: no-repeat;
}

#centreetdroite, #centre {
    background-color: transparent;
    float:left;
    width:630px;
    margin: 0px;
    padding: 0;
    padding-left:50px;
    padding-right:15px;
    height:300px;
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    line-height:16px; 
}

/* Feinte non comprise par IE pour min-height */
html>body #centre {
	height: auto;
	min-height: 300px;
}
/* Feinte non comprise par IE pour min-height */
html>body #centreetdroite {
	height: auto;
	min-height: 300px;
}

#centreetdroite p, #centre p {
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    line-height:16px;
    margin-bottom: 20px;    
}

#centreetdroite a, #centre a {
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    text-decoration: underline;
}

#centreetdroite a:hover, #centre a:hover {
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#9AD028;
    text-decoration: none;
}

#centre strong, #centreetdroite strong { color:#9AD028;}

#centre img, #centreetdroite img { padding:0 5px 0px 0px;}

#centre ul
{
    margin-top:20px;
    margin-bottom:15px;     
}

#centre ul li, #centreetdroite ul li, #droite ul li
{
    /*list-style-image: url(../images/puce.gif);
    padding-left: 10px;*/
    list-style-position: outside;  
    list-style: none;
    padding-left: 20px;
    padding-bottom: 5px;
    background-image: url(../images/puce.gif);
    background-repeat: no-repeat;   
    background-position: left 2px; 
}

#centre ul li ul li, #centreetdroite ul li ul li
{
    /*list-style-image: url(../images/puce.gif);
    padding-left: 10px;*/
    list-style-position: outside;  
    list-style: none;
    padding-left: 20px;
    background-image: url(../images/puce2.gif);
    background-repeat: no-repeat;   
    background-position: left 2px; 
}

#gauche { display: none;}

#droite {
    float:right;
    font-size:0.85em;    
    width: 290px;
    color:#FFFFFF;
    padding: 0;
    padding-top: 48px;
    margin: 0;
    background-color: transparent;
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    position: relative;
    z-index:1;
}

#droite h3 {
    font-weight: bold!important;
    font-style: italic;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    border: none;
    margin:0px;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 20px;
    background: none;
    color: #FFFFFF;
}

#droite a{
    font-weight: normal;
    color:#FFFFFF;
    text-decoration: none;
}

#droite h4 {
    font-weight: bold!important;
    border: none;
    margin:0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    background: none;
    color: #9AD028;
    font-size: 1.3em;
}

#droite .paragraphe {
	clear: both;
	margin: 0;
	margin-bottom: 5px;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 35px;
	padding-bottom: 15px;
    margin:0;
    margin-bottom:10px;
    background-color: #A0917C;
    position: relative;
    -moz-border-radius: 15px 0px 0px 15px; 
    -webkit-border-radius: 15px 0px 0px 15px; 
    -khtml-border-radius: 15px 0px 0px 15px; 
    border-radius: 15px 0px 0px 15px; 
    behavior: url(/css/PIE.php);      
}

#droite .paragraphe p
{
    clear: both;
    padding: 0pt;
    margin:0pt;
    text-align: left;
}

#droite .paragraphe img
{
    clear: both;
    padding: 0pt;
    margin:0pt;
    margin-top:30px;
    text-align: center;
    background-color: transparent;
}

#droite ul
{
    clear: both;
    padding: 0pt;
    margin:0pt;
}

#pied {
    position: relative;
    clear: both;
    width: 1000px;
    height: 50px;
    background-color: #62584C;
    border-top: 13px solid #B1FD14;
    text-align: left;
    margin: 0px;
    margin-top: 30px;
    padding: 0;
    padding-top: 15px;
    color: #FFFFFF!important;
}

#pied strong{color: #015123;}

#pied #copy p{
  border: none;
  background-image:none; 
  padding:0;
  padding-right: 5px;
  margin : 0px;
	text-align:right;
	color:#A7A8AA;
}

#pied #copy p a{ 
	color:#A7A8AA!important;
	text-decoration: none!important;
}

#pied #bas_gauche {
  position: absolute;
  left:0px;
  padding: 0;
  margin: 0;
  bottom:50px;
  width:190px;
}

#pied #bas_page {
  float:left;
  margin: 0px;
  margin-left: -207px;
  padding: 0px;
  width:934px;
}

#pied p{
  padding:10px 0 0 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
	text-align:center;	
  color: #60ad11;
}

#pied #fasila {
  margin: 0px;
  margin-top: -30px;
  margin-left: 800px ;
  padding: 0px;
  bottom:10px;
  width:165px;
}


#pied p strong {
  background-image: none;
  color: #60ad11;
}

#pied ul {    
  padding:0px;
  margin : 0px;
  text-align:center;
  margin-bottom: 5px;
	font-size: 0.85em;  
}

#pied ul img{    
  padding-left: 5px;
  margin-top: -2px;  
}

#pied li {
  display: inline;  
  padding:0px 5px 0px 5px;
  border-right: 1px #FFFFFF solid;
}
#pied li a {
	color:#FFFFFF;	
	font-weight:normal;
	text-decoration:none;
}
#pied li a:visited {
	color:#FFFFFF;
	font-weight:normal;	
}
#pied li a:hover {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}

#logo {
    position:absolute;
    top:0px;
    padding-left: 15px;
    z-index:2;
    width:100px;
}

#logo img{border: none;}

/* =============================================================================
 * MENU   
 * ===========================================================================*/
#menu_haut {
  position:relative;
  display: block;
  left:0px;
  top: 0px;
  height: 20px;
  line-height: 20px;
  background-image: url(../images/fond_menuhaut.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  width:1000px!important;
  padding: 0;
  margin: 0;  
}

#menu_haut ul {
    padding:0;margin:0;list-style-type:none;    
}
#menu_haut ul li {
    float:left; position:relative;
}
#menu_haut ul li a, #menu_haut ul li a:visited {
    font-family: verdana;float:left; display:block; text-decoration:none; color:#000000; line-height:15px; height:15px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;    
}
#menu_haut ul li a.selected, #menu_haut ul li a.selected:visited {
    /*color:#57b231;*/ 
    /*border-bottom:2px solid #FCED3C;*/ 
}
#menu_haut ul li a:hover,
#menu_haut ul li:hover a {background-color:transparent;color:#FB5C01;height:15px;}

#menu_haut ul li ul {
    display: none;
}
#menu_haut table {
    margin:0; border-collapse:collapse; font-size:9px; position:absolute; top:0; left:0;
    /*opacity : 0.60;*/
    /*-moz-opacity : 0.60;*/
    /*-ms-filter: "alpha(opacity=60)";*/ /* IE 8 */
    /*filter : alpha(opacity=60);*/ /* IE < 8 */  
    z-index:20 !important;
}

/*******************************/
/* specific to non IE browsers */
#menu_haut ul li:hover ul {
    display:block; position:absolute;top:20px; /*background:#000;*/  margin-top:0px; left:25px; width:200px; 
    padding-top:9px;
    /*border:1px solid #000;*/   
    background-image: url(../images/fond_menu.png);
    height:129px;
}

#menu_haut ul li.PGS_SOLUTION_FR:hover ul,
#menu_haut ul li.PGS_SOLUTION_US:hover ul,
#menu_haut ul li.PGS_SOLUTION_SG:hover ul,
#menu_haut ul li.PGS_SOLUTION_ES:hover ul,
#menu_haut ul li.PGS_SOLUTION_EN:hover ul {
    width:340px; 
}

#menu_haut ul li.PGS_RETD_FR:hover ul {
    width:250px; 
}

#menu_haut ul li.PGS_SOCIETE_EN:hover ul {
    width:250px; 
}

#menu_haut ul li.PGS_RETD_EN:hover ul {
    width:300px; 
}

#menu_haut ul li.PGS_CONTACT:hover ul {
    width:130px; 
}

/*
#menu_haut ul li.COMMUNAUTE:hover ul li a {
    width:250px;
}
*/
#menu_haut ul li:hover ul.scroller {
    height:138px; width:172px; overflow:auto;}

#menu_haut ul li:hover ul.endstop {
   left:-100px;      
}
#menu_haut ul li:hover ul li ul {
    display: none;
}
#menu_haut ul li:hover ul li a {
    display:block; /*background:#000;*/ color:#eaeaea;height:auto;line-height:13px;padding:0px 16px; width:168px;
    font-size:1.25em;  font-weight:bold;
}

#menu_haut ul li.PGS_SOLUTION_FR:hover ul li a,
#menu_haut ul li.PGS_SOLUTION_US:hover ul li a,
#menu_haut ul li.PGS_SOLUTION_SG:hover ul li a,
#menu_haut ul li.PGS_SOLUTION_ES:hover ul li a,
#menu_haut ul li.PGS_SOLUTION_EN:hover ul li a {
    width:308px; 
}

#menu_haut ul li.PGS_RETD_FR:hover ul li a {
    width:218px; 
}

#menu_haut ul li.PGS_SOCIETE_EN:hover ul li a {
    width:218px; 
}

#menu_haut ul li.PGS_RETD_EN:hover ul li a {
    width:268px; 
}

#menu_haut ul li:hover ul li a.drop {
    /*background:#000;*/ 
}
#menu_haut ul li:hover ul li a:hover {
    color:#b0fc14;    
    /*background:#000;*/     
    
}
#menu_haut ul li:hover ul li a:hover.drop {
    /*background:#000;*/  color:#b0fc14;
}

/* niveau 3 */
#menu_haut ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;height:auto;padding-top: 0px;padding-bottom: 5px;}
/*#menu_haut ul li:hover ul li ul a {display:block; background:#606060; color:#FFF;border-bottom:1px solid #000;text-transform:none;}
/*#menu_haut ul li:hover ul li ul li a:hover {background: #ffe670;}*/
#menu_haut ul li.PGS_SOLUTION_FR:hover ul li:hover ul,
#menu_haut ul li.PGS_SOLUTION_US:hover ul li:hover ul,
#menu_haut ul li.PGS_SOLUTION_SG:hover ul li:hover ul,
#menu_haut ul li.PGS_SOLUTION_ES:hover ul li:hover ul,
#menu_haut ul li.PGS_SOLUTION_EN:hover ul li:hover ul {
    left:340px; 
}

#menu_haut ul li.PGS_RETD_FR:hover ul li:hover ul {
    left:250px; 
}

#menu_haut ul li.PGS_SOCIETE_EN:hover ul li:hover ul {
    left:250px; 
}

#menu_haut ul li.PGS_RETD_EN:hover ul li:hover ul {
    left:300px; 
}
/* =============================================================================
 * End of Menu
 * ===========================================================================*/

#menugauche {
    list-style-type: none;
    margin: 0;
    padding:0;
}
#menugauche li {margin-bottom: 5px;
}
#menugauche a {
    margin: 0 2px;
    color: #000000;
    text-decoration: underline;
}
#menugauche a:hover {text-decoration: none;
}
#menudroit {
    list-style-type: none;
    margin: 0;
    padding:0;
}
#menudroit li {margin-bottom: 5px;}

#menudroit a {
    margin: 0 2px;
    color: #000000;
    text-decoration: underline;
}
#menudroit a:hover {text-decoration: none;}

/* Menu Déroulant */
dl, dt, dd {
margin: 0;
padding: 0;
}
dl ul, li {
	margin: 0;
	padding: 0;
}
#menu {
    width:190px;
    padding:0;
    margin:0;   
    padding-bottom: 100px;
}

#menu h3 {		
    color: #015123; 
    background-image: url(../images/fleche_h3_gauche.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 10px;
    padding-bottom: 15px;
    margin: 0; 
    text-align: center;       
    font-size: 1.2em;
    text-transform: none;
}

#menu dt {
  /*height:22px;
  line-height:22px;*/
  padding-left: 10px;
  padding-top: 5px;
  background-image: url(../images/puce_orange.gif);
  background-repeat: no-repeat;
  background-position: 2px 10px;
}

#menu img{     
    padding:0;
    margin:0;   
}
#gauche #menu a {
  display: block;
  width:178px;
  color:#015123; 
	text-decoration:none;
	font-weight:bold;
	cursor: pointer;
	padding-left: 2px;
}
#gauche #menu a:visited {
	color:#015123;
	text-decoration:none;
}
#gauche #menu a:hover {
	color:#015123;  	
}
#gauche #menu a.alt {
	color:#015123;
    text-decoration:underline;
}
/*
#menu dt.principal {
  height:22px;
  line-height:22px;
  color:#666666;
  border:none;
	text-decoration:none;	
}

#menu dt.principal a {height:22px;line-height:22px;border:none;text-align:left;width:155px;padding-left: 30px;padding-right: 5px;background-image: url(../images/fond_menu.gif);		}
#menu dt.principal a:visited {background-image: url(../images/fond_menu.gif);	}
#menu dt.principal a:hover {
	color:#FFFFFF!important;
	background-image: url(../images/fond_menu_on.gif);	
}

#menu dt.principal a.actif {
	color:#FFFFFF!important;
	background-image: url(../images/fond_menu_on.gif);	
}


#menu dd {
	position: absolute;
	z-index: 100;
	left: 146px;
	margin-top: -1.4em;
	padding: 0 0 0 5px;
	width: 15em;
	background: #FFEBD7;
	visibility:hidden;
	display:none;
}
*/
#menu ul {padding: 2px;}

#menu li {
	text-align: left;
	height: 18px;
	line-height: 18px;
	list-style-type: none;
}

#google_translate_element {    
  position: absolute;
  top:35px;
  right:10px;
  color:#9AD028;
  margin: 0;
	padding: 0;
	text-align: left;
}

#bandeau_langue{    
  font-family: verdana;
  position: absolute;
  top:15px;
  right:10px;
  color:#9AD028;
  margin: 0;
	padding: 0;
	padding-left: 10px;
	text-align: left;
}
#bandeau_langue a{    
	display:inline;	
  font-family: verdana;
  font-size: 0.8em;  
  color:#9AD028;
	text-decoration: none;
}

#header #bandeau_langue a img{margin-top: -5px;}

#bandeau_langue img{vertical-align: middle;}

/**************/
/* Rechercher */
/**************/
#bandeau_recherche{    
  float:left;
  display: inline;
  width:180px;
	padding: 0;
	padding-left: 10px;   
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  margin-bottom: 70px;
  border-top: 1px #015123 dotted;
  border-bottom: 1px #015123 dotted;
	color: #015123;
	text-align: left;
	  background-color:transparent;
}

#recherche {
  display: inline;
  background-color:transparent;
  margin:0;
	padding:0;
	border: none; 
  height:18px; 
  line-height: 18px;            
}

#recherche form {
  display: inline;
  background-color:transparent;
  margin:0;
	padding:0;
	border: none; 
  height:18px; 
  line-height: 18px;            
}

#recherche input.search_string{
    border: 1px #015123 solid !important;
    font-size:0.8em;
}

#recherche input.search_valider{
position: absolute;
  top:7px;
  right:7px;
    border: 0px #9C9C9C solid !important;
    color:#FFFFFF;
    /*height:20px;*/
    width:30px;
    height:20px;
    background-image:url(../images/bouton-ok.png);
    background-position:center center;
    background-repeat: no-repeat; 
  background-color: #000000;                 
}

#header #recherche {
  position: absolute;
  top:250px;
  right:25px;
  color:#9AD028;
  width:166px;
  margin: 0!important;
  padding-left: 14px;
  padding-top: 7px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-image: url(../images/fond_menu.png);  
}

#header #recherche form {
  margin: 0!important;
  padding: 0!important; 
}

#header #recherche input.search_string {
position: absolute;
  top:7px;
  right:45px;
  width:130px;
  margin: 0;
  border: 1px solid #015123;
  font-size: 1em;
  height: 18px;
  line-height: 18px;
}

span.resultat_recherche{
	font-weight:bold;
	color:#084a84;
}

a.fo_bouton, a.fo_bouton:visited {
    background-image: url('../images/bouton_off.gif');    
    border:1px outset #1E2A63;
    color:#1E2A63;
    padding:3px 5px 3px 5px; 
    margin:0 5px 0 0;
    text-decoration:none;   
}
a.fo_bouton:hover {background-image: url('../images/bouton_on.gif');}

a.fo_boutonon, a.fo_boutonon:visited {
    background-image: url('../images/bouton_on.gif');    
    border:1px outset #1E2A63;
    color:#1E2A63;
    padding:3px 5px 3px 5px; 
    margin:0 5px 0 0;
    text-decoration:none;   
}
.fo_boutonon {
    background-image: url('../images/bouton_on.gif');    
    font-weight:bold;
    border:1px outset #1E2A63;
    padding:3px 5px 3px 5px; 
    margin:0px 5px 0 0;
    text-decoration:none; 
    /*color:#FFFFFF;
    background:#1E2A63;       
*/
}

/*************/
/* ariane */
/*************/
#ariane {
	margin: 0px;
	padding: 0px; 
	padding-top: 8px;
	font-weight: normal;
}
div.ariane {
	/*clear:both;*/
	margin:0;
  padding:0;	
	font-size:0.85em;
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Tahoma, arial, verdana, courier;
}
.ariane a {
	color:#184163;
	font-weight: normal!important;
	text-decoration: none!important;
}
.ariane a:visited {
	color:#184163;
	text-decoration:none;
	font-weight:normal;
}
.ariane a:hover {
	color:#000000;
	font-weight:normal;
}

fieldset {
    position:relative;
    top:10px;
    margin: 0;
    margin-bottom: 15px;
    padding-left:10px;
    padding-right:10px;
    background-color: #f7f7f7;
}

legend {
    position:relative;
    top:-10px;
    margin: 0;
    color: #000000;
    padding: 4px;
    padding-left:10px;
    padding-right:10px;
    border : 1px solid #60AD11;
  	background : transparent url("../images/fond_legend.gif") repeat-x scroll left top;
    background-color: #60AD11;
}

label {
    float:left;
    width:50%;
}

p.alerte {   
    color:#C00000;
    font-weight:bold;    
}

br.clr {            
    font-size:1px; 
    clear:both;     
}
.date {
    color:#808080;
    font-size:0.85em;
}
.date_alerte {
    color:#C00000;
    font-size:0.85em;
}

div.article {
    margin:15px 0 0 0;
    border-top:solid 1px #808080;
}

.mouseon {background-color:#FFFFCC;}
.mouseout {background-color:#FFFFFF;}
/***************************************************/
/*     Bulle sur point d'interogation              */
/***************************************************/
a.infobulle {
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none;
  border:none;
}
	
a.infobulle, a.infobulle img {
  border:none;
  text-decoration:none;
  padding-left:5px;
  padding-right:5px;   
}
	
a.infobulle:hover {
	background: none;
	z-index:25
}
a.infobulle span {display: none}
a.infobulle:hover span { 
	display:block;
	position:absolute;
	top:0;
	left:3em;
	padding:2px;
	width:20em;
	border:1px solid #7F9DB9;
	background-color:#EDEDED;
	color:#000000;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}

/***************************************************/
/*     prenvext (résultats de recherche            */
/***************************************************/
.prevnext {
  font-size:10px;
  color: #A0A0A0;
	margin: 0;
	margin-top: 20px;
	padding:2px;	
}     
#centreetdroite .prevnext p, #centre .prevnext p{line-height: 20px;}
  
#centre .prevnext a,
#centreetdroite .prevnext a {
	font-style:normal;
  font-size: 12px;
	color: #015123!important;
	background-color:transparent;
	margin: 0 5px 0px 0px;
	padding: 0.3em 0.7em;
  border: 1px solid #48A931;
	text-decoration: none;
}
#centre .prevnext a:hover,
#centre .prevnext a.selected,
#centreetdroite .prevnext a:hover,
#centreetdroite .prevnext a.selected {
	background-color: #CFFFB7;
	color: #015123!important;
  border: 1px solid #48A931;
}  
.calendrier {
    border:1px solid #000000;
    background-color:#EFEFEF;
} 
.calendrier td{
    text-align:center
}  
.calendrier th{
    text-align:center
}    
.calendrier a {
    padding: 0 2px;
	font-style:normal;
	color: #000000;
	background-color:#CFFF4F;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	text-decoration: none;
}
.calendrier a:hover,
.calendrier a.selected {
	background-color: #8300FF;
	color: #ffffff !important;
}  
.calendrier .today {
    background-color:#CFFF4F;
} 
/***************************************************/
/*     Affichage des erreurs                       */
/***************************************************/
.blocAlerte {
  padding: 10px; 
  margin: 5px;
  background-color: #FFCCCC!important;
  border:1px solid #FF0000!important;
  font-weight: bold;
  font-size: 12px;
}

.blocAlerte .alerte {
  color:#000000!important;
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte p{
  padding: 0!important;
  margin: 0!important;
}

.blocAlerte ul li strong, .blocAlerte ul li a{
  color:#FF0000!important;
  padding: 0!important;
  margin: 0!important;
}
select.alerte {
  background-color: #FFCCCC!important;
}

/*************/
/* mdl */
/*************/
.bloc0, .bloc1 {
	clear: both;
	padding: 0;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 2px;
	margin: 0;
	margin-bottom: 5px;
	border : 1px solid #084a84;
}

.bloc0 p, .bloc1 p, .bloc0 td, .bloc1 td {
    margin: 0;
    vertical-align: top;
}

.bloc0 h4, .bloc1 h4 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #084a84;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px;
    padding-left:10px;
    padding-right:10px;
  	border : 1px solid #084a84;
  	background : #FFFFFF url("../images/fond_h4_recherche.gif") repeat-x scroll left bottom;
}

.bloc0 h4 a, .bloc1 h4 a {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #084a84;
    margin-top: 2px;
    margin-bottom: 5px;
    text-decoration: none;    
}

.bloc0:hover, .bloc1:hover {background-color: #f6f6f6;}
          
#liste_mcl {
  padding : 5px;
  padding-top : 10px;
  padding-bottom: 10px;
  border: 1px #AAAAAA solid;
  background-color: #F9F9F9; 
  color : #808080; 
}

#liste_mcl a {
  color : #808080;
  text-decoration: none; 
}
#liste_mcl a:hover {
  text-decoration: underline; 
}

#mdl_TopMCL a {
  color : #000000;
  text-decoration: none!important;
}
#mdl_TopMCL .mcl0 {
    font-size: 0.8em;
    line-height:18px;
}
#mdl_TopMCL .mcl1 {
    font-size: 1.2em;
    line-height:20px;
}
#mdl_TopMCL .mcl2 {
    font-size: 1.6em;
    line-height:22px;
}
#mdl_TopMCL .mcl3 {
    font-size: 2em;
    line-height:24px;
}
#mdl_TopMCL .mcl4 {
    font-size: 2.4em;
    line-height:26px;
}
#mdl_TopMCL .mcl5 {
    font-size: 2.8em;
    line-height:28px;
}
#ajouter_panier a {text-decoration:none;}

#ajouter_panier a:visited {text-decoration:none;}

table.mdl_paragraphe2Colonne td.CENTRE_1 {padding-right: 5px;}

table.mdl_paragraphe2Colonne td.CENTRE_2 {padding-left: 5px;}

/*********************************/
/* Styles spéciaux de paragraphe */
#droite .paragraphe.par_style_1 {
    background-color:#f5f5f5;
    padding:0 2px;
    text-align:justify;
}
#droite .paragraphe.par_style_2 {
    background-color:#ffffc0;
    padding:0 2px;    
}
#droite .paragraphe.par_publicite {padding:0 2px;}

#droite .paragraphe.par_publicite h3 {
    text-align: center;
    font-size: 10px!important;
    margin: 0!important;
    padding: 0!important;    
}

#droite .paragraphe.par_transparent {
    background-color: transparent;
    border: none;    
    padding-left: 0px;
    padding-right: 0px;
}

/* Fin styles spéciaux */   
/***********************/