/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#eee url(../images/charte/bg-body.jpg) left top repeat-x;
}
/***************** CONTAINER *****************/
#container0{
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100% !important;/*---obligatoire pour le footer:IE---*/
	margin:0 auto;
}
#container{
width:990px;
position: relative;
min-height: 100% !important;
height:auto !important;
height:100%;
background:url(../images/charte/bg-container.jpg) left top repeat-y;
margin:0 auto;
}
/***************** HEADER *****************/
#header{
width:990px;
height:175px;
background:url(../images/charte/header.jpg) left top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:990px;
height:40px;
background:url(../images/charte/bg-menu-top.jpg) left top no-repeat;
list-style:none;
}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:160px;
top:-6000px;
left:0;
background:#ffc0a9;
border:solid #fff;
border-width:1px 0 0 0;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid #ffcfbd;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
background:#ff8598;
}
/***************** CONTENU *****************/
#contenu{
width:950px;
padding:20px 40px 0 0px; 
min-height:400px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
#clearFooter{
height:45px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
	width:100%;
	height:45px;
	position:relative;
   /*	margin:-45px auto;*/
	background:url(../images/charte/bg-footer.jpg) left top repeat-x;
}
#footer1{
	position: relative;/*---obligatoire pour le footer---*/
	margin:auto;
	width:970px;
	height:39px;
	color:#fff;
	padding:6px 20px 0 0;
	background:url(../images/charte/footer.jpg) left top no-repeat;
}
#idep{
position:absolute;
left:12px;
top:15px;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer1 #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#ffc2cc;
margin:8px 0 0;
}
#footer1 #idep a.idep.optea{
margin:0;
}
#footer1 #idep a:hover.idep{
text-decoration:none;
color:#fff;
}

.invisible
{
     display: none; 
}

/*=======================| index |===========================*/
#texte
{
  float:right;
  width:680px;
  padding:20px 0 20px 20px;
}
#gauche
{
  float: left;
  width:455px;
}

#droit
{
  float: right;
  width:215px;
  padding-left:10px;
}

.left
{
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.right
{
  float: left;
  margin-bottom: 5px;
}
#bg
{
    float:left;
    width: 454px;
    height: 33px;
    background: url(../images/charte/bg-text1.jpg) no-repeat top left;
}
#bg p
{
  padding:3px 13px 0 13px;
  color:#413c3c !important;
  text-align: center !important;
}
/*=================|osteopathie|===================*/
ul, li{
    font:12px/1.2em Arial, Helvetica, sans-serif;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

ul.list1{
	float:left;
	padding: 0px 0 8px 0px;
    border-top: solid 1px #d7b1b3;
    border-bottom: solid 1px #d7b1b3;
    margin-bottom:6px;
	}

ul.list1 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 10px;
	text-align: justify	;
	line-height: 15px;
	padding:6px 0px 0px 15px;
    font:12px/1.2em Arial, Helvetica, sans-serif;
    color:#666;
    }

/*======================|historique|========================*/
#bg-text
{
  float: left;
  width: 635px;
}
#bg-text p
{
    font-style: italic !important;
    font-size:11x !important;
    font-family:Verdana !important;
    padding:3px;
}
.bullet
{
  padding:5px 0px 5px 3px;
}
.box
{
    background-color:#f7f0f1;
    padding-top:3px;
    float:left;
    width:630px;
    border:solid 1px #d7b1b3;
    margin-bottom:5px;
}
#bg-text .box p
{
  padding:0 10px 0 10px;
}
/*===================|comment-passe|=====================*/
.right1
{
  float: right;
  margin-bottom: 10px;
  margin-left: 15px;
}
.left1
{
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
}
#bg-text1
{
  float: left;
  width: 455px;
}
#bg-text1 p
{
    font-style: italic !important;
    font-size:11px !important;
    font-family:Verdana !important;
    padding:3px 0px 3px 30px;
}
#gauche1
{
  float: left;
  width:510px;
}

#droit1
{
  float: right;
  width:160px;
  padding-left:10px;
}

/*=================|debouches|==================*/
ul.list2{
	float:left;
    width:100%;
	padding: 0px 0 8px 0px;
    border-top: solid 1px #d7b1b3;
    border-bottom: solid 1px #d7b1b3;
    margin-bottom:6px;
	}

ul.list2 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 10px;
	text-align: justify	;
	line-height: 15px;
    margin-left:100px;
	padding:6px 0px 0px 15px;
    font:11px/1.2em Arial, Helvetica, sans-serif;
    color:#666;
    }

/*=================|partenerait|==================*/
ul.list3{
	float:left;
    width:100%;
	padding: 0px 0 8px 0px;
    margin-bottom:6px;
	}

ul.list3 li{
	background: url(../images/charte/list-bullet.jpg) no-repeat top left;
	background-position:0px 12px;
	text-align: justify	;
	line-height: 16px !important;
	padding:6px 0px 0px 12px;
    font:12px/1.2em Arial, Helvetica, sans-serif;
    color:#666;
    }
/*================|contact|===============*/
#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:470px;
    text-align: left;
    padding:20px;
    float:left;
    background-color: #ffffff;
    border:solid 1px #e6cfd0;
}
#frmContact .left2
{
 width:235px;
 float:left;
 display:inline;
 margin-left:0px;
 margin-bottom:10px;
  }

 #frmContact .right2
 {
    width:230px;
    float:left;
    display:inline;
    margin-top:0px;
 }
 #frmContact .right2 p
 {
  color:#666666 !important;
  font-family:Arial;
  font-size: 12px;
  font-weight: normal;
  padding:0px;
  margin: 5px 0;
 }

 #commentaire
 {
   width:396px;
 }

 #contact{
  width:100%;
  float:left;
}
.inputForm{

    border:1px solid #ce9499;
	background-color:#ffffff;
	width:148px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
    padding:1px;
    height:14px;
    margin:3px 0;
}
.inputFormOver{
	border:1px solid #ce9499;
	background-color:#f6eeef;
	width:148px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
    margin:3px 0;
    padding:1px;
    height:14px;
}
.label
{
  width:65px;
  padding-top:5px;
  float:left;
  color: #666666;
}
.inputs
{
    width:170px;
    float:left;
}

.button{
    border:1px solid #ffffff;
    background-color:#324bb0;
	/*background: url(../images/charte/bg-button.jpg) repeat-x top left;*/
	width:82px;
    height: 20px;
    color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
	cursor:pointer;
    padding-bottom:2px;
}
.buttonOver{
    border:1px solid #ffffff;
	background-color:#b14c53;
	width:82px;
    height: 20px;
	color:#efdfe0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
	cursor:pointer;
    padding-bottom:2px;
}
.bottom
{
  float:left;
  width: 350px;
  padding: 0 0 14px 150px;
}
#oblig{
    float:left;
    text-align:center;
    width:470px;
    color:#666666;
    padding-top:6px;
    font-size:10px;
    border-top:solid 1px #efdfe0;
}