#champ
{
background: #F5F5F5; 
}
#bob{
  background: #F5F5F5 url('images/orange.gif') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 40px;
 line-height: 14px;

}
#bob a img {border: none; text-decoration: none;}
.goog {
text-align:center;
margin-left: 35px;
}



#sidebar {
    color: #AFB0B1;
    background: #0A6CCE;
    float:left;
    margin:0 0px 6px;
    padding:10px 5px 10px;
    width:240px;
	z-index: 2;
}

#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
  
}
#sidebar p {
text-align:justify; 
color:#fff;

}

.bouton {
	color:#0A6CCE;
	margin: 0.6em;
}

.bouton a,
.bouton span {
	background-color: #0A6CCE;
	font-size: 0.8em;
	padding: 0.1em 0.8em 0.2em;
}

.bouton a:link,
.bouton a:visited {
	color: #fff;
	text-decoration: none;	
}

.bouton a:hover,
.bouton a:active {
	background-color: #3e4448;
	color: #fff;
	text-decoration: none;	
}

#titre1 {


color:#ffffff;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}




#titre {
	color:#ffffff;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}



#sidebar li {
    height: 140px;
    overflow: hidden;
}

#sidebar li h5 {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#sidebar li h5 a {
    color:#A5A9AB;
    text-decoration:none;
}

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar li .info {
    color:#3E4548;
    font-size:1em;
}

#sidebar .info a,
#sidebar .info a:visited {
    color:#3E4548;
    text-decoration: none;
}

#sidebar .odebi {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#sidebar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.bouton span,
.bouton a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}




/*<![CDATA[*/
 
  #btretourc{float:left;} 
  hr.cDiaporama{visibility:hidden;clear:both;} 
  #cDiaporama{
  width:412px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  } 
  #btsuitec{float:right;} 
/*]]>*/

ul#portfolio li img{
	border: 0px solid #ccc;
	padding: 0px;
}

/*<![CDATA[*/
 table.c4 {background-color: #e5eecc}
 div.c3 {text-align: center}
 p.c2 {text-align: left}
 
 td.c2{
 background-color:#0e8cd8;
 background-image:url('images/menubg.gif');
 background-repeat:repeat-x;
}
/*]]>*/




.note{
  background: #eff url('info.gif') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 0.5em 0.5em 0.5em 30px;
line-height: 14px;
 
}
.note1{
  background: #E0FFFF url('images/blue.gif') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 30px;
  margin: 30px 4px 4px 4px;
}
.note2{
  background: #F5F5F5 url('images/orange.gif') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
 padding: 4px 4px 4px 40px;
  
	line-height: 14px;

}
.message{
  background: #F5F5F5 url('images/message.gif') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 40px;
  
line-height: 14px;

  
}
.intranet{
  background: #F5F5F5 url('images/intranet.jpg') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 40px;
  
line-height: 14px;

  
}
.google{
  background: #F5F5F5 url('images/Logo_40wht.gif') no-repeat 0.2em 0.4em; 
  border-bottom: 0px solid #9A8E51;
  padding: 2px 4px 4px 128px;
  
line-height: 14px;

  
}
.noteverte{
  background: #F5F5F5 url('images/noteverte.png') no-repeat 0.4em 0.6em; 
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 40px;
  
  line-height: 14px;

}
.note3{
  background: #F4F2E4 url('info.gif') no-repeat 0.4em 0.6em;
  border-bottom: 1px solid #9A8E51;
  padding: 4px 4px 4px 30px;
line-height: 14px;

}
 
.cadre{
	background-image:url('bg.gif');
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
	BORDER-RIGHT:#cccccc 1px dotted; 
	BORDER-TOP: #cccccc 1px dotted; 
	BORDER-LEFT: #cccccc 1px dotted; 
	BORDER-BOTTOM:#cccccc 1px dotted;
	
}
.cadre1{
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
	BORDER-RIGHT:#f9d966 1px dotted; 
	BORDER-TOP: #f9d966 1px dotted; 
	BORDER-LEFT:#f9d966 1px dotted; 
	BORDER-BOTTOM:#f9d966 1px dotted;
	
}

.cadre2{
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
	BORDER-RIGHT:#9900cc 1px dotted; 
	BORDER-TOP: #9900cc 1px dotted; 
	BORDER-LEFT:#9900cc 1px dotted; 
	BORDER-BOTTOM:#9900cc 1px dotted;
	
}
.cadre3{
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
	BORDER-RIGHT: #fe9600 1px dotted; 
	BORDER-TOP: #fe9600 1px dotted; 
	BORDER-LEFT:#fe9600 1px dotted; 
	BORDER-BOTTOM:#fe9600 1px dotted;
	
}
.cadre4{
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
	BORDER-RIGHT: #04529a 1px dotted; 
	BORDER-TOP: #04529a 1px dotted; 
	BORDER-LEFT:#04529a 1px dotted; 
	BORDER-BOTTOM: #04529a 1px dotted;
	BACKGROUND-COLOR:#ffddbb;
}


.piedtxt{
	FONT-SIZE:10px;
	COLOR:#707070;
	FONT-FAMILY:"Trebuchet MS",Helvetica,Arial,sans-serif;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 1px;
	line-height: 8px;
}


a {text-decoration: none;}
a img {border: none; text-decoration: none;}
a:link, a:visited {color: #555; border-bottom: 1px solid #555;}
html body a:hover {color: #000; background-color: #F4F2E4;
border-bottom: 1px solid #9A8E51;}

H4{
	FONT-SIZE: 12px;
	COLOR: rgb(254,150,0);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	
}

TD{
	FONT-SIZE: 12px; 
	FONT-FAMILY:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

	


ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

li {
	margin-bottom: 0px;
}

#base ul li {
	margin-left: 15px;
	padding-left: 16px;
	background: url(puce.gif) no-repeat 0 4px;
	FONT-FAMILY:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.04em;
	line-height: 125%;
 
}


#base {
    
    margin: 0px;

    padding: 0px 0px 0px 0px;
	FONT-SIZE: 12px; 
	FONT-FAMILY:"Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height: 14px;
background: #F5F5F5; 
  border-bottom: 0px solid #9A8E51;
border-right: 0px solid #9A8E51;

}
#base h2 {
	FONT-FAMILY: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #04529a;
	padding-left: 1px;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	margin: 5px 0px 0px 8px;
	line-height: 16px;

}
#gauche {
    border: 0px solid #000;
    margin: 1em;
        padding: 0px 0px 0px 0px;
	FONT-SIZE: 12px; 
	FONT-FAMILY:"Trebuchet MS",Arial,Helvetica,sans-serif;
line-height: 14px;

}
#gauche h2 {
	FONT-FAMILY: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #04529a;
	padding-left: 1px;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	margin-top: 18px;
line-height: 16px;

}
BLOCKQUOTE{
	MARGIN-TOP: -10px; 
	FONT-SIZE: 11px; LINE-HEIGHT: 14px; 
	FONT-FAMILY:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.superscript{
	FONT-SIZE: 10px; 
	VERTICAL-ALIGN: super; 
	COLOR: #0033ff; LINE-HEIGHT: 10px; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.info{
	FONT-SIZE: 10px; 
	COLOR: #666666; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


.caption{
	FONT-SIZE: 12px; 
	COLOR: #637372; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


.menu-titre{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #b843b9; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre-rech{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #fe9600; 
	FONT-FAMILY:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre-violet{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #9900cc; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.titre-rouge{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #bd030d; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre-bleu{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #04529a; 
	FONT-FAMILY:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre-rose{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #fd3f92; 
	FONT-FAMILY:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.text-rech-menu{
	FONT-SIZE: 12px; 
	COLOR: #b843b9; 
	LINE-HEIGHT: 14px; 
	FONT-FAMILY:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.header{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #2a4c9b; 
	LINE-HEIGHT: 16px;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.titre-rech-rub{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; COLOR: #9900cc; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.textcoul-rech{
	FONT-SIZE: 12px; 
	COLOR: #9900cc; 
	FONT-FAMILY:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.content{
	PADDING-RIGHT: 16px; 
	PADDING-LEFT: 16px; 
	PADDING-BOTTOM: 16px; 
	MARGIN: 16px 16px 16px; 
	PADDING-TOP: 16px; 
	BACKGROUND-COLOR: #edf1f0;
}

table.example{
color:#000000;
background-color:#e5eecc;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('images/bgfadegreen.gif');
background-repeat:repeat-x;
line-height: 14px;

}
table.vue{
color:#000000;
background-color:#3f8cda;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px solid #d4d4d4;
background-image:url('images/dblue.gif');
background-repeat:repeat-x;
line-height: 14px;

}
table.dblue{
color:#000000;
background-color:#3f8cda;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
border:1px solid #d4d4d4;
background-image:url('images/dblue.gif');
background-repeat:repeat-x;
line-height: 14px;

}

ul.dblue{
	MARGIN-TOP: -0.25em; 
	FONT-SIZE: 11px; LINE-HEIGHT: 16px; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	LIST-STYLE-IMAGE: url(menu/arrow.gif);
}
table.djaune{
color:#000000;
background-color:#e5eecc;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('images/djaune.gif');
background-repeat:repeat-x;
}
table.dvert{
color:#000000;
background-color:#e5eecc;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('images/dvert.gif');
background-repeat:repeat-x;
}
table.entete{
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px;
background-image:url('images/menubg.gif');
background-repeat:repeat-x;
}
h2.example{
color:#617f10;
background-color:transparent;
margin-top:2px;
FONT-SIZE: 12px;
}

.storytitle{
padding: 4px 0px 0px 0px;
margin: 4px 4px 4px 4px;
font: 12px "Lucida Grande", Geneva, "Lucida Sans Unicode", Arial, sans-serif;
color: #95C224;
line-height: 12px;
background: transparent;
}