/***** 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; }

/***** Diapo réalisations *****/

div#diapo_realisations {
overflow:hidden;
position:relative;
width:958px;
height:254px;
margin:0 auto;
background:transparent url(img/diapo_fond.png) no-repeat; }

div#diapo_realisations ul.rea {
width:864px;
height:182px; /*206*/
padding-top:24px;
margin:0 auto; }

div#diapo_realisations ul.rea li {
text-align:center;
margin:0 5px;
float:left;
width:206px;
height:206px;
background:transparent url(img/diapo_li.png) no-repeat; }

div#diapo_realisations ul.rea li img {
margin-top:40px;
width:200px;
height:133px; }

div#diapo_realisations ul.nav li {
position:absolute;
top:115px;
width:23px;
height:23px; }

div#diapo_realisations ul.nav li a {
text-indent:-9999px;
display:block;
width:100%;
height:100%; }

div#diapo_realisations ul.nav li.prec {
left:20px; }

div#diapo_realisations ul.nav li.suiv {
right:20px; }

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

div#menu_flash {
margin:0 auto;
position:absolute;
top:20px;
left:110px;
width:657px;
height:43px;
/*background:transparent url(img/menu_flash_pages.png) no-repeat;*/ }

div#menu_fond {
position:relative;
z-index:1;
width:865px;
height:76px;
margin:0 auto;
background:transparent url(img/menu_fond.png) no-repeat; }

div#menu_sub_flash {
margin:0 auto;
margin-top:20px;
width:968px;
height:256px;
/*background:transparent url(img/flash_pied_accueil.png) no-repeat;*/ }

div#deco_ampoule {
margin:0 auto;
width:180px;
height:187px;
}

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

.blanc {
color:#fff; }

.gris_gros {
color:#666;
font-size:110%; }

.vert {
color:#69A39B; }

.gris_clair {
color:#999; }

ul.espacement {
margin-bottom:20px;
}

ul.espacement li {
padding:5px 0 5px 25px;
color:#FFF;
}


div#titre h2 {
text-indent:-9999px;
width:418px;
height:33px;
margin:auto;
margin-bottom:20px; }

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

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

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

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

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

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

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

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

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

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

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

div#presentation_contenu p {
margin-bottom:15px; }

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

html {
background:#A3BABB url(img/body_fond.png) repeat-x top; }

body {
background:transparent url(img/body_top.jpg) repeat-x center top;
font:100%/1.3 Arial, Verdana, sans-serif; }

div#global {
width:968px;
margin:0 auto; }

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

div#presentation_contenu {
padding-top:20px;
width:968px;
min-height:300px;
font-size:85%;
letter-spacing:1px;
color:#475659; }

/***** Pied *****/

div#pied {
text-align:center;
overflow:hidden;
width:100%;
height:300px;
background:#fff url(img/pied_fond.png) repeat-x top; }

div#pied ul {
padding-top:20px;
text-align:center; }

div#pied ul li {
color:#84A3A4;
font-size:65%;
display:inline;}

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

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

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

div#pied ul li.imnalys a {
display:block;
text-indent:-9999px;
width:100%;
height:100%; }

/***** Entete *****/

div#entete {
padding-bottom:20px;
text-align:center; }

div#coordonnees {
position:relative;
z-index:2;
font-size:85%;
color:#8C9D9F;
letter-spacing:1px;
font-weight:bold;
width:100%;
height:36px; /*49*/
padding-top:13px; }

div#coordonnees dl dt, div#coordonnees dl dd {
display:inline; }

div#coordonnees dl dt img {
vertical-align:middle; }

div#coordonnees dl dt span.atelier {
text-transform:uppercase;
color:#5B7071; }

div#coordonnees dl dd a {
color:#8C9D9F; }

div#coordonnees dl dd a:hover {
text-decoration:none; }

/*     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%;
}

/* Carousel test */

div#galerie {
background:url(img/diapo_fond.png);
width:954px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:855px; /*Width of Carousel Viewer itself*/
height:254px; /*Height should enough to fit largest content's height*/
/*background:url(img/diapo_fond.png);*/
margin:0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
top:25px;
width:500px;
}

.stepcarousel .panel{
background:url(img/diapo_li.png) no-repeat;
width:206px;
height:206px;
padding-top:40px;
margin-right:10px;
text-align:center;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}