/* Eric Meyer reset CSS
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{
  font-style:italic;
  quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Abrieco CSS
----------------------------------------------- */
body{
	font: 12px/1 Century Gothic, Trebuchet MS, Arial, sans-serif;
	color: #fff;
	background-color: #333;
}
a{
	color: #fff;
	text-decoration: none;
}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
#wrapper{
	margin: 0 auto;
	width: 930px;
	height: auto;
}

/* Header
----------------------------------------------- */
#header{
	padding: 30px 0 0 0;
	width: 930px;
	height: 140px;
	background: url(../images/abrieco-header-bg.jpg) center top no-repeat #333;
}
#header h1{
	display: block;
	margin: 0 auto;
	width: 326px;
	height: 80px;
	text-indent: -999999px;
	background: url(../images/abrieco-logo.png) center top no-repeat transparent;
}
#header ul{
	display: block;
	margin: 40px auto 0 auto;
	width: 100%;
	text-align: center;
}
#header li{
	display: inline;
	margin: 0 30px;
	font-size: 14px;
	text-transform: uppercase;
}
#header li a.current,
#header li a:hover{color: #f60;}

/* Banner
----------------------------------------------- */
#banner,
#banner img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 250px;
}

/* Content
----------------------------------------------- */
#content{
	width: 100%;
	height: auto;
	background: url(../images/abrieco-content-bg.jpg) center top no-repeat #333;
}

/* Footer
----------------------------------------------- */
#footer{
	padding: 20px 0 0 0;
	font-size: 10px;
	text-transform: uppercase;
	background: url(../images/abrieco-footer-bg.jpg) center top no-repeat #333;
}
#footer p{
	margin: 10px 0;
	text-align: center;
}
#footer ul{
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#footer li{
	display: inline;
	margin: 0 0 0 10px;
}
#footer li a{margin: 0 10px 0 0;}

/* Accueil
----------------------------------------------- */
#accueil #content{padding: 30px 0;}
#accueil #content ul{
	margin: 0 auto 35px auto;
	width: 100%;
}
#accueil #content li{
	float: left;
	margin: 0 10px;
	width: 290px;
	height: 50px;
}
#accueil #content a{
	display: block;
	padding: 40px 0 0 0;
	width: 290px;
	height: 50px;
	background: #000;
}

/* Qui sommes-nous
----------------------------------------------- */
#societe #content{
	height: 340px;
	background: url(../images/abrieco-societe-content-bg.jpg) center top no-repeat #333;
}
#societe #content h2{
	margin: 0 0 20px 0;
	padding: 25px 0 5px 0;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	color: #ccc;
	background: url(../images/abrieco-footer-bg.jpg) center bottom no-repeat transparent;
}
#societe #content div{width: 35%;}
#societe #content div.left{margin-left: 10%;}
#societe #content div.right{margin-right: 10%;}
#societe #content p{
	margin: 0 0 15px 0;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* Les projets
----------------------------------------------- */
/*
#projets #content{
	padding: 30px 0;
}
*/

/*UPDATE*/

#projets #content{
	padding: 10px 0px 30px 0px;
}

/*****/

#projets #content div.left{
	margin: 0 0 0 15px;
	width: 405px;
}
#projets #content div.left img{margin: 5px 0 15px 0;}
#projets #content div.right{
	margin: 0 15px 0 0;
	width: 460px;
}
#projets #content div.right h2{
	width: 337px;
	height: 72px;
	text-indent: -999999px;
	background: url(../images/abrieco-projet-h1.png) 0 0 no-repeat transparent;
}
#projets #content div.right h3{
	margin: 30px 0 15px 0;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: normal;
}
#projets #content div.right p{
	margin: 10px 0;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5;
}
#projets #content div.right ul{
	padding: 0;
}
#projets #content div.right li{
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	list-style: inside square;
	line-height: 1.5;
}
#projets #content div.right #tools{
	margin: 50px 0 0 0;
	width: 405px;
	height: 90px;
}
#projets #content div.right #tools a{
	width: 190px;
	height: 90px;
	text-indent: -999999px;
}
#projets #content div.right #tools #pdf{
	float: left;
	background: url(../images/abrieco-telecharger-plans.jpg) 0 0 no-repeat transparent;
}
#projets #content div.right #tools #video{
	float: right;
	background: url(../images/abrieco-visualiser-animation.jpg) 0 0 no-repeat transparent;
}

/* Contactez-nous
----------------------------------------------- */
#contact #content{
	padding: 20px;
	width: auto;
}
#contact #content h2{
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: normal;
	color: #ccc;
}
#contact #content #main{
	float: left;
	width: 600px;
	height: auto;
}
#contact #content #main p{
	margin: 20px 0 0 0;
	font-size: 12px;
}
#contact #content #main label{
	float: left;
	padding: 5px 0 0 0;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
#contact #content #main .text{
	margin: 0 0 0 10px;
	padding: 4px;
	border: 1px solid#fff;
	width: 198px;
	font: bold 12px/1 Arial, Helvetica, sans-serif;
	background-color: #ccc;
}
#contact #content #main .textarea{
	margin: 0;
	padding: 4px;
	border: 1px solid #fff;
	width: 280px;
	height: 150px;
	font: bold 12px/1.5 Arial, Helvetica, sans-serif;
	background-color: #ccc;
}
#contact #content #main .button{
	margin: -3px 10px 0 0;
	padding: 5px 10px;
	border: 1px solid #333;
	font: 14px/1 Century Gothic, Trebuchet MS, Arial, sans-serif;
	color: #fff !important;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	background: url(../images/abrieco-button-bg.jpg) repeat-x scroll 0 0 #333;
	cursor: pointer;
	-moz-border-radius: 4px;
}
#contact #content #secondary{
	float: right;
	width: 260px;
	height: auto;
}
#contact #content #secondary p{
	margin: 15px 0 0 0;
	font: 13px/2 Arial, Helvetica, sans-serif;
}

/* BlockUI
----------------------------------------------- */
.blockUI img{display: inline;}

/* Impromptu
----------------------------------------------- */
.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}
div.jqi{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{font-weight: bold;}
div.jqi .jqiclose{
	position: absolute;
	top: 4px;
	right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
	cursor: pointer;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
div.jqi button:hover{background-color: #728A8C;}
div.jqi button.jqidefaultbutton{background-color: #BF5E26;}
.jqiwarning .jqi .jqibuttons{background-color: #BF5E26;}

/*UPDATE*/

#sub-nav {
	margin-bottom:40px;
}

#sub-nav ul{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-bottom:10px;
	background-image : url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#sub-nav ul li {
	display:inline;
	font-size:13px;
	margin: 0 30px;
}
		
#sub-nav li a.current,
#sub-nav li a:hover{
	color: #f60;
}

#projets #content #introduction-description {
	margin-top:15px;
}

#projets #content div.right p.introduction-description{
	margin: 0 0 15px 0;
	font: 12px/1.7 Century Gothic,Trebuchet MS,Arial,sans-serif;
	text-align: justify;

}

#projets #content .wrapper-home-sold {
	position:relative;
}

#projets #content .wrapper-home-sold .wrapper-img-home-sold {
	position: absolute;
	top:0px;
	left:0px;
}

#projets #content p.no-project {
   font: 14px/1.5 Arial,Helvetica,sans-serif;
    margin: 0 0 15px;
    text-align: center;
}