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

.center {
text-align:center; }

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

div#menu_flash {
/*background:url(img/menu_entete.png) no-repeat; */
width:857px;				
height:93px;
margin:0 auto; }			
			
div#ssmenu_flash {
/*background:url(img/ssmenu_entete.png) no-repeat;*/
width:365px;
height:39px;
position:absolute;
bottom:90px;
left:50%;
margin-left:-182px; }

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

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

div#presentation_texte a {
color:#999; }

	/* Titrage h2 */

h2 {
height:77px;
position:absolute;
bottom:5px;
left:30px;
text-indent:-9999px; }

	/* Accueil */

.times_bleu_150 {
color:#66D9FE;
font-size:190%;
font-family:"Times New Roman", Arial, serif;
width:590px; 
margin:0 auto;
padding-bottom:10px;
text-align:center; }	
	
ul#photo_accueil {
margin:0 auto;
margin-bottom:20px;
width:788px; /*808*/
background:#252525;
padding:10px;
overflow:hidden;
position:relative;
font-size:80%; }

ul#photo_accueil li {
float:left;
padding:0 4px; }

ul#photo_accueil li.news h3 {
padding:5px 0;
font-size:115%;
color:#FFF; }

ul#photo_accueil li.news {
width:240px; 
text-align:left; }

ul#photo_accueil li.news  a.lire_suite {
color:#FFF; }

h2.accueil {
background:url(img/h2_accueil.png) no-repeat;
width:170px; }

h2.experience{
background:url(img/h2_experience.png) no-repeat;
width:236px; }

h2.ferronnerie {
background:url(img/h2_ferronnerie.png) no-repeat;
width:358px; }

h2.metallerie {
background:url(img/h2_metallerie.png) no-repeat;
width:499px; }

h2.realisations {
background:url(img/h2_realisations.png) no-repeat;
width:331px; }

h2.plan{
background:url(img/h2_plan.png) no-repeat;
width:256px; }

h2.contact{
background:url(img/h2_contact.png) no-repeat;
width:170px; }

h2.news {
background:url(img/h2_news.png) no-repeat;
width:358px; }

h2.newsletter {
background:url(img/h2_newsletter.png) no-repeat;
width:258px; }

	/* Page News */
	
h3.page_news {
padding-bottom:10px; }

p.image_news { 
float:left;
margin-right:20px; }

	/* Page Contact */

dl#contact_coordonnees  {
margin-left:50px; }	
	
dl#contact_coordonnees  dt {
font-weight:bold;
color:#66D9FE;
font-size:115%;
padding:25px 0 10px 0;}

dl#contact_coordonnees  dd {
padding-left:15px; }

	/* 	Newsletter */
	
span.newsletter {
position:absolute;
bottom:10px;
right:15px; }

div#newsletter_page {
text-align:center;
padding-top:40px; }

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

body {
font:100%/1.3 Arial, Verdana, sans-serif;
background:#000 url(img/fond.jpg) repeat-x }

div.center_design {
width:857px;
margin:0 auto;
position:relative;
height:100%; }

div#entete {
background:url(img/logo.jpg) no-repeat top center;
height:455px;
position:relative; }

div#conteneur_centre {
background:url(img/fond_centre.png) repeat-x 0 10px;
padding-top:10px;
min-height:500px; }

div#presentation_texte {
color:#999;
font-size:85%;
width:817px; /*857*/
padding:15px 20px; }

div#pied {
background:transparent url(img/fond_pied.jpg) repeat-x;
text-align:center;
padding:20px 0; }

/***** Footer *****/

	/* Coordonnes */
	
dl#coordonnes dt, 
dl#coordonnes dd {
display:inline;
color:#66D9FE;
font-size:105%;
letter-spacing:1px; }

dl#infos_entreprise {
padding-top:5px; }

dl#infos_entreprise dt,
dl#infos_entreprise dd,
div#pied li {
display:inline;
font-size:70%;
color:#666;
letter-spacing:2px;}

div#pied ul {
padding-top:15px; }

div#pied li a {
color:#666;
text-decoration:none; }

div#pied .imnalys {
background:url(img/logo_imnalys.jpg);
width:147px;
height:30px;
text-indent:-9999px;
display:block;
margin:0 auto;
margin-top:10px; }

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

div#pied .desciption_Imnalys {
font-size:10px;
text-align:center;
color:#666;
}


/* Petit Reset */
div.conteneur_galerie *,
div.conteneur_galerie {
margin:0;
padding:0;
border:0;
list-style:none;
font-size:100%; }
/* Fin Reset */

div.conteneur_galerie {
margin:0 auto; /* INUTILE en production, sert juste à la présentation dans ce cas d'exemple */
width:700px; /* largeur conteneur */
overflow:hidden; }

ul.modele_1 {
padding-top:20px;
overflow:hidden;
float:left;
/*width:660px;  largeur conteneur + margin-right */ }

ul.modele_1 li {
width:160px; /* largeur zone image */
float:left;
margin-right:60px; /* (largeur conteneur - (largeur zone image * nb élément par ligne)) / (nb élément par ligne - 1) */
margin-bottom:10px; }

ul.modele_1 li dl .photo {
padding:2px;
border:1px solid #333; }

ul.modele_1 li dl .photo span {
display:block;
position:relative;
width:100%;
height:120px; /* hauteur zone image */
overflow:hidden; }

ul.modele_1 li dl .photo span a {
display:block;
width:100%;
height:100%; }

ul.modele_1 li dl .photo img {
position:absolute;
top:50%;
left:50%; }

ul.modele_1 li dl .titre{
padding-top:5px;
height:2.4em; /* height = line-height x nb de ligne */
line-height:1.2em;
text-align:center;
font-weight:bold;
font-size:110%; }

ul.modele_1 li dl .titre a {
color:#333;
text-decoration:none; }	

/*Formulaire du contact*/


#form {
	text-align: center;
	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: #fff;
	border-width: medium;
	border-style: none;
	color: #575b5f;
	cursor: pointer;
}

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