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

* {
outline: none;
}

body {
margin: 0;
padding: 0;
background-image: url(images/Fond_courtagePlus.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #6E180D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

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

#banner {
height: 126px;
padding-top: 115px;
width: 100%;
}

#conteneurBanner {
width: 750px;
margin: 0 auto;
position: relative;
}

#conteneurChoixLangue {
position: absolute;
top: -113px;
left: 633px;
}

*html #conteneurChoixLangue {
position: absolute;
top: -114px;
left: 633px;
}

*+html #conteneurChoixLangue {
position: absolute;
top: -114px;
left: 633px;
}

#menuPrincipal {
margin: 0;
padding: 0;
height: 44px;
width: 100%;
}

*html #menuPrincipal {
margin: 0;
padding: 0;
height: 44px;
padding-top: 13px;
width: 100%;
}

*+html #menuPrincipal {
margin: 0;
padding: 0;
height: 44px;
padding-top: 13px;
width: 100%;
}

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

#contentAcc, #contentVendre, #contentAcheter, #contentServices, #contentContact, #resultatRecherche {
width: 100%;
background-color: #FFFAE8;
}

#conteneurMainAccTitre {
width: 750px;
margin: 0 auto;
height: 60px;
position: relative;
}

#conteneurMainVendreTitre {
width: 750px;
margin: 0 auto;
height: 95px;
position: relative;
}

#conteneurMainServicesTitre {
width: 750px;
margin: 0 auto;
height: 65px;
position: relative;
}

*html #conteneurMainServicesTitre {
width: 750px;
margin: 0 auto;
height: 75px;
position: relative;
}

*+html #conteneurMainServicesTitre {
width: 750px;
margin: 0 auto;
height: 75px;
position: relative;
}

*html #conteneurMainVendreTitre {
width: 750px;
margin: 0 auto;
height: 95px;
position: relative;
}

*+html #conteneurMainVendreTitre {
width: 750px;
margin: 0 auto;
height: 95px;
position: relative;
}

#conteneurMainAcc {
width: 750px;
margin: 0 auto;
padding-top: 25px;
height: 280px;
position: relative;
}

#conteneurMainVendre {
width: 750px;
margin: 0 auto;
padding-top: 25px;
height: 550px;
position: relative;
}

#conteneurMainAcc #texteIntroAcc, #conteneurMainVendre #texteIntroAcc {
position: absolute;
width: 350px;
left: 0;
top: 0;
}

#conteneurMainAcc #promoDroite, #conteneurMainVendre #promoDroite {
position: absolute;
width: 350px;
left: 400px;
top: 0;
}

#conteneurMainAcc #promoDroite #conteneurPromotop {
width: 206px;
padding: 0 25px;
padding-top: 40px;
margin: 15px auto 0 auto;
background-image: url(images/boitePub_haut.gif);
background-position: 0 0;
background-repeat: no-repeat;
height: auto;
}

#conteneurMainAcc #promoDroite #conteneurPromomiddle, #conteneurMainVendre #promoDroite #conteneurPromomiddle {
width: 206px;
padding: 0 25px;
padding-top: 25px;
margin: 0 auto;
margin-top: -3px;
background-image: url(images/bgBoitePub);
background-position: 0 0;
background-repeat: repeat-y;
height: 85px;
}

#conteneurMainAcc #promoDroite #conteneurPromobottom, #conteneurMainVendre #promoDroite #conteneurPromobottom {
width: 206px;
padding: 0 25px;
margin: 0 auto;
background-image: url(images/boitePub_bas.gif);
background-position: 0 0;
background-repeat: no-repeat;
height: 6px;
}

#conteneurMainAcc #promoDroite #signatureAcc {
background-image: url(images/tagMaison.gif);
background-position: 0 -20px;
background-repeat: no-repeat;
height: 130px;
}

#conteneurMainAcc #promoDroite #signatureAcheter {
background-image: url(images/quebec.gif);
background-position: 0 -20px;
background-repeat: no-repeat;
height: 130px;
margin-top: 30px;
}

#conteneurfooter {
width: 100%;
background-image: url(images/footer.jpg);
background-position: top;
background-repeat: repeat-x;
padding-top: 25px;
}

#footerMain {
width: 750px;
margin: 0 auto;
padding-bottom: 30px;
}

#resultatRecherche {
padding-bottom: 35px;
}

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

#conteneurMainAcc p.titreMain, #conteneurMainAccTitre p.titreMain, #conteneurMainVendre #texteIntroAcc p.titreMain, #conteneurMainAcc #texteIntroAcc p.titreMain, #resultatRecherche p.titreMain, #resultatDeRechercheAgents p.titreMain {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
font-style: italic;
color: #890E0E;
background-image: url(images/DecoTitres.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin: 0;
margin-bottom: 30px;
padding-top: 20px;
height: 26px;
line-height: 24px;
}

*html #conteneurMainAcc #texteIntroAcc p.titreMain, #conteneurMainVendre #texteIntroAcc p.titreMain, #conteneurMainAcc #texteIntroAcc p.titreMain {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
font-style: italic;
color: #890E0E;
background-image: url(images/DecoTitres.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin: 0;
margin-bottom: 15px;
padding-top: 20px;
height: 26px;
line-height: 24px;
}

#conteneurMainAcc #texteIntroAcc p, #conteneurMainAcc #promoDroite p, #conteneurMainVendre #texteIntroAcc p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #666666;
}

#conteneurMainAcc #texteIntroAcc p span.grasItalic, #conteneurMainVendre #texteIntroAcc p span.grasItalic {
font-style: italic;
font-weight: bold;
color: #333;
}

#conteneurMainVendre #promoDroite p {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}

#conteneurMainAcc #promoDroite p.titre, {
margin: 0;
padding: 0;
padding-top: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
font-weight: bold;
color: #333;
line-height: 20px;
}

#conteneurMainAcc #promoDroite p.sousTitre {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #666666;
}

#conteneurMainAcc #promoDroite p.lien, #conteneurMainVendre #promoDroite p.lien {
margin: 0;
margin-top: 10px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #94100A;
}

#conteneurBanner #paragrapheIntro p span {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
color: #FFF;
line-height: 45px;
}

#conteneurBanner #paragrapheIntro p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FEEDB7;
line-height: 18px;
}

#footerMain p.coordonnees {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: center;
margin: 0;
margin-top: 20px;
padding: 0;
}

#footerMain p.copy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
text-align: center;
margin: 0;
margin-top: 20px;
padding: 0;
}

#conteneurMainVendre #promoDroite p {
width: 256px;
margin: 10px auto;
line-height: 18px;
}

#conteneurMainAcc #promoDroite #signatureAcc p, #conteneurMainAcc #promoDroite #signatureAcheter p {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 14px;
color: #000;
padding-top: 30px;
padding-left: 110px;
}

#conteneurMainVendreTitre p.titreLead, #conteneurMainServicesTitre p.titreLead {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 14px;
color: #000;
line-height: 18px;
}

span.SousTitre {
 color: #6E180D;
}

span.Texte {
 font-size: 11px;
}

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

/*#menuPrincipal #navcontainer ul#navlist {
margin: 0 auto;
padding: 0;
width: 750px;
}

#menuPrincipal #navcontainer ul#navlist ul {
margin: 0px;
padding: 0px;
text-align: left;
}

#menuPrincipal #navcontainer ul#navlist li {
float: left;
list-style-type: none;
}

#menuPrincipal #navcontainer ul#navlist li a {
text-decoration: none;
float: left;
margin: 0px;
padding: 6px 20px 18px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFAE8;
}

#menuPrincipal #navcontainer ul#navlist li a:hover {
background-image: url(images/triangle.gif);
background-position: 50px 26px;
background-repeat: no-repeat;
}*/

#conteneurfooter #footerMain ul {
padding: .2em 0;
margin: 0;
list-style-type: none;
color: #FFFAE8;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
}

#conteneurfooter #footerMain ul li {
display: inline;
}

#conteneurfooter #footerMain ul li a {
text-decoration: none;
color: #FFFAE8;
padding: .2em 0.5em;
}

#conteneurfooter #footerMain ul li a:hover {
color: #CBB445;
}

ul#listeInfos {
margin: 0;
padding: 0;
color: #666666;
}

ul#listeInfos.listeLignee li {
border-bottom: 1px solid #666666;
margin: 8px 0 3px 0;
padding: 0 0 12px 20px;
list-style-type: none;
background-image: url(images/bullet.gif);
background-position: 0 5px;
background-repeat: no-repeat;
}

*html ul#listeInfos.listeLignee li {
border-bottom: 1px solid #666666;
margin: 0 0 3px 0;
padding: 9px 0 5px 20px;
background-image: url(images/bullet.gif);
background-position: 0 15px;
background-repeat: no-repeat;
height: 23px;
}

*+html ul#listeInfos.listeLignee li {
border-bottom: 1px solid #666666;
margin: 0 0 3px 0;
padding: 9px 0 15px 20px;
background-image: url(images/bullet.gif);
background-position: 0 15px;
background-repeat: no-repeat;
}

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

#conteneurMainAcc #promoDroite p.lien a, #conteneurMainVendre #promoDroite p.lien a {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6A1A0F;
text-decoration: underline;
}

#conteneurChoixLangue a {
font-size: 9px;
text-decoration: none;
color: #000;
background-image: url(images/fleche.gif);
background-position: 0 2px;
background-repeat: no-repeat;
padding-left: 17px;
}

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

p.liens a:active, p.liens a:visited, p.liens a:link {
color: #6E180D;
}

p.liens a:hover {
color: #6E180D;
text-decoration: none;
}

a.lienRegulier {
 color: #6E180D;
}

td.similiBTN a {
 background-color: #6E180D;
 padding: 5px 10px;
 color: #fff;
 text-decoration: none;
}

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

#submit_form {
margin: 30px 10px;
padding: 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
float: left;
}

#formAgents {
margin: 30px 10px;
padding: 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
float: left;
}


label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

input {
border: 1px solid #999;
margin-bottom: 15px!important;
margin-bottom: 10px;
background-color: #FFF;
color: #333;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 3px 0;
}

input {
border: 1px solid #999;
margin-bottom: 15px!important;
margin-bottom: 10px;
background-color: #FFF;
color: #333;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 3px 0;
}

textarea {
border: 1px solid #999;
margin-bottom: 15px!important;
margin-bottom: 10px;
background-color: #FFF;
color: #333;
width: 300px;
overflow-y: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 3px 0;
}

.submit {
border: 0;
background-color: #6E180D;
color: #FFF;
font-weight: bold;
font-size: 10px;
width: 100px;
outline: none;
padding: 3px 0;
cursor: pointer;
}

input.submitAgents {
width: 17px;
background: none;
border: 0;
margin: 0;
padding: 0;
}

select {
width: 300px;
margin-bottom: 15px!important;
margin-bottom: 10px;
}

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

#conteneurCommande {
width: 365px;
padding: 0;
margin: 0 auto;
padding-bottom: 15px;
}

#conteneurCommande td {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFF;
padding: 6px 6px 6px 12px;
color: #333;
font-size: 10px;
}

/*****************************************************/
/*****	           Elements STYLES			     *****/
/*****************************************************/

#pointermenu {
margin: 0;
padding: 0;
}

* html #pointermenu ul { /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li {
display: inline;
}

#pointermenu ul li a {
float: left;
color: #FFFAE8;
padding: 1px 16px 12px 16px;
text-decoration: none;
}

#pointermenu ul li a:visited {
color: #FFFAE8;
}

#pointermenu ul li a:hover, #pointermenu ul li a.active { /*hover and selected link*/
background: transparent url(images/triangle.gif) bottom center no-repeat;
}

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

#resultatDeRechercheAgents {
width: 100%;
background-color: #FFFAE8;
}


#resultatDeRechercheAgents table {
font-size: 10px;
}

#tableRechercheAgents td {
padding: 3px;
}

/*.passeLoupe {
margin-top: -25px;
}

*html .passeLoupe {
margin-top: -5px;
}

*+html .passeLoupe {
margin-top: -5px;
}
*/


