/*-- ********** GENERIQUE ********** */
body {
    text-align:center;
    margin:0px;
    padding:0;
    background:#fff url('../img/bg.jpg') center repeat-y;
    font: 12px/18px arial, serif;
    color:#333;
    }
    
* {
    margin:0;
    padding:0;
    }

a {color:#09a2c6;cursor:pointer;}

p {
	padding: 5px 10px;
	line-height:20px;
}

h1{
    color:#666;
    font-size:130%;
    margin:10px 0px;
    padding-left:20px;
    text-transform:none;
    background:url('../img/i.gif') left no-repeat;
    border-bottom:1px #666 solid;
    }
h2{
    color:#76c551;
    font-size:110%;
    margin:10px 0px;
    width:100%;
	text-align:center;
    text-transform:none;
    }

h3 {
	background:#FFEF3F; 
	width:100%; 
	text-align:center;
	margin:20px 0px;
}

ul {
	list-style:square; 
	padding: 10px 20px 10px 40px;
	}

 div.hr {
  height: 5px;
}

hr {
  display: none;
  clear:both;
}

#container {
    text-align:left;
    margin:0 auto;
    width:780px;
    }
#content { 
    text-align:left;
    margin-top:10px;
    }

#entete {
    background:url('../img/menage.jpg') top left no-repeat;
    height:250px;
	}

.texte1 {
    border-left:2px #76c551 solid;
    margin-left:10px;
    padding:10px;
    background:#EFFFF0;
    }
.texte1 p { 
      font-size:110%;
}
.texte1 span { 
        color: #333;
	 font-style: italic ;
}

/*-- ********** LEFT ********** */
#left {
    width:410px;
    border-right:1px #999 solid;
    padding-right:10px;
    }

#left ul {
	margin:0;
    padding:0;
    }
    
#left li { 
	padding: 5px 0px 5px 20px;
	list-style:none;
	background:url('../img/arrow.gif') left no-repeat;
	font-weight:bold;
	color:#76c551;
	}
	
/*-- ********** RIGHT ********** */

#right {
    float:right;
    width:340px;
    }
    
#right h1{
    color:#666;
    font-size:130%;
    margin:10px 0px;
    padding-left:20px;
    text-transform:none;
    background:url('../img/i.gif') left no-repeat;
    border-bottom: 1px dotted #09a2c6;
    }
    
#contact p{
    background:#B6EF77;
    padding:10px;
    color:#337c33;
    font-weight:bold;
    }

#contact ul { 
	padding: 10px 0px 10px 30px;
	background:#def4ff;
	}

#contact li { 
	padding: 5px 0px 5px 20px;
	list-style:none;
	background:url('../img/icon-doc.gif') left no-repeat;
	font-weight:bold;
	}
	
/*-- ********** RIGHT ********** */

#header {
    margin:0px;
    padding:0px;
    background:url('../img/fond_header.jpg') right no-repeat;
    }
#header ul{
    float:right;
    list-style-type:none;
	margin:0;
    padding:0;
    }
#header ul span{
    color:#09a2c6;
    }
#header img{
    margin:10px 0px 0px 0px;
    padding:0px;
    }
    
/*-- ********** FOOTER ********** */

#footer {
    background: #e0e0e0;
    color:#666;
    margin:30px 0px 10px ;px
    padding:10px;
    text-align:center;
    }
#footer ul {
	margin:0;
    padding:0;
    }
#footer li {
    display:inline;
    text-decoration:none;
    }
#footer li a {
    text-decoration:none;
    margin: 0px 5px;
    }


/*-- ********** ENGAGEMENTS ********** */

#engagements ul {
    list-style-type: none;
	font-size:90%;
	background:none;
	padding:0px;
	margin-left:10px;
} 

#engagements li {

        border-width: 1px 0;
        margin: 0px;
	background:none;
	padding:0;
	color: #09a2c6;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px 5px 5px 25px;
        text-decoration: none;
        background:url('../img/tick.gif') left no-repeat;
}

#engagements em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}




/*-- ********** LINKS  ********** */

#links ul {
        list-style-type: none;
        font-size:90%;
	background:none;
	padding:0px 90px 0px 0px;
	height:85px;
} 

#links li {

        border-width: 1px 0;
        margin: 0px;
	background:none;
	padding:0;
}

#links a { 
        color: #09a2c6;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}


 * html #links li a {  /* make hover effect work in IE */
	width: 290px;
}



#links a:hover {
        background: #def4ff;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #76c551;
        font: normal 70% Verdana, Helvetica, sans-serif;
}

/*-- ********** FORMULAIRES  ********** */

form.formulaire {text-align:center}

form.formulaire fieldset
  {
  padding: 0px 10px 10px 10px;
  background:#def4ff;
  width:540px;
  margin:0px auto;
  text-align:left
  }
form.formulaire h1
  {
  font-size:110%;
  font-weight:bold;
  background:#09a2c6;
  color:#fff;
  padding:2px 10px;
  margin:5px 0px 10px 0px;
  border:none;
  }
form.formulaire label
  {
  display: inline;
  float: left;
  width: 200px;
  }

.formulaire span {font-size:80%;width:100%; text-align:right; float:right;}



input, select, textarea {background:#fdefbe}

input.valider {background:#fdefbe; border:2px #333 outset; padding:2px 5px;}