@media screen {

* { margin: 0; padding: 0; }

.shy { position: absolute; left: -9999px; }

html { overflow-y: scroll; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background:#FFF url(/img/bg-jaune.gif) 50% top  repeat-y;
}

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 75%; }
sup { bottom: 1ex; }
sub { top: .5ex; }

img, a img {
	border: 0;
}

body.accueil {
	background: #000;
	margin: 0;
	font-size: 12px;
}
	body.accueil #wrap {
		width: 792px;
		margin: 0 auto;
	}
		body.accueil #header {
			height: 194px;
			position: relative;
		}
			body.accueil #header h1,
			body.accueil #header h2 {
				display: none;
			}
			body.accueil p#logo-beauvais-truchon {
				position: relative;
				top: 74px;
				left: 26px;
			}
			body.accueil #header ul {
				list-style-type: none;
				position: absolute;
				right: 94px;
				bottom: 42px;
			}
				body.accueil #header li {
					display: block;
					margin-top: 28px;
				}
					body.accueil #header a:hover,
					body.accueil #header a:focus { background-position: 0 -11px; }
					body.accueil #header a {
						width: 153px;
						height: 11px;
						display: block;
						background-repeat: no-repeat;
						background-position: 0 0;
					}
					body.accueil #header li#lien-bienvenue a {
						background-image: url('/img/accueil/lien-bienvenue.gif');
					}
					body.accueil #header li#lien-welcome a {
						background-image: url('/img/accueil/lien-welcome.gif');
					}
		
		body.accueil #splash {
			width: 790px;
			height: 202px;
			border: 1px solid #fff;
		}
		body.accueil #intro {
			color: #899f6c;
			margin-top: 34px;
			margin-left: 33px;
			font-size: 12px;
			width: 440px;
			line-height: 1.2;
		}
			body.accueil #intro strong {
				color: #fff;
			}
		body.accueil #nautille {
			margin-top: 8px;
			margin-left: 33px;
			width: 662px;
			text-align: right;
			padding-bottom: 35px;
		}

body.stage h3 {
	color: #8aa172;
	font-size: 15px !important;
	font-weight: normal;
	margin: 1em 0 0.5em;
}

/*<group=Contenant de la page>*/

#photo {
	line-height: 0;
	font-size: 0;
	margin-bottom: 1px;
}

#programme {
	font-size: 12px;
	font-weight:bold;
	background-color:#899F6C;
	height: 20px;
	text-align:center;
	letter-spacing:2px;
	margin-top:1px;
	line-height:20px;
}

#programme a{color:#000; text-decoration:none;}
#programme a:hover{color:#FEF8EC;}

#colonnegauche {
	position: absolute;
	width: 274px;
	left: 0;
	padding-bottom: 30px;
}

#colonnedroite {
	width:515px;
	margin-left: 275px;
}

#container {
	position:relative;
	width: 790px;
	margin: auto;
	text-align: left;
	margin-top: 1px;
	background:transparent url(/img/bg-jaune.gif) left top  repeat-y;
	padding-bottom:20px;
}

#logoprint{position:absolute;visibility:hidden;}

/*</group>*/

/*<group=Haut de la page>*/

#carrenoir {
	background: no-repeat left top url(/img/carre-noir.gif);
	height: 175px;
}
#carrenoir.en {
	background: no-repeat left top url(/img/carre-noir-en.gif);
}

#carrenoir a.lienaccueil{display:block;width:275px; height:175px;}
	
/*</group>*/

/*<group=Menu>*/

#menu {
	background-color: #C5D0B6;
	height: 16px;
	margin-top: 0;
	padding-top: 4px;
}

#english a {
	text-decoration: none;
	color: #6A824D;
}
#english a:hover {
	color: #3E4E2A;
}

#menu ul {
	text-transform: uppercase;
	list-style: none;
	margin-left: 6px;
}

#menu ul li.lien-langue { border-left: 0; float: right; }
#menu ul li {
	float: left;
	display: inline;
	padding: 0 6px;
	font-size: 6px;
	border-left: 1px solid #000;
}
#menu ul li.lien-langue a {
	color: #6b814f;
	font-weight: bold;
}
#menu ul li a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}
#menu ul li a:hover { color: #899F6C; }
#menu ul li.menudone { font-weight: bold; }
#menu ul li.menudone a { font-weight: bold; }
/*</group>*/

/*<group=Colonne de droite>*/

#contenu {
	text-align: left;
	width: 310px;
	margin-left: 110px;
	font-size: 13px;
}

#contenu p{margin-bottom:10px;}
#contenu h3{font-size:13px;}
#contenu h5{margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#8AA172;}

#colonnedroite p {font-size: 13px;}
#colonnedroite a{color:#000;text-decoration:underline;}

#contenu ul {
	list-style-type:square;
	font-size:13px;
	margin:0 13px 13px 13px;
}

#colonnedroite h1 {
	font: small-caps 26px Arial, Helvetica, sans-serif;
/*	text-transform: uppercase;*/
	color: #8AA172;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 22px;
}

#colonnedroite h1.titredessus {margin-top:0;}
#colonnedroite h1.cv {font-variant:normal;}

#colonnedroite h4 {
	text-align: center;
	margin-top: 20px;
}

/*.travail{font-size:13px;font-weight:bold; line-height:13px;border:1px solid #000;}*/

#travail{
	font: 14px Arial, Helvetica, sans-serif;
	color: #8AA172;
	text-align: center;
	font-weight:bold;
	line-height:15px;
	padding:0 40px 0 40px;
	margin-bottom:20px;
}
	
/*</group>*/


/*<group=Colonne de gauche>*/

#photos {
	margin-top: 20px;
	margin-left: 20px;
}

#photos .photo01{margin-bottom:10px;}

#imagenautile {
	margin-top: 20px;
	font-size: 11px;
	padding-left: 44px;
	padding-top: 52px;
	height: 40px;
}
	#imagenautile h2 {
		text-transform: uppercase;
		font-size: 12px;
		color: #6a824d;
	}
	#imagenautile p {
		margin-bottom: 1.6em;
	}
	#imagenautile a {
		text-decoration: underline;
		font-weight: bold;
		color: #000;
	}
	#imagenautile p span.crochets span.plus {
		position: static;
	}


#menugauche {
	position: relative;
	margin-top: 90px;
	margin-left: 47px;
/*	height: 30px;*/
}
#menugauche ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#menugauche ul li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	font-size: 11px;
	color:#6A824D;
}

#menugauche ul li a{color:#6A824D; text-decoration:none;}
#menugauche ul li a:hover{font-weight:bold;}
#menugauche ul li.done{color:#6A824D; font-weight:bold;}

#teaser {
	font: 14px Arial, Helvetica, sans-serif;
	padding: 8px 36px;
	width: 214px;
	margin-top: 18px;
	margin-left: 16px;
	background: transparent url('/img/interface/teaser.gif') no-repeat left 50%;
}

/************************************
******* SECTION PUBLICATIONS *******
************************************/
#publi #contenu { width: 435px; margin-left:35px;}
#contenu ul.publications { margin:0; padding:0; list-style:none; list-style-type:none; display:block;}
#contenu ul.publications li { margin:5px 0; padding:0px 30px 15px 20px; background:url(/img/separateur-li.jpg) no-repeat 100% 100%; list-style:none; list-style-type:none;}
#contenu ul.publications h3 { font-size:1.2em; font-weight:bold; color:#8AA172; margin:8px 0;}
#contenu ul.publications h3 span { font-size:0.7em; font-weight:normal; color:#000; display:block;}
#contenu ul.publications a { color:#8AA172; }
#contenu ul.publications a.pdf { background:url(/img/icone-pdf.gif) no-repeat 0 0; padding:3px 0; padding-left:23px; }
#contenu ul.publications a:hover { text-decoration:none; color:#000;}
/************************************
*************************************
************************************/

/*</group>*/

/* Champs de pratique {{{
******************************************************************************/

#nautile {
	position: absolute;
	top: 350px;
	left: 13px;
}

ul#description-nautille {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	margin-top: 13px;
}
	ul#description-nautille li {
		margin-bottom: 16px;
		position: relative;
		z-index: 10;
		height: 39px;
		padding: 0;
	}
	ul#description-nautille.page-avocats-par-secteurs li {
		height: auto;
	}
	ul#description-nautille li.affichee {
		z-index: 30;
	}
	.ie6 ul#description-nautille li { height: 34px; }
	.ie7 ul#description-nautille li { height: 34px; }
	.ie8 ul#description-nautille li { height: 39px; }
	.ie6 ul#description-nautille.page-avocats-par-secteurs li { height: auto; }
	.ie7 ul#description-nautille.page-avocats-par-secteurs li { height: auto; }
	.ie8 ul#description-nautille.page-avocats-par-secteurs li { height: auto; }
		
		ul#description-nautille li div.description-secteur {
			position: absolute;
			top: 0;
			left: 0;
		}
		ul#description-nautille.page-avocats-par-secteurs li div.description-secteur {
			position: static;
		}
			ul#description-nautille li:hover div.description-secteur p,
			ul#description-nautille li.hover div.description-secteur p { visibility: visible; }
			ul#description-nautille li div.description-secteur p {
				visibility: hidden;
			}
			ul#description-nautille a {
				text-decoration: none;
			}
				ul#description-nautille li h2 {
					font-size: 10px;
					text-transform: uppercase;
					color: #6a824d;
					margin-bottom: 1px;
					font-weight: normal;
					cursor: pointer;
				}
				ul#description-nautille li p {
					margin: 0 18px 0 0;
					font-size: 11px;
				}
				
		ul#description-nautille li div.liste-avocats {
			background: #fcfbec;
			padding: 10px;
			border: 1px solid #c5d0b6;
		}
		ul#description-nautille.page-avocats-par-secteurs li div.liste-avocats {
			border: 0;
			padding: 10px 0;
		}
		body.js ul#description-nautille li div.liste-avocats {
			position: absolute;
			top: 10px;
			left: 160px;
			width: 200px;
			visibility: hidden;
			z-index: 20;
		}
		body.js ul#description-nautille li.affichee div.liste-avocats {
			visibility: visible;
		}
			ul#description-nautille li div.liste-avocats span.fermer-boite {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 10px;
				height: 10px;
				line-height: 10px;
				text-align: center;
				cursor: pointer;
				color: #6a824d;
				border: 1px solid #6a824d;
				display: none;
			}
			body.js ul#description-nautille li div.liste-avocats span.fermer-boite { display: block; }
			ul#description-nautille li div.liste-avocats ul {
				margin-top: 10px;
				margin-bottom: 0;
			}
				ul#description-nautille li div.liste-avocats li {
					margin: 0;
					font-size: 11px;
					height: auto;
				}
		
		ul#description-nautille li h2 span.crochets {
			color: #000;
		}
		ul#description-nautille li p span.crochets {
			margin-left: 2px;
		}
			span.crochets span.plus {
				color: #6a824d;
				position: relative;
				top: 1px;
				font-weight: bold;
			}

/* }}} */

/* Contact {{{
******************************************************************************/

body.contact h2 {
	font-size: 12px;
	margin-top: 16px;
	margin-bottom: 8px;
}

#map-wrap {
	width: 460px;
	margin: 30px;
}
	#map {
		width: 460px;
		height: 345px;
		border: 1px solid #bbb;
	}

/* }}} */

}

@media print {
	
	* { margin: 0; padding: 0; }

	body{
		background-color:#FFF;
		background-image:none;
		color:#000;
		background:#FFF url(/img/bg-jaune.gif) 50% top  repeat-y;
	}

	a{color:#000;}
	a:visited{color:#000;}
	a:hover{color:#000;}

	#colonnedroite {
		margin-left: 50px;
		padding-bottom: 30px;
	}

	#container {
		position:relative;
		width: 600px;
		margin: auto;
		text-align: left;
		margin-top: 1px;
		padding-bottom:20px;
	}

	#colonnedroite h4 {
		text-align: center;
		margin-top: 20px;
		color:#999999;
	}

	#colonnedroite h1.cv {
		font-variant:normal;
		color:#CECECE;
	}
	
	.travail{font-size:13px;font-weight:bold;color:#CECECE;}
	
	#logoprint{
		position: relative;
		visibility: visible;
		margin-bottom:20px;
		margin-left:230px;
	}

	#contenu {
		text-align: justify;
		width: 300px;
	}

	#contenu p{margin-bottom:10px;}
	#contenu h3{font-size:12px;}
	#contenu h5{margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#CECECE;}

	#colonnedroite p {font-size: 12px;}
	#colonnedroite a{color:#000;text-decoration:none;}

	#contenu ul {
		list-style-type:square;
		font-size:12px;
		margin:13px;
	}

	#colonnedroite h1 {
		font: small-caps 26px Arial, Helvetica, sans-serif;
		color: #8AA172;
		text-align: center;
		margin-top: 20px;
		margin-bottom:10px;
		line-height:22px;
	}

	#colonnedroite h1.titredessus {
		margin-top:0;
	}

	#colonnedroite h4 {
		text-align: center;
		margin-top: 20px;
		}



	#colonnegauche {display:none;}
	#carrenoir {display:none;}
	#menu {display:none;}	
	#photo{display:none;}
	#photos{display:none;}
	#imagenautile{display:none;}
	#menugauche{display:none;}
	#teaser{display:none;}
	
}