/* 
    Document   : iphone
    Created on : 8 mai 2009, 14:11:22
    Author     : jdavid
    Description:
        Purpose of the stylesheet follows.
*/

html {
    display:block;
    background-color:#000;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #000000;
	background-color:#fff;
    /*max-width:500px;*/
    width:100%;
	}

td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;vertical-align:top;}
img {border:0px none #ffffff; margin:0px; padding:0px;}

h1,h2,h3,h4,h5,h6 {font-weight:bold;margin:0 0 0 0.5em;}

h1 {font-size:2em;font-family: "Trebuchet MS",Verdana,Arial,sans-serif;font-weight:normal;text-transform:uppercase;text-align:left;}
h2 {font-size:1.5em;margin-bottom:5px;padding-bottom:3px;padding-top:7px;font-weight:normal;}

p {font-size:1em;padding:0px;margin-bottom:10px;margin-top:0px;}

a {font-size:1em;color:#005aa9;}
a.active{color:#000;}
a:link,a:visited {text-decoration:none;font-weight:bold;}
a:hover,a:active {text-decoration:none;font-weight:bold;}

a.black:link,a.black:visited {color:#000000;font-weight:normal;}
a.black:hover,a.black:active {font-weight:normal;}

#warper {
    width:100%;
    /*margin:0 auto;*/
    text-align:left;
}

#head {
    width:100%;
    background-color:#ddd;
}
#head #banner {
    width:100%;
    /*height:40px;*/
}
#head #nav {
    width:100%;
    /*height:40px;*/
    /*padding-bottom:0.5em;*/
}
#head #nav ul {
    margin-top:0;
    margin-bottom:0;
    list-style-type:none;
}
#content {
    text-align:left;
}
#content #mCol {
    width:96%;
    padding:0 2%;
    float:left;
    background-color:#fff;
}
#content #lCol {
    width:96%;
    padding:0 2%;
    float:left;
    background-color:#fff;
}
#content #rCol {
    width:96%;
    padding:0 2%;
    float:right;
    background-color:#fff;
}
#footer {
    float:left;
    width:100%;
    background-color:#fff;
    font-size:0.5em;
}
table, tr, td {
    font-size:0.75em;
}
select, input {
    font-size:1em;
}
#options {
    content: '';
    display:none;
}
/* navigation home */
.nav {
    margin:0;
    padding:0;
    border-bottom:0.25em solid #555;
}
.nav li {
    background:white;
    border-top:0.25em solid #555;
    margin:0;
    padding:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.nav li a {
    display:block;
    width:100%;
    font-size:1em;
    text-align:center;
    text-transform:uppercase;
}
/* news */
.news {
    width:100%;
}
.news .image {
    text-align:center;
}
.news .image img {
    width:50%;
    margin:0 auto;
}
.news .titre {
    font-size:1em;
}
.news .soustitre {
    font-size:0.9em;
}
.news .date {
    font-size:0.8em;
}
.news .plus {

}
.news .hr {
    margin-top:1em;
    margin-bottom:1em;
}
.imagetop {
    width:100%;
    text-align:center;
}
.imagetop .legend {
    text-align:left;
}
.imagetop img {
    width:50%;
    margin:0 auto;
}
.images_bottom a {
    display:block;
    float:left;
    width:5em;
    height:3.5em;
    border:0.05em solid #fff;
}
.images_bottom a img {
    width:5em;
    height:3.5em;
}
/* breadcrumbs */
.breadcrumbs {
    padding-top:0.5em;
    padding-bottom:2em;
}
.breadcrumbs a {
    display:block;
    float:left;
    width:49%;
    padding:0;
    margin:0;
    font-size:0.75em;
    text-align:center;
    padding:0.25em 0;
    text-transform:uppercase;
    background:#ccc;
    border:0.1em solid #ccc;
}
.breadcrumbs .nav1 {
    font-weight:bold;
    float:left;
}
.breadcrumbs .nav2 {
    float:right;
}
#galerie {
	width: 100%;
}
#galerie h1 {
    margin:0;
    padding:0;
    font-size:2em;
    width:100%;
    text-align:center;
    margin-top:0.5em;
    margin-bottom:1em;
}
#galerie .image{
	float:left;
	text-align: center;
    margin:0.5% 0.666%;
    padding:1%;
    background:#ccc;
	width: 30%;
}
#galerie .image img{
	width:100%;
}
#vdn_detail h1 {
    font-size:1.5em;
}
.agenda_head {
    float:left;
    width:100%;
    background:#ccc;
    border-bottom:0.1em solid #000;
}
.agenda_head .date {
    float:left;
    margin-left:60%;
    width:40%;
}
.agenda_entry {
    float:left;
    width:100%;
    padding-top:0.25em;
    border-bottom:0.1em solid #000;
    padding-bottom:0.25em;
}
.agenda_entry .date {
    float:left;
    width:100%;
}
.agenda_entry .title {
    float:left;
    width:100%;
}
.agenda_entry .type {
    float:left;
    width:100%;
}
.agenda_inner .group {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    padding-top:0.25em;
}
.agenda_inner .group .label {
    float:left;
    width:100%;
    padding:0;
    margin:0;
}
.agenda_inner .group .cont {
    float:left;
    width:90%;
    margin:0;
    padding:0;
    margin-left:10%;
}
a.lightlink {
    color:black;
    font-weight:normal;
}
select.catSelect {
    margin-top:0.5em;
}
/* styles des pages */
.chantier {
    border-top:1px solid #555;
    border-bottom:1px solid #555;
}