@charset "utf-8";

* {
	padding:0px;
	margin:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	background-image:url(/img/legalopin/std/bg.gif);
	background-repeat:repeat;
	color:#FFFFFF;
}

a {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover, a:active, a:focus {
	color:#FFFFFF;
	text-decoration:none;
}

hr {
	clear:left;
	visibility:hidden;
}

div#page {
	width:980px;
	background-image:url(/img/legalopin/std/bg2.png);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	padding-left:8px;
	padding-right:8px;
}

div#top {
	width:980px;
	height:14px;
	background-image:url(/img/legalopin/std/bg3.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

div#menu {
	width:980px;
	height:74px;
	background-image:url(/img/legalopin/std/bg3.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

div#menu a {
	color:#959482;
	text-decoration:none;
	font-size:23px;
}

div#menu ul {
	text-align:center;
}

div#menu li {
	height:54px;
	list-style-type:none;
	display:inline-table;
	margin-left:8px;
	padding-right:15px;
	padding-top:21px;
	background-image:url(/img/legalopin/std/menu.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

div#menu li.lastchild {
	background:none;
}

div#menu li div.lienMenu {
	width:0;height:0;
	border:11px solid;
	border-top:none;
	border-color:#959482 transparent;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
	visibility:hidden;
}

div#menu li:hover div.lienMenu,
div#menu li.actif div.lienMenu {
	visibility:visible;
}

div#banner {
	width:980px;
	height:382px;
	border-bottom:1px solid #888760;
}

div#coordonnees {
	width:223px;
	float:left;
}

div#coordonnees div#nom {
	height:245px;
	background-color:#7A8214;
}

div#coordonnees div#nom h1 {
	font-size:20px;
	text-align:center;
	padding-top:40px;
	font-weight:100;
}

div#coordonnees div#nom h2 {
	font-size:30px;
	color:#bdb85b;
	text-align:center;
	margin-top:-90px;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #333;
	font-weight:100;
}

div#coordonnees div#nom div#centre {
	width:130px;
	height:93px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/img/legalopin/std/logo.jpg);
	background-repeat:no-repeat;
	margin-top:70px;
}

div#coordonnees div#nom div#centre span {
	visibility:hidden;
}

div#coordonnees div#nom div#blog {
	text-align:center;
	margin-top:14px;
	background-color:#616313;
	height:28px;
	padding-top:5px;
}

div#coordonnees div#nom div#blog a {
	color:#FF9900;
	font-weight:bold;
}

div#coordonnees div#contact {
	height:127px;
	width:193px;
	background-color:#616313;
	font-size:12px;
	padding-top:10px;
	padding-left:30px;
}

div#banner div#photo {
	width:757px;
	height:382px;
	background-image:url(/img/legalopin/std/photo.jpg);
	margin-left:223px;
}

div#ariane {
	width:975px;
	height:17px;
	background-image:url(/img/legalopin/std/bg3.gif);
	background-repeat:repeat-x;
	background-position:center left;
	padding-left:5px;
	padding-top:1px;
	font-size:12px;
	color:#000000;
}

div#ariane a {
	color:#000000;
	text-decoration:none;
}

div#ariane a:hover,
div#ariane a.actif {
	color:#98955C;
}

div#ariane span#meilleur {
	text-align:right;
	display:block;
	float:right;
	margin-right:5px;
}

div#ariane span#meilleur a img {
	border:0px;
}

div#contenu {
	padding:10px;
	width:960px;
	min-height:300px;
	background-color:#87855C;
	font-size:14px;
}

div#contenu div#sousmenu {
	min-height:290px;
	width:215px;
	margin-right:20px;
	background-image:url(/img/legalopin/std/ssmenu.gif);
	background-position:top right;
	background-repeat:repeat-y;
	float:left;
}

div#contenu div#sousmenu a {
	text-decoration:underline;
	font-family:"Comic Sans MS", cursive;
	font-size:20px;
}

div#contenu div#sousmenu a:hover {
	text-decoration:none;
}

div#contenu div#sousmenu ul {
	margin-left:40px;
}

div#contenu div#sousmenu li {
	list-style-type:none;
	line-height:25px;
}

div#contenu div#sousmenu li:hover,
div#contenu div#sousmenu li.actif {
	list-style-image:url(/img/legalopin/std/cheval.png);
}

div#contenu div#sousmenu li.actif a {
	text-decoration:none;
}

div#contenu div#contenutext {
	padding-left:20px;
}

div#contenu div#contenutext blockquote {
	margin-left:30px;
}

div#contenu div#contenutext blockquote ul {
	margin-left:15px;
}

div#contenu div#contenutext blockquote li {
	list-style-type:none;
}

div#contenu div#contenutext h2,
div#contenu div#contenutext h3 {
	background-image:url(/img/legalopin/std/fer.gif);
	background-position:center left;
	background-repeat:no-repeat;
	height:26px;
	padding-left:30px;
	font-size:20px;
	margin-bottom:10px;
}

div#page div#contenu div#contenutext div#plan {
	width:120px;
	margin-left:auto;
	margin-right:auto;
}

div#page div#contenu div#contenutext div#plan ul li {
	list-style-type:none;
	width:300px;
}

div#footer {
	width:980px;
	height:17px;
	background-image:url(/img/legalopin/std/bg3.gif);
	background-repeat:repeat-x;
	background-position:center left;
	text-align:center;
	font-size:10px;
	padding-top:1px;
}

/* lightbox */
.diapo {
	cursor:pointer;
	border:1px solid #BDB85B;
}

/*formulaire de contact */
div#page div#contenu div#contenutext form#formcontact p label{
	width:240px;
	display:block;
	float:left;
}

div#page div#contenu div#contenutext form#formcontact p span.img {
	display:block;
	width:26px;
	height:26px;
	background-image:url(/img/std/error.png);
	background-position:left top;
	margin-left:450px;
	cursor:help;
	visibility:hidden;
}

div#page div#contenu div#contenutext form#formcontact p span.imgtxt {
	display:block;
	width:26px;
	height:26px;
	background-image:url(/img/std/error.png);
	background-position:left top;
	margin-left:590px;
	margin-top:150px;
	cursor:help;
	visibility:hidden;	
}

div#page div#contenu div#contenutext form#formcontact p input[type="text"] {
	border:1px solid #BDB85B;
	background-color:#FFFFFF;
	float:left;
}

div#page div#contenu div#contenutext form#formcontact p input[type="submit"] {
	border:1px solid #BDB85B;
	background-color:#BDB85B;
	margin-left:240px;
	color:#242424;
	cursor:pointer;
}

div#page div#contenu div#contenutext form#formcontact p input[disabled="disabled"],
div#page div#contenu div#contenutext form#formcontact p input[disabled="disabled"]:hover  {
	border:1px solid #999999;
	background-color:#999999;
	color:#333333;
	margin-left:240px;
	cursor:not-allowed;
}

div#page div#contenu div#contenutext form#formcontact p textarea {
	border: 1px solid #BDB85B;
	background-color:none;
	overflow:auto;
	float:left;
}