/*
	depanordi.css
	www.depanordi.fr
------------------------------------------------------------------*/

/**************************
	ELEMENT RACINE
***************************/

body {
	padding: 0;
	margin: 0;
	text-align: left;
	color: #333366;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/**************************
	HTML
***************************/

a { color: #ff711f; }
h1, h2, h3, h4, h5, h6, p {
	padding: 4px 0 3px 0;
	margin: 0;
	text-align: left;
}
.oppLien {
	padding: 4px 0 3px 0;
	margin: 0;
	text-align: center;
}
.oppLien2 {
	padding: 4px 0 3px 0;
	margin: 0;
	text-align: center;
	color: #204199; 
}
a { color: #ff711f; }
h8 {
	padding: 4px 0 2px 0;
	margin: 0;
}
h1 {
	font-size: 21px;
	font-weight: bold;
	color: #ff711f;
	text-align: center;
}
h2 { font-size: 18px; font-weight: bold; color: #204199; margin-left:100px;}
h3 { font-size: 15px; font-weight: bold; text-align: center; color: #204199;}
h4 { font-size: 16px; font-weight: bold; margin-left:100px; margin-bottom: 20px; }
h5 { font-size: 18px; font-weight: bold; color: #ff711f; margin-left:100px;}
h6 { font-size: 18px; font-weight: bold; color: #204199; margin-left:210px;}

h9 {
	font-size: 18px;
	font-weight: bold;
	color: #ff711f;
	text-align: center;
}
h8 {
	font-size: 8px;
	font-weight: bold;
	color: #204199;
	text-align: center;
}
ul, ol, dl {
	padding-top: 4px;
	margin-top: 0;
	padding-bottom: 12px;
	margin-bottom: 0;
}
img { border: none; }
form { padding: 0; margin: 0; }
a { text-decoration:none;}

/**************************
	ELEMENT BLOC
***************************/
div#general {
	width:900px;
	margin:0 auto;
	margin-top:20px;
	border-right: 1px solid #9b9b9b;

}
div#general #silhouette {
	width:106px;
	height:520px;
	position:absolute;
	margin:456px 0 0 118px;
	-moz-opacity:0.2;
	opacity: 0.2;
	filter:alpha(opacity=20);
	z-index:0;
	background:url(../images/bonhomme.gif);
}
div#banniere {
	width:900px;
	height:196px;
	background:url(../images/header.jpg) no-repeat;
	border-top: 1px solid #9b9b9b;
	border-left: 1px solid #9b9b9b;
	border-right: 1px solid #9b9b9b;
	}
div#banniere #logo {
	width:404px;
	height:84px;
	float:right;
	}
div#banniere #liens {
	width:900px;
	height:112px;
	float:right;
	margin-top:0px;
	}
div#banniere #liens #liensociete {
	width:487px;
	height:112px;
	float:left;

	}
div#banniere #liens #liensite {
	width:487px;
	height:112px;
	float:right;
	}
div#contenu {
	width:900px;
	height:90%;
	background:url(../images/fondContenu.gif) repeat;
	float:left;
	border-left: 1px solid #9b9b9b;
	border-right: 1px solid #9b9b9b;
	}
div#contenu #pavGauche {
	width:173px;
	height:100%;
	padding: 18px 27px 0 22px;
	float:left;
}
div#contenu #pavGauche .pavTitre {
	width:173px;
	height:21px;
	float:left;
	line-height:21px;
	text-align:right;
	color:#204199;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}
div#contenu #pavGauche .pavTitre2 {
	width:173px;
	height:21px;
	float:left;
	line-height:21px;
	text-align:right;
	color:#204199;
	font-size:14px;
	font-weight:bold;
}
div#contenu #pavGauche .pavFormu1{
	width:139px;
	height:110px;
	float:left;
	background-color:#d9e0e6;
	border:1px solid #c3cad0;
	padding:16px;
	color:#5f6c62;
	font-size:12px;
}
div#contenu #pavGauche .pavFormu {
	width:139px;
	height:149px;
	float:left;
	background-color:#d9e0e6;
	border:1px solid #c3cad0;
	padding:16px;
	color:#5f6c62;
	font-size:12px;
}
div#contenu #pavGauche .pavMargin {
	margin-top:12px;
}


div#contenu #pavDroit {
width:675px;
height:100%;
float:left;
background:url(../images/siloutD.jpg) no-repeat;
min-height:760px;

}
div#contenu #pavDroit #bg {
}

div#contenu #pavDroit #groupeCom {
	width:35px;
	height:227px;
	float:left;
}
.titreForPage  {
	color:#000000;
	float:right;
	margin-right:38px;
}

.hovermenu {
	margin-left: 40px;
	background:url(../images/bg-sousmenu.jpg) no-repeat;
	float:left;
}

.joindre{
	margin-left: 160px;
	float:left;
}
.subMenu{
background-color:#D9E0E6;
padding-right:10px;
border: 1px solid #C3CAD0; 
}


div#contenu #pavDroit #oportuProdui {
	width:640px;
	height:105px;
	float:left;
	text-align:justify;
}

#accroche {
	float:left;
	}
	
.contenuOpportunites {
width:585px;
padding: 30px 20px 10px 25px;
float:left;
text-align:justify;

}
div#contenuOpportunites p.dotline {
background:url(images/dot-line.gif) 0 0 repeat-x #000000; padding:0; margin:0 40px 0 25px; color:#000;
text-align:justify;
float:left;
}



/******************

		MENU OPPORTUNIT2
		
		
 ***************/
 
 div#wrap-nav {
	width: 518px;
	height: 60px;
	margin:20px 0 0 15px;
	
}
div#nav {
	width: 518px;
	height: 60px;
}
ul#ulnav {
	padding: 0;
	width: 518px;
	margin-left:35px;
	margin-bottom: 20px;
	list-style: none;
}
p#player1{
	margin-left:45px;
	margin-bottom: 1px;
	list-style: none;
}
p#player2{
	margin-left:40px;
	list-style: none;
}

p#player3{
	margin-left:70px;
	list-style: none;
}


ul#ulnav li {
	display: inline;
}
ul#ulnav li a {
	float: left;
	display: block;
	width:254px;
	height:56px;
	margin: 0;
	border: 2px solid #FFFFFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color:#FF6600;
	font-size:20px;
	line-height:56px;
	
}
ul#ulnav li a:hover {
	background-color:#f6bca5;
}
ul#ulnav li a.produit {
	float: left;
	display: block;
	width:254px;
	height:56px;
	margin: 0;
	border: 2px solid #FFFFFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color:#204199;
	font-size:20px;
	line-height:56px;
}
ul#ulnav li a.produit:hover {
	background-color:#a1b3e4;
}

ul#ulnav2 {
	width: 300px;
	margin-bottom: 20px;
	list-style: none;
}
ul#ulnav2 li {
	display: inline;
}
ul#ulnav2 li a {
	float: left;
	display: block;
	width:254px;
	height:56px;
	margin-left: 130px;
	border: 2px solid #FFFFFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color:#FF6600;
	font-size:20px;
	line-height:56px;
	
}
ul#ulnav2 li a:hover {
	background-color:#f6bca5;
}
ul#ulnav3 {
	padding: 0 54px;
	width: 300px;
	margin-bottom: 20px;
	list-style: none;
}
ul#ulnav3 li {
	display: inline;
}
ul#ulnav3 li a {
	float: left;
	display: block;
	width:254px;
	height:56px;
	margin-left:115px;
	border: 2px solid #FFFFFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color:#204199;
	font-size:20px;
	line-height:56px;
}
ul#ulnav3 li a:hover {
	background-color:#a1b3e4;
}

ul#ulnav4 {
	padding: 0 70px;
	width: 300px;
	margin-bottom: 20px;
	list-style: none;
}
ul#ulnav4 li {
	display: inline;
}
ul#ulnav4 li a {
	float: left;
	display: block;
	width:254px;
	height:56px;
	margin-left: 80px;
	border: 2px solid #FFFFFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background-color:#cb282d;
	font-size:20px;
	line-height:56px;
	
}
ul#ulnav4 li a:hover {
	background-color:#ff7e82;
}

/***********************
/***************** Nav***********************/
#navi {
	clear: both;
	height: 20px;
	width: 580px;
	position:absolute;
	margin-left:35px;
}

#navi ul {
	list-style: none;
	margin: 5px 5px 0px 0px;
	padding: 1px;
	width:500px;
	z-index:15;
	position:absolute;
	text-align:center;
}

#navi li {
	list-style: none;
	float:left;
	margin: 0px;
	padding: 0px;
	display:inline;
	border-right: 1px solid #c0617f;
}
#navi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	display:inline;
	text-transform: uppercase;
	padding: 20px 10px 10px 10px;
}
#navi a:hover {
	color:#ff711f;
	text-decoration:underline;
}
/************
      FIN CODE
	  /************************/
	  
div#contenu #pavDroit #bannFlash {
	width:640px;
	height:394px;
	float:left;
	text-align: justify;
}
div#contenu #pavDroit #bannFlash2{
	width:630px;
	height:300px;
	margin-bottom:30px;
	float:left;
	text-align:center;
}


div#contenu #pavDroit #textCont {
	width:640px;
	float:left;
	text-align:justify;
	margin-left:35px;
}

div#contenu #pavDroit #textCont1 {
	width:640px;
	float:left;
	text-align:justify;
	margin-left:85px;
} 
div#contenu #pavDroit #dgn {
margin-top:20px;
	margin-left:25px;
	float:left;
	text-align:center;
}
div#contenu #pavDroit #BoutPav {
	width:640px;
	float:left;
	text-align:left;
	margin-left:35px;
}
div#contenu #pavDroit .btTemoignage {
	width:150px;
	height:84px;
	text-align: right;
	padding:29px 12px 7px 36px;
	font-size:12px;
	color:#00378d;
	background-image:url(../images/pav-tem.jpg)
}
div#contenu #pavDroit .btInscri {
	width:150px;
	height:84px;
	text-align: right;
	padding:29px 12px 7px 36px;
	font-size:12px;
	color:#00378d;
	background-image:url(../images/pav-insc.jpg)
}
div#contenu #pavDroit .btFaq {
	width:150px;
	height:84px;
	text-align: right;
	padding:29px 12px 7px 36px;
	font-size:12px;
	color:#00378d;
	background-image:url(../images/pav-faq.jpg)
}
div#contenu #pavDroit .btOutils {
	width:150px;
	height:84px;
	text-align: right;
	padding:29px 12px 7px 36px;
	font-size:12px;
	color:#00378d;
	background-image:url(../images/pav-outilVDI.jpg)
}
div#contenu #pavDroit .inscri {
	width:150px;
	height:84px;
	text-align: right;
	padding:29px 12px 7px 36px;
	font-size:12px;
	color:#00378d;
	background-image:url(../images/pav-reun.jpg)
}
div#contenu #pavDroit a.btLien {
	color:#00378d;
	text-decoration:none;
}
div#contenu #pavDroit a.btLien:hover {
	color:#ff711f;
	text-decoration:none;
}
div#contenu #pavDroit #temoignage {
	width:336px;
	height:255px;
	text-align: justify;
	margin-top:35px;
	float:left;
}
div#contenu #pavDroit #temoignage #zonetext {
	width:160px;
	height:77px;
	float:right;
	background:url(../images/temoignage.jpg) no-repeat;
	padding: 35px 8px 8px 100px;
	color:#7f7f7f;
}
div#contenu #pavDroit #temoignage2 {
	width:336px;
	height:255px;
	margin-top:1px;
	float:left;
}
div#contenu #pavDroit #temoignage2 #zonetext {
	width:160px;
	height:77px;
	float:right;
	background:url(../images/temoignage.jpg) no-repeat;
	padding: 35px 8px 8px 100px;
	color:#7f7f7f;
}

div#contenu #pavDroit #temoignage #minuature{
	width:156px;
	height:36px;
	float:right;
}
div#contenu #pavDroit #temoignage #minuature img.min{
	width:37px;
	height:36px;
	float:left;
	border:1px solid #d6d6d6;
}
div#contenu #pavDroit #rejoignez {
	width:338px;
	height:260px;
	float:left;

	}

div#contenu #pavDroit #rejoignez #leinbas {
	width:291px;
	height:208px;
    margin-top:99px;
	margin-left:23px;
}

div#contenu #pavDroit #rejoignez #leinbasb {
	width:291px;
	height:208px;
	margin-top:1px;
	margin-left:70px;
}

div#contenu #pavDroit #rejoignez #leinbas #l1{
	width:291px;
	height:55px;
	float:left;
	background:url(../images/l1.jpg) no-repeat;
}

div#contenu #pavDroit #rejoignez #leinbasb #l1b{
	width:291px;
	height:87px;
	float:left;
	background:url(../images/toto2.jpg) no-repeat;

}

div#societe{
	width:400px;
	float:left;
	margin-left:70px;
}

div#remuneration{
	width:500px;
	float:right;
	margin-left:50px;
}
div#remuneration2{
	width:500px;
	float:right;
	margin-right:55px;
	margin-top:50px;
}
div#remuneration3{
	width:500px;
	float:left;
	margin-left:50px;
}

.photo {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding:5px;
	
}
.photo1 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding:5px;
	border: 0px solid #ca738f;	
}
.photo img{
	border: 0px solid #df8fa9;
}

.photo3 {
	float: right;
	margin-left: 0px;
	margin-right: 1px;		
}
.photohisto{
	float: left;
	margin-left: 60px;	
}
.photophilo {
	float: left;
	margin-left: 80px;
		
}
.photovd {
	float: left;
	margin-left: 100px;
	
}
.8euros{
	float: left;
	margin-left: 80px;	
}
.14euros {
	float: left;
	margin-left: 100px;
		
}
.48euros{
	float: left;
	margin-left: 70px;
	
}
.72euros{
	float: left;
	margin-left: 90px;	
}
.96euros{
	float: left;
	margin-left: 110px;
		
}
.aai{
	float: left;
	margin-left: 80px;	
}
.materiel{
	float: left;
	margin-left: 100px;
		
}
.tel{
	float: left;
	margin-left: 80px;
	
}
.gn{
	float: left;
	margin-left: 100px;	
}

.text1{
width:255px;
height:18px;
margin-top:28px;
margin-left:55px;
font-size:10px;
}
.text10{
width:255px;
height:18px;
margin-top:28px;
margin-left:10px;
font-size:10px;
}
.text1b{
width:255px;
height:18px;
margin-right:10px;
font-size:17px;
}

.text2{
width:255px;
height:18px;
margin-top:34px;
margin-left:10px;
font-size:10px;
}
a.lienRejoigner {
color:#7f7f7f;
text-decoration:none;
}
a.lienRejoigner:hover {
color:#ff711f;
text-decoration:none;
}
div#contenu #pavDroit #rejoignez #leinbas #l2{
	width:291px;
	height:67px;
	float:left;
	background:url(../images/l2.jpg) no-repeat;
}
div#contenu #pavDroit #rejoignez #leinbas #l3{
	width:291px;
	height:87px;
	float:left;
	background:url(../images/l3.jpg) no-repeat;
}
div#contenu #textBas {
	width:600px;
	height:85px;
	float:left;
	padding-left:60px;
	vertical-align:top;
}
div#topFooter {
	width:900px;
	height:21px;
	float:left;
	}
div#footer {
	width:900px;
	height:52px;
	background:url(../images/footer.gif);
	float:left;
	}
div#footer #copyright{
	width:263px;
	height:52px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	margin-top:10px;
	}
div#footer #sousmenu{
	width:637px;
	height:52px;
	float:left;
	text-align:center;
	color:#656774;
	line-height:52px;
	border-bottom: 1px solid #9b9b9b;
	}
	div#footer #sousmenu a.menuBas{
	color:#656774;
	text-decoration:none;
	}
	div#footer #sousmenu a.menuBas:hover{
	color:#e85213;
	text-decoration:underline;
	}
	
	/***************** Menu ***********************/
div#menu{
	background-image:url(images/menu.jpg);
	width:173px;
	height:200px;
	margin-left:0px;
	text-align:right;

}
ul#menu {
	width:173px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu ol {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
ul#menu li:hover ol{
	display:block;
}
ul#menu li, ul#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9b9b9b;
	font-weight:normal;
}
ul#menu li {
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	text-align:left;
	font-size:13px;
	font-weight:normal;
}

ul#menu ol li {
	border-bottom: none;
	color: #ff711f;
}
ul#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #204199;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}
ul#menu a.t {
	font-family: Arial, Helvetica, sans-serif;
	color: #204199;
	text-decoration: none;
	font-size: 12px;
	font-weight:normal;
}
ul#menu a:hover {
	color: #ff711f;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #9b9b9b;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}
/*div#menu ul {
	padding: 0px 0px 0px 0px;
	width:173px;
	margin-left:0px;
}
div#menu li {
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 4px 0px 10px 0px;
	text-align:right;
}
div#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #9b9b9b;
	text-decoration: none;
	font-size: 13px;
	
}
div#menu a:hover {
	color:#ff711f;
}*/
   /**********************************************************/
   
.formulaire1 {
background-color:#000000;
color:#FFFFFF;
border:1px solid #000000;
}
.formulaire2 {
background-color:#e5edf0;
border:1px solid #628ba9;
color:#f05c22;
} 
.newsletter{
font-size:10px;
text-align:center;
color:#848587;
} 
.pwdoublie {
white-space:143px;
height:18px;
background:url(../images/noname.gif);
color:#FFFFFF;
text-align:center;
font-size:12px;
}
a.pwdoublie2 {
color:#FFFFFF;
text-decoration:none,
}
a.pwdoublie2:hover {
color:#000;
text-decoration:none,
}
.padLien {
margin-top:23;
}
/********************************************

         MENU HAUT DROITE
		  
  ********************************/
  
 .notreSociete {
 font-size:20px;
 color:#FFFFFF;
 text-align:center;
 line-height:20px;
 }
 
.menuVerti {
font-size:12px;
text-align:center;
line-height:10px;
font-weight:bold;
}
a.menuVerti2 {
color: #0e283b;
text-decoration:none;
}
a.menuVerti2:hover {
color: #e75312;
text-decoration:none;
}
div.clear {
	clear: both;
}
/*******************************************************************************

              PAGE OPPORTUNITES
			  
			  
***************************************************************************/

div#contenu #pavDroit #sousmenu {
	width:640px;
	height:50px;
	float:left;
}
div#contenu #pavDroit #contenuOpportunites {
	width:600px;
	height:100%;
	padding-left:5px;
	padding-right:1px;
	float:left;
	text-align:justify;
}

div#opportunite {
    width:550px;
    margin-left: 200px;
	margin-top: 30px;
	float:left;
}
.textright {
text-align: right;
}
div#calque1{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	margin-left:44px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
div#savoircalque{
    width:550px;
    margin-left: 230px;

	float:left;
}
div#calque2{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
div#calque3{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
div#calque4{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
div#calque5{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
div#calque6{
	width:550px;
	background-color: #403e43;
	border:1px double #336;
    /*background:url(../images/divbg2.jpg) repeat;*/
	margin-top:35px;
	padding:20px;
	color:#FFF;
	float:left;
	text-align:left;
}
/**************************************************


			PAGE FORMULAIRE
			
****************************************************/	

div#contenu #pavDroit #formaulaireRdv {
	width:620px;
	float:left;
	text-align:center;
	padding :5px 10px 0 10px;
}

.texte3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #64696F;
	background-color:#d9e0e6;
	border:1px solid #c3cad0;
}
select {
  width: 100%;
  background-color:#d9e0e6;
  border: 1px solid #628ba9;
  color:#333333;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
}
.titreForGran {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #e75312;
	padding-left: 8px;
}
.titreForPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ff711f;
	text-transform:uppercase;
	line-height: 40px;
	text-align:left;
}

.rougeObligatoire {
	color:#b20000;
	font-size:12px
}
div#start {
	width:250px;
	margin-left:150px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;


}
div#savoircalque {
	margin-left:300px;
	margin-top:30px;
	text-align: right;
}
div#savoircalqueopp {
	margin-left:265px;
	margin-top:20px;
	text-align: right;
}

div#gagnez {
	width:580px;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
div#minimenubis {
text-align:center;
}

div#minimenubis a.menuBas1{
	color:#ff0000;
	text-decoration:none;
	}
	
	
div#minimenu {
	text-align:center;
}
	

div#minimenubisb {
	
	margin-left:120px;
}

div#minimenubisc {
	
	margin-left:140px;
}
div#savoir+ {
	width:250px;
	margin-right:100px;
	margin-top:30px;
	margin-bottom:10px;
	text-align: right;
}

div#plan {
	width:400px;
	margin-left:150px;
    font-size:12px;
	font-weight:bold;
}

select.mn {
width:150px;
background-color:#e5edf0;
border:1px solid #628ba9;
color:#f05c22;
}
.centerImg {
text-align:center;
}
.magnify{
margin-left:30px;
  position:relative; 
  z-index:100px; 
}
}