/*
	CSS pour Ménard et Martin, avocats - Principal
	Emilie - egzakt.com
	2009/08/11
*/

body {
	background:url(../images/ul/tuiles/bg_interieur.gif) repeat-x left top;
	font:81.3%/130% 'Trebuchet MS', Arial, sans-serif;
	margin:0;
	color:#333333;
}
body#accueil {
	background-image:url(../images/ul/tuiles/bg_accueil.gif);
}

h1 {
	font:1.62em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#33333;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding-bottom:4px;
	border-bottom:1px solid #c9c9c9;
	letter-spacing:2px;
}

h2 {
	font:1.62em/1.2em Georgia, 'Times New Roman', serif;
	color:#0071BC;
	margin:0 0 6px 0;
}

h3 {
	font:1.14em/1.2em Georgia, 'Times New Roman', serif;
	color:#F15A22;
	margin:0 0 8px 0;
}

h5 {
	font:bold 1.08em/1.5em 'Trebuchet MS', Arial, sans-serif;
	color:#333333;
	margin:0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#0071BC;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#36C5CB;
}

img {
	border:0;
}

#wrapper {
	width:930px;
	padding-right:30px;
	margin:0 auto;
	background-color:#fff;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	position:relative;
	height:260px;
	background-image:url(../images/ul/photos/entete_accueil.jpg);
}

#entete h1 {
	margin:0;
	border:none;
	padding:0;
}

#entete h2#slogan {
	float:right;
	width:549px;
	margin:18px 0 0 0;
	display:inline; /* Pour IE6 double margin bug */
	text-align:center;
	font:0.92em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:2px;
}

#entete h2#slogan span {
	display:block;
	text-transform:none;
	font-size:0.92em;
	line-height:1.2em;
	margin-top:1px;
}

#entete .intro {
	margin:27px 0 0 27px;
	width:325px;
	font:0.92em/1.6em Georgia, 'Times New Roman', serif;
	color:#fff;
}


/* NAVIGATION
-----------------------------------------*/
#entete ul#navigation {
	position:absolute;
	bottom:7px;
	left:274px;
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

#entete ul#navigation li {
	display:inline;
}

#entete ul#navigation a {
	padding:2px 5px;
	margin-left:25px;
	font-size:0.85em;
	line-height:1.2em;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	color:#333333;
}

#entete ul#navigation a:hover,
#entete ul#navigation a.selected {
	background-color:#F15A22;
	color:#fff;
}


/* ARCHITECTURE CONTENU
-----------------------------------------*/
#contenu {
	width:900px;
	margin-left:30px;
	background:url(../images/ul/tuiles/conteneur_colonnes.gif) repeat-y left top;
}
#accueil #contenu {
	margin-top:30px;
	background:none;
}

#contenu #colonne_mission {
	float:left;
	width:207px;
	margin-top:30px;
}

#contenu #colonne_principale {
	float:right;
	width:656px;
	border-top:10px solid #fff;
}

#contenu #colonne_principale .padding {
	padding:20px 30px;
	border-top:10px solid #F2F2F2;
}

#contenu #contenu_bas {
	clear:both;
}

#contenu a#retour_accueil {
	float:right;
	margin-top:9px;
	text-transform:uppercase;
	font-size:0.85em;
	line-height:1.2em;
}


/* SOUS-NAVIGATION
-----------------------------------------*/
ul#sous_navig {
	width:656px;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#fff;
}

ul#sous_navig li {
	display:inline;
}


ul#sous_navig a {
	float:left;
	padding:4px 20px;
	background:url(../images/ul/boutons/sous_navig.jpg) repeat-x left top;
	font-size:0.77em;
	line-height:1.2em;
	color:#808080;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}

ul#sous_navig a:hover,
ul#sous_navig a.selected {
	color:#333333;
	background-position:left bottom;
	border-bottom:2px solid #F2F2F2;
}


/* BLOCS TEXTE
-----------------------------------------*/
.bloc_texte ul {
	list-style-type:none;
	margin:5px 0;
	padding:0;
	color:#666666;
	font-size:0.92em;
	line-height:1.2em;
}

.bloc_texte li {
	background:url(../images/ul/icones/puce.gif) no-repeat 0 5px;
	padding:3px 0 3px 14px;
}

.bloc_texte .note {
	font-size:0.83em;
	line-height:1.2em;
}

.bloc_texte .colore {
	color:#F15A22;
}

.bloc_texte .encadre {
	background-color:#f1f1f1;
	padding:10px;
}

.bloc_texte .bloc_deroulant {
	margin:6px 0;
	padding-bottom:7px;
}

.bloc_texte a.lien_deroulant {
	display:block;
	padding:2px 15px 2px 30px;
	font-size:0.85em;
	line-height:1.2em;
	color:#333;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	background:#D9D9D9 url(../images/ul/boutons/lien_deroulant.gif) no-repeat 5px 0;
}

.bloc_texte a.lien_deroulant:hover {
	background-position:5px -34px;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant:hover {
	background-position:5px -64px;
	background-color:#363636;
	color:#fff;
}

.bloc_texte .zone_deroulante {
	padding:10px 15px 10px 30px;
	background-color:#F2F2F2;
	font-size:0.92em;
	line-height:1.2em;

}

a.fichier {
	padding:2px 0 0 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}
a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}


/* ACCUEIL
-----------------------------------------*/
/* Droits en santé */
#accueil #droits {
	float:right;
	width:348px;
}

#accueil #droits h4 {
	margin:0;
}

#accueil #droits .bloc_texte {
	border:1px solid #EBEBEB;
	padding:16px 29px;
	font-size:0.92em;
	line-height:1.4em;
	color:#4D4D4D;
}

#accueil #droits .bloc_texte h5 {
	font-size:1.17em;
	line-height:1.4em;
}

/* Actualités */
#accueil #haut_actualites {
	width:522px;
	margin-bottom:10px;
}

#accueil dl#actualites {
	margin:0;
	width:522px;
}

#accueil dl#actualites dt {
	padding:3px 20px;
	background:url(../images/ul/tuiles/actualites_entete.jpg) repeat-y left top;
	font:1.62em/1.2em Georgia, 'Times New Roman', serif;
}

#accueil dl#actualites dd {
	width:482px;
	margin:0 20px;
}

#accueil dl#actualites dd .aucun {
	margin-top:18px;
}

#accueil dl#actualites ul,
#actualites ul.listing {
	list-style-type:none;
	margin:0;
	padding:0;
}

#accueil dl#actualites li,
#actualites ul.listing li {
	padding:6px 0 8px 0;
	background:url(../images/ul/tuiles/actualites_liste.jpg) no-repeat right bottom;
}

#accueil dl#actualites .date,
#actualites .date {
	color:#F15A22;
	font-size:0.92em;
	line-height:1.2em;
}

#accueil dl#actualites h3,
#actualites h3 {
	font:1.23em/1.2em Georgia, 'Times New Roman', serif;
	margin:0 0 5px 0;
	color:#333333;
}

#accueil dl#actualites h3 a,
#actualites h3 a {
	text-decoration:none;
	color:#333333;
}

#accueil dl#actualites h3 a:hover,
#actualites h3 a:hover {
	text-decoration:underline;
}

#accueil dl#actualites .plus,
#actualites .plus {
	text-align:right;
	margin-top:3px;
}

#accueil dl#actualites .plus a,
#actualites .plus a {
	color:#0071BC;
	text-decoration:none;
	font-size:0.77em;
	line-height:1.2em;
	text-transform:uppercase;
}

#accueil dl#actualites .plus a span,
#actualites .plus a span{
	text-decoration:underline;
}

#accueil dl#actualites .plus a:hover,
#actualites .plus a:hover{
	color:#36C5CB;
}


/* ACTUALITES
-----------------------------------------*/
#actualites #archives {
	margin-top:20px;
}

#actualites #archives .bloc_texte .zone_deroulante {
	padding-top:1px;
}

#actualites #archives .bloc_texte ul {
	font-size:1em;
	line-height:1.2em;
}

#actualites #archives .bloc_texte li {
	background:none;
	padding:8px 0;
	border-bottom:1px solid #d9d9d9;
}

#actualites #archives .intro {
	font-size:0.92em;
	line-height:1.3em;
}

#actualites #archives h4 {
	font:1.21em/1.2em Georgia, 'Times New Roman', serif;
	color:#333;
	margin:1px 0 2px 0;
}

#actualites #archives h4 a {
	color:#333;
	text-decoration:none;
}

#actualites #archives h4 a:hover {
	text-decoration:underline;
}


/* voir aussi styles défini dans l'accueil */
#actualites .retour {
	text-align:right;
	font-size:0.92em;
	line-height:1.2em;
}

#actualites .retour a {
	text-decoration:none;
}

#actualites .retour a span {
	text-decoration:underline;
}


/* CONTACT
-----------------------------------------*/
#gmap {
	width:596px;
	margin:0 auto;
}

#gmap #form_directions {
	text-align:right;
	margin-bottom:8px;
}

#gmap #form_directions #f_adresse {
	border:1px solid #606060;
	padding:2px;
	width:130px;
}

#gmap #map {
	width:596px;
	height:300px;
}


/* BAS
-----------------------------------------*/
#bas {
	width:894px;
	padding:13px 18px;
	margin-top:30px;
	background:url(../images/ul/tuiles/bas.jpg) repeat;
}

#bas a#egzakt {
	float:right;
	margin-top:2px;
	font:0.69em/1.1em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

#bas a#egzakt:hover {
	text-decoration:underline;
}

#bas ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0.77em;
	line-height:1.2em;
}

#bas li {
	display:inline;
}

#bas ul a {
	display:inline;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
}

#bas ul a:hover,
#bas ul a.selected {
	text-decoration:underline;
}


/* DIVERS
-----------------------------------------*/
.message, .succes {
	color:#e21414;
	border:1px solid #e21414;
	padding:10px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	margin-bottom:10px;
}

.succes {
	background:#fff url(../images/ul/icones/crochet.gif) no-repeat 15px center;
	color:#2ea542;
	border:1px solid #2ea542;
}

.message ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#e21414;
}

form {
	margin:0;
}

.radio {
	border:none !important;
}

.print {
	display:none;
}

#version_dev {
	background:#FF0000 url(../images/ul/icones/avertissement.gif) no-repeat 8px 4px;
	padding:5px 10px 5px 30px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	text-transform:uppercase;
}