body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:1.3em;
color: #444;
margin: 0;
padding: 0;
background:url(/images/bg.jpg) repeat;
}

p {margin: 0 0 10px 0; text-indent:5px; text-align:justify;}


a{color : #FA1;    text-decoration: none; font-weight: bold;  }
a:visited{color: #FA1; font-weight: bold;}
a:hover, a:focus, a:active{color: #FA1;  text-decoration: underline;  font-weight: bolder; }
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]";color : #000000;background : transparent;}

h2, h3, h1 {font-family: "Times New Roman", Times, serif;	color: #0C77A8; }

/* Les mots clés détourés de cette manière -> Gras + souligné + h1 = ideal for seo*/
h1{
	padding-left: 5px;
	font-size: 1.3em;
	letter-spacing: 2px;
margin-top: 25px;
border-color: #878787
border-bottom-style: solid;
border-bottom-width: 1px;
letter-spacing: 4px;
}

h2{
font-size: 1.2em;
border-color: #878787;
border-bottom-style: solid;
border-bottom-width: 1px;
letter-spacing: 4px;
clear: both;
padding-top:8px;
}

h3{
font-size: 1.1em;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 50px 7px 4px 20px; 
}



ul{
/*padding-left: 15px;*/
background: transparent;
list-style-image:url(../images/puce.png);
/*width: 100%;  precision for Opera */
}

li {
/*Rien a mettre ici;;;*/
}

.author {
float:right;
font-size:85%;
}

.imagelink {
border:none;
}

.imageright{float:right;padding-right:3px; border:0;}
.imagerightpub{float:right;padding-right:30px; padding-top:10px; border:0; }
.imageleft{float:left;padding-right:3px; padding-left:5px; border:0; display:block}



.title {font-weight:bold; line-height:1.3em;width: 180px;padding-left:5px; float: left;}

#blocProduit {
display:block;
padding-bottom:20px;
}

#blocProduit1 {
display:block;
padding-bottom:30px;
}


/****************menu */
  #tabsI {
      float:left;
      width:500px;
/*      background:#EFF4FA;*/
      font-size:75%;
      line-height:normal;
	  border-bottom:1px solid #FA1;
      }
    #tabsI ul {
	margin:0;
	padding:5px 5px 0 5px;
	list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("/images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("/images/tabrightI.gif") no-repeat right top;
      padding:5px 4px 4px 4px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }
	  /******************MENU FIN

*/
/*
********** LA STRUCTURE
*/


#container {
position: absolute;
width: 810px;
left: 50%;
margin-left: -400px;
background: url(/images/bg_main.png) repeat-y ;
}

#header {
height: 50px;
background: url(/images/bg_top.png) top no-repeat;
padding:10px 7px 0 0;
}

#top {
	height: 10px;
	padding:0 15px 0 5px;
	font-size:80%;
	float:left;
	}
	#top a{color : #898989;    text-decoration: none; font-weight: normal;}
	#top a:visited{color : #898989;    text-decoration: none; font-weight: normal;}
	#top a:hover, a:focus, a:active{color : #898989;    text-decoration: underline; font-weight: normal;}


/*	#flags{
	position:absolute;
	padding-top:0px;
	padding-right:7px;
	width:170px;
	right:0;
	vertical-align:top;
	}*/


#main {
margin-right: 210px;
padding:0 2px 0 7px;
/*border-color: #878787;
border-right-style:solid;
border-right-width: 1px;
*/
}

#right {
position: absolute;
right:0;
/*margin:0 0 0 15px;*/
width: 200px;
}
#right a {color : #FA1;    text-decoration: underline; font-size:85%; font-weight:normal; }
#right a:hover {color: #0C77A8;  text-decoration: underline; }


/**********  FOOTER  *************/
#footer {
	height: 30px;
	padding:0 15px 0 5px;
	background: url(/images/bg_footer.png) bottom no-repeat;
	font-size:80%;color: #898989;
	text-align:right;
	}
	/*lien dans la zone footer*/
	#footer a{color : #898989;    text-decoration: none; font-weight: bold;}
	#footer a:visited{color : #898989;    text-decoration: none; font-weight: bold;}
	#footer a:hover, a:focus, a:active{color : #898989;    text-decoration: underline; font-weight: bold;}	
	
	
	
	

.accordionTabTitleBar {
	padding             : 4px 6px 4px 6px;
   border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #FA1QQ;
   border-width        : 1px 0px 1px 0px;
}

.accordionTabTitleBarHover {
	background-color : #FA1;
	color            : #FFCc00;
}

.accordionTabContentBox {
   font-size        : 1em;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
   padding          : 0px 8px 0px 25px;
}





#accordionExample {
	width : 600px;
}	

a.bouton-relief {
  float:right;
  color: black;
  background-color: #FFA911;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px outset #c0c0c0;
  margin-right:7px;

}
a.bouton-relief:hover{
float:right;
background-color: #0C77A8;
color: white;
 border: 1px inset #c0c0c0;
}

a.bouton-relief:visited {
  color: black;
  }
  
.small 
{
font-size:0.7em;
}