/***** Reset CSS *****/

* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

label, input.sub {
cursor:pointer; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

h1, .invis {
position:absolute;
left:-9999px; }

.retour_ch {
margin-bottom:10px; }

html, body {
height:100%; }

body {
background:#31204D url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, Verdana, sans-serif; }

/***** Flash & Déco *****/

div#haut_flash {
width:927px;
height:232px;
/*background:transparent url(img/haut_flash.png) no-repeat;*/ }

div#menu_flash {
width:214px;
height:209px;
/*background:transparent url(img/menu_flash.png) no-repeat;*/ }

div#deco_cg {
position:absolute;
top:-15px;
right:-40px;
width:78px;
height:61px;
background:transparent url(img/deco_cg.png) no-repeat; }

/***** Stylage contenu *****/

div#titre {
width:207px;
height:39px;
position:absolute;
top:0;
right:120px; }

div#titre h2 {
width:100%;
height:100%;
text-indent:-9999px; }

div#titre h2.accueil {
background:transparent url(img/h2_accueil.png) no-repeat; }

div#titre h2.contact {
background:transparent url(img/h2_contact.png) no-repeat; }

div#titre h2.motivations {
background:transparent url(img/h2_motivations.png) no-repeat; }

div#titre h2.prestations {
background:transparent url(img/h2_prestations.png) no-repeat; }

div#titre h2.references {
background:transparent url(img/h2_references.png) no-repeat; }

div#contenu p {
margin-bottom:10px; }

div#contenu .qualite, .prestation  {
margin: 10px 10px 20px 20px;
}

div#contenu .qualite li, .prestation li, .reference li{
list-style:circle;
padding-top:5px;
}

div#contenu .reference{
margin-left:60px;
}

div#contenu h3 {
padding:10px;
font-size:13px;
}

div#contenu .agrandissement {
font-size:115%;
font-weight:bold;
}

div#contenu .image_accueil {
border: 3px #000066 solid;
width:270px;
margin-left: 140px;
}

/***** References ****/
div#colonne_gauche_ref {
float:left;
}

div#colonne_droite_ref {
float:left;
width:175px;
margin-left:5px;
margin-top:25px;
}

/***** Layout *****/

div#global {
min-height:100%;
width:958px;
margin:0 auto;
background:transparent url(img/global_fond.png) repeat-y; }

div#site_fond {
position:relative;
width:958px;
height:690px;
background:transparent url(img/site_fond.png) no-repeat; }

div#entete {
width:100%;
height:240px; }

div#conteneur_centre {
position:relative;
width:100%;
height:370px; }

div#colonne_gauche {
width:214px;
position:absolute;
top:20px;
left:47px; }

div#contenu {
text-align:left;
font-size:75%;
letter-spacing:1px;
color:#fff;
position:absolute;
right:69px;
top:45px;
width:586px; /*626*/
height:303px; /*323*/
padding:10px 20px;
overflow:auto; }

/***** #coordonnees *****/

div#coordonnees {
letter-spacing:1px;
padding-top:15px;
color:#fff;
font-size:75%; 
width:174px; /*214*/
padding-left:40px; }

div#coordonnees h4 {
color:#000066;
font-size:105%;
text-transform:uppercase; }

/***** #pied *****/

div#pied {
padding-top:10px;
letter-spacing:1px;
font-size:65%;
color:#fff;
text-align:center; }

div#pied ul li {
display:inline; }

div#pied ul li a {
margin:0 2px;
text-decoration:none;
color:#fff; }

div#pied ul li a:hover {
text-decoration:underline; }

div#pied ul li.imnalys {
margin:0 auto;
text-indent:-9999px;
display:block;
width:128px;
height:53px;
background:transparent url(img/logo_imnalys.png) no-repeat; }

div#pied ul li.imnalys a {
display:block;
width:100%;
height:100%; }


/*     Formulaire      */
input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px; 
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}