/*** pages internes ***/

/* découpage de la page */
div#global{
	width: 1024px;
	height: 656px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
div#body{
	min-height: 600px;
	height: auto;
	background: #fff url(../images/top_body.jpg) no-repeat 0 0;
}
/* header */
div#header{
	height: 84px;
	font-size: 10px;
	color: #69A8BA;
	background: #fff url(../images/header_content.jpg) no-repeat 0 0;
}
div#header p.baseline{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 12px;
	letter-spacing: 8px;
}
* html div#header p.baseline{
	padding-top: 2px;
}
* + html div#header p.baseline{
	padding-top: 3px;
}
* html div#header{
	margin-bottom: 28px;
}
div#header h1 a{
	display: block;
	outline: none;
	width: 210px;
	height: 80px;
	text-indent: -5000em;
	float: left;
	margin: 17px 0px 10px 50px;
	background: transparent url(../images/logo_small.gif) no-repeat 50% 50% ;
	position: relative;
}
* html div#header h1 a{
	margin: 17px 0px 10px 25px;
}
div#header div#infos {
	float: right;
	text-align: right;
	padding: 10px 10px;
	color: #713225;
}
div#header div#infos *{
	font-size: 10px;
}
div#header div#infos h2{
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}
div#menu {
	
}
/* body */
div#body > img#decoration_bilans{
	margin-top: -100px;
	margin-left: -50px;
}
* html div#body {
	padding: 20px 0px 0px 0px;
}
div#chapeau{
	margin-bottom: 30px;
}
* html div#chapeau{
	margin-left: 60px;
}
div.inbody{
	clear: both;
	margin-left: 50px;
	margin-bottom: 10px;
}
div.inbody ul span{
	font-weight: bold;
	color: #713225;
}
.bigger{
	font-size: 1.2em;
}
.space_one{
	height: 100%;
	float: left;
	position: relative;
}
* html .space_one{
	margin-left: 20px;
}
.space_two{
	float: left;
	height: 100%;
	margin-left: 5px;
	position: relative;
}
div.space_one, div.space_two{
	width: 49%;
}
* html div.space_one, * html div.space_two{
	width: 45%;
	height: auto;
}
div.zone_bleue{
	background-color: #88CDCF;
	margin: 10px 5px;
	width: 265px !important;
}
div.zone_bleue_large{
	background-color: #88CDCF;
	margin: 10px 5px;
	width: 400px !important;
}
div.zone_bleue ul {
	margin-left: 20px;
}
div.zone_bleue ul li{
	list-style-image: url(../images/puce_blanche.png) !important;
	list-style-image: url(../images/puce_blanche.gif);
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	line-height: 20px;
}
div.zone_bleue ul li a{ 
	color: #fff;
}
div.zone_bleue h3, div.zone_bleue_large h3{ 
	text-align: center;
	padding-top: 10px;
}
div.fiche{
	clear: both;
	width: 370px;
	height: 80px;
	color: #713225 !important;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
div.fiche img, div.zone_grise img{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}
div.fiche div.blue{
	color: #69A8BA;
	font-weight: bold;
}
div.fiche p.num{
	margin-left: 110px;
}
div#content15 p.num{
	margin-left: 0px;
}
div.zone_grise img{
	width: 100px;
	height: auto;
	border: #713225 solid 2px;
}
div.zone_grise div.fiche{
	margin-left: 5px;
	width: 470px;
	background-color: transparent;
}
div.fiche p{
	font-size: 11px;
}
.uppercase{
	text-transform: uppercase;
}
div.volute_bleues{
	clear: both;
	min-height: 90px;
	background: #88CDCF url(../images/volutes_bleues.png) no-repeat 50% 0 !important;
	background: #88CDCF url(../images/volutes_bleues.gif) no-repeat 50% 0;
	padding: 10px 5px;
}
div.space_two div.inbody{
	margin-left: 70px;
}
div.zone_grise{
	background: transparent url(../images/zone_grise.jpg) no-repeat 0 0;
	height: 170px;
	width: 505px;
	margin: 10px 0px;
	padding: 20px 10px;
}
div.zone_grise h4{
	font-size: 15px;
	color: #713225;
	padding-left: 15px;
	background: transparent url(../images/puce_bleue.jpg) no-repeat 0 50%;
}
div.zone_grise h5{
	margin-top: 5px;
	font-size: 14px;
}
div.zone_grise h5 span{
	text-transform: uppercase;
}
div.zone_grise h6{
	font-size: 13px;
}
div.zone_grise p{
	margin-top: 20px;
}
div.zone_grise p.plus{
	font-size: 12px;
}
div.zone_grise p.rdv{
	position: relative;
	top: 0px;
}
div.zone_grise p.num{
	margin-top: 0px;
}
.error{
	border: #713225 solid 2px;
	padding: 5px;
	background-color: #FFF7DF;
	text-align: center;
	font-weight: bold;
	color: #713225;
}
.alert{
	border: #88CDCF solid 2px;
	padding: 5px;
	background-color: #EFFFFF;
	text-align: center;
	font-weight: bold;
	color: #88CDCF;
}
div#cadres_bleus{
	width: 320px !important; 
}
div#consultants{
	margin-left: 60px;
}
div#consultations_medicales, #consultations_paramedicales{
	width: 415px;
}
div#consultations_medicales h3, #consultations_paramedicales h3{
	display: block;
	float: left;
	border-bottom: #fff solid 2px;
	padding-bottom: 5px;
}
div#consultations_medicales h3{
	margin-left: 65px;
}
div#consultations_paramedicales h3{
	margin-left: 50px;
}
* html div#consultations_medicales h3{
	margin-left: 15px;
}
* html div#consultations_paramedicales h3{
	margin-left: 7px;
}
div.left{
	float: left;
	width: 35%;
}
div#map{
	width: 570px;
	height: 460px;
	background-color: #fff;
	margin: 0px 0px 5px 0px;
}
* html div#map{
	margin-left: 20px;
}
div#map img{
	margin: 0px;
	width: 565px;
	height: 460px;
}
div#adresse{
	color: #713225;
	font-size: 11px;
	padding-left: 20px;
	width: 350px;
}
div#adresse h2{
	text-transform: uppercase;
	border: none;
	font-size: 11px;
}
div#adresse div, div#explanations p{
	clear: both;
}
div#explanations {
	width: 350px;
	padding-left: 20px;
}
div#explanations h2{
	margin-top: 20px;
}
div#explanations ul{
	margin-left: 30px;
}
div#explanations li{
	line-height: 15px !important;
	margin-top: 0px !important;
}
div#contact_adresse{
	background: transparent url(../images/zone_grise_large.jpg) no-repeat 0 0;
	height: 150px;
	width: 620px;
	margin: 0px auto 0px auto;
	padding: 20px 10px;
}
div#contact_adresse div.space_one{
	width: 30%;
}
div#contact_adresse div.space_two{
	width: 60%;
}
div#contact_adresse img{
	margin-top: 15px;
}
div#contact_adresse #link{
	text-align: right;
}
div#contact_adresse a{
	text-align: right;
	font-size: 11px;
	color: #88CDCF;
	text-decoration: underline;
}
div#contact_adresse h2{
	text-transform: uppercase;
	border: none;
	font-size: 11px;
}
div#contact_adresse p{
	clear: both;
	color: #713225;
	font-size: 10px;
}
div#contact_adresse  p#who{
	margin-top: 10px;
	color: #4d4d4d;
	font-weight: bold;
}
div#tableau_contact{
	width: 55%;
}
div#form_contact{
	width: 40%;
}
* html div#tableau_contact{
	width: 50%;
}
* html div#form_contact{
	width: 40%;
}
table {
	clear: both;
	margin: 10px 0px;
	width: 480px;
}
.point{
	width: 20px;
}
.maj {
	text-transform: uppercase;
	width: 220px;
}
.majp {
	text-transform: uppercase;
	width: 140px;
}
table tr td{
	font-size: 11px;
	font-weight: bold;
	color: #4D4D4D;
	padding: 5px 0px 0px 0px;
	vertical-align: top;
}
table tr td.line{
	border-bottom: #88CDCF solid 1px;
}
table tr td.last{
	border: none !important;
}
form#contactform {
	clear: both;
	display: block;
	background: transparent url(../images/zone_grise_longue.jpg) no-repeat 0 0;
	padding: 20px;
	margin: 50px 0px 0px 0px;
	width: 400px;
	height: 300px;
}
* html form#contactform {
	margin: 20px 0px 0px 0px;
}
form#contactform label{
	font-size: 11px;
	color: #4D4D4D;
	font-weight: bold;
}
form#contactform input#submit{
	cursor: pointer;
	background-color: #88CDCF;
	color: #fff;
	font-weight: bold;
	display: block;
	border: none;
	padding: 5px 0px;
	margin: 10px auto 10px auto; 
	height: 25px;
	width: 120px;
}
form#contactform input{
	border: #333 solid 1px;
	padding: 5px 0px 0px 5px;
	height: 20px;
	width: 295px;
}
input#email{
	margin-left: 23px;
}
input#object{
	margin-left: 27px;
}
form#contactform  textarea{
	border: #333 solid 1px;
	width: 355px;
	height: 160px;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
}
div#volute{
	clear: both;
	width: 100%;
	margin-top: -50px;
	height: 100px;
	background: #fff  url(../images/volutes.png) no-repeat 0 0 !important;
	background: #fff  url(../images/volutes.gif) no-repeat 0 0;
}
div#container{
	height: 450px;
	width: 550px !important;
	overflow: auto;
}
