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

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

body {
text-align:justify;
background:#e7e7e7 url(img/body_fond.jpg) repeat-x center top; 
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

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

div#coverflow{
position:absolute;
bottom:-192px;
right:0px;
height:384px;
width:620px;
background:url(img/coverflow.png) no-repeat;}

div#coverflow_v1{
position:absolute;
bottom:-192px;
right:0px;
height:384px;
width:620px;}

div#coverflow_agence{
position:absolute;
top:56px;
right:0px;
height:268px;
width:418px;
background:url(img/coverflow_agence.png) no-repeat;}
 
div#logo{
float:left;
text-indent:-999999px;
display:block;
margin-left:210px;
background: url(img/logo.jpg) no-repeat center;
width:103px;
height:78px;} 

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

.invis {
position:absolute;
top:-9999px; }

h1 {
text-indent:-9999px;
width:259px;
height:18px; 
background:url(img/logo.png) no-repeat;
position:absolute;
bottom:15px;
left:0px;}

h2 {
font-family:impact;
text-transform:uppercase;
color:#323131;
font-size:210%;
letter-spacing:3px;
position:absolute;
top:15px;
left:0px;}

h2 a {
font-family:impact;
text-transform:uppercase;
color:#323131;

letter-spacing:3px;}

h3{
text-transform:uppercase;}


h3#armoire{
font-family:impact;
padding-top:40px;
font-size:200%;
letter-spacing:2px;
text-transform:uppercase;
font-weight:normal;
color:#ff7800;}

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

#contenu a, #conteneur_centre a {
color: #000;
}
ul#outils {
margin-bottom:10px;
}

ul#outils li{
margin-left:20px;
list-style:circle;
padding:2px;
}

/* Menu */

div#menu ul li a {
text-transform:uppercase;
letter-spacing:2px;
line-height:1.4;
color:#000;
text-decoration:none;} 

div#menu ul li a:hover {
color:#FF7800;} 
 
 
/*  actualités */

div#actualite dl{
overflow:hidden;
width:990px;
height:20px; 
position:absolute;
top:0px;
left:0px;
text-align:left;
color:#000;}

div#actualite dl dd, div#actualite dl dt{
line-height:1.8;
margin-right:7px;
display:inline;
font-size:75%;}

div#actualite dl dd#date{
font-size:71%;
color:#666;
text-decoration:underline;
font-style:italic;}

div#actualite dl dt{
font-weight:bold;}

/* Liste réalisation */

ul.liste_categories{
padding:15px 0 10px 0;
text-transform:uppercase;}

ul.liste_categories li a{
font-size:95%;
color:#000;
line-height:1.5;
text-decoration:none;}

ul.liste_categories li a:hover{
color:#ff7800;
text-decoration:none;}

/* galerie */

ul#armoire_plan{
padding-top:30px;
text-align:center;
width:990px; /* A modifier */
margin:0 auto;
overflow:hidden; }

ul#armoire_plan li {
margin-right:10px;
margin-bottom:10px;
text-align:center;
line-height:1;
float:left;
width:154px;
height:150px;}

ul#armoire_plan li img {
width:154px;
height:100px; }

ul#armoire_plan li img:hover {
background:#ccc;}

ul#armoire_plan li a span {
display:block;
overflow:hidden;
text-align:center;
width:154px;
height:35px;
line-height:2;}

ul#armoire_plan li a span  {
font-size:110%;
font-weight:bold;
text-decoration:none;
color:#fff; 
font-weight:bold;}

ul#armoire_plan li a:hover span  {
color:#ff7800;}

   
/* footer */

div#footer ul{
text-transform:uppercase;
text-align:center;
width:380px;
height:90px;
float:left;
font-size:90%;
padding-top:10px;
padding-bottom:5px;
overflow:hidden;}

div#footer ul li{
color:#a7a6a6;
font-size:70%;
line-height:1.2;
height:10px;
display:inline;}

div#footer ul li a{
text-decoration:none;
font-size:95%;
margin-right:2px;
color:#a7a6a6;}

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


p#imnalys a{
float:left;
margin-left:10px;
text-indent:-999999px;
display:block;
background: url(img/imnalys.jpg) no-repeat center;
width:179px;
height:57px;} 


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

div#extra{
position:relative;
overflow:visible;
width:990px; 
margin:0 auto;
height:100%;}

div#extra_contact{
position:relative;
overflow:hidden;
background:#e7e7e7;
width:100%; 
height:700px;}

div#global{
overflow:visible;
width:990px; 
margin:0 auto;}

div#entete{
overflow:visible;
position:relative;
width:990px;
height:408px;}

div#conteneur_centre{
min-height:550px;
overflow:hidden;
position:relative;
width:990px;}

div#menu {
font-family:impact;
position:absolute;
font-size:115;
top:126px;
right:0;
background:url(img/menu_fond.jpg) no-repeat center top;
width:280px;
height:160px;
padding-bottom:10px;} 

div#contenu {
min-height:400px;
background:url(img/deco_bottom.jpg) no-repeat bottom;
overflow:hidden;
padding:20px 0 20px 0px;
width:670px; /* 710 */}

div#presentation_texte {
padding:60px 0 150px;
overflow:hidden;
width:650px;
color:#323131;
font-size:75%;}

div#footer{
position:absolute;
bottom:0px;
overflow:visible;
width:990px;
height:120px;} 

div#texte{
font-size:75%;
overflow:hidden;
width:395px;
height:283px; 
position:absolute;
top:56px;
left:0px;
text-align:left;
color:#fff;}

/* Extra styles page contact */


div#formulaire{
position:absolute;
top:56px;
left:235px;
margin-right:20px;
height:450px;
width:450px;}

div#menu_contact {
font-family:impact;
position:absolute;
font-size:115;
top:400px;
right:0;
background:url(img/menu_fond.jpg) no-repeat center top;
width:280px;
height:160px;
padding-bottom:10px;} 
  
div#menu_contact ul li a {
text-transform:uppercase;
letter-spacing:2px;
line-height:1.4;
color:#000;
text-decoration:none;} 

div#menu_contact ul li a:hover {
color:#941820;} 
      
div#coordonnees_contact dl{
width:249px;
height:73px; /* 78 */
padding-top:5px;
position:absolute;
top:450px;
left:0px;
text-align:left;
color:#000;}

div#coordonnees_contact dl dd{ 
line-height:1.4;
width:120px;
display:block;
font-size:60%;
text-transform:uppercase;}

dl#coordonnees_contact dl dt{
margin-bottom:15px;
width:258px;
height:25px;
background:url(img/coordonnees_fond.jpg) no-repeat;}


/* Mise en page des images de réalisation */ 


dl#infos_rea dt {
margin-bottom:12px;
font-family:impact;
color:#ff7800;
font-weight:bold;
letter-spacing:1px;
font-size:230%;}

dl#infos_rea dd {
padding-bottom:9px;}

div#vignette{
text-align:center;
overflow:hidden;
position:absolute;
top:45px;
left:0px;
width:350px;
height:175px;}

div#vignette img{
height:175px;}

div#zoom{
text-align:center;
overflow:hidden;
position:absolute;
top:25px;
left:0;
width:350px;
max-height:335px;}

div#zoom img{
width:350px;}

ul#galerie_photo_entete{
width:700px;
height:100px;
position:absolute;
bottom:0px;
right:0px;
text-align:center;}

ul#galerie_photo_entete li{
margin-right:10px;
display:inline;
overflow:hidden;
width:115px;
height:85px;}

ul#galerie_photo_entete li img{
height:85px;}

li#pdf a{
padding-right:10px;
color:#fff;
text-transform:uppercase;
font-weight:bold;
font-size:80%;}

/**** form ***/
#form {
	text-align: left;
	margin-top:25px;
	margin:0 10px;
	width:auto;
}
.form1 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 46%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}

.form11 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 95%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}

.form1:focus, .form11:focus {
	border: 1px solid #666666;
}
.form2{
	font: 11px Arial, Helvetica, sans-serif;
	width: 30%;

}
.form3{ 
    font-size:11px;
    width: 30%;
	}
.form4{
	overflow: hidden;
	padding: 5px 0px 0px;
    }
	
.button1 {
	font-size: 11px;
	width: 45%;
	background: #999999;
	border-width: medium;
	border-style: none;
	color: #575b5f;
	cursor: pointer;
}

#form .italic {
    font-style:italic;
	}

.captcha {
width:110px;
}