body {
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
}
#container {
	width: 800px;
	margin: 0px auto;
}
#top {
	color: #FFFFFF;
	width: 221px;
	height: 100px;
	background-color: #024E8E;
  background-image:url(c1.png);background-repeat: no-repeat;background-position:100% 100%;
}
#top IMG {
  margin-top:12px;
  margin-left:70px;
  border:0px;
}

#topright {
	float: right;
	height: 100px;
	width: 574px;
	text-align: right;
  color:#024E8E;
}
#topright p a,
#topright p a:link, 
#topright p a:visited, 
#topright p a:active
{
	color:#888;
}
.cl {
clear:both;
}
#gallery {
	width: 800px;
	padding-top: 10px;
  display:block;
  border-right: 1px solid #ccc;   
  
}
#news {
	width: 213px;
	height: auto;
	margin-top: 5px;
	/* background-color: #F18E00;  */
	/* color: #FFFFFF; */
	padding-top: 4px;
}
#index {
  float:left;
	width: 221px;
	/* height: 0px; */
	margin-top: 5px;
  /* border-top:1px dotted #024E8E; */
  
	/* background-color: #F18E00; */
	/* color: #FFFFFF; */
	padding: 0px;
}
#menu {
	width: 422px;
	background-color: #F7CB33;
	padding: 13px;
	border-bottom: 5px solid #FFFFFF;
	float: right;
}
#menu a:link, #menu a:visited, #menu a:active {
	background-color: #F7CB33;
	padding: 13px;
	text-decoration: none;
	color: #000000;
}
#menu a:hover {
	padding: 13px;
	background-color: #F01E1E;
	text-decoration: none;
	color: #FFFFFF;
}
#content {
	width: 573px;
	float: right;
	/* height: 295px; */
	margin-top: 5px;
	/* background-color: #024E8E; */
  border-top:1px solid #024E8E;
  border-right:1px solid #BBB;
  padding:0px;
}
p {
margin: 0 0 0 0px;
line-height:150%;
}
#index h1 {
	padding:3px;
  font-size: 100%;
  color:#fff;
}
#news h1 {
	padding: 4px;
	margin: 4px;
	font-size: 120%;
	font-weight: bold;
	/* color: #FFFFFF; */
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F7CB33;
}
h2 {
text-align: Left;
	font-size: 130%;
	font-weight: normal;
  text-transform:capitalize;
	/* color: #FFFFFF; */
}
#pad {
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	color: #000000;
}
#footer {
	/* background-color: #F7CB33; */
	/* padding: 12px; */
	width: 800px;
	color:#888;
	font-size: 90%;
	/* text-align: center; */
	text-align: right;
	clear:both;
	border-top: 5px solid #FFFFFF;
}
OL LI {
  margin-bottom:5px;
}
b {
  /* color:#024E8E; */
  padding:5px;
  text-transform:uppercase;
  /* border-bottom:1px solid black; */
  /* display:block; */
}
.enum
{
text-align:center;
}
.enum li
{
float:left;
width:33%;
}
u b {
  color:#000000;
  padding:5px;
  text-transform:uppercase;
}
#news  b {
  /* color:#FFF; */
  padding:5px;
  text-transform:uppercase;
}

#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
	color:#000000;
}
h4 {
	font-size: 150%;
	/* color: #F01E1E; */
  margin-top:15px;
  margin-bottom:15px;
  text-transform:capitalize;
}

/* #content UL
{
  margin:0px;
  padding:0px;
  list-style:none;
} */

/* #content UL LI
{
  padding:10px;
} */

.carto
{
  /* text-align:left; */
  /* background-color:#AAD9FF; */
  background-color:#024E8E;
  border:0px;
  
  background-image:url(c1.png);
  background-repeat: no-repeat ;
  background-position:100% 100%;
  
  /* clear:both; */
}
.carto h1
{
  text-align:left;
}
.valid
{
  /* text-align:left; */
  /* background-color:#D2FF80; */
  background-color:#73AA00;
  
  background-image:url(c3.png);
  background-repeat: no-repeat ;
  background-position:100% 0%;
  
  margin-top:20px;
  /* clear:both; */
}
.valid h1
{
  text-align:left;
}
.gestion
{
  /* text-align:right; */
  /* background-color:#FFDBAA; */
  background-color:#F18E00;
  
  background-image:url(c2.png);
  background-repeat: no-repeat ;
  background-position:0% 100%;
  
  margin-top:20px;
  /* clear:both; */
}
.gestion h1
{
  text-align:right;
}
.specif
{
  /* background-color:#EABFD3; */
  background-color:#CF6F9F;
  
  background-image:url(c4.png);
  background-repeat: no-repeat ;
  background-position:0% 0%;
  
  margin-top:20px;
  /* clear:both; */
}
.specif h1
{
  text-align:right;
}
.generic
{
  margin:0px;
  padding:5px;
  background:#EEE;
  border: 1px solid #888;   
  text-align:right;
  font-size:120%;
  
/*   background-image:url(c4.png);
  background-repeat: no-repeat ;
  background-position:0% 0%; */
  
  /* margin-top:20px; */
  /* clear:both; */
}

.carto UL
{
  float:left;
  list-style-type: none;
  margin: 0;
  padding: 0;  
}
.carto UL A
{
  color:#005EAA;
}
.carto  li a:hover,
.carto  li a:active{
/* color: #FFF;
background-color: #00325D;  */
}
.offre 
,.outils
{
	font-size: 80%;
}
.offre .carto  li a:hover,
.offre .carto  li a:active,
.outils .carto  li a:hover,
.outils .carto  li a:active
{
color: #FFF;
background-color: #00325D;  
}


.valid UL
{
  float:left;
  list-style-type: none;
  margin: 0;
  padding: 0;  
}
.valid UL A
{
  color:#73AA00;
}
.valid  li a:hover,
.valid  li a:active{
/* color: #FFF;
background-color: #517700; */
}
.offre .valid  li a:hover,
.offre .valid  li a:active,
.outils .valid  li a:hover,
.outils .valid  li a:active
{
color: #FFF;
background-color: #517700;
}

.gestion UL
{
  float:left;
  list-style-type: none;
  margin: 0;
  padding: 0;  
}
table.offre .gestion UL
,table.outils .gestion UL
{
float:right;
text-align:right;
}
.gestion UL A
{
  color:#AA5E00;
}
.gestion  li a:hover,
.gestion  li a:active{
/* color: #FFF;
background-color: #AA5E00; */
}
.offre .gestion  li a:hover,
.offre .gestion  li a:active,
.outils .gestion  li a:hover,
.outils .gestion  li a:active
{
color: #FFF;
background-color: #AA5E00; 
}

.specif UL
{
  float:left;
  list-style-type: none;
  margin: 0;
  padding: 0;  
}
table.offre .specif UL
,table.outils .specif UL
{
float:right;
text-align:right;
}
.specif UL A
{
  color:#882255;
}
.specif  li a:hover,
.specif  li a:active{
/* color: #FFF;
background-color: #882255; */
}
.offre .specif  li a:hover,
.offre .specif  li a:active,
.outils .specif  li a:hover,
.outils .specif  li a:active
{
color: #FFF;
background-color: #882255; 
}



/*Ici, vous pouvez jouer sur la largeur du menu*/

TABLE.outils
, TABLE.offre

{
  width:100%;
}
TABLE.outils TD
, TABLE.offre TD
{
  padding:0px;
  
  height:136px;
}

/* TABLE.outils UL
{
list-style-type: none;
margin: 0;
padding: 0;
} */

TABLE.outils UL LI
, TABLE.offre UL LI
{
/* border: 1px solid red; */
margin-top:10px;
margin-bottom:10px;
/* margin:-10px;
padding:0px; */
}

/*définition des liens*/
TABLE.outils  li a
, TABLE.offre li a
{
/* color: #00589F; */
display: block;
width: 200px;
padding: 4px 0px;
text-decoration: none;
font-weight: bold; 
	font-size: 120%;

/* border: 1px solid;  */
/*Couleur des bords clair foncé foncé clair*/
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
background-color: #FFF;
text-decoration:none;
/* margin:0px; */
/* padding:0px; */
}

TABLE.offre li a
{
text-decoration: none;
font-size:180%;
}

.high {  
  position:absolute;
  top:95px;
	font-size: 100%;
	font-weight: bold;
  /* text-decoration:underline; */
  text-align:right;
  
  display:block;
}

.logo_client {
  float:right;
  margin:5px;
}
.logo_partenaire {
  float:left;
  margin-right:5px;
}

.clear {
  float:none;
  clear:both;
}

#pad p {
  margin-bottom:10px;
}
#pad UL {
  list-style-type:none;
}
#pad UL LI{
  margin-bottom:10px;
}

@media print {
  #index ,
  #gallery ,
  #top {
    display:none;
    width: 0px;
  }  
  #news,
  #content{
    width:100%;
  }
}

i {
  font-size:80%;
}

#news P
{
  /* text-align:right; */
  font-size:120%;
}
A:hover
{
  /* color:#F18E00; */
  /* background: #ffffff; */
  /* color:#fff;   */
  /* background: #024E8E;   */
  text-decoration:none;
  /* font-weight:bold; */
}

#topright A:hover
{
  background: none;  
}

A
{
  /* background:#F18E00; */
  /* color: #F18E00; */
  color:#024E8E;
  /* padding:5px; */
  /* text-transform:uppercase;   */
}

.sminerlite_references a
{
padding:10px;
margin:10px;
}

.blue
{
color:#024E8E;
}
.orange
{
color:#F18E00;
}
.green
{
color:#73AA00;
}
.pink
{
color:#CF6F9F;
}