/*
Theme Name: apmg
Theme URI: http://ispectors.com/
Description: thème de la V 1.0 de APMG
Version: 1.0
Author: Philippe de Chabot, <a href="http://ispectors.com" title="ipectors.com">iSpectors</a>
*/

/* =reset.css */
body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
ol, ul {
list-style-type:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
caption, th {
text-align:left;
}
fieldset, img {
border:0;
}
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {
font-style:normal;
font-weight:normal;
}
q:before, q:after {
content:'';
}

/* =html */
html {
background:#031926 url(images/html.jpg) repeat-x left top;
color:#fff;
}

/* =body */
body {
width:100%;
margin:0 auto;
font:88%/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;
background:url(images/body.jpg) repeat-x left top;
}

/* =blocktext */
h1, h2, h4, h5, p, ul {
margin:0;
padding:.5em 0;
}

/* =a */
a, a:visited {
color:white; 
text-decoration:underline;
} 

/* =layout 
------------------------------------------------- */

div[id="branding"], 
div[id="nav_main"], 
div[id="content"],   
div[id="siteinfo"] { 
width : 100%;
}
div[id="branding"] h1 {
padding:0;
}

div[id="container"] {
width:760px;
margin:0 auto;
background:url(images/container.jpg) repeat-y center top;
}

/* =branding 
------------------------------------------------- */

div[id="branding"] {
height:165px;
background:url(images/branding.jpg) no-repeat center top;
}
div[id="branding"] img {
margin-top:20px;
margin-left:40px;
}
ul[id="nav_access"] {
position:absolute;
top:-33px;
/*right:-50px;*/
height:100px;
width:100px;
margin:0;
padding:0;
text-indent:-9999px;
}

/* =nav_main
------------------------------------------------- */

div[id="nav_main"] {
height:52px;
background:url(images/nav_main.jpg) no-repeat center top;
font-size:18px;
}
div[id="nav_main"] h4 {
position:absolute;
top:-9999px;
}
div[id="nav_main"] ul {
width:80%;
height:38px;
margin-left:10%;
padding:0;
position:relative;
}
div[id="nav_main"] li {
display:inline;
padding:0 10px;
}
div[id="nav_main"] a, div[id="nav_main"] a:visited {
padding-bottom:10px;
text-decoration:none;
}
div[id="nav_main"] li[class~="current_page_item"] a {
text-decoration:none;
background:url(images/current_page_item.png) repeat-x left bottom;
}

/* =content 
------------------------------------------------- */

div[id="content"] {
margin:0 0 80px;
min-height:131px;
background:url(images/content.jpg) no-repeat center top;
}
div[id="content_main"], div[id="content_sub"] {
width:100%;
}
div[id="content_sub"] {
clear:left;
}

/* =colums 
------------------------------------------------- */

div[id="entreprises"],
div[id="candidats"],
div[class~="page"],
div[class~="form"] {
float:left;
margin-left:23px;
padding-bottom:25px;
}
div[id="entreprises"],
div[id="candidats"] {
width:344px;
}
div[class~="page"] {
width:440px;
}
div[class~="form"] {
width:260px;
}
div[class~="post"] {
margin:0 30px;
}
div[id="entreprises"] h2,
div[id="candidats"] h2,
div[class~="page"] h1 {
height:30px;
padding:15px 30px;
font-size:24px;
font-weight:bold;
}
div[class~="post"] h2 {
height:30px;
padding:15px 30px;
font-size:18px;
font-weight:bold;
}
div[id="entreprises"] h2 a,
div[id="candidats"] h2 a,
div[class~="page"] h1 a,
div[class~="post"] h2 a {
color:white;
text-decoration:none;
}
div[id="entreprises"] p,
div[id="candidats"] p,
div[class~="page"] p,
div[id="entreprises"] ol,
div[id="candidats"] ol,
div[class~="page"] ol,
div[id="entreprises"] ul,
div[id="candidats"] ul,
div[class~="page"] ul {
padding-left:20px;
padding-right:20px;
}
div[id="entreprises"] li, div[id="candidats"] li, div[class~="page"] li {
list-style-type:square;
margin-left:15px;
}
div[id="entreprises"] {
background:url(images/entreprise_bottom.jpg) no-repeat left bottom;
}
div[id="entreprises"] h2 {
background:url(images/entreprise_h2.jpg) no-repeat left top;
}
div[id="entreprises"] p,
div[id="entreprises"] ol,
div[id="entreprises"] ul {
background:url(images/entreprise.jpg) repeat-y left top;
}
div[id="candidats"] {
background:url(images/candidats_bottom.jpg) no-repeat left bottom;
}
div[id="candidats"] h2 {
background:url(images/candidats_h2.jpg) repeat-y left top;
}
div[id="candidats"] p,
div[id="candidats"] ol,
div[id="candidats"] ul {
background:url(images/candidats.jpg) repeat-y left top;
}
div[class~="form"] p {
padding-top:67px;
}
div[class~="form"] p+p {
padding-top:0;
}
div[class~="meta"] {
font-size:11px;
}



/* =content_sub 
------------------------------------------------- */

div[id="content_sub"] h3 { 
margin-left:53px;
height : 35px;
width : 300px;
padding : 0;
font-size:18px;
}
div[id="content_sub"] ul {
margin-left:53px;
margin-right:33px;
padding-bottom:80px;
}
div[id="content_sub"] ul li {
display:block; 
float:left;
width:194px;
padding-left:20px;
margin-right:10px;
padding-bottom:20px;
background:url(images/li.png) no-repeat left 8px;
}

/* =site info 
------------------------------------------------- */

div[id="siteinfo"] {
clear:both;
min-height:60px;
padding:0;
background:#031926 url(images/siteinfo.jpg) no-repeat center top;
text-align:center;
font-size:11px;
}
div[id="siteinfo"] ul {
float:left;
width:80%;
}
div[id="siteinfo"] ul+ul {
float:right;
width:20%;
}
div[id="siteinfo"] li {
display:inline;
}
div[id="siteinfo"] a {
padding:0 10px;
}
div[id="siteinfo"] ul+ul a {
color:#990066;
}