body
{
	background: #ffffff;
	color: #333;
	font: Verdana, Arial;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
  margin-top:0px;
  margin-bottom:0px;
}
.badgevisite {
  position:absolute;
  z-index:1;
  top:10px;
  left:845px;
}

.centrage {
text-align:center;
}

.twitter {
  position:absolute;
  z-index:1;
  top:290px;
  left:910px;
}
.rubanrouge {
  position:absolute;
  z-index:1;
  top:620px;
  left:-10px;
}
.rubanrougehome1 {
  position:absolute;
  z-index:1;
  top:460px;
  left:95px;
}
.rubanrougehome2 {
  position:absolute;
  z-index:1;
  top:710px;
  left:95px;
}
/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip {
    background:transparent url(../images/black_arrow_big1.gif) no-repeat scroll 0 0;
    font: Verdana, Arial; 
    font-size:12px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0;
    font: Verdana, Arial; 
    font-size:18px; 
    color:#25b9fe; 
}
/* tooltip title element (p) */ 
div.tooltip p { 
    margin:0;
    text-align:left;
    font: Verdana; 
    font-size:14px; 
    color:#f08c36; 
}






.conteneur {
  position: absolute;
  width: 900px;
  left: 50%;
  margin-left: -480px; 
}
.bloc960duhaut {
  margin:0px auto 0px auto;
  width:960px;
  height:363px;
  background-image: url("../images/fond-menu.jpg");
  border-bottom: 2px solid #154e99;
}
.bloc960 {
  margin:0px auto 0px auto;
  width:960px;
  height:250px;
}

.bloc960contact {
  float:left;
  width:960px;
  height:365px;
  margin:0px auto 0px auto;
  padding:0px;
  background-image: url("../images/fond-contact.gif");
  border-top: 2px solid #154e99;
}
.bandeaucontact {
  position:relative;
  width:960px;
  height:60px;
  padding:0px;
  background:#5d7f2e;
}
.messagescontact {
  position:absolute;
  width:400px;
  left:320px;
  top:7px;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #d1dcb8;
  text-align:right;
}
.messagespicto {
  position:absolute;
  left:730px;
  top:7px;
}
.imgcontact {
  position:absolute;
  left:10px;
  top:7px;
}
.titrecontact {
  position:relative;
  width:30px;
  left:15px;
  top:15px;
}
.blablacontact {
  padding: 0px 10px 10px 0px;
  width:290px;
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#000;
  text-align:justify;
}
.mailto {
  width:290px;
  padding: 0px 0px 10px 0px;
}
.adresse {
  width:290px;
  padding: 0px 0px 10px 0px;
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#000;
  text-align:center;
}
.signature{
  float:left;
  width:250px;
  padding: 5px 0px 0px 0px;
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#000;
  text-align:center;
}
.logoratpnoir{
  float:left;
  width:250px;
  text-align:center;
  padding: 5px 0px 0px 0px;
}
.pieddepage {
  float:left;
  width:960px;
  height:18px;
  background:#868582;
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#fff;
  text-align:center;
}



.optexmpl{
background:#e1e1e1;
padding:5px;
}
.part1 {
  float:left;
  margin-left:10px;
  margin-top:10px;
  width:300px;
}
.part2 {
  float:left;
  margin-left:10px;
  margin-top:10px;
  width:180px;
}
.part3 {
  float:left;
  margin-left:10px;
  margin-top:10px;
  width:400px;
}






.nomcourrieltel {
  float:left;
  width:150px;
  font-size:12px;
  font-family: Verdana, Arial;
  line-height:2.3em;
}
.besoin{
  float:right;
  width:400px;
  font-size:12px;
  font-family: Verdana, Arial;
  line-height:2.3em;
}
.besoin a {
  color:#fff;
}
.envoyer{
  float:right;
  width:150px;
  height:15px;
  margin:10px 0px 0px 0px;
  font-size:12px;
  font-family: Verdana, Arial;
  text-align:center;
  color:#fff;
  background:#5d7f2e;
  line-height:1.1em;
}
input {
  color:#000;
  background-color:#f0eee9;
  font-size:12px;
  font-family: Verdana, Arial;
}
textarea {
  color:#000;
  background-color:#f0eee9;
  font-size:12px;
  font-family: Verdana, Arial;
  width:400px;
  height:200px;
}
.bloccentral {
  float:left;
  margin-left:0px;
  margin-top:10px;
  width:960px;
}
.col1 {
float:left;
width:450px;
margin:20px 0px 0px 20px;
}
.col2 {
float:left;
width:450px;
margin:20px 0px 0px 20px;
}
.bloc1 {
  float:left;
  margin-left:150px;
  margin-top:10px;
  width:302px;
}
.bloc2 {
  float:left;
  margin-left:15px;
  margin-top:10px;
  width:302px;
}
.bloc3 {
  float:left;
  margin-left:15px;
  margin-top:10px;
  width:302px;
}
.bloc4 {
  float:left;
  margin-left:10px;
  margin-top:10px;
  width:302px;
}
.imgbloc1 {
  position:absolute;
}
.imgbloc2 {
  position:absolute;
}
.imgbloc3 {
  position:absolute;
}
.imgbloc4 {
  position:absolute;
}
.txtbloc {
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#000;
  text-align:justify;
}
.bloclogo {
  position:absolute;
  margin:10px;
}
.bloctemoignage {
  position:absolute;
  top:50px;
  left:60px;
  width:260px;
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#f0eee9;
  text-align:justify;
}
.blocmenu{
  position:absolute;
  top:100px;
  left:0px;
}
.blocvisuel {
  position:relative;
  width:780px;
  left:180px;
}
#menu {
  position:absolute;
  margin:0px;
  top:100px;
  width:170px;
  list-style: none;
  padding: 0px;
}
#sousmenu {
  margin:0px;
  top:100px;
  width:170px;
  list-style: none;
  padding: 0px;
}
/*#menu li {
	font: 18px Verdana, Helvetica sans-serif;
	padding: 10px;
	border-bottom: 2px solid #f0eee9;
  width:170px; 
}*/
.pucemenu {
	font: 16px Verdana, Helvetica sans-serif;
	padding: 5px;
	border-bottom: 2px solid #f0eee9;
  width:170px;
  font-weight:bold;
}
.pucesousmenu {
	font: 11px Verdana, Helvetica sans-serif;
	padding: 5px;
  width:170px; 
}
#menu a {
	color: #f0eee9;
	padding: 2px 0px;
}
#menu a:hover {
	color: #f0eee9;
	padding-bottom: 2px 0px;
}
.temoin {
  color:#4d90c8;
  font-family: Verdana, Arial;
  font-size: 12px;
}
a
{
	color: #000;
	text-decoration: none;
}
a.bleu{
  font-weight:bold;
  color:#004e99;
	font-family: Verdana, arial;
	font-size: 11px;
}
a.blanc{
  font-weight:bold;
  color:#f0eee9;
  text-align:right;
	font-family: Verdana, arial;
	font-size: 12px;
}
a:hover
{}
.greentxt {
  color:#5d7f2e;
  font-family: Verdana, arial;
	font-size: 18px;
	font-weight: bold;
}
h1
{
	font-family: Verdana, serif;
	font-weight: normal;
	text-align: center;
	font-size:20px;
  padding:0px;
  margin:0px 0px 30px 0px;
}
.citation{
  font-weight: bold;
  font-size:12px;
  color:#5d7f2e;
}
h2
{
	font-family: Verdana, arial;
	font-weight: bold;
	font-size:18px;
	padding: 0px;
	text-align: right;
	margin:50px 0px 0px 0px;
	width:960px;
	color:#154e99;
}
h3
{
	font-family: Verdana, arial;
	font-weight: bold;
	font-size:18px;
	padding: 0px;
	text-align: center;
	color:#154e99;
}
p
{
	padding:5px;
	margin:0px;
	text-align: right;
}
img {
  border:none;
}
