/*###################################
#	OHA								#
#	=============================	#
#	©2009 Lagouache.com				#
###################################*/

@import url("styles.css");

/*	#div
---------------------------*/
#header {margin:0 auto; width:930px; height:120px; border-bottom:4px solid #cdcb00;}
#presentation {margin:0 auto; padding:30px 0; width:930px; border-bottom:4px solid #cdcb00; overflow:auto;}
	#coordonnees {float:left; width:210px;}
#content {margin:0 auto; width:930px; border-bottom:4px solid #cdcb00; overflow:auto;}
	#side {float:left; width:210px;}
	#contenu {float:left; margin-left:30px; padding:15px 0; width:690px;}
#footer {clear:both; margin:15px auto; width:930px;}

/*	HEADER
---------------------------*/
#header h1 {display:block; float:left; margin:0; padding:0;}
#header h1 a {display:block; width:210px; height:120px; background:url("../images/logo-OHA.gif");}
#header h1 span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
#header h2 {float:left; margin:80px 0 0 30px;}

/*	CONTENT
---------------------------*/
/* SIDE */
ul#coordonnees {margin:0; padding:15px 10px; width:190px;}
ul#coordonnees strong {font-size:16px;}

ul.menu {clear:both; margin:0; padding:0; width:210px; border-top:4px solid #cbcb00;}
ul.menu li {padding:0;}
ul.menu li a {display:block; padding:5px 0; width:210px; line-height:20px; font-size:16px; font-weight:bold; color:#cbcb00; text-decoration:none; border-bottom:1px solid #552;}
ul.menu li a strong {padding-left:9px;}
ul.menu li a:hover strong, ul.menu li a.active strong {padding-left:5px; border-left:4px solid #cbcb00;}

ul.menu li ul {margin:0; padding:0;}
ul.menu li ul li a {padding:2px 0 2px 9px; width:201px; font-size:12px; height:16px; line-height:16px; font-weight:normal;}
ul.menu li ul li a:hover {}

ul#agence {}
ul#agence a {color:#fff;}
ul#agence a:hover {}

/*	CONTENU	*/
#contenu h3 {border-bottom:1px solid #552;}
/*	liste	*/
div.listitem {clear:left; padding:15px 0 5px; height:80px; border-bottom:1px solid #552; overflow:hidden; cursor:pointer;}
	div.firstitem {border-top:1px solid #552;}
	div.listitem:hover {background:#2b282c;}
	div.listitem a {text-decoration:none;}
div.listitem div.image {float:left; width:210px; margin-right:10px; overflow:auto;}
div.listitem div.infos {float:left; width:460px; overflow:auto;}
	div.listitem div.infos h2 {font-size:18px; margin:0;}
	div.listitem div.infos p span {font-weight:bold; color:#cbcb00;}

/*	diapo	*/
	/* adgallery */
	#gallery {overflow:hidden;}
	/* galleria */
	#diapo {text-align:center;}
	ul.gallery {margin:0; padding:0;}
	ul.gallery li{width:90px; height:60px;}
	p.nav{clear:both; padding-top:5px; font-size:75%; letter-spacing:3px; text-transform:uppercase;}
	p.nav a {text-decoration:none; color:#cbcb00;}
	.caption {font-style:italic; line-height:30px;}
	/* s3slider */

/*	detail	*/
div#titre {padding:5px 0; border-bottom:1px solid #552;}
div#titre h2 {display:inline; padding-left:5px; line-height:20px; font-size:16px; font-weight:bold; border-left:4px solid #cbcb00;}
div#titre div.close {float:right;}
div#titre div.close a {text-decoration:none; color:#cc3; line-height:20px;}
p.infos {padding:10px 0; margin-bottom:10px; border-bottom:1px solid #552; font-weight:bold; color:#cbcb00;}
p.infos span {margin-right:10px; font-weight:normal; color:#fff;}

/*	contact	*/
form.contactform { background:#232024; border:1px solid #2b282c; padding:20px; padding-left:200px;}

/*	FOOTER
---------------------------*/
#footer ul {margin:0; padding:0;}
#footer ul li {float:left; padding-right:10px; margin-right:10px; border-right:1px solid; color:#fff;}
	#footer ul li.last {border:none; margin:0; padding:0;}
#footer ul li a {color:#fff; text-decoration:none;}
#footer ul li a:hover {color:#fff; text-decoration:underline;}