/* CSS Document */

body {
background: url(img/bg.jpg) repeat-x #e2e2e2;
padding: 0;
margin: 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

#container {
width: 920px;
margin: 0 auto 0 auto;
text-align: center;
background: #FFFFFF;
}

#container div {
float: left;
}

#header {
width: 920px;
height: 129px;
background: url(img/header.jpg) no-repeat;
}


#mainbg {
width: 888px;
padding: 0 0 0 32px;
background: url(img/mainblocbg.jpg) no-repeat;
}

#mainbg2 {
width: 888px;
padding: 0 0 0 32px;
background: url(img/mainblocbg2.jpg) repeat-y;
}

#footer	{
width: 920px;
height: 44px;
background: url(img/footer.jpg) no-repeat #e2e2e2 ;
padding: 4px 0 0 0;
}

#footer2	{
width: 920px;
height: 30px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
font-size: 11px;
color: #666666;
background: #e2e2e2;

}


#footer	a	{
font-size: 11px;
color: #CCCCCC;
text-decoration: none;
padding: 0 4px 0 4px;
}

#footer	a:hover	{
text-decoration: underline
}

#footer	span	{
display: block;
padding: 12px 0 0 0;
}

#login2 {
width: 276px;
height: 89px;
font-size: 13px;
padding: 10px 0 0 644px;
}

#logbox {
width: 213px;
height: 50px;
background: url(img/loginbg.gif) no-repeat;
padding: 25px 0 0 0;
}

#logbox1 {
width: 170px;
height: 50px;
}

#logbox2 {
width: 43px;
height: 26px;
padding: 24px 0 0 0;
}

#logbox3 {
width: 76px;
height: 24px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 0 4px 0 0;
}

#logbox4 {
width: 90px;
height: 24px;
}

.field01 {
width: 84px;
height: 13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}	


#liens a {
color: #88a2b7;
padding: 0 4px 0 4px;
text-decoration: none;
font-weight: bold;
}

#liens a:hover {
text-decoration: underline;
}

#menu {
width: 914px;
font-size: 13px;
color: #FFFFFF;
padding: 6px 0 0 0;
}

#menu a {
width: 920px;
height: 31px;
font-size: 12px;
color: #FFFFFF;
padding: 0 19px 0 19px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

#menu a:hover {
text-decoration: underline;
}

#menu span {
width: 920px;
height: 32px;
font-size: 12px;
padding: 0 19px 0 19px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #66CCFF;
}


#homevisual {
width: 888px;
height: 346px;
margin: 0 0 0 0;
background: url(img/homevisual.jpg) no-repeat;
}

#pagevisual {
width: 688px;
height: 323px;
margin: 0 0 0 0;
background: url(img/pagephilosophy.jpg) no-repeat;
padding: 259px 0 0 173px;
}

#pagevisual2 {
width: 608px;
height: 323px;
margin: 0 0 0 0;
background: url(img/pageservices.jpg) no-repeat;
padding: 259px 20px 0 233px;
}



#pagevisual2_box1 {
width: 280px;
padding: 0px 0px 0 20px;
}

#pagevisual2_box2 {
width: 280px;
padding: 0px 0px 0 0px;
}

#pagevisual3 {
width: 608px;
height: 323px;
margin: 0 0 0 0;
background: url(img/pagepartners.jpg) no-repeat;
padding: 259px 20px 0 233px;
}

#pagevisual3_box1 {
width: 190px;
padding: 0px 0px 0 0px;
font-size: 11px;
}

#pagevisual3_box1 a {
color: red;
font-size: 13px;
text-decoration: none;
}

#pagevisual3_box1 a:hover {
color: red;
text-decoration: underline;
}

#pagevisual4 {
width: 608px;
height: 323px;
margin: 0 0 0 0;
background: url(img/pageresellers.jpg) no-repeat;
padding: 259px 20px 0 233px;
}

#pagevisual5 {
width: 888px;
height: 582px;
margin: 0 0 0 0;
}


#pagefooter {
width: 780px;
margin: 0 40px 0 40px;
}


#offres {
width: 853px;
height: 234px;
padding: 10px 0 0 35px;
}

#offresphrase {
width: 794px;
height: 50px;
padding: 0 0 0 0;
}

#offre1 {
width: 250px;
height: 173px;
background: url(img/offre1.gif) no-repeat;
margin: 0 22px 0 0;
}

#offre2 {
width: 250px;
height: 172px;
background: url(img/offre2.gif) no-repeat;
margin: 0 22px 0 0;
}

#offre3 {
width: 250px;
height: 172px;
background: url(img/offre3.gif) no-repeat;
margin: 0 22px 0 0;
}


.offre_soustitre {
width: 195px;
height: 46px;
padding: 12px 0 0 55px;
text-align: left;
}

.offre_details	{
width: 156px;
height: 106px;
padding: 4px 6px 0 88px;
line-height: 14px;
}


.offre_details ul	{
list-style: none;
padding: 0;
margin: 0;
}

.offre_details li	{
padding: 6px 0 0 0;
margin: 0;
}

.offre_details2	{
width: 160px;
height: 104px;
padding: 6px 2px 0 82px;
line-height: 12px;
}


.offre_details2 ul	{
list-style: none;
padding: 0;
margin: 0;
}

.offre_details2 li	{
padding: 3px 0 0 0;
margin: 0;
}


#greybox {
width: 196px;
height: 166px;
background: url(img/greybg.jpg) no-repeat;
padding: 0 0 0 12px;
}


#headerright {
width: 245px;
height: 262px;
background: url(img/softailorgirl.jpg) no-repeat top;
}

#centralleft	{
width: 250px;
height: 358px;
}

#centralleft span	{
display: block;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #376dcf;
padding: 20px 0 0 30px;
text-align: left;
}

#centralright	{
width: 390px;
height: 330px;
padding: 50px 20px 0 20px;
}

#centralright ul	{
padding: 12px 0 0 10px;
margin: 0;
list-style: none;
}


#centralright li {
background: url(img/puce.gif) no-repeat left;
padding: 6px 0 6px 18px;
}

.img01	{
background: url(img/illustration-home.jpg) no-repeat top left;
}

.img02	{
width: 256px;
height: 280px;
background: url(img/illustration-services.jpg) no-repeat top left;
margin: 20px 0 0 30px;
}

.img03	{
width: 256px;
height: 280px;
background: url(img/illustration-careers.jpg) no-repeat top left;
margin: 20px 0 0 30px;
}

.img04	{
width: 256px;
height: 280px;
background: url(img/illustration-contact.jpg) no-repeat top left;
margin: 20px 0 0 30px;
}


.verdana	{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.arial{
font-family: Arial, Helvetica, sans-serif;
}

.justified {
text-align: justify;
}

.left {
text-align: left ;
}

.right {
text-align: right;
}


.s10	{
font-size: 10px;
}

.s11	{
font-size: 11px;
}

.s12	{
font-size: 12px;
}

.s13	{
font-size: 13px;
}

.s14	{
font-size: 14px;
}

.s15	{
font-size: 15px;
}

.s16	{
font-size: 16px;
}

.s17	{
font-size: 17px;
}

.s18	{
font-size: 18px;
}

.s20	{
font-size: 20px;
}

.l14	{
line-height: 14px;
}

.l16	{
line-height: 16px;
}

.l18	{
line-height: 18px;
}

.l20	{
line-height: 20px;
}


.bluest	{
color: #376dcf;
}

.gris1	{
color: #4f4f4f;
}

.gris2	{
color: #BBBBBB;
}

.orange	{
color: #eb9214;
}

.bleu	{
color: #1e88b9;
}

.bleu2	{
color: #2868a5;
}

.vert	{
color: #3db300;
}

.noir	{
color: #000000;
}

.blanc {
color: #FFFFFF;
}

.rouge2 {
color: #93061e;
}

.bold	{
font-weight: bold;
}


.floatcenter {
width: 100%;
margin: 0 auto 0 auto;
text-align: center;
}

.box01 {
width: 340px;
height: 70px;
padding: 10px 0 10px 0;
}

.box02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #f4f4f4;
text-transform: uppercase;
text-align: left;
padding: 0 0 0 8px;
margin : 90px 0 0 0;
border-left: 2px solid #e4e4e4;
}

#contact {
width: 157px;
height: 40px;
padding: 4px 0 0 30px;
}

#contact a {
display: block;
background: url(img/contact-off.jpg) no-repeat;
width: 157px;
height: 32px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #f2f2f2;
padding: 8px 0 0 0;
}


#contact a:hover {
display: block;
background: url(img/contact-on.jpg) no-repeat;
width: 157px;
height: 32px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding: 8px 0 0 0;
}


#customer {
width: 243px;
height: 40px;
padding: 4px 0 0 0;
}

#customer a {
display: block;
background: url(img/customer-off.jpg) no-repeat;
width: 243px;
height: 32px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #f2f2f2;
padding: 8px 0 0 10px;
}


#customer  a:hover {
display: block;
background: url(img/customer-on.jpg) no-repeat;
width: 243px;
height: 32px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #ffffff;
padding: 8px 0 0 10px;
}