/* premier-film.com CSS stylesheet */
/* copyright 2009 Yoann Lemain     */
/* http://yoann.lemain.fr          */

/*** General ***/
*{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	text-decoration:none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background:url("../images/body/background.png");
}

a{
	color:inherit;
}

a:hover{
	text-decoration:underline;
}

p{
	text-align:justify;
}

.clear{
	clear:both;
}

/*** Wrappers ***/
#wrapper{
	width:902px; /*this only fixes width*/
	margin:0 auto;
}

#header-wrapper{margin:40px 0 0 0;}
#header-wrapper .wrapper-1{background:url("../images/body/top_left.png") repeat-y;}
#header-wrapper .wrapper-2{background:url("../images/body/top_right.png") right repeat-y;}
#header-wrapper .wrapper-3{height:36px; margin:0 36px; background:url("../images/body/top.png");}

#banner-wrapper{}
#banner-wrapper .wrapper-1{	background:url("../images/body/left.png") repeat-y;}
#banner-wrapper .wrapper-2{background:url("../images/body/right.png") right repeat-y;}
#banner-wrapper .wrapper-3{height:184px; margin:0 36px;}

#menu-wrapper{}
#menu-wrapper .wrapper-1{background:url("../images/body/middle_left.png") repeat-y;}
#menu-wrapper .wrapper-2{background:url("../images/body/middle_right.png") right repeat-y;}
#menu-wrapper .wrapper-3{height:19px; margin:0 36px; background:url("../images/body/middle.png");}

#content-wrapper{}
#content-wrapper .wrapper-1{background:url("../images/body/left2.png") repeat-y;}
#content-wrapper .wrapper-2{background:url("../images/body/right2.png") right repeat-y;}
#content-wrapper .wrapper-3{margin:0 8px; background:#000; padding:14px;}

#footer-wrapper{}
#footer-wrapper .wrapper-1{background:url("../images/body/bottom_left.png") no-repeat;}
#footer-wrapper .wrapper-2{background:url("../images/body/bottom_right.png") right no-repeat;}
#footer-wrapper .wrapper-3{height:8px; margin: 0 8px; background:url("../images/body/bottom.png");}

/*** Content ***/

#logo{
	position:absolute;
	left:50%;
	margin:-18px auto auto -174px;
}

#banner{
	position:absolute;
	z-index:-10;
	width:844px;
	height:212px;
	margin:-7px 0 0 -7px;
	background:#000;
}

#menu{
	text-align:center;
}

#menu>li{
	display:inline-block;
	width:97px;
	height:19px;
	background:url("../images/body/menuitem.png") no-repeat;
}

#menu>li:first-child{
	width:100px;
	background:url("../images/body/menuitem_first.png") no-repeat;
}

#menu>li:last-child{
	width:100px;
	background:url("../images/body/menuitem_last.png") no-repeat;
}

#menu>li>a {
	position:absolute;
	z-index:10;
	margin:3px 0 0 0;
	text-decoration:none;
	display:block;
	width:97px;
	height:38px;
}

#menu>li>a.accueil{
	background:url("../images/menu/accueil.png") left top no-repeat;
}
#menu>li>a.contact{
	background:url("../images/menu/contact.png") left top no-repeat;
}
#menu>li>a.offre{
	background:url("../images/menu/offre.png") left top no-repeat;
}
#menu>li>a.services{
	background:url("../images/menu/services.png") left top no-repeat;
}
#menu>li>a.home{
	background:url("../images/menu/home.png") left top no-repeat;
}
#menu>li>a.solutions{
	background:url("../images/menu/solutions.png") left top no-repeat;
}
#menu>li>a:hover{
	background-position:right;
}

#menu>li>ul{
	background:#000;
	border:1px solid #333;
	text-align:left;
}

#menu>li>ul>li{
	margin-bottom:5px;
}

#menu>li>ul>li:last-child{
	margin-bottom:2px;
}

#menu>li>ul a{
	display:block;
	font-size:14px;
	color:#999;
}
#menu>li>ul a:hover{
}

#menu ul{
	display:none;
	position:absolute;
	z-index:20;
	margin:36px auto auto 30px;
	padding:5px 10px;
}

#menu li:hover>ul,
#menu li.sfHover>ul {
	display:block;
}

#news{
	width:210px;
	float:right;
	font-size:0.8em;
	color:#ccc;
	text-align:right;
	padding:10px;
}

#news .title{
	color:#fff;
	font-size:1.3em;
	margin:5px 0;
}

#news a{
	color:#fff;
}

#news>ul{
	padding:0 0 0 20px;
	border-left:1px solid #333;
}

#news .item{
	padding:5px 0;
	border-bottom:1px dashed #333
}

#content{
	color:#ccc;
	padding:10px;
	font-size:0.8em;
	text-align:justify;
	width:600px;
	float:left;
}

#content h1{font-size:20px;}
#content h2{font-size:16px;}
#content h3{font-size:14px; margin:10px 0 5px 0;}
#content p{
	margin:6px 0 0 0;
}
#content img{
	background:#ccc;
	padding:1px;
	border:4px solid black;
}

#content ul{
	margin:10px 0;
}
#content li{
	list-style-type:square;
	margin:0 0 0 20px;
}

#content>.overview{
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;
	font-size:14px;
	text-align:justify;
	width:476px;
	margin: 0 5px 5px 5px;
	min-height:100px;
	float:left;
	clear:none;
	padding:10px 15px;
}

#content>.overview p{
	margin:5px 0;
}

#content>.details{
	padding:10px 5px 0 5px;
	clear:both;
	font-size:14px;
	border-top:1px dashed #ccc;
}

#content>.details>ul{
	
}

#content>.details>ul>li:first-child{
	border-left:none;
}

#content>.details>ul>li{
	border-left:1px dashed #ccc;
	float:left;
	width:225px;
	padding:0 15px;
}

#content>.details>ul>li img{
	width:210px;
	display:block;
	margin: 0 auto;
}

#content>.details>ul>li p{
	text-indent:10px;
}

#content>.album {
	clear:both;
	margin-top:10px;
}

#content>.album a {
	display: block;
	float: left;
	clear: none;
	width: 110px;
	height: 110px;
	margin: 2px;
	line-height: 20px;
}

#footer{
	color:#555;
	font-size:10px;
	text-align:right;
	margin:3px 10px 0 10px;
}
#footer a{color:#555;}
#footer a:hover{color:#808080; text-decoration:none;}
#footer .copyright{vertical-align:top;}

#contact{
	width:400px;
	margin: 50px auto 0;
}
#contact th{
	width:100px;
}

#errors{
	text-align:right;
	color:#9f0000;
}