*{								/* STYLE CSS DE JEAN MARC VENET */
margin:0;
padding:0;
}	
body{
width:100%;
height:100%; 
margin:0 auto;
}
#box140{
background-color:white;
width:1024px;
height:175px;
margin:0 auto;
}
header{
position:fixed;
background-color:white;
width:1024px;
height:175px;
margin:0 auto;
z-index:5;
}

#fond{
width:1024px;
height:134px;
background-image:url(image/header9.jpg);
background-repeat:no-repeat; 
border-radius:0px 0px 10px 10px;
margin:0 auto;
}
.box1024{
position:relative;
background-image:url(image/bgavion.jpg);
background-repeat:no-repeat;
width:1021px;
border-right:3px solid yellow;
min-height:1100px;
margin:0 auto;
}
.box1025{
position:relative;
background-image:url(image/bgavion1.jpg);
background-repeat:no-repeat;
width:1021px;
border-right:3px solid yellow;
min-height:1100px;
margin:0 auto;
}
.box1026{
background-image:url(image/bgavion1.jpg);
background-repeat:no-repeat;
width:1021px;
border-right:3px solid yellow;
min-height:600px;
margin:0 auto;
}
#position1{
display:inline-block;
vertical-align:top;
width:415px;
height:40px;
padding:10px 67px 10px 40px;
margin:30px 0px 0px 0px;
}
.tipotitre{
font-family:verdana;
text-decoration:none;
font-size:36px;
font-weight:bold;
text-shadow:2px 2px 1px #021f96;
color:yellow;
}
#position2{
display:inline-block;
vertical-align:top;
width:380px;
height:40px;
padding:10px 10px 10px 112px;
margin:30px 0px 0px 0px;
}
a.actif {
background-color:rgba(0,255,0,0.6); 
}
a:hover {
background-color:rgba(0,255,0,0.6); 
}
/*----------------------------------------------------------------SEPARATION 1--------------------------------------*/
#separe1{
width:1024px;
height:5px;
background-color:white;
}
/*----------------------------------------------------------------SEPARATION 1--------------------------------------*/
.bouton{
background-image:url(image/bouton2.jpg);
display:inline-block;
vertical-align:top;
width:180px;
height:40px;
text-align:center;
}
.bouton a{
display:inline-block;
font-size:16px;
color:white;
font-weight:bold;
font-variant:small-caps;
text-align:center;
text-decoration:none;
width:180px;
height:30px;
padding-top:10px;
}
.bouton1{
background-image:url(image/bouton2.jpg);
display:inline-block;
vertical-align:top;
width:140px;
height:40px;
text-align:center;
}
.bouton1 a{
display:inline-block;
font-size:16px;
color:white;
font-weight:bold;
font-variant:small-caps;
text-align:center;
text-decoration:none;
width:140px;
height:30px;
padding-top:10px;
}
/*--------------------------------------BOUTON PCSOFT-------------------------------------------------------*/
#menu_pcsoft {
padding:0;
margin:0;
display:inline-block;
vertical-align:top;
list-style:none;
text-align: center;
width: 180px;
list-style:none;
color:white;
font-weight:bold;
font-variant:small-caps;
}
.monte1{
display:inline-block;
vertical-align:top;
width:120px;
padding:0px 7px;
}
#menu_pcsoft ul {
padding-bottom:4px;
}
#menu_pcsoft li {
background-image:url(image/bouton2.jpg);
border-radius: 4px;
 }
#menu_pcsoft li li {
max-height:0;
overflow: hidden;
transition: all .5s;
}
#menu_pcsoft a {
display:block;
text-decoration: none;
color: #fff;
padding: 12px 0px 8px 0px;
font-size:16px;
}
#menu_pcsoft li:hover {
background:#65537A;
}
#menu_pcsoft ul li:last-child {
border-radius: 0 0 4px 4px;
border:none;
}
 #menu_pcsoft li:hover li {
max-height:40px;
}
/*---------------------------------------------------------Espace SEPARATION2 horizontal milieu 6 boutons-------------------------------------*/
#separe2{
background-color:white;
display:inline-block;
vertical-align:top;
width:55px;
height:20px;
}
/*----------------------------------------------------------------BOUTONS RESEAUX ---------------------*/
#reseaux, #reseaux ul{
display:inline-block;
vertical-align:top;
width:180px;
list-style:none;
text-align:center;
color:white;
font-weight:bold;
font-variant:small-caps;
}
.monte{
display:inline-block;
vertical-align:top;
width:110px;
height:15px;
padding:5px 10px 5px 10px;
}

#reseaux li{
display:inline-block;
vertical-align:top;
width:180px;
position:relative;
border-radius:4px 4px 0 0;
}
#reseaux ul li{
display:inherit;
border-radius:0;
}
#reseaux ul li:hover{
border-radius:0;
}
#reseaux ul li:last-child{
border-radius:0 0 8px 8px;
}
#reseaux ul{
position:absolute;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#reseaux li:hover ul{
max-height:305px;
}
/* background des liens menus */
#reseaux li:first-child{
background-image:url(image/bouton2.jpg);
}
/* background des liens sous menus */
#reseaux li:last-child li{
background:rgba(55,88,220,0.6);
} 
/* background des liens menus et sous menus au survol */
#reseaux li:first-child:hover, #reseaux li:first-child li:hover{
background:#65537A;
} 
/* les a href */
#reseaux a{
text-decoration:none;
display:block;
padding:12px 0px;
color:#fff;
font-size:16px;
}
#reseaux ul a{
padding:8px 0;
}
#reseaux li:hover li a{
color:#fff;
text-transform:inherit;
}
/*-----------------------------------------FIN BOUTON RESEAUX-------------------------------------------------*/
.tipo3{												/* UNIQUE IMAGINATION*/
font-family:arial;
color:#555;
font-weight:bold;
font-size:30px;
font-style:italic;
text-align:center;
padding-top:120px;
padding-bottom:120px;
}
#enfin{											/* titre ENFIN*/						
font-family:arial;
color:#3123c5;
font-weight:bold;
text-shadow:3px 3px 0px #ff0;
font-size:24px;
font-style:italic;
text-align:center;
padding-top:10px;
padding-bottom:20px;
}
#lessections1{								/* section gauche */
background-color:rgba(200,210,220,0.2);
display:inline-block;
vertical-align:top;
width:290px;
height:210px;
padding:0px 20px 30px 30px;
}
#lessections2{								/* section centre*/
background-color:rgba(200,210,220,0.2);
display:inline-block;
vertical-align:top;
width:290px;
height:210px;
padding:0px 20px 30px 30px;
}
#lessections3{								/* section droite */
background-color:rgba(200,210,220,0.2);
display:inline-block;
vertical-align:top;
width:290px;
height:210px;
padding:0px 20px 30px 30px;
}
.quisuisje{								/* paragraphe */
font-family:trebuchet;
font-size:16px;
color:#456;
text-align:justify;
}

.titre4{
font-family:trebuchet;
font-size:18px;
font-weight:bold;
color:#456;
padding-bottom:12px;
}
.titre5{
font-family:trebuchet;
font-size:18px;
font-weight:bold;
color:#456;
padding-bottom:12px;
}
.titre6{
display:block;
font-family:trebuchet;
font-size:18px;
font-weight:bold;
color:#456;
padding-bottom:12px;
}

/*------------------------------------------------------  DEBUT FOOTER---------------------------------------*/		
footer{
background-color:rgba(200,190,180,0.2);
width:977px;
height:30px;
margin:0 auto;
padding:20px;
margin-top:10px;
}					

.box330{
display:inline-block;
width:310px;
font-family:arial;
font-size:14px;
text-align:center;
color:#444;
}
#box340{
display:inline-block;
width:350px;
font-family:arial;
font-size:14px;
text-align:center;
color:#444;
}

														/* INFOS LEGALES */
#infos{
display:inline-block;
vertical-align:top;
width:824px;
font-family:arial;
font-size:20px;
font-weight:bold;
text-align:center;
color:#444;
margin:150px auto 100px 100px;
}
#legales{
display:inline-block;
vertical-align:top;
width:820px;
min-height:80px;
text-align:justify;
font-family:trebuchet;
font-size:16px;
line-height:24px;
color:#456;
padding-left:80px;
margin:0 auto;
}		
/*-----------------------------------------------PCSOFT  ET AUTRES PAGES-------------------------------------------*/
.sdroite{									
width:800px;
height:450px;
padding:60px 20px 20px 40px;
margin:2px auto 0px auto;
border:1px solid red;
box-shadow:2px 2px 2px gray;
}
#web{
background-image:url(image/bandeauwin.jpg);
background-repeat:no-repeat;
width:300px;
height:60px;
padding-bottom:40px;
margin-left:225px;
}
.win{
display:inline-block;
vertical-align:top;
font-family:arial;
font-size:20px;
color:#444;
padding-bottom:30px;
margin-left:170px;
}
.fig{
display:inline-block;
vertical-align:bottom;
width:264px;
height:170px;
padding-right:50px;
padding-left:40px;
}
.option {	
display:inline-block;
vertical-align:top;
width:200px;
height:170px;
padding-top:70px;
text-align:justify;
font-family:arial;
font-size:15px;
color:#444;
}

/*---------------------------------FIN PCSOFT DEBUT AUTRES PAGES--------------------------------------------------------*/
													/* FENETRES EXPERIENCE */
#bodyref {
width:100%;
height:100%; 
margin:0 auto;
}												
#boxref{	
background-color:rgba(194,198,255,0.2);
width:480px;
height:550px;
margin:0 auto;
box-shadow:2px 2px 2px #ccc;
padding:20px;
}
#exp{														/* FIELDSET DE REF */
width:480px;
height:430px;
}
.exp1{	
display:inline-block;
vertical-align:top;	
width:170px;											
font-family:arial;
font-size:18px;
font-weight:bold;
color:#444;
padding-bottom:10px;
}
#seize{
font-family:arial;
font-size:16px;
color:#747;
padding-top:20px;
} 
/*----------------------------------------------- CLIENTS LOURDS--------------------------------------------------------------*/
#separe3{
width:1024px;
height:80px;
}
.lignef{
display:inline-block;
vertical-align:top;
width:200px;
min-height:50px;
text-align:justify;
padding:5px;
}
.lignep{
display:inline-block;
vertical-align:top;
width:665px;
min-height:50px;
text-align:justify;
font-family:trebuchet;
font-size:16px;
color:#456;
padding:5px 100px 5px 40px;
}
#titre7{
font-family:trebuchet;
font-size:18px;
font-weight:bold;
color:#456;
margin:50px 40px;
} 
/*------------------------------------------------------- REFERENCE--------------------------------------------------------------*/
#laref{
display:inline-block;
vertical-align:top;
width:800px;
min-height:80px;
text-align:justify;
font-family:trebuchet;
font-size:18px;
color:#456;
padding:50px;
margin:0 auto;
}		
/*---------------------------------------------------- FORMULAIRE DE CONTACT --------------------------------------------*/
.tipo4{												/* UNIQUE IMAGINATION*/
font-family:arial;
color:#555;
font-weight:bold;
font-size:24px;
font-style:italic;
text-align:center;
padding-top:50px;
padding-bottom:30px;
}
		
#leformulaire{	
background-color:rgba(194,198,255,0.4);
display:block;
vertical-align:top;
width:700px;
min-height:500px;
border-radius:5px;
border:1px solid #ff2222;
margin:0 auto;
box-shadow:2px 2px 2px gray;
}	
#laform{
width:680px;
min-height:450px;
border-radius:5px;
margin:0 auto;
}
#champ{
padding-top:20px;
padding-left:10px;
}
#margef{
display:inline-block;
vertical-align:top;
width:125px;
height:20px;
font-family:arial,sans-serif;
font-size:14px;
text-align:right;
padding-right:5px;
}
#margem{
display:inline-block;
vertical-align:top;
width:150px;
height:20px;
font-family:arial,sans-serif;
font-size:14px;
text-align:right;
padding-right:5px;
}
.leslabels{
display:inline-block;
vertical-align:top;
width:120px;
height:20px;
font-family:arial,sans-serif;
font-size:14px;
text-align:right;
}
.treize{
font-family:arial,sans-serif;
font-size:13px;
color:#777;
border:1px solid #00ff00;
margin-bottom:10px;
border-radius:4px;
box-shadow:2px 2px 2px gray;
}	
#lafrance{
display:inline-block;
vertical-align:top;
width:20px;
height:20px;
}
#letranger{
display:inline-block;
vertical-align:top;
width:20px;
height:20px;
}
#lecivil{
display:inline-block;
vertical-align:top;
width:200px;
height:22px;
padding-left:5px;
}

#lafonction{
display:inline;
vertical-align:top;
height:22px;
width:200px;
padding-left:2px;
}

#lenom{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}

#leprenom{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}
#lecode{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}
#adresse{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}
#laville{
display:inline;
vertical-align:top;
height:22px;
width:220px;
}
#letel{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}
#lemail{
display:inline-block;
vertical-align:top;
height:22px;
padding-left:5px;
}
#lemessage{
width:370px;
min-height:100px;
display:inline-block;
vertical-align:top;
padding:5px;
resize:none;
}
.facultatif{
font-family:arial,sans-serif;
font-size:13px;
margin-bottom:10px;
margin-left:10px;
color:#777;
}
#remarquecode{
position:absolute;
width:130px;
height:15px;
padding-top:5px;
font-family:arial,sans-serif;
font-size:13px;
text-align:center;
color:#777;
border-radius:4px;
box-shadow:2px 2px 2px gray; 
left:340px;
top:515px;
}
#decale{
display:inline-block;
vertical-align:top;
width:130px;
height:30px;
margin-left:25px;
padding:5px;
margin-bottom:5px;
}
#decalage{
/* background-image:url(image/panne.jpg); */
display:inline-block;
vertical-align:top;
width:130px;
height:30px;
padding:5px;
margin-left:155px;
margin-bottom:5px;
margin-right:10px;
}
#reponsa{
background-color:#e8f4e7;
display:block;
vertical-align:top;
width:680px;
min-height:80px;
padding:10px;
margin:0 auto;
}
#reponse{
background-color:rgba(194,198,255,0.4);
display:block;
vertical-align:top;
width:580px;
min-height:80px;
margin:0 auto;
}

#imagelamission{
/* background-color:red;  */ 
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
} 

#imagelecivil{
/* background-color:red;  */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelafonction{
 /* background-color:red; */ 
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelenom{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imageleprenom{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imageletel{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelecode{
/* background-color:red; */ 
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelaville{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelemail{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}

#imagelemessage{
/* background-color:red; */
display:inline-block;
vertical-align:top;
width:15px;
height:15px;
margin-top:3px;
}
#envoi{
text-decoration:none;
} 
a:hover #con{
background-color:rgba(0,255,0,0.6);
}
#con{
background-color:#eee;
box-shadow:3px 3px 3px #777;
text-align:center;
width:100px;
height:30px;
}
.tipojav{
padding:10px;
display:inline-block;
vertical-align:top;
font-family:arial,sans-serif;
font-size:14px;
color:#355;
}