body {
	min-width: 945px;
	font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: #3B4853	url(images/bg_home.jpg) repeat-x;
	line-height:1.2;
	margin: 0;
}

body, body div, body p, body th, body td, body li {
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}

.button{
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
}
 
/* ajouté par LF */

#google_mathead input[type=text]
{width:350px;}

div.hr {
  height:72px;
  background: url(images/hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

#texte {
clear:left;
}

.contact_accueil{
margin:1em 1em;
text-align:center;
font-weight:bold;
}

#voir_acheter_en_ligne{
	float:right;
	margin:10px 50px 0 0;
	}

.retourtop{
	text-align:right;
	width:20%;
	float:right;
	margin-right:1.5em;
	font-size:x-small;
}

#google468 {
margin:20px 0 30px 335px;
width:490px;
}

#documents_portfolio {
margin:30px 0 30px 65px;
width:550px;
}

table.spip{width:94%;}

.trois_colonnes_annu{
      float:left;
      width:31%;
      background-color: white;
      margin-bottom:0%;
      margin-top:0px;
      margin-left:1%;
      padding:0%;
}

.istyle{visibility:hidden;}

.troiscol{
      float:left;
      width:31%;
      background-color: white;
      margin-bottom:0%;
      margin-top:0px;
      margin-left:1%;
      padding:0%;
}
.troiscol_bottom{
      float:left;
      width:31%;
      background-color: #3B4853;
      margin-bottom:0%;
      margin-top:0px;
      margin-left:1%;
      padding:0%;
}
.troiscol_bottom h3{
	  color: #FFF;
}
.troiscol_bottom p{
	  color: #FFF;
}
#plan_du_site_bottom a:link {
  color: #FFF;
  text-decoration: underline;
}
#plan_du_site_bottom a:visited {
  color: #FFF;
  text-decoration: underline;
}
#plan_du_site_bottom a:hover {
  color:#FFF;
  text-decoration:none;
}
.gallery {
/*background-color:black;*/
width:100px;
}

.encart_noir_liste{width:450px;text-align:center;border:1px solid black;padding:0.5em;margin:2em auto;background-color:#000000;color:#FFFFFF;}


.portfoliotab {
width:594px;
margin:2em 0 0 2em;
}

.portfoliodiv {
	background-color:black;
width:574px;
}

#main-content-annuaire .portfoliodiv p {
	color:white;
	text-align:center;
	line-height:2.5em;
	letter-spacing:2px;
	
}

#main-content-annuaire .portfoliodiv h4 {
	color:white;
	text-align:center;
	font-weight:normal;
	letter-spacing:2px;
	margin-right:1em;
	font-size:1.7em;
}
 
.gallery a:link, .gallery a:visited, .gallery a:hover {
	color:#000;
}


/* fin ajouté par LF */


/* les boiboites */
#container {
	position: relative;
	width:1075px;
	margin:0 auto;
	text-align:left;
	background: url(images/bg_box_bot.gif) 194px 100% no-repeat;
}

#innercontain {
	width:1075px;
	background: url(/images/bg_box.gif) 194px 0 repeat-y;
} /* new element, nests inside #container, used to help paint BG images for layout - BJ */

#masthead {
	width:1075px;
	height: 166px;
}

#content {
	float:right;
	width:881px;
}

#homecontent {
	width:725px;
}

#main-content-mag {
	width:689px;
	padding: 0 0 0 35px;
}

#main-content-service {
	width:689px;
	padding: 0 0 0 35px;
}

#main-content-annuaire {
	width:689px;
	padding: 0 0 0 35px;
}

.pubtwo {
float:right;
width:135px;margin:0;padding:0;
height: auto;
color:white;
text-align:center;
font-variant: small-caps;
position: absolute;
top: 185px;
left:940px;
}
.pubtwo p {
color:white;
text-align:center;
font-variant: small-caps;
margin-right:1em;
}
.pubtwo select {
	border: 1px solid #444; 
	background: black;
	color: yellow;
	font-size:10px;
	margin-top:2px;
	letter-spacing:1px;
	text-align:left;
}
.pubtwo select:focus
{
outline: none;
-moz-outline-style: none;
}
#maincol {
	float:left;
	width:194px;
	background:url(images/bg_nav.jpg) 0 166px no-repeat;
	margin-top: -166px;
	position: relative;
	}

#header {
	height:93px;
	margin:0;
	display:none;
}

#login_hebergement {
	position:absolute;
	top: 3px;
	left: 665px;
	width: 370px;
	font: 75% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search {
	clear:both;
	margin-top:25px;
/*	border:1px dotted #b7cad9;*/
	background-color:black;
	width:175px;
	float:right;
}

#search td {
	color:white;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 10px;
}

#search td ul li{
	color:white;
	font-size:inherit;
}
#credits {
position:absolute;
left: 193px;
top: 32px;
width: 749px;
height: 133px;
}

#credits p{
background:transparent url(/images/1.gif) no-repeat scroll left top;
height:133px;
margin:0 0 0.5em;
text-indent:-9000px;
width:749px;
}

#credits p a {
	display: block;
	height: 133px;
	background: url(/images/1.gif) no-repeat top left;
}

#google_mathead {
	position:absolute;
	top: 111px;
	left: 289px;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#news {
	float: left;
	width: 125px;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#news2 {
	float: left;
	width:400px;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#news3 {
	float: left;
	width: 50px;
	margin-top: -.5em;
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#menu {
	float:left;
	width:150px;
	padding: 1em 0 20px 20px;
font-variant:small-caps;
}

#breadcrumb {
	color: #999999;
	width:720px;
	padding: 0 0 10px 0;
	background:transparent url(images/bg_box.gif) repeat-y;
}

#breadcrumb p{
	margin-right:210px;
}

#sky {
	clear: both; /* pour le flash */
	text-align:center;
	color:#b7cad9;
	font-variant: small-caps;
	font-weight:normal;
}

#flash_tab-page-index-technique_produits1 {color:white;}
#flash_tab-page-index-annu {color:white;}
#flash_tab-page-index-livres1 {color:white;}
#flash_tab-page-index-heb {color:white;}
#flash_derniers_articles_rubrique_autres {color:white;}
#flash_derniers_articles_rubrique_livres {color:white;}
#flash_tab-page-index-expos1 {color:white;}
#flash_tab-page-index-expos2 {color:white;}

#annonceurs-sm {

	float:right;
	clear:right;
	width:185px;
	margin:0 -5px 0 10px;
}

#annonceurs-actus_old {
	float:right;
	width:191px;
	margin-top: -100px;
	padding-right:10px;
	padding-left:20px;
	position: relative;
}

#annonceurs-actus {
float:right;
position: absolute;
top: 165px;
left:720px;
}

#annonceurs-actus h3{
font-family:Arial;
}

.comments {
	line-height: 1.2;
	width:640px;
/*	border-bottom: dashed #CCC 1px;*/
	margin-bottom: 10px;
	float:left;
	clear:left;
}

#notes {
	line-height: 1.2;
	width:185px;
	height: 212px;
	margin-top:15px;
	background: url(images/postit.png);
	behavior: url(iepngfix.htc);
}

.pubtwoo img {
	margin: 20px 0 0 0;
	border: #CCC solid 0px;
}

#boxbot {
	clear:both;
	height:13px;
	background: #3B4853 url(images/bg_box_bot.gif) no-repeat top left;
}

#mag {
	float:left;
	width:280px;
	padding: 0 0 0 55px;
}

#pro {
	float:right;
	width:337px;
	margin: 0;
	padding-right:20px;
}

#pro-content {
	float:left;
	/*width:195px;*/
}

#pro-swf {
	margin:15px;
	width:210px;
	height: 250px;
	float:left;
}


#footer {
	font: 10px Arial, Helvetica, sans-serif;
	background: transparent;
	color: #000;
	clear:both;
	width:100%;
	padding: 10px 0 20px 0;
}

#users {
	color: #FFFFFF;

}

#users td {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 2px;
}

.agenda_row {
	clear:left;
	background-color:#F5F5F5;
	margin:5px 1.5em 5px 0;
	text-align:left;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	color:#666666;
	padding:7px;
	font-size:100%;
}

#agenda_row_partenaires {
	clear:left;
	background-color:#F0F7E3;
	margin:5px 1.5em 5px 0;
	text-align:left;
	border-top:1px solid #999933;
	border-left:10px solid #999933;
	border-bottom:1px solid #999933;
	border-right:1px solid #999933;
	color:#666666;
	padding:7px;
	font-size:90%;
}

#agenda_row_partenaires h3{
  font-size: 110%;
  font-weight: bold;
  line-height: 1.1;
  color: #666666;
  padding:2px;
  margin: 0 0 0.5em 0;
  font-variant: small-caps;
}

.ps_row {
	clear:left;
	background-color:#F5F5F5;
	font-size: 0.8em;
	margin:5px 1.5em 5px 0;
	text-align:center;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	color:#666666;
	font-size:0.8em;
}

/* rounded box homepage
================================== */

.box {
  width: 686px;
  margin:30px 0 20px 220px;
  background: url(images/box_tile_light.gif) repeat-y;
}

.box h2 {
  font-size: 140%;
  font-weight: normal;
  line-height: 1.2;
  color: #B62C33;
  margin: 0;
  background: url(images/box_top_light.gif) no-repeat left top;
  padding: 20px 20px 20px 55px;
}

.box h2 span {
  color: #666666;
}

.box .last {
  background: url(images/box_bot_light.gif) no-repeat left bottom;
  padding-bottom: 20px;
}

.box ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
}

.box li {
	line-height: 2em;
	padding: 0;
	margin: 0 0 0 .5em;
	background-image: url(images/ico_green_mark.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	list-style: none;
}

.box li.col1 {margin-left: 3em;}

.box li.col2 {margin-left: 20em;}

.box li.col3 {margin-left: 35em;}

.box li.coltopper {margin-top: -6em;}

.box a {
	display: block;
	position: relative;
	width: 170px;
	color: #2C85B1;
	background-image: url(images/ico_green_mark.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 1.5em;
}

.box a:hover {
	color: #2C85B1;
	text-decoration:underline;
}

.box strong {
text-align:left;
}

/* ---------- news box ----------- */

#box-news {
  width: 180px;
  border : 1px solid #999933;
  border-left:10px solid #999933;
  background-color:#F0F7E3;
  float:right;
  padding: 0;
/*  margin-top:-130px;*/
}

#box-news h4 {
  font-size: 85%;
  font-weight: bold;
  line-height: 1.1;
  color: #666666;
  margin: 0;
  padding: 10px;
  text-align:center;
}

#box-news ul {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 1em;
	list-style: none;
}

#box-news li {
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	padding: 0 0 10px 20px;
	margin: 0 10px 10px 10px;
	background-image: url(images/ico_doc_news.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	list-style: none;
	border-top: solid #CCC 1px;
}


/* ---------- news box bleu ----------- */

#box-news_bleu {
  width: 170px;
  border : 1px solid #2D88B5;
  border-left:10px solid #2D88B5;
  background-color:#EEF7FB;
  float:right;
  padding: 0;
}

#box-news_bleu h4 {
  font-size: 90%;
/*  font-weight: bold;*/
  line-height: 2;
  background-color:#2D88B5;
  color: white;
  margin: 0;
  padding: 5px;
  border:0;
  letter-spacing:normal;
  text-align:center;
}

#box-news_bleu h5 {
  font-size: 90%;
  font-weight: normal;
  line-height: 1.1;
  margin: 0;
  padding: 10px;
  letter-spacing:normal;
  text-align:center;
}

#box-news_bleu ul {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 1em;
	list-style: none;
}

#box-news_bleu li {
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	padding: 0 0 10px 20px;
	margin: 0 10px 10px 10px;
	background-image: url(images/ico_doc_news.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	list-style: none;
	border-top: solid #CCC 1px;
}

/* ---------- news box rose ----------- */

#box-news_rose {
  width: 180px;
  border : 1px solid #B1004B;
  border-left:10px solid #B1004B;
  background-color:#FFFBFB;
/*  background: url(images/box_tile_light_rose.png) repeat-y;*/
  float:right;
  padding: 0;
}

#box-news_rose h3 {
  font-size: 110%;
  font-weight: bold;
  line-height: 1.1;
  color: #666666;
  background-color:#FFFBFB;
  margin: 0;
/*  background: url(images/box_top_light_rose.png) no-repeat left top;*/
  padding: 10px;
  border:0;
  letter-spacing:normal;
  text-align:center;
}

#lasttwo_rose {
/*  background: url(images/box_bot_light_rose.png) no-repeat left bottom;*/
  padding-bottom: 10px;
  font-size:1px;
}

#box-news_rose ul {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 1em;
	list-style: none;
}

#box-news_rose li {
	font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	padding: 0 0 10px 20px;
	margin: 0 10px 10px 10px;
	background-image: url(images/ico_doc_news.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	list-style: none;
	border-top: solid #CCC 1px;
}


/* Drop shadow
================================== */
.img-wrapper_png {
	 float: left;
	 margin-right: 0px; /* déjà prévu par spip */
/*	 behavior: url(iepngfix.htc);*/
}

.img-wrapper {
	 float: left;
	 margin-right: 0px; /* déjà prévu par spip */
	 background-image:url(images/shadow2.gif);
	 background-position:right bottom;
	 background-repeat:no-repeat;
}

.img-outer {
  background:url(images/lowerleftfade.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(images/upperrightfade.gif) no-repeat top right;
  padding: 0 8px 8px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper_gris {
	 float: left;
	 margin-right: 0px; /* déjà prévu par spip */
	 background-image:url(images/shadow2_gris.gif);
	 background-position:right bottom;
	 background-repeat:no-repeat;

}

.img-outer_gris {
  background:url(images/lowerleftfade_gris.png) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner_gris {
  background:url(images/upperrightfade_gris.gif) no-repeat top right;
  padding: 0 8px 8px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
/*  background-color: #fff;*/
/*  border: 1px solid #a9a9a9;*/
  padding: 0px;
  display: block;
 	 border-top:0px solid #bbb;
 	 border-left:0px solid #bbb;
}
/*Example CSS for the two demo scrollers*/

#pscroller2{
width: 590px;
height: 20px;
padding: 3px;
padding-top:-7px;
}

#pscroller21{
font-size:85%;
}

#pscroller22{
font-size:85%;
}

#pscroller2 a{
text-decoration: none;

}

.someclass{
font-size:50%;
background-color:#CCCCCC;
padding-top:150px;

//class to apply to your scroller(s) if desired
}

#recherches_moteurs_photographes{
width:750px;
margin:0 auto;
color:white;
padding-left:50px;
}
#recherches_moteurs_photographes p{
color:white;
}
#recherches_moteurs_photographes a:link {
color:#CCC;
text-decoration: underline;

}

#recherches_moteurs_photographes a:visited {
color:#CCC;
text-decoration: underline;

}

#recherches_moteurs_photographes a:hover {
color:#FFF;
text-decoration: none;

}
#recherches_moteurs_photographes h3 {
  font-size: 140%;
  line-height: 1.2;
  color: white;
  margin: 1em 0.5em 0.5em 0;
/*  font-variant: small-caps;*/
  clear:left;
  font: normal 2em "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; letter-spacing: 0px;
}