*, html, body {
    margin: 0;
    padding: 0;
	}

body {
    font: 100% Arial, Helvetica, sans-serif;
	background-color: #fafafa;
	}

hr, .cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: 1px;
	}

img {
	border: none;
	}
	
/* bleu R55 V145 B205 | vert R195 V215 B35
/* bleu #3791cd | vert #c3d723
/*
#3974b2
#db0b20
#d99eac
#a5ba22
#f5a60a
#a8701c
*/
/* ----------------------------| STRUCTURE |------------------------------- */

#global {
	background: white url(../_img/fond-contenu-pages-acces.jpg);
	margin: 0 auto;
	width: 760px;
	background-color: #fafafa;
    font: .75em Arial, Helvetica, sans-serif;
	}
	
#evitement {
	background: white url(../_img/fond-evite-pages-acces.jpg) no-repeat;
	height: 80px;
	text-align: center;
	}
	
#evitement.asso {
	background: white url(../_img/fond-aleatoire-mains.jpg) no-repeat;
	}
	
#logo {
	background: white url(../_img/logo-AIR-pages-acces.png) no-repeat;
	width: 233px;
	height: 120px;
	float: left;
	}
	
#entete {
	background: white url(../_img/fond-entete-pages-acces.jpg) top right no-repeat;
	width: 527px;
	height: 120px;
	margin-left: 233px;
	}
	
#image {
	width: 760px;
	height: 115px;
	}
	
#contenu {
	width: 760px;
	}
	
#ariane {
	width: 570px;
	height: 55px;
	float: right;
	text-align: center;
	}
	
#menus {
	width: 190px;
	text-align: left;
	float: left;
	margin-top: 20px;
	padding-top: 5px;
	background: #c3d723 url(../_img/fond-menu-vert-att.png) repeat-y;
	}
	
#page {
	text-align: center;
	margin-left: 190px;
	padding-top: 55px;
	}
	
#blocs-acces {
	height: 125px;
	text-align: left;
	padding: 0 90px;
	}
	
#outils {
	background: white url(../_img/fond-outils.jpg) bottom left;
	height: 3em;
	text-align: center;
	margin-left: 8px;
	}
	
#adresse {
	background-color: #fafafa;
	text-align: center;
	margin-bottom: 30px;
	margin-left: 8px;
	}
	
/* ----------------------------| ZONE EVITEMENT |------------------------------- */
	
#evitement li {
	display: inline;
	list-style-type: none;
	font-size: 1em;
	color: #aaa;
	}
	
#evitement li a {
	color: #777;
	text-decoration: none;
	}
	
#evitement li a:hover, #evitement li a:focus {
	color: black;
	text-decoration: underline;
	font-weight: bold; 
	}
	
/* ----------------------------| ZONE LOGOS |------------------------------- */
	
#logo h2 img {
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #3791cd; /* bleu */
	font-weight: bold;
	position: relative;
	top: 30px;
	left: 10px;
	}
	
/* ----------------------------| LOGIN ENTETE |------------------------------- */
		
#entete div h3 {
	border: 1px solid #3791cd; /* bleu */
	display: block;
	width: 290px;
	height: 89px;
	float: left;
	}
	
#entete #log-pubs h3 {
	background: transparent url(../_img/fond-acces-patients.jpg) no-repeat; 
	}
	
#entete #log-pros h3 {
	background: transparent url(../_img/fond-acces-pros.jpg) no-repeat;
	}
	
#entete div h3 span {
	display: block;
	margin: 12px 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #3791cd; /* bleu */
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	}
	
#entete div h3 span.pub {
	margin-left: 150px;
	color: #c1dff4; /* bleu clair */
	}
	
#entete div h3 span.pro {
	margin-left: 90px;
	}	
		
#entete p.texte-ident {
	color: #fefefe;
	}	
		
#entete #login {
	border: 1px solid #3791cd; /* bleu */
	background-color: #3791cd; /* bleu */
	width: 180px;
	height: 89px;
	margin-left: 290px;
	}
	
#entete #login fieldset {
	border: 1px solid #3791cd; /* bleu */
	margin: 20px 0 0 5px;
	}
	
#entete #login label {
	color: white;
	}
	
#entete #login input {
	padding: 0;
	margin: 0;
	}
	
#entete #login input.input {
	width: 125px;
	height: 21px;
	border: 1px solid #3791cd; /* bleu */
	background-color: white;
	padding-left: 2px;
	}
	
#entete #login input.submit {
	border: 1px solid #3791cd; /* bleu */
	background-color: #c3d723; /* vert */
	color: white;
	font-size: 1em;
	letter-spacing: -.1em;
	padding: 2px 0;
	position: relative;
	top: 2px;
	left: -5px;
	}

/* ----------------------------| CONTENUS |------------------------------- */

#ariane p {
	color: #777;
	margin-top: 5px;
	}

#ariane p a {
	color: #777;
	text-decoration: none;
	}
	
#ariane p a:hover, #ariane p a:focus {
	color: black;
	text-decoration: underline;
	}
	
/* ----------------------------| LES MENUS |------------------------------- */

#menus ul {
	list-style-type: none;
	width: 188px;
	}
	
#menus ul.vert {
	background: #c3d723 url(../_img/fond-menu-vert.png) repeat-y; /* vert */
	}
	
#menus ul.close {
	background: #e9efb6 url(../_img/fond-menu-vert-att.png) repeat-y; /* vert clair */
	}
	
#menus ul.bleu {
	background: #3791cd url(../_img/fond-menu-bleu.png) repeat-y; /* bleu */ 
	}
	
#menus ul.gris {
	background: #888 url(../_img/fond-menu-gris.png) repeat-y;
	}
	
#menus li {
	list-style-type: none;
	font-size: 1.2em;
	padding: 7px 3px 7px 0;
	border-bottom: 1px solid #fafafa;
	margin-left: 30px;
	color: white;
	font-weight: bold;
	}
	
#menus li.sans {
	border-bottom: 0 none;
	}
	
#menus li.avec {
	border-top: 1px solid #fafafa;
	}
	
#menus li a {
	color: white;
	text-decoration: none;
	}
	
#menus ul li a:hover, #menus ul li a:focus {
	text-decoration: underline;
	}
	
#menus ul.close li a {
	color: #f5f5f5;
	text-decoration: none;
	}
	
#menus ul li ul {
	margin-top: 5px;
	}
	
#menus ul li ul li.sousmenu {
	font-size: .9em;
	padding: 2px 0;
	border-bottom: 0 none;
	margin-left: 20px;
	}
		
/* ----------------------------| LA PAGE |------------------------------- */

#page #titre  {
	margin-left: -30px;
	}
	
#page #titre h2 {
	margin: 0 100px;
	border: 1px solid #C3D723; /* vert */
	background-color: white;
	padding: 15px;
	}
	
#page #titre h2 span {
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #c3d723; /* vert */
	text-transform: uppercase;
	font-weight: normal;
	}
	
#page #doc {
	margin: 50px 60px 50px 30px;
	text-align: left;
	}
	
#page #doc h3 {
	font: 1.8em Arial, Helvetica, sans-serif;
	color: #3791cd; /* bleu */
	font-weight: bold;
	display: block;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px; 
	padding-top: 10px;
	}
	
#page #doc h3 a {
	color: #3791cd; /* bleu */
	}
		
h3.titre-fleche {
	text-align: left !important;
	color: #777 !important;
	font-size: 1.3em !important;
	position: relative;
	left: -20px;
	padding-left: 20px;
	background: url(../_img/puce-h3.png) no-repeat;
	}
	
#page #doc h4 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #777;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	}
	
#page #doc p {
	color: #777;
	font-size: 1.1em; 
	line-height: 1.4em;
	margin-bottom: 10px;
	}
	
#page #doc p a {
	color: #777;
	}
	
#page #doc p a:hover, #page #doc p a:focus {
	color: black;
	}
	
#page #doc p.retrait {
	font-size: .95em; 
	border-left: 1px dashed #ccc;
	padding-left: 10px;
	margin: 8px 0 10px 0;
	}
	
#page #doc span.retrait {
	font-size: .95em; 
	padding-left: 10px;
	margin: 5px 0;
	display: block;
	}
	
#page #doc p.retrait em {
	font-weight: bold;
	}
	
#page #doc p em.legende {
	font-size: .8em;
	font-style: italic; 
	}

#page #doc p.encadre {	
	font-size: 1.5em;
	text-align: center;
	color: #3791cd;
	border: 1px solid #3791cd;
	padding: 10px;
	}
	
#page #doc p span.cite {
	font: 1.5em/1.3em Georgia, "Times new roman", Times, serif;
	font-style: italic;
	color:#aaa; 
	}
	
/* >>> PAGES AVC BLOCS DEPLIANTS */
	
#page #doc div.bloc-activites {
	border: 1px solid #ccc; 
	padding: 10px;
	margin-bottom: 5px;
	}
	
#page #doc div.assistresp { background: white url(../_img-pages/fond-bloc-assistresp.jpg) top left no-repeat; }
#page #doc div.perf { background: white url(../_img-pages/fond-bloc-perf.jpg) top left no-repeat; }
#page #doc div.insuli { background: white url(../_img-pages/fond-bloc-insuli.jpg) top left no-repeat; }
#page #doc div.nutri { background: white url(../_img-pages/fond-bloc-nutri.jpg) top left no-repeat; }
#page #doc div.maintien { background: white url(../_img-pages/fond-bloc-maintien.jpg) top left no-repeat; }
#page #doc div.ortho { background: white url(../_img-pages/fond-bloc-ortho.jpg) top left no-repeat; }
	
#page #doc div.bloc-txt {
	padding: 10px;
	padding-bottom: 0;
	position: relative;
	top: -10px;
	}
	
#page #doc div.bloc-txt p {
	color: #555;
	}
	
#page #doc div.bloc-txt img {
	position: relative;
	left: -5px;
	}
	
#page #doc div.bloc-txt p.illus {
	font-size: .9em;  /* légende photos mat */
	font-style: italic;
	}
	
#page #doc p.bouton {
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: .95em; 
	}
	
#page #doc p.bouton a {
	color: white;
	background-color: #3791cd; /* bleu */
	padding: 5px 10px;
	text-decoration: none;
	}
	
#page #doc p.bouton a:hover {
	text-decoration: underline;
	}
	
#page #doc p.bouton a:focus {
	background-color: black;
	text-decoration: underline;
	}
	
#boutonobj1, #boutonobj2, #boutonobj3, #boutonobj4, #boutonobj5, #boutonobj6, #boutonobj7, #boutonobj8, #boutonobj9, #boutonobj10{
	display: none; /* MASQUE LES BOUTONS DE BLOCS JS INACTIF */
	}
	
.liste-prest { display: none; } /* cache la liste-sommaire des prestations en mode standard */
	
/* >>> Tableaux prestations */


#page #doc table.table-prest {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
	}
	
table.table-prest td, table.table-prest th {
	border: 1px solid #cecece;
	padding: 3px 6px;
	background-color: #fafafa;
	}
	
table.table-prest caption {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: 1px;
	}
	
table.table-prest p { 
	line-height: auto;
	margin: 0;
	}
	
table.table-prest a {
	color: black;
	font-size: 1em; 
	text-decoration: underline;
	}
	
table.table-prest ul {
	color: #777;
	font-size: 1em; 
	list-style-type: none;
	}
	
table.table-prest thead th {
	font-size: .9em !important;
	color: white !important;
	padding: 3px 0 !important;
	margin : 0 !important;
	text-align: center;
	}

#page #doc #photos-produits {
	margin-bottom: 15px;
	height: 310px;
	text-align: center;
	border: 1px solid #cecece;
	border-top: 0 none;
	padding: 5px;
	background-color: #fafafa;
	}
	
#page #doc #photos-produits img {
	width: 75px;
	height: 75px;
	}

/* >>> Plan du site */

#doc.plan h2 {
	color: #3791cd;
	margin-top: 15px;
	}

#doc.plan li {
	list-style-type: none;
	font-size: 1em;
	margin-left: 30px;
	padding: 3px 0;
	color: #888;
	}
	
#doc.plan li a {
	color: #888;
	text-decoration: none;
	}
	
#doc.plan ul li a:hover, #doc.plan ul li a:focus {
	text-decoration: underline;
	}

/* ----------------------------| LES BLOCS ACCES |------------------------------- */

#blocs-acces div {
	float: left;
	width: 290px;
	margin-top: 20px;
	}
	
#blocs-acces #acces-publ {
	background: white url(../_img/fond-acces-patients.jpg) no-repeat; 
	}
	
#blocs-acces #acces-pros {
	background: white url(../_img/fond-acces-pros.jpg) no-repeat;
	}
		
#blocs-acces div h3 {
	border: 1px solid #3791cd; /* bleu */
	display: block;
	width: 290px;
	height: 89px;
	}
	
#blocs-acces div h3 a {
	display: block;
	margin: 12px 0;
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #3791cd; /* bleu */
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	}
	
#blocs-acces div h3 a.acces-patients {
	margin-left: 150px;
	color: #c1dff4; /* bleu clair */
	}
	
#blocs-acces div h3 a.acces-pros {
	margin-left: 90px;
	}
	
#blocs-acces div h3 a:hover, #blocs-acces div h3 a:focus {
	color: black;
	font-weight: bold; 
	}
	
/* ----------------------------| ZONE OUTILS |------------------------------- */

	
#outils li {
	display: inline;
	list-style-type: none;
	font-size: 1em;
	color: #999;
	}
	
#outils li a {
	color: #999;
	text-decoration: none;
	}
	
#outils li a:hover, #outils li a:focus {
	color: black;
	text-decoration: underline;
	font-weight: bold; 
	}
	
/* ----------------------------| ZONE ADRESSE |------------------------------- */

#adresse p {
	font-size: 1em;
	color: #888;
	line-height: 1.5em;
	}
	
#adresse p a {
	color: #888;
	}
	
#adresse p a:hover, #adresse p a:focus {
	color: black;
	}

/* ----------------------------| GESTION CLASSE JS |------------------------------- */

/* sans JS */		
.avecJS {display:none}
.sansJS {display:block}
/* avec JS */
.siJS .avecJS {display:block}
.siJS .sansJS {display:none}
	
/* ----------------------------| GESTION COULEURS ACTIV |------------------------------- */

.col-activ1 { color: #3974b2 !important; }
.bg-activ1 { background: #3974b2 url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ1 { border-color: #3974b2 !important; }
.fond-activ1 { background-color: #3974b2; }

.col-activ2 { color: #db0b20 !important; }
.bg-activ2 { background: #db0b20 url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ2 { border-color: #db0b20 !important; }
.fond-activ2 { background-color: #db0b20; }

.col-activ3 { color: #d99eac !important; }
.bg-activ3 { background: #d99eac url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ3 { border-color: #d99eac !important; }
.fond-activ3 { background-color: #d99eac; }

.col-activ4 { color: #a5ba22 !important; }
.bg-activ4 { background: #a5ba22 url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ4 { border-color: #a5ba22 !important; }
.fond-activ4 { background-color: #a5ba22; }

.col-activ5 { color: #f5a60a !important; }
.bg-activ5 { background: #f5a60a url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ5 { border-color: #f5a60a !important; }
.fond-activ5 { background-color: #f5a60a; }

.col-activ6 { color: #a8701c !important; }
.bg-activ6 { background: #a8701c url(../_img/blanc-boutons.png) repeat-x !important; }
.fil-activ6 { border-color: #a8701c !important; }
.fond-activ6 { background-color: #a8701c; }