*{										/*CSSdeMAVAZZO*/
margin:0;
padding:0;
}
body{
width:100%;
height:180px;
background-image:url(imagem/motif3.jpg);
background-repeat:repeat-x;
margin:0 auto;
}												/* LA BOX1024*/
#box1024{
position:relative;
width:1024px;
min-height:180px;
margin:0 auto;
}													/* LE HEADER */
header{
position:fixed;
background-image:url(imagem/motifbgbody.jpg);
width:1024px;
height:180px;
margin:0 auto;
z-index:4;
}	
#fig1
{
height:130px;
}
#fleur{
display:inline-block;
vertical-align:top;
width:74px;
height:79px;
}
#titre1{
display:inline-block;
vertical-align:top;
width:862px;
text-align:center;
font-family:verdana,arial,sans-serif;
color:#fa021a;
text-shadow:3px 3px 3px #000e78;
font-size:48px;
font-style:italic;
}
#assiette{
display:inline-block;
vertical-align:top;
width:88px;
height:79px;
}
#tipo2{
font-family:verdana,arial,sans-serif;
font-size:30px;
color:#585858;
text-align:center;
}
nav{
width:1024px;
height:50px;
}
.lanavA {
text-decoration:none;
font-family:verdana,arial,sans-serif;
color:#fff;
border-right:1px solid #fff;
text-shadow:2px 2px 0px #000 ;				
font-size:24px;
padding:10px 33px 0px 33px;
}
a#accueil{
color:blue;
background-color:rgba(150,150,250,0.4);
padding-bottom:10px;
}
a#contact{
color:blue;
background-color:rgba(150,150,250,0.4);
padding-bottom:10px;
}	
a:hover {
color:blue;
background-color:rgba(100,100,200,0.4);
padding-bottom:10px;
}
a:active {
background-color: #FFFF00;
}
a:visited {
color: red;
}														/* LA COMPENSATION 190PX BLANCHE */
#compens{
background-color:white;
width:1024px;
height:190px;
margin:0 auto;
}													/* LE CORPS DU SITE */	/* SECTION 1  ACCROCHE */												
#lasectionA{
background-color:white;
width:1024px;
height:190px;
padding-top:20px
}
#lanavB{
display:inline-block;
vertical-align:top;
width:220px;
height:200px;
padding-left:20px;
}
.leaA {
text-decoration:none;
font-family:verdana,arial,sans-serif;
color:#333;
font-size:20px;
}	
#accroche{
position:absolute;
display:inline-block;
vertical-align:top;
width:624px;
height:200px;
z-index:3;
}
#fig3
{
display:inline-block;
vertical-align:top;
width:160px;
height:200px;
margin-left:600px;
}														/*SECTION  2  BANDEAU PHOTO NOIR */
#lasectionB{
background-color:white;
width:1024px;
height:140px;
margin:0 auto;
}															/* SECTION  3  ARTICLE 1 ET 2 */
#lasectionC{
width:1024px;
min-height:300px;
margin:0 auto;
}
#lartA{
display:inline-block;
vertical-align:top;
width:293px;
min-height:300px;
text-align:justify;
padding:20px 20px 0px 20px;
}
#lart{
display:inline-block;
vertical-align:top;
width:320px;
min-height:300px;
}
#figabsolue{
position: absolute;
z-index:2;
left:355px;
top:175px;
}
#lartB{
display:inline-block;
vertical-align:top;
width:293px;
min-height:300px;
text-align:justify;
padding:20px 20px 0px 40px;
}
#tipo3{
font-family:Arial,verdana,sans-serif;
text-decoration:none;
font-weight:bold;
font-size:20px;
color:#585858;
text-align:center;
}
.tipop{
font-family:arial,verdana,sans-serif;
color:#333;
font-size:16px;
text-decoration:none;
}											/* 	SECTION   4  ARTICLE 3  4  PROMO */
#lasectionD{
width:1024px;
min-height:300px;
margin:0 auto;
}
#lartC{
background-color:#d3d3d3; 
display:inline-block;
vertical-align:top;
width:293px;
height:460px;
text-align:justify;
padding:0px 20px 20px 20px;
}
#lartD{
background-color:#fef2d5; 
display:inline-block;
vertical-align:top;
width:320px;
min-height:470px;
text-align:justify;
padding:10px 20px 0px 20px;
}
#petitrien1{
width:300px;
height:50px;
margin:0 auto;
}
#lartpromo{
background-color:#f9f6f1; 
display:inline-block;
vertical-align:top;
width:293px;
height:470px;
text-align:justify;
padding:15px 15px 0px 10px;
}
.petitrien2{
/* background-color:red; */
width:300px;
height:15px;
margin:0 auto;
}
.tipop{
padding-top:20px;
font-family:arial,verdana,sans-serif;
color:#333;
font-size:16px;
}
.tipop1{
padding-top:20px;
font-family:arial,verdana,sans-serif;
color:#0017cb;
font-size:16px;
text-decoration:none;
}																/* FOOTER */
#petitrien3{
width:1024px;
height:10px;
margin:0 auto;
}
.p1{
display:inline-block;
vertical-align:top;
padding:20px 40px 20px 50px
}
footer{
background-color:#b1aba9;
border:1px solid black;
width:1024px;
height:70px;
margin:0 auto;
color:#333;
}																/* FORMULAIRE  CONTACT */
#formulaire{
border:1px solid #d3d3d3;
width:944px;
min-height:520px;
padding:0px 40px 0px 40px;
}
.petitrien4{
width:500px;
height:40px;
margin:0 auto;
}
#laform{
display:inline-block;
vertical-align:top;
width:940px;
color:#555;
min-height:420px;
box-shadow: 4px 4px 5px #aaa;
border:1px solid red;
}
#champ{
display:inline-block;
vertical-align:top;
background-color:#eee;
width:550px;
color:#555;
min-height:420px;
padding:30px 10px 20px 40px;
}
.douze{
font-size:12px;
}
.leslabels{
display:inline-block;
width:120px;
height:20px;
}
#decalage{
background-image:url(imagem/panne.jpg);
width:30px;
height:30px;
margin-left:500px;
}
#centrage{
margin-left:170px;
}
.tipop2{
text-align:center;
margin:20px auto 20px auto;
font-family:arial,verdana,sans-serif;
color:#0017cb;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
#box320{
display:inline-block;
vertical-align:top;
width:320px;
min-height:400px;
text-decoration:none;
}
#imagecivil{
display:inline;
width:30px;
height:30px;
}
#imageN{
display:inline;
width:30px;
height:30px;
}
#imageP{
display:inline;
width:30px;
height:30px;
}
#imageA1{
display:inline;
width:30px;
height:30px;
}
#imageC{
display:inline;
width:30px;
height:30px;
}
#imagville{
display:inline;
width:30px;
height:30px;
}
#imageMA{
display:inline;
width:30px;
height:30px;
}
#imagmessage{
display:inline;
width:30px;
height:30px;
}
#reponse{
width:560px;
min-height:80px;
padding:20px;
border:1px solid #00f;
background-color:rgba(100,100,200,0.1);
}													/* POUR LE JAVA */