body {
	background: url('img/fds_1.png');
    font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center
}

a {
	background-color: #ffffff;
	color: #3333FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

    #menu1 {
      float:left;
      width:100%;
      font-size:90%;
      line-height:normal;
          border-bottom:1px solid #6B78A9;
      }
    #menu1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #menu1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu1 a {
      float:left;
      background:url('img/tableft4.gif') no-repeat left top;
      margin:0;
      text-decoration:none;
      padding-left:7px;
      padding-right:0;
      padding-top:0;
      padding-bottom:0
      }
    #menu1 a span {
      float:left;
      display:block;
      background:url('img/tabright4.gif') no-repeat right top;
      color:#6B78A9;
      padding-left:6px;
      padding-right:15px;
      padding-top:5px;
      padding-bottom:4px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu1 a span {float:none;}
    /* End IE5-Mac hack */
    #menu1 a:hover span {
      color:#6B78A9;
      }
    #menu1 a:hover {
      background-position:0% -42px;
      }
    #menu1 a:hover span {
      background-position:100% -42px;
      }

      #menu1 #current a {
              background-position:0% -42px;
      }
      #menu1 #current a span {
              background-position:100% -42px;
      }


#container {
	background-color: #ffffff;
	color: #000000;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1005px;
}

#head{
width:1005px;
height: 11px;
margin:0 auto;
background:#ffffff url('img/tete_index.png') no-repeat;
color:#222;
padding-top:1px;
padding-bottom:0px
}


#header {
	background: url('img/banner.jpg') no-repeat;
	height: 140px;
	padding-top:1px;
	padding-bottom:0px;
	text-align: center;
	width: 100%
}

#header h1 {
	font-size: 3.5em;
	position: relative;
	left: 400px;
	top: 10px;
}

#header a {
	background-color: transparent;
	color: #ffffff;
	font-family: helvetica, verdana, arial, serif;
	text-decoration:none;
}

#header a:hover {
	background-color: transparent;
	color: #B3CFFC;
}

#content {
	float: left;
	padding-left: 2px;
	padding-right: 10px;
	margin-top: 1px;
	width: 740px;
	text-align:justify;
}

.header h2, h3, h4{
margin:0 0 10px 0;
font-weight:normal;
margin:20px 0 6px 0;
font-size:1.2em;
}

.h2style{
display:block;
background:#B3CFFC ;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none; margin-left:0;
margin-right:0px;
margin-top:20px;
margin-bottom:10px;
padding-left:8px;
padding-right:0;
padding-top:5px;
padding-bottom:5px
}

#footer{
width:1005px;
background:#fff url('img/bas_index.png') no-repeat bottom left;
font-size:0.9em;
color:#888;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0px;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:5px
}

.hide{
display:none;
}

.clear{
clear:both;
margin:0;
}

.credit{
color:#888;
background-color:inherit;
}

.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:3px double #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box1{
font-size:0.9em;
border:1px dashed #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
background-color: #f6f4ea;
}

.box2{
color:red;
font-size:0.9em;
background-color:#FFFF99;
border:1px dotted #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:gray;}
.box1 a{color:gray;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

.photo1{
border:1px ;
padding:4px;
background-color: #FFFFFF;
margin: 4px 4px 4px 4px;
}

.blue{color:#4088b8;}

.gray{color:#808080;}

.announce {
clear: both;
float: left;
font-size: 0.88em;
border:1px dotted navy;
margin-top: 20px;
margin-left: 15px;
margin-bottom: 20px;
padding: 5px;
width: 180px;
color: navy;
background: white;
line-height: 1.3em
}

.announce p {
margin: 1em 13px;
text-align:left;
}
.announce h4 {

text-align:center;
}

.announce a {
font-weight: bold;
font-size: 85%;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
}

.announce a:hover {
background: #eaeaea;
color: #286ea0;
border-right: 2px solid #286ea0;
border-bottom: 2px solid #286ea0;
}


.textright {
text-align: right;
}
.textcenter {
text-align: center;
}

.textleft {
text-align: left;
}
#indexboxpub1 {
    float:left;
	color: navy;
	background-color: white;
	width: 280px;
	height: 80px;
	margin-top: 5px;
	margin-left: 45px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 12px;
}

#indexboxpub2 {
    float:left;
	color: navy;
	background-color: white;
	width: 350px;
	height: 80px;
	margin-top: 5px;
	margin-left: 30px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 12px;
}
#indexboxpub3 {
    float:left;
	color: navy;
	background-color: white;
	width: 220px;
	height: 80px;
	margin-top: 5px;
	margin-left: 30px;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 12px;
}
#indexboxpub4 {
	float: right;
	color: red;
	padding-top: 15px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-left: 10px;
	width: 160px;
	background-color: white;
	height: 190px;
	border-color: red;
	border-width: 3px;
	border-style: solid
}

#indexboxpub5 {
float: left;
color: navy;
margin-top: 5px;
background: url('../images/icone_constat_amiable/un_constat_amiable.jpg') no-repeat;
background-position: center bottom;
border: solid 1px red;
margin-left: 2px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 5px;
width: 340px;
height: 185px;
border-width: 0px;
border-style: solid
}

.photospubbas {
	margin-bottom: 15px;
}
.photospubbas a {
	width: 106px;
	height: 148px;
	float: left;
	background: #C2D3EE;
	text-align: center;
	color: #808080;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-right: 20px;
}
.photospubbas>a {
	min-height: 150px;
	height: auto;
}
.photospubbas a.last, .greybox-background .right a.last {
	margin-right: 0;
}
.photospubbas a:hover {
	color: red;
}
.photospubbas a span {
	display: block;
	padding-top: 2px;
}
.photospubbas a>span {
	padding-top: 5px;
}
.greybox {
	border: 1px solid #ccc;
	margin-bottom: 39px;
	padding: 5px 0;
}
.greybox-background {
	background: url('img/gbback.jpg') repeat-y left top;
	width: 100%;
	line-height: 170%
}
.greybox-background .left, .greybox-background .right {
	width: 321px;
	float: left;
	padding: 0 10px;
}
.greybox-background .right {
	float: left;
	padding: 0 19px 0 20px;
}
ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 740px;background-color: white;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url('images/icone_constat_amiable/thumb_bg.png') no-repeat center;border: medium none;}
.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url('../images/icone_constat_amiable/blue.png') no-repeat center;text-align:center; color: #fff; padding-left:0; padding-right:0; padding-top:17px; padding-bottom:0 }