/* CSS Document */

body {
padding:0;
margin:0;
background:url(../design/bg.jpg) repeat-x;
font: 0.8em  Arial;
}

a, a:link, a:visited {
color:#FF6600;
text-decoration:none;
}

a:hover {
color:#FFCC00;
text-decoration:underline;
}

img, div {
behavior:url("iepngfix.htc");
}

a img {
border:none;
}

a span {
cursor:pointer;
margin:0;
padding:0;
}

.submit {
border:1px solid #CCC;
color:#666;
background-color:#FFF;
padding:0;
}

h2 {
font-size:2.0em;
margin:10px 0;
}

h3 {
font-size:1.3em;
margin:10px 0;
font-weight:normal;
}

div#cadre {
width:945px;
background:url(../design/header-bg.jpg) top left no-repeat;
height:384px;
margin-left:auto;
margin-right:auto;
}

div#conteneur {
position:absolute;
top:135px;
width:945px;
left:50%;
margin-left:-462px;
}

div#conteneur-top {
background:url(../design/conteneur-top.png);
width:945px;
height:20px;
}

div#conteneur-row {
background:url(../design/conteneur-row.png);
width:945px;
}


div#conteneur-bottom {
background:url(../design/conteneur-bottom.png);
width:945px;
height:20px;
}

div#menu {
width:930px;
height:50px;
}

div#contenu-menu {
background:url(../design/menu-bg.jpg) repeat-x;
margin-left:12px;
width:921px;
height:50px;
}

div#contenu {
padding:0 0 10px 20px;
width:900px;
}

div.bouton-menu {
width:181px;
height:38px;
float:left;
}

div#accueil {
width:181px;
height:38px;
background:url(../design/menu/accueil.jpg) no-repeat;
margin-left:8px;
float:left;
}

* html div#accueil {
margin-left:4px;
}

div#realisations {
background:url(../design/menu/realisations.jpg) no-repeat;
}

div#cv {
background:url(../design/menu/cv.jpg) no-repeat;
}

div#plus {
background:url(../design/menu/plus.jpg) no-repeat;
}

div#contact {
background:url(../design/menu/contact.jpg) no-repeat;
}

div.box {
float:right; 
width:200px; 
height:360px; 
margin-left:5px; 
}

div#partenaires {
background:url(../design/partenaires.jpg) no-repeat;
}

div#partenaires-texte {
width:200px;
padding:50px 0px 10px 0px;
text-align:center;
}

div#copyright {
font-size:0.8em;
width:100%; 
text-align:center; 
color:#888; 
clear:both;
}

/********** CONTACT **********
*****************************/
div#form-contact {
margin-top:20px;
}

div#form-contact img {
position:absolute;
margin-top:3px;
margin-left:3px;
width:16px;
height:16px;
}

.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 8px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #BBB;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



.cssform .text { 
width: 180px;
}

.cssform textarea{
font: 0.9em  Arial;
padding:3px;
width: 400px;
height: 180px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/******* CV *******
******************/

div#pdf {
width:300px;
}

div#pdf img {
vertical-align:bottom;
}