body {	
background:#fff;
font:11px,Verdana,sans-serif;
color:#000;
text-align:center;
padding:0px;
margin:0px;
}

a {

color: #003366;
text-decoration:none;
cursor:pointer;
}

a:visited{
text-decoration:none;
cursor:pointer;
}

a:hover{
text-decoration:underline;
cursor:pointer;
}

span {
color:#000;
}


#container { 
margin-left:auto;
margin-right:auto;
text-align:left;
width:930px;
float:auto;
}


#haut_page{
width:930px;
float:left;
height:188px;
}


#milieu{
float:left;
width:100%;
}


#retour a  {
color: #990000;
font-weight: bold;
float:right;
margin-top:-15px;
background:  url(../images/retour.jpg) no-repeat;
padding-left:22px;
height:19px;
padding-top:3px;
}


#retour a:hover, retour a:visited {
text-decoration:underline;
background:  url(../images/retour_o.jpg) no-repeat;
}


#chemin {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #999;
font-weight:normal;
margin-left:5px;
}


#chemin a {
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #990000;
font-weight:normal;
margin-left:5px;
}


#chemin a:hover {
text-decoration: underline;
font-family: Verdana, sans-serif;

font-size: 10px;
color: #990000;
font-weight:normal;
margin-left:5px;
}




/*--------------Bandeau haut------------------*/


#bandeau  {
 width:930px;
 height:140px;
}


#imagebandeau  {
width:732px;
height:140px;
float:right;
}


#recherche{
width:168px;
height:28px;
float:left;
}


.formrecherche2 {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight:normal;
color: #333;
border: solid #98B4D4 1px;
width: 120px;
}


.brecherche{
width: 19px;
height: 19px;
line-height:100%;
vertical-align:bottom;
}


#logo{
background:  url(../images/istri.gif) no-repeat;
width:173px;
height:107px;
float:left;
}

#image{
	width:184px;
	height:83px;
	margin-top:30px;
}

#gauchebandeau{
width:173px;
height:140px;
float:left;
}


/*-----------------------Menu gauche---------------------------*/
#menu_gauche {
width:20%;
float:left;
}


#actu {
width:186px;
margin-top:0px;
background-color:#F3F7C7;
}


#ico_actu {
	background:  url(../images/ico_actu.gif) no-repeat;
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#636A00;
	margin-left:5px;
	padding-left:15px;
	width:165px;
	height:24px;
	padding-top:2px;
	margin-bottom:0px; 
}


#texte_actu {
	margin-left:5px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000;
	margin-top:5px;
	text-align:left;
}


#lien_actu a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#636A00;
	background:    url(../images/picto_menu.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}


#lien_actu a:hover {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color:#636A00;
	background:url(../images/picto_menu_actu_o.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}


#actu_hg, #actu_hd, #actu_bg, #actu_bd {
	height:15px;
	width:15px;
}


#actu_hg {
	background:url(../images/actu_hg.gif) no-repeat;
}


#actu_hd {
	float:right;
	background:url(../images/actu_hd.gif) no-repeat;
}


#actu_bg {
	background:url(../images/actu_bg.gif) no-repeat;
}


#actu_bd {
	float:right;
	background:url(../images/actu_bd.gif) no-repeat;
}


#actu_cont {


}


#news {
	width:186px;
	margin-top:25px;
	background-color:#E1E8F3;


}


#texte_news {
	margin-left:5px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000;
	margin-top:5px;
	text-align:left;
						
}


#lien_news a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#003366;
	background:    url(../images/picto_menu.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}




#lien_news a:hover {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color:#003366;
	background:    url(../images/picto_menu_news_o.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}


#ico_news {
	background:    url(../images/ico_news.gif) no-repeat;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#003366;
	margin-left:5px;
	padding-left:15px;
	width:174px;
	height:24px;
	padding-top:2px;


}


#news_hg, #news_hd, #news_bg, #news_bd {
	height:15px;
	width:15px;
	background-repeat:no-repeat;
}


#news_hg {
	background:    url(../images/news_hg.gif) no-repeat;
}


#news_hd {
	float:right;
	background:    url(../images/news_hd.gif) no-repeat;
}


#news_bg {
	background:    url(../images/news_bg.gif) no-repeat;
}


#news_bd {
	float:right;
	background:    url(../images/news_bd.gif) no-repeat;


}


#news_cont {
	height: 100%;
}


#temoignages {
	height: 152px;
	width:186px;
	margin-top:25px;

	background-color:#EAEAEA;
}


#ico_tem {
	background:url(../images/ico_tem.gif) no-repeat;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000;
	margin-left:5px;
	padding-left:15px;
	width:174px;
	height:24px;

	padding-top:2px;
}


#texte_tem {
	margin-left:5px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000;
	margin-top:5px;
	text-align:left;
}




#lien_tem a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000;
	background:    url(../images/picto_menu.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}




#lien_tem a:hover {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
	background:    url(../images/picto_menu_tem_o.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	height:20px;
	margin-top:8px;
}


#temoi_hg, #temoi_hd, #temoi_bg, #temoi_bd {
	height:15px;
	width:15px;
	background-repeat:no-repeat;
}


#temoi_hg {
	background:    url(../images/temoi_hg.gif) no-repeat;
}


#temoi_hd {
	float:right;
	background:    url(../images/temoi_hd.gif) no-repeat;
}


#temoi_bg {
	background:    url(../images/temoi_bg.gif) no-repeat;
}


#temoi_bd {
	float:right;
	background:    url(../images/temoi_bd.gif) no-repeat;


}


#temoi_cont {
	height: 122px;
}


/*-----------------------Fin Menu gauche---------------------------*/


#titrearticle{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight:normal;
	width:580px;
	float:left;
	height:120px;
	margin-left:10px;
}


#titrearticle_titre{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #006699;

	font-weight:bold;
}


#titrearticle_desc{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight:normal;
}


#titrearticle_soustitre{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight:bold;
}




#logoarticle{
	float:right;
	width:110px;
}
#suite {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight:bold;
	padding-bottom:6px;
	margin-top:10px;
	margin-bottom:15px;
		border-bottom:solid 1px #e4e4e4;
}


#suite a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight:bold;
	padding-bottom:10px;
	width:510px;
}


#lien_article {
	width:180px;
	padding:0;
	margin-left:0px;
	list-style: none;
	height:100%;
}




#lien_article span{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: red;
	margin-left:-2px;
	padding-left:26px;
	font-weight:normal;
	list-style: none;
	line-height: 28px;
	background-image:   url(../images/puce_select.gif);
	background-repeat: no-repeat;
	background-position:1em;
	text-decoration:underline;
}


#lien_article li a {
	color: #333;
	background-image:   url(../images/liste.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
	font-weight:bold;
	list-style: none;
	line-height: 20px;
	padding-left:16px;
	font-size: 11px;
}


#lien_article li a:hover{
	color: #636A00;
	text-decoration:underline;
}


#lien_prod_g {
	width:160px;
	padding:0;
	margin-left:00px;
	list-style: none;
	height:100%;
}


#lien_prod_g span{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: red;
	font-weight:normal;
	text-decoration:none;
	background-image:   url(../images/puce_select.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
	padding-left:15px;
	margin-left:-30px;
	line-height:20px;
}


#lien_prod_g li a { 
	font-family: Verdana, sans-serif;
	font-size: 11px;

	color: #000;
	font-weight:bold;
	text-decoration:none;
	background-image:   url(../images/picto_menu_news_o.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
	padding-left:15px;
	margin-left:-30px;
	line-height:20px;
}


#lien_prod_g li a:hover{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight:bold;
	text-decoration:underline;
	background-image:  url(../images/picto_menu_news_o.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
	padding-left:15px;
	margin-left:-30px;
	line-height:20px;
}




/* Début centre Articles */


#centre_rub {
	width:730px;

	margin-left:2px;
	border:solid 1px gray; 


}
/*Début - Contenu des articles*/


#partie_gauche{
float:left;
width:58%;
padding-left:10px;
}


#partie_droite{
float:right;
width:20%;
}


#conteneur_titre{
	float:left;
	padding-left:10px;
}


#texte_article {
	float:left;
	border: solid #eaeaea 1px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	height:100%;
	width:95%;
}

#accroche {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#000;
	font-weight:normal;
	float:left;
	padding-top:6px;
	text-align:justify;
	width:505px;
	height:10px;
}


#accroche_client {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color:#006699;
	font-weight:normal;
	float:left;
	width: 350px;
	margin-left:20px;
}


/* Fin - Contenu des articles*/


#menu_droite {
	width:200px;
	float:right;
}


#liens_droite {
	width:100%;
	float:right;
}

#lien_docs{
	width:180px;
	height:80px;
	float:right;
	background-image:  url(../images/lien_docs.gif);
	background-repeat:no-repeat;
	background-position:right;
}



#lien_docs a{
	width:180px;
	height:80px;
	float:right;
	background-image:  url(../images/lien_docs.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#lien_docs a:hover{
	width:180px;
	height:80px;
	float:right;
	background-image:  url(../images/lien_docs_o.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#lien_evals a{
	width:100%;
	height:80px;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	background-image:  url(../images/lien_evals.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
}


#lien_evals a:hover {
	width:180px;
	height:80px;
	float:right;
	margin-top:10px;
	background-image:  url(../images/lien_evals_o.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#lien_image {
	width:100%;
	height:80px;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
	border:0px;
}
#lien_image a{
	width:180px;
	height:80px;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
	border:0px;
}


#demo{
	width:100%;
	height:152px;
	margin-top:30px;
	background:  url(../images/demo.gif) no-repeat;
}


#demo a:hover{
	width:182px;
	height:152px;
	margin-top:30px;
	background:  url(../images/demo.gif) no-repeat;
}


#lien_ext {

	width:184px;
	height:83px;
	margin-top:30px;
}


#fond_liste {
	float:left;
	width:100%;
}


#logo_article {
	float:left;
	height:130px;
	margin-left:30px;
	padding-top:20px;
}


/* Début centre Produits */


#entete_produit {
	padding-top:10px;
	width:100%;
	float:left;
	height:100%;
}


#pres_produit {
	border: dotted #ccc 1px;
	padding-top:05px;
	margin-top:10px;
	width:210px;
	float:left;
	margin-right:10px;
	height:200px;
	padding-left:10px;
}


#descriptif_produit {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color:#000;
	font-weight:normal;
	height:35px;
	margin-bottom: 10px;
}


#titre_produit {
	font-family: Arial, sans-serif;
	font-size: 18px;
	color:#666;
	font-weight:normal;
	margin-bottom:10px;
}


#accroche_produit {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#333;
	font-weight:normal;
	margin-bottom:10px;
}


#titre_produit a{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#006699;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}


#logo_produit {
	width:200px;
	height:110px;
	text-align:center;
	margin-top:10px;
}


#lien_produit {
	text-align:left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color:#cc0000;
}



#lien_produit a {
	text-align:left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color:#cc0000;
	background:url(../images/picto_menu.gif) no-repeat;
	padding-left:15px;
}


#lien_produit a:hover {
	text-align:left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color:#666600;
	text-decoration:underline;
	background:url(../images/picto_menu_actu_o.gif) no-repeat;
}


/* Fin centre Produit*/








table {
	border-collapse:collapse;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#000;
	margin-top:10px;
	width:100%;
}


table caption{
	 /* bottom pas pris en compte par IE */
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Sans,sans-serif;
	font-size : 11px;
	height:20px;
	color:#006699;
	background-color: #fff;
	border-bottom:solid 1px #666;
	margin-top:10px;
}


table tr.row_first {
	background-color: #eaeaea;
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Sans,sans-serif;
	font-size : 11px;
	color:#333;
	padding-top:5px;
}


table tr.row_odd {
	background-color:#fff ;
	border-bottom:solid 1px #666;
}


table tr.row_even {
	background-color:#fff ;
	border-bottom:solid 1px #666;


}


table tr {
width:25%;


}


table td {
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom:dotted 1px #ccc;

}
#commentaire table td {
	padding: 3px;
	width:100px;
	text-align: left;
	vertical-align: middle;
	background-color:red;
}


table td#prix{
	padding: 3px;
	width:200px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FF0000;
}


#gras {
	font-weight:bold;
	font-family: Verdana, sans-serif;
}




form.formrecherche { 
	margin-top: 5px;
	margin-bottom: 5px;
}
input.formrecherche {
	width: 95%;
	background-color: #FFDDAA;
}


.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}




/*
 *  Images typographiques (via image_typo)
 */


#recherche{
	width:168px;
	height:28px;
	float:left;
}


.formrecherche2 {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333;
	border: solid #98B4D4 1px;
	width: 120px;
}



.brecherche{
	 width: 19px;
	 height: 19px;
	 line-height: 100%;
	 vertical-align:bottom;
}




/*
 * Barre de raccourcis
 */




#titre_cmc{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#003366;
}


/*Footer*/
#footer {
	height:23px;
	width:930px;
	background:    url(../images/footer.gif) no-repeat;
	float:left;
	margin-top:10px;
}


#menu_bas {
	float:left;
}


#menu_bas ul{
	float:left;
	margin:0px;
}


#menu_bas li {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #fff;
	list-style:none;
	display:inline;
	border-right: solid #fff 1px;
	margin-left:5px;
	margin-right:5px;
	padding-right:15px;
	padding-left:5px;
	height:10px;
	vertical-align:middle;
	line-height:200%;
	margin-top:1px;
}


#menu_bas li a{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #fff;
}


#menu_bas li a:hover{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration:underline;
}
#inscription {
	background:url(../images/bouton.jpg) no-repeat;
	width:150px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	padding-left:36px;
	vertical-align:middle;
	line-height:22px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}


#inscription a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#newsletter {
	width:650px;
	margin-left:20px;
	float:left;
}

#centre_recherche{
	width:650px;
	margin-left:20px;
	float:left;
}

/*Plan du site*/
ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 5px;
  padding: 0; }
ul.plansite a{
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black; }
  
 ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: #006699;
  border-bottom: 1px solid #006699; } 
  
ul.plansite li strong {
  font-size: 105%; }

li {
list-style-type:none;
}



/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de votre squelette                */




/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}


.spip_puce { list-style-position:outside;}

ul.spip { list-style-image: url(../images/puce.gif);}
ol.spip { list-style-image: url(../images/puce_cmc.gif); }
ul.spip li {list-style-image: url(../images/puce.gif);}
ol.spip li { list-style-image: url(../images/puce_cmc.gif);  }
li.spip { margin-bottom: 5px; vertical-align:middle;list-style-image: url(../images/puce.gif);}


h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }



/* Paragraphes, citations, code et poesie */
p.spip {	
	text-align:justify;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color:#000;
}
	
p.spip_note {}


blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }


blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }


div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }


.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 99%; border: 1px solid; }


.spip_surligne { background: #FF6; }


/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #eee;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #99B5D5; color:white; }
table.spip tr.row_odd { background: #DAE2F1; }
table.spip tr.row_even { background: #EDF1F8; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }


.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; }


/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }


/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }


table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }


table.spip_barre input.barre { width: 100%; background: #EEE; }


/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color:#003366; cursor:pointer;text-decoration:underline } /* liens internes */
a:hover.spip_in { color:#000; cursor:pointer;text-decoration:underline }
a:visited.spip_in { color:#000; cursor:pointer;text-decoration:underline }
a.spip_out { color:#003366; cursor:pointer;text-decoration:underline } /* liens sortants */
a:hover.spip_out { color:#000; cursor:pointer;text-decoration:underline }
a:visited.spip_out { color:#000; cursor:pointer;text-decoration:underline }


a.spip_url { cursor:pointer;text-decoration:underline} /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */