/*****************************************************/
/********** OS communications informatiques **********/
/**********        	  INFO@OS.CA  		    **********/
/**********   Feuille de style en cascade   **********/
/*****************************************************/

body {
margin: 0;
padding: 0;
background-image: url(images/bgBody.jpg);
background-position: 0 0;
background-repeat: repeat-x
}

/*****************************************************/
/*****	       STRUCTURE - Mise en page		     *****/
/*****************************************************/

#container {
width: 940px;
margin: 0 auto;
padding: 0 10px;
}

#banner {
height: 120px;
margin: 0 auto;
background-image: url(images/bgBanner.jpg);
background-position: center top;
background-repeat: no-repeat;
}

#sidebar-a {
float: left;
width: 300px;
margin: 0;
margin-right: ;
padding: 5px;
background-color: red;
}

#content {
padding-top: 75px;
}

div#conteneurIphoneAcc {
position: relative;
width: 100%;
height: 500px;
}

div#conteneurIphoneAcc div#iphoneGauche {
position: absolute;
width: 245px;
height: 512px;
left: 83px;
margin: 0;
padding: 0;
background-image: url(images/bgIphoneGauche.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

div#conteneurIphoneAcc div#iphoneCentre {
position: absolute;
width: 245px;
height: 512px;
left: 348px;
margin: 0;
padding: 0;
background-image: url(images/bgIphoneGauche.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

div#conteneurIphoneAcc div#iphoneDroite {
position: absolute;
width: 245px;
height: 512px;
left: 612px;
margin: 0;
padding: 0;
background-image: url(images/bgIphoneCentre.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

.lienEntree {
width: 122px;
margin: 25px auto;
}

#footer {
background-color: #2C2E30;
width: 100%;
height: 172px;
}

#contenuFooter {
width: 960px;
margin: 0 auto;
}

/*****************************************************/
/*****	           Elements TEXTE			     *****/
/*****************************************************/

p.titrePage {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color: #2d2d2d;
text-align: center;
margin: 0;
padding: 0;
}

p.paraIntro {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:  15px;
font-style: italic;
color: #2d2d2d;
text-align: center;
width: 900px;
}

#contenuFooter p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #ccc;
text-align: center;
margin-top: 25px;
}

table.tableProduits p.note {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px!important;
color: #555;
text-align: left;
}

/*****************************************************/
/*****	           Elements LIST			     *****/
/*****************************************************/

#navcontainer {
margin: 0 auto;
width: 550px;
}

#navlist {
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist li {
border-left: 1px solid #6c6c6c;
float: left;
margin: 0 .5em 0 -.5em;
}

#navlist li  a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
color: #2d2d2d;
text-decoration: none;
padding: 13px 25px 12px 25px;
line-height: 43px;
}

#navlist li  a#current, #navlist li  a:hover {
background-color: #858686;
color: #fff;
margin-top: -1px;
}

#listeFooter {
list-style-type: none;
margin: 0 auto;
padding: 75px 0 20px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
width: 380px;
}

#listeFooter li {
border-left: 1px solid #7e7f7f;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}

#listeFooter li:first-child {
border: 0;
}

#listeFooter li a {
color: #7e7f7f;
text-decoration: none;
}

ul.listeContenu {
margin: 0 0 0 5px;
padding: 0;
}

ul.listeContenu li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
text-align: left;
line-height: 23px;
list-style-type: none;
background-image: url(images/bulletRouge.png);
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 20px;
margin: 5px 0;
}

ul.listeProduits {
padding: 0;
margin: 0;
width: 264px;
}

ul.listeProduits li {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
text-align: left;
line-height: 23px;
list-style-type: none;
background-image: url(images/bulletRouge.png);
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 20px;
margin: 5px 0;
}

/*****************************************************/
/*****	           Elements LIENS			     *****/
/*****************************************************/



/*****************************************************/
/*****	           Elements FORMS			     *****/
/*****************************************************/



/*****************************************************/
/*****	           Elements TABLES			     *****/
/*****************************************************/

table#tableServices {
margin: 20px auto 100px auto;
padding: 0;
}

table#tableServices td {
vertical-align: top;
}

table#tableServices td  p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2d2d2d;
line-height: 18px;
width: 240px;
}

table#tableServices td  p.titreServices {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #2d2d2d;
line-height: 19px;
width: 240px;
}

#produitGeneral td {
padding-bottom: 45px;
vertical-align: top;
}

#produitGeneral td.noPaddingBottom {
padding-bottom: 10px;
vertical-align: top;
}

#produitGeneral td p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #555;
text-align: left;
line-height: 23px;
}

#produitGeneral td p.titrePage {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color: #555;
line-height: 42px;
}

table.tableProduits tr td p.titreListeProduit {
font-family: Georgia, "Times New Roman", Times, serif!important;
font-size: 15px;
color: #2d2d2d;
line-height: 19px;
width: 240px;
}


/*****************************************************/
/*****	           Elements SLIDER			     *****/
/*****************************************************/

#slider {
}

#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}

#slider li {
width:696px;
height:241px;
overflow:hidden;
}

#prevBtn, #nextBtn {
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}

#nextBtn {
left:696px;
}

#prevBtn a, #nextBtn a {
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a {
background:url(images/btn_next.gif) no-repeat 0 0;
}

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

img, div { behavior: url(iepngfix.htc) }


* {
outline: none;
}