﻿/* Feuille de style pour tous les navigateurs (quirks mode) */

@font-face {
    font-family: 'MyriadProBold';
    src: url('myriadpro-bold-webfont.eot');
    src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-bold-webfont.woff') format('woff'),
         url('myriadpro-bold-webfont.ttf') format('truetype'),
         url('myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* redéfinitions globales */
html { padding: 0; margin: 0; }
body { padding: 0; margin: 0; background-color: #FFF; font-family: Arial, Sans-Serif; font-size: 100%; color: #81817A; }
form { margin: 0; }
h2 { margin: 0 0 2px; padding: 0; color: #8B9D3D; font-size: 130%; clear:both; }
a { text-decoration: none; color: #8B9D3D; border:none; outline:none; }
img {border:none; outline:none;}
#mstrContenu a { background-color: #FFFFFF;  }
#mstrContenu a:hover, #stmTree a:hover { background-color: #F3F5EB; }
#mstrContenu h1 { margin:0 0 20px; padding:0px; font-family: 'MyriadProBold'; color:#57573e; font-size:185%;}

table, img { border: none; }
table { border-spacing: 0; }
td { padding: 0; }
ul { list-style: none; margin: 0 22px 0; padding: 0;}
li { text-align: left; padding: 0 0 4px 18px; background: url(/medias/communs/mstr_puce.gif) no-repeat 0 5px; }
div.hr { height: 1px; background-color: #E8EBD8; margin: 13px 0; }
div.hr hr { display: none; }


/* master page et template */
#mstrTbl { width: 100%; }
#mstrTbl td, #formTbl th, #formTbl td { vertical-align: top; }
#mstrLogo, #mstrMenu { background-color: #57573E; height: 97px; }
#mstrLogo { width: 367px; position: relative; }
#mstrLogo img { display: block; position: absolute; top: 16px; left: 12px; }
#mstrMenu { /*vertical-align: bottom !important; */ display:block}

#mstrSsMenu { height: 69px; padding-left: 16px; }
#mstrSideImg { padding-left: 12px; }
#mstrSideImg img { display: block; margin: 0 19px 10px 0; }
#mstrContenu { padding: 0 0px 31px 17px; text-align: justify; font-size: 80%; line-height:1.3em; color:#66664a;}
#mstrWrap { max-width: 600px;  }
#mstrWrapSm { width: 550px; }
#mstrTtrPage { display: block; margin-bottom: 14px;}
#mstrFooter { padding: 5px 0; background-color: #8B9C3D; font-family: Verdana, Arial, Sans-Serif; font-size: 68%; color: #FFF; width:610px;  }
#mstrFooter img { vertical-align: middle; }
#mstrFooter a { text-decoration: none; color: #FFF; }
#mstrFooter a:hover { background-color: #8b9c3d; color: #dfe8b5; }
.IntFooter {margin-left:280px; width:700px;}
.menuTop {position:absolute; bottom:0; left:0; display:inline-block; margin:0 0 0 15px;}
.social { position:absolute; top:-45px ; left:450px; z-index:2; width:160px;}

a.In, a.Face, .social iframe {float:right; width:21px; height:21px; text-indent:-9999px; margin:0 5px;}
a.In { background:url(/medias/fr-CA/ico_in.gif) no-repeat; }
a.Face { background:url(/medias/fr-CA/ico_face.gif) no-repeat; }


/* formulaire contact */
#formTbl th { width: 78px; padding-top: 3px; text-align: left; font-size: 75%; font-weight: normal; }
#formTbl td { padding-bottom: 5px; }
.formItem { width: 250px; border: 1px solid #8DA463; background-color: #EAEFDE; color: #81817A; }
.formTxtArea { margin-top: 0; }
.formBtSend { width: auto; margin-top: 2px; padding: 2px 5px; font-family: Verdana, Arial, Sans-Serif; font-size: 69%; color: #4E6926; }
#formValid { padding: 0 !important; }
#formValid div { font-size: 75%; text-align: center; color: #B73339 !important; }
.formTxtConfirm { color: #4E6926; }


/* autres */
a.noURL { color: #81817A; }
a.noURL:hover { background-color: transparent; }
ul.multiline li { padding-bottom: 14px; }
ul.liens { margin-top: 8px; margin-bottom: 14px; }
ul.liens a { color:#81817a;}
.imgDt { display: block; float: right; margin-left: 30px; border: 1px solid #8B9D3D; }
#btMap { float:right; top: 200px;}


/*--- clearfix pour floats (IE7 + NS6) ----*/
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.equipe { font-size:13px; font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;}
.equipe img {  border:1px #8b9d3e solid;}
.equipe td { padding:11px 18px 18px 0px; background-color:#FFFFFF;}
.equipe td.descequipe { width:160px;}
.equipe p { line-height:10px;}
.equipe p.nom { font-size:15px; padding-top:12px; font-weight:bold;}
.equipe p.nom a { color:#8b9d3d; text-decoration:underline;}
.equipe p.nom a:hover { text-decoration:none; background:none;}
.equipe p.voir { font-size:12px;}
.equipe p.voir a { color:#81817a; text-decoration:none;}
.equipe p.voir a span { text-decoration:underline;}
.equipe p.voir a:hover span { text-decoration:none;}
.equipe p.voir a:hover { background:none; color:#8b9d3d;}

.gauche { width:278px; float:left; padding:0px 31px 0px 7px;}
.gauche h2, .droite h2 {font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif; margin-bottom:0px; font-size: 16px;}
.gauche p, .droite p, .droite ul {margin-top:0px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; color:#81817a; font-size:11px;}
.droite ul, .droite li { margin-left:0px;}
.droite li { padding-left:10px;}
.droite { width:278px; float:left;}
.droite h2 {font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;}

a.referer { width:79px; height:23px; display:block; float:right;}

.rouge { color:#F00;}

ul.demande  {width:610px; margin:10px 0px 10px 0px; padding:0px; font-size:110%;}
ul.demande li { float:left; width:305px; margin:0px; padding:0px 0px 10px 0px; background:none;}
ul.demande li div { width:94px; float:left; padding-top:3px;}
ul.demande li input { width:196px; background:none; border:1px #a1a19b solid; font-size:100%; padding:2px; height:20px;}
.biginput { font-size:100%; padding:2px; color: #81817A;}

#stmTree { padding: 10px 62px 31px 17px; text-align: left; font-size: 11px; }
#stmTree h4 { margin-bottom:3px; margin-top:3px; font-size:12px;}
#stmTree li { line-height:14px; text-align: left; padding: 0 0 0px 18px; margin-bottom:10px; background: url(/medias/communs/mstr_puce.gif) no-repeat 0 5px; }
#stmTree li ul { margin-left:5px;}
#stmTree li li {background: url(/medias/communs/mstr_puce2.gif) no-repeat 0 5px; margin-bottom:0px; margin-top:0px;}

.menuAccueil {margin:0; padding:0; list-style-type:none;}
.menuAccueil li {float:left; background:none; padding:0; margin:0; }
.menuAccueil li a.menu01, .menuAccueil li a.menu02, .menuAccueil li a.menu03, .menuAccueil li a.menu04, .menuAccueil li a.menu05, .menuAccueil li a.menu06 {display:block; height:22px; text-indent:-9999px;} 
.menuAccueil li a.menu01 {width:72px; background:url(/medias/communs/b_cabinet.gif) no-repeat;}
.menuAccueil li a.menu02 {width:122px; background:url(/medias/communs/b_prof.gif) no-repeat;}
.menuAccueil li a.menu03 {width:83px; background:url(/medias/communs/b_services.gif) no-repeat;}
.menuAccueil li a.menu04 {width:150px; background:url(/medias/communs/b_capsule.gif) no-repeat;}
.menuAccueil li a.menu05 {width:87px; background:url(/medias/communs/b_contacts.gif) no-repeat;}
.menuAccueil li a.menu06 {width:100px; background:url(/medias/communs/b_joindre.gif) no-repeat;}
.menuAccueil li a:hover.menu01, .menuAccueil li a:hover.menu02, .menuAccueil li a:hover.menu03, .menuAccueil li a:hover.menu04, .menuAccueil li a:hover.menu05, .menuAccueil li a:hover.menu06 { background-position: left -30px;}

.AccMenu { position: absolute; left: 35%; height:200px; margin:20px 0 0; }

.AccLogo { position: absolute; left: 35%; top:60px; }
.AccBg { height:298px; background:url(/medias/communs/img_accueil.jpg) no-repeat 0 top; position:relative;}


.linkedIn em { text-indent:-9999px; display:inline-block; width:66px; height:16px; background:url(/medias/communs/linked_in.gif) no-repeat;}
.linkedIn a:hover {color:#555; }
.linkedIn a:hover em {background:url(/medias/communs/linked_in.gif) no-repeat left -16px;}

ul.capsules { font-size:110%; margin:0 0 0 0px; overflow:hidden }
.capsules li {margin:1px 0 -1px; border-bottom:1px solid #ccc; padding:0px; background:none; }
.capsules a {display:block;padding:15px 0 15px; }
.capsules a strong { text-decoration:underline; font-size:105%;}
.capsules a:hover {color:#555; background: url(/medias/communs/bg_lien.gif) repeat-x 0 bottom ; background-color:White !important;}
.capsules a em, .capsules a i {font-weight:normal; font-size:90%; font-style:normal; display:block; color:#777; text-decoration:none !important;}
.capsules a i {font-size:90%; margin:10px 0;}

.fichier a  {display:inline-block; padding:0 0 0 23px; text-decoration:underline; }



h3 { margin:0px 0 5px; padding:10px 0 0; font-size:100%}
.fichier a:hover {color:#555;}

ul.doc { margin:0; padding:0; }
ul.doc li { background:url(/medias/communs/default.gif) no-repeat;  margin:10px 0; padding:0;}
ul.doc li.pdf { background:url(/medias/communs/pdf.gif) no-repeat; }
ul.doc li.doc { background:url(/medias/communs/doc.gif) no-repeat; }
ul.doc li.xls { background:url(/medias/communs/xls.gif) no-repeat; }
ul.doc li.default { background:url(/medias/communs/default.gif) no-repeat; }
ul.doc li.jpg { background:url(/medias/communs/jpg.png) no-repeat; }
ul.doc li.eps { background:url(/medias/communs/eps.png) no-repeat; }
ul.doc li.zip { background:url(/medias/communs/zip.png) no-repeat; }

#mstrContenu ul.doc li a {background:none;}
