body{
  font-family: Verdana;
  background-image: url("../images/afa2.jpg") ;
  background-repeat: no-repeat;
  font-size: 10;
  margin:0px;
  padding:0px;
  text-align: left;
/*  background-color: #FFF2F2;*/
  color:#ffffff;
}

.headimg{
	width:70px;
	height:70px;
	padding:5px;
	padding-top:10px;
}

#logo{
  margin:5px;
  width:5em;
  border-width:0px;
}

#logobe{
  margin-top:75px;
  margin-right:0px;
  padding:0px;
  border-width:0px;
}
#logofmp{
  margin-top:60px;
  margin-right:0px;
  border-width:0px;
  width:100px;
}
#logopage{
	width:150px;
	height:350px;

}
.generalcontainer{
  background-position: left;
  height:798px;
  margin:0px;
  padding:0px;
  width:100%;
  }
.headercontainer{
  background-image: url("../images/header.jpg") ;
  background-position: left;
  background-repeat: repeat-y repeat-x;
  margin:0px;
  padding:0px;
  text-align: left;
  width:100%;
  clear: both;
}
.headerleft{
  float: left;
  display:block;
  width:auto;
}
.headercenter{
  float:left;
  display:block;
  height:100px;
  width:90%;
  margin:0px;

  }
.headertitel{
  float:left;
  width:auto;
  font-size:38px;
  font-weight:bold;
  font-stretch:extra-expanded;
  color:#FFFFF0;
  padding-top:0px;
  padding:0px;
  margin:0px;
  margin-left:30px;
}
.headerright{
  float:right;
  width:5%;
  padding:0px;
  text-align: right;
}
.functions{
  width:100%;
  text-align: right;
  height:30px;
  margin-right:150px;
  clear: both;
}

ul.function,ul.function li{
  margin:0;
  padding:0;
  list-style-type:none;
  }
ul.function li{
  display:block;
  float:right;
  width: auto;
  font-size:12px;
  margin-right: 0px;
  }
ul.function a{
  display:block;
  width:11em;
  padding:5px;
  font: bold 100% Verdana,Arial,sans-serif;
  text-transform:uppercase;
  background: #FFB200;
  color: #666;
  text-decoration:none;
  text-align:center;
  border-style:solid;
  border-width:1px;
  border-color:#AA8839;
  }
ul.function a:hover{
  background: #FFD980;
  color:#FFF
  }

ul.menuitem,ul.menuitem li{
  margin:0;
  padding:0;
  list-style-type:none;
  }
ul.menuitem li{
  width: 50px;
  font-size:14px;
  margin-right: 0px;
  }
ul.menuitem a{
  display:block;
  width:11em;
  padding:10px;
  font: bold Verdana,Arial,sans-serif;
  color: #FFB200;
  text-decoration:none;
  font-weight:bold;
  text-align:left;
  }

ul.menuitem a:hover{
  color:#FFD980;
  text-decoration: underline;
  }


.contentcontainer{
  width:100%;
  display:block;
  height:auto;
  margin-top:15px;
  clear:both;
}

.menu{
  float:left;
  display:block;
  width:180px;
}

.content{
  float:left;
  display:block;
  color:black;
  width: 61%;
}

.contentright{
  float:left;
  display:block;
  margin-top:25px;
  padding-left:20px;
  text-align: left;
  width:auto;
}

.footercontainer{
  background: black;
  font-size: 10px;
  color: #FFFFF0;
  font-family: Verdana;
  padding-top:5px;
  padding-left:5px;
  width:100%;
  height: 20px;
  margin:5px;
  margin-left:0px;
  text-align: center;
  clear:both;
  margin-top:50px;
}

.footerleft{
  float: left;
  display:block;
  width:8%;
}

.footercenter{
  float: left;
  display:block;
  width:60%;
  cursor:pointer;
}

.footerright{
  float: right;
  display:block;
  width:auto;
  text-align: right;
  padding-right:20px;

}

div.textmodule
{
  margin:10px;/* you decide */
  width:100%;/* you decide */
  position:relative;/* default, must have */
  z-index:1;/* default, must have */
}

div.textmodule div.ft[class] s{
  position:relative;
  background:#660000;/*color of shadow for Not IE*/
  border-top:solid 2px #660000;
  border-left:solid 2px #660000;
  -moz-border-radius:4px;
  border-radius:4px;
  top:-1px;
  left:-1px;
  right:-1px;
  bottom:-1px;
  z-index:-2;
  opacity:0.4;
  *display:none;
 }

div.textmodule div.ft[class] s s{
  opacity:0.7;
}


div.textcontainer .chrome
{
  background:#FFFFF0;/* #CCFF00 you decide*/
  border:solid 0px #999900;/* you decide */
  *zoom:1;
  *display:block;
  *width:100%;
  *position:relative;
  padding-bottom:50px;
  height:auto;
}


div.textcontainer
{
  width:100%;
  background:#660000;/*color of shadow for IE*/
  *filter:alpha(opacity:40) progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
}


div.textcontainer div.textcontent
{
  padding:0px;/* you decide */
  font-size:small;
  text-align: justify;
  height:auto;
}

.titel1{
  font-family: Verdana;
    font-size: 25px;
    font-weight: bold;
    margin:10px;
}

.titel1b{
  font-family: Verdana;
    font-size: 25px;
    font-weight: bold;
    margin:10px;
    text-align: center;
}

.titel2{
  font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    margin:10px;
}

.titel3{
  font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    margin:10px;
    font-style: italic;
}

.text{
  font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    margin:15px;
    margin-top:20px;
    text-align: justify;
}
.textleft{
  float:left;
  width:30%;
}

.textright{
  float:left;
  width:69%;
}

.textleft2{
  float:left;
  width:35%;
}

.textright2{
  float:left;
  width:64%;
}

.answer{
  display: none;
  color:#444444;
  padding:5px;
  background:#FFB;
  margin-top:5px;
}


.question li{
  margin-top:10px;
}
.question li a{
  text-decoration: none;
  color:#660000;
  background:none;

}

.question li a:hover{
  text-decoration: underline;
  color:#660000;
  background: #FFD980;
}

.link  li{
  margin-top:5px;
}
.link li a{
  text-decoration: none;
  color:#0000FF;
  background:none;

}

.link li a:hover{
  text-decoration: underline;
  color:#660000;
  background: none;
}

.news li{
  margin-top:0px;
  list-style-type:none;
  padding:5px;
    border-bottom-style: dotted;
  border-bottom-color: gray;
  border-bottom-width:1px;
 }
.news li a{
  text-decoration: none;
  color:#555555;
  background:transparent;
  padding:5px;

}

.news li a:hover{
  text-decoration: none;
  color:#000000;
  background-color: #FFD980;
}
.newstext{
	background:transparent;
	padding:0px;
	margin-right:20px;
	margin-left:20px;
	cursor: pointer;
}
.newsleft{
	float:left;
	width:15%;
}
.newsright{
	float:left;
	width:83%;
	font-weight: bold;
}

.titeltext{
	float:left;
	margin-left:30px;
	margin-right: 20px;
	margin-top:20px;
}
.titelimg{
	float:left;
	filter:alpha(opacity=80);
}
.textadres{
	margin:10px;
	text-align: center;
	font-weight: bold;
}
.textanswer{
	margin:5px;
}
.tablefaq{
	text-align:center;
	border-style: solid;
	border-color:#777777;
	border-width:2px;	
	margin-top:10px;	
}
.tablefaq td{
	border-style: solid;
	border-color:#777777;
	border-width:1px;	
}
.tribtitel{
	font-weight:bold;
	text-transform: uppercase;
	font-size: 12px;
	margin:10px;
	margin-left:30px;
}
.tribtitel2{
	font-weight:bold;
	font-size: 11px;
	margin:5px;
	margin-left:45px;
}
.tribadres{
	font-size: 10px;
	margin:5px;
	margin-left:55px;

}
.webmaster{
	text-decoration:none;
	color:white;
	margin:5px;
}



/* ************** */
/* **PLAINTES ** */
/* ************** */
/* reset.css */


/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
*/


form, p, legend, li, div{
  margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

input{
  vertical-align:baseline;
}


li{
  font-size:x-small;
}

fieldset{
  padding:10;
  margin-bottom:15;
}

td.form{
  font-size:x-small;
}

option{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;
}

.marginforminput{
  margin-bottom:20;
}

.marginformname{
  margin-bottom:28;
}

.info{
  color: #1414FF;
  font-weight:bold;
}

.msgerror{
  color: #FF0000;
  font-weight:bold;
}

.blocrouge{
  color:white;
  background:#990000;
  padding:5px 10px 10px 10px;
  min-width:150px;
  margin-top:15px;
  border-color:black;
  border-style:solid;
  border-width:2px;
}

.titre{
  color: #FFE47A;
  background:#990000;
  text-align:center;
  font-weight:bold;
  font-size:medium;
  padding:5px;
  margin:0px 40px 15px 40px;
  border-style:solid;
  border-color:black;
  border-width:thin;
}

.bouton{
  color: white;
  background:#990000;
  text-align:center;
  font-weight:bold;
  /*font-size:medium;*/
  padding:5px 20px 5px 20px;
  margin:15px 0px 5px 0px;
  cursor:pointer; 
  
  border-top: #FF8585 2px solid;
  border-right: #410000 2px solid;
  border-bottom: #410000 2px solid;
  border-left: #FF8585 2px solid;
}

.boutonclick{
  border-top: #410000 2px solid;
  border-right: #FF8585 2px solid;
  border-bottom: #FF8585 2px solid;
  border-left: #410000 2px solid;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left; display:block;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
/*.span-5 {width:190px;}*/
.span-5 {float:left;  width:34%;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
/*.span-9 {width:350px;}*/
.span-9 {float:left;  width:64%;padding-top:5px}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px; clear:both;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}


.textleft3{
  float:left;
  width:64%;
}

.textright3{
  float:left;  width:35%;
}


.espace-top{
  margin-top:35;
}

p.etoile{	/*     = "* Les champs marqués sont obligatoires"       */
  font-size:xx-small;
  font-style:italic;
}

.clear{clear:both;}

/*------------------------------------------
	formplainte form
------------------------------------------*/


#formplainte input, #formplainte textarea{
	/*border: 2px solid #bbb;*/
}

#formplainte textarea, #formplainte textarea.error{
	padding: 5px;
}

#formplainte label.error{
	font-size: 90%;
	background: #FFCCCC;
	border:2px solid #bbb;
	padding-left:2px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	position:absolute;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90;
  
}

#formplainte input.error{
	padding: 0px;
}

.linkmed li{
  font-size:12px;
  margin-top:10px;
}
.linkmed li a{
  text-decoration: none;
  color:#660000;
  background:none;

}

.linkmed li a:hover{
  text-decoration: underline;
  color:#660000;
  background: #FFD980;
}
.contactplus{
	color:#0000AA;
	font-size:16px;
	font-weight:bold;
}
.para{
 padding-top:10px;
 }
 .pers{
 margin-top:10px;
 padding:5px;
 width:330px;
 border-style:solid;
 border-width:1px;
 border-color:#00A;
 }