body{
font-family:Verdana;
margin:0px;
padding:0px;
}

a {
    border: 0 none;
    outline: 0 none;
    text-decoration:none;
    color:#0000ff;
}
a:visited {
    border: 0 none;
    outline: 0 none;
    text-decoration:none;
    color:#0000ff;
}
a :hover{
    border: 0 none;
    outline: 0 none;
    text-decoration:none;
    color:#f0000f;
}


#noiro1{
position:relative;
top:0px;
background: url("/images/fond-top.png") repeat-x scroll center top #000000;
height: 130px;
width: 100%;
z-index:2;
font-size:12px;
}

#noiro2{
position:relative;
top:0px;
/*left:auto;*/
margin-left: auto;
margin-right: auto;
width:972px;
text-align:center;
height: 130px;
/*background-color:#458744;*/
/*color:#97a7ff;*/
}


#m1 {
    position:absolute;
    
    left:382px;
    top:95px;
    
    z-index:4;
}

#m2 {
    position:absolute;
    
    left:582px;
    top:95px;
    
    z-index:4;
}
#m3 {
    position:absolute;
    
    left:782px;
    top:95px;
    
    z-index:4;
}

#main_logo {
    position:absolute;
    
    left:0px;
    top:25px;
    
    z-index:3;
}
#main_actus {
    position:absolute;
    
    left:390px;
    top:0px;
    
    z-index:3;
}
#actus-php{
position:absolute;
z-index:4;
left:5px;
top:0px;
width: 571px;
height:75px;
}

#masque-php{
position:absolute;
z-index:6;
left:502px;
top:19px;
width: 79px;
height:60px;
}

#arian1{
position:relative;
top:0px;
    background-color: #999999;
    height: 20px;
    border-top: 1px solid #555555;
    width: 100%;
    z-index:1;
font-size:12px;

}

#arian2 {
   /* background: url("/images/bg-header-top.png") repeat-x scroll center top #999999;*/
   /* border-top: 1px solid #555555;*/
    height: 20px;
    
    position: relative;
    margin-left: auto;
margin-right: auto;
width:972px;
     z-index:2;
}
#main_ariane_texte {
    color: #CCCCCC;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
top:3px;
left:0px;
    position: absolute;
     z-index:3;
}
#main_ariane_texte img {
    vertical-align: bottom;
}
#main_ariane_texte a {
    color: #ffffff;
    text-decoration: none;
}
#main_ariane_texte a:hover, #main_ariane_texte a:focus {
    color: #d6000f;
    text-decoration: underline;
}














#totaux{
position:relative;
height:770px;
margin-left: auto;
margin-right: auto;
width:972px;
text-align:left;
z-index:1;
/*background-color:#531284;*/
}


#prestations_web{
position:absolute;
left:0px;
top:37px;
width:972px;
height:147px;
z-index:3;
}
#texte_presentation{
position:absolute;
left:15px;
top:5px;
width:796px;
height:118px;

    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align:center;

z-index:4;
}
#texte_presentation li{


    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align:justify;

}
.mini{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align:justify;
}

#prestations-methode{
position:absolute;
left:14px;
top:204px;
width:773px;
height:37px;
z-index:2;
}

#prestations{
position:absolute;
left:20px;
top:3px;
width:250px;
height:29px;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
text-align:center;
z-index:3;
}
#methode{
position:absolute;
left:366px;
top:3px;
width:340px;
height:29px;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
text-align:center;
z-index:3;
}


#web_ecommerce_appli{
position:absolute;
left:0px;
top:262px;
width:386px;
height:479px;
z-index:3;
}
H1{
   color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    margin:0;
    padding:2px;
}

#vitrine{
position:absolute;
left:33px;
top:-1px;
width:250px;
height:88px;
z-index:4;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align:justify;
}
#ecommerce{
position:absolute;
left:33px;
top:131px;
width:250px;
height:88px;
z-index:4;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align:justify;
}
#application{
position:absolute;
left:33px;
top:257px;
width:250px;
height:88px;
z-index:4;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align:justify;
}
#formations{
position:absolute;
left:33px;
top:381px;
width:250px;
height:88px;
z-index:4;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align:justify;
}
#formations H1{
   color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    margin:0;
    padding:2px;
}

#vitrine_image{
position:absolute;
left:280px;
top:275px;
width:110px;
height:79px;
z-index:2;
}
#ecommerce_image{
position:absolute;
left:280px;
top:389px;
width:111px;
height:104px;
z-index:2;
}	
#application_image{
position:absolute;
left:280px;
top:522px;
width:109px;
height:87px;
z-index:2;
}
#formations_image{
position:absolute;
left:280px;
top:653px;
width:113px;
height:73px;
z-index:2;
}
			
#offres_developpement{
position:absolute;
left:823px;
top:37px;
width:150px;
height:704px;
z-index:4;
}

#rappel-auto{
position:absolute;
left:14px;
top:247px;
width:112px;
/*height:52px;*/

color:#ffffff;
text-align:justify;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 11px;
 font-weight: normal;
 
z-index:5;
}

#inpuput{
position:absolute;
top:67px;
left:4px;
border:0px;
font-weight:bold;
z-index:6;
}

#submimit{
position:absolute;
left:30px;
top:127px;
cursor: pointer;
width: 68px;
height: 18px;
border: none;
z-index:7;

}
#boloss{
position:absolute;
top:200px;
left:400px;
width:300px;
height:165px;
background-color:#ffffff;
border:2px solid #f0000f;
border-top:7px solid #f0000f;
z-index:1000;
}
#boloss a {color:#000000;font-weight:bold;}
#boloss a:visited{color:#000000;font-weight:bold;}
#boloss a:hover{color:#f0000f;font-weight:bold;text-decoration:underline;}
.bt_envoi{ 

background: url("/images/envoi1.png") no-repeat left top;
}

.bt_envoi:hover{ 

background: url("/images/envoi2.png") no-repeat left top;
}

#contacts{
position:absolute;
left:13px;
top:636px;

color:#ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
text-align:justify;
z-index:7;
}

#elephant-php-toulouse{
position:absolute;
left:820px;
top:41px;
width:201px;
height:150px;
z-index:2;
}

#deroulement_prestation_web{
position:absolute;
left:430px;
top:240px;
width:340px;
height:485px;


 color: #000000;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align:justify;


z-index:3;
}

.descr1{
 color: #000000;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
 font-weight: normal;
 text-align:justify;

}


#marron{

background-color:#00386e;

    /*bottom: 0;*/
    clear: both;
    height: 30px;
    background-color:#000000;
    position: relative;
    width: 100%;
    color: #999999;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;

}

#marre{
position:relative;
top:10px;
/*left:auto;*/
margin-left: auto;
margin-right: auto;
width:972px;
text-align:center;
color:#999999;
}


#marron a {
    color: #999999;
    text-decoration: none;
}
#marron a:visited {
    color: #999999;
    text-decoration: none;
}
#marron  a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}