body { margin:0px; padding:0px; background: url(/images/background.png) repeat-x top right; text-align: left; margin-left: auto; margin-right: auto; color: #000000}

table { border:1px; border-collapse:collapse ;}
.avTable {border-collapse:collapse ;}
.articleTable { border:1px solid #000000; border-collapse:collapse; width: 700px; }
.articleTable td {  
	border:1px solid #000000; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-collapse:collapse ; 
}


td {vertical-align:top; padding:0px;}

td, table, select,  input, textarea{
	font-family:tahoma;
	font-size:11px;
	vertical-align:top;
	line-height:14px;
	color:#676767
}

form { margin:0px; padding:0px}

.px{ background:#f0f0f0; width:auto}

.title, .title1, .title2{ display:block}

strong{ color:#282828; font-size:14px}

b { color:#336699; }

span strong{ color:#000000; font-size:11px}


/*span a{ background:url(/images/marker1.gif) no-repeat 0 6px; padding-left:12px; color:#608abc; text-decoration:underline} */
/*span a:hover{ text-decoration:none}*/
.nomarker span a{ background:none; padding-left:0px; color:#608abc; text-decoration:none}

strong a{ color:#25292e; text-decoration:underline; font-weight:normal; font-size:12px}
strong a:hover{ text-decoration:none}

b a{ color:#676767; text-decoration:underline; font-size:11px}
b a:hover{ text-decoration:none}

a{ color:#416ea0; text-decoration:underline}
a:hover{ text-decoration:none}



.redStar { font-family: verdana; font-size: 10px; color: #FF0000; }

span b a{ color:#25292e; text-decoration:underline; font-weight:normal; background:url(/images/pointer.gif) no-repeat 1px 4px; padding-left:15px}
span b a:hover{ text-decoration:none}

.menu{ padding-top:21px; width:62%}
.menu .img{ margin:0 16px 0 16px; vertical-align:middle}
.menu a{ color:#bbddf6; text-decoration:none}
.menu a:hover{ text-decoration:underline}

.menu_right{ width:48%; padding-top:21px; color:#ffffff; word-spacing:5px; text-align:center}
.menu_right a{ color:#ffffff; text-decoration:none; text-transform:uppercase}
.menu_right a:hover{ text-decoration:underline}
.menu_right span a{ background:url(/images/marker.gif) no-repeat 0 4px; padding-left:13px}
.menu_rep { 
	font-family: Verdana;
        font-size:12px;
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: bold;
	background:url(/images/menu_rep.gif) repeat-x; 
	text-align:center; 
	vertical-align:middle;
}
.menu_rep a {
	text-decoration: none; 
	color: #676767; 
	height: 1px;
}
.menu_rep_aleft { 
	font-family: Verdana;
        font-size:12px;
	text-decoration: none; 
	/* text-transform: uppercase; */
	font-weight: bold;
	background:url(/images/menu_rep.gif) repeat-x; 
	text-align:left; 
	vertical-align:middle;
	width: 711px;
}
.menu_rep_aleft a {text-decoration: none; color:#676767;}
.menu_rep_aleft a:hover {text-decoration: underline; color:#676767;}

.logo{ height:179px}
.logo img{ margin:30px 0 0 30px}

.legendImg{ text-align:center;}

.footer{ text-align:center; color:#929292}
.footer a:link{ color:#608abc; text-decoration:none}
.footer a:visited{ color:#608abc; text-decoration:none}
.footer a:hover{ text-decoration:none}
.footer div{ margin-top:15px}

.static_box{ width:230px;}
.static_box ul{margin:0px; padding:0px; list-style:none; line-height:21px}
.static_box ul li { font-size: 13px; font-family: Arial; font-weight: normal; no-repeat 0 10px; padding-left:8px; }
.static_box ul li.selected { font-size: 13px; font-family: Arial; font-weight: normal; no-repeat 0 10px; padding-left:8px; }
.static_box ul li:hover { font-size: 13px; font-family: Arial; font-weight: bold; no-repeat 0 10px; padding-left:18px; cursor: pointer;}
.static_box .top{ background:url(/images/border.gif) repeat-x #dfe9ef; width: 230px}
.static_box .bot{ background:url(/images/border.gif) repeat-x left bottom #dfe9ef; width: 100%}
.static_box .border{ background:url(/images/border.gif) repeat-y; width:1px}
.static_box .content{ background:#d9E4EE;  padding:0px 10px 10px 20px; color:#444444; line-height:16px}
.static_box .content input{ width:141px; height:18px; color:#bdbdbd; padding:0 0 0 6px; font-size:15px}
.static_box .content .jamp{ width:82px; height:18px; color:#595757}
.static_box .content .jamp1{ width:161px; height:18px; color:#595757}
.static_box .top1{ background:url(/images/border1.gif) repeat-x #f3f3f3; width:100%}
.static_box .bot1{ background:url(/images/border1.gif) repeat-x left bottom #f3f3f3; width:100%}
.static_box .border1{ background:url(/images/border1.gif) repeat-y; width:1px}
.static_box .content1{ background:#d9E4EE; padding:5px 10px 10px 20px}

.people{ height:153px}
.people td{ text-align:center}

.stretch_box .content_rep{ }
.stretch_box .content_left{ }
.stretch_box .content_right{ }

.stretch_box .top{ background:url(/images/top2.gif) repeat-x;}
.stretch_box .bot{ background: url(/images/bot.gif) repeat-x left bottom;}
.stretch_box .left{ background:url(/images/left_right.gif) repeat-y; }
.stretch_box .right{ background:url(/images/left_right.gif) repeat-y right top; }
.stretch_box .lt{ background:url(/images/lt2.gif) no-repeat;} 
.stretch_box .lb{ background:url(/images/lb2.gif) no-repeat left bottom;}
.stretch_box .rb{ background:url(/images/rb2.gif) no-repeat right bottom;}
.stretch_box .rt{ background:url(/images/rt2.gif) no-repeat right top;}

.stretch_box .top1{ background:url(/images/top3.gif) repeat-x; }
.stretch_box .lt1{ background:url(/images/lt3.gif) no-repeat;} 
.stretch_box .rt1{ background:url(/images/rt3.gif) no-repeat right top;}

.stretch_box ul{margin:0px; padding:0px; list-style:none; line-height:24px;}
.stretch_box ul li { background: url(/images/list_bg.gif) no-repeat 0 10px; padding-left:11px}
.stretch_box ul li a{ color:#336699; text-decoration: none}
.stretch_box ul li a:hover{ text-decoration: underline}

/*page1*/
#page1 .stretch_box .woman{}
#page1 .stretch_box .woman div{padding:1px 5px 30px 6px; }
#page1 .stretch_box .woman div.img {padding:5px 0px 0px 15px; }
#page1 .stretch_box .woman a { color: #25292e; text-decoration: none }
#page1 .stretch_box .woman a:hover { color: #25292e; text-decoration: underline }
#page1 .stretch_box a.aTitre { color: #336699; text-decoration: none }
#page1 .stretch_box a.aTitre:hover { color: #336699; text-decoration: underline }
#page1 .stretch_box a.aIntro { color: #336699; text-decoration: none }
#page1 .stretch_box a.aIntro:hover { color: #336699; text-decoration: underline }
#page1 .stretch_box .pink_ribbon{ padding:28px 28px 20px 28px; color:#416c9e; line-height:15px }
#page1 .stretch_box .pink_ribbon div{ text-align:center}
#page1 .stretch_box .pink_ribbon strong{ color:#ee8cad; font-size:12px}
#page1 .stretch_box .tools .title{ color:#d9e4ee; font-weight:bold; font-size:14px; margin:10px 0 10px 28px}
#page1 .stretch_box .tools .px{ margin:0 24px 0 28px}
#page1 .stretch_box .tools a{ color:#25292e; text-decoration:none; font-size:12px}
#page1 .stretch_box .tools a:hover{ text-decoration:underline}
#page1 .stretch_box .tools .indent{ padding:10px 28px 20px 28px; color:#a7a7a7 }
#page1 .stretch_box .tools .indent img.puce { margin-left:-12px; margin-right:9px; margin-bottom:1px}
#page1 .stretch_box .tools .indent2 { padding:10px 5px 10px 10px; color:#a7a7a7 ;}
#page1 .stretch_box .tools .indent2 img { margin-left:5px; margin-right:5px; margin-bottom:1px}
#page1 .stretch_box .box ul{ margin:13px 0 15px 15px}
#page1 .stretch_box .box .title{ margin:24px 0 10px 15px}
#page1 .stretch_box .box .title_ac{ margin:24px 10px 10px 0px; text-align:center;}
#page1 .stretch_box .box .px{ margin:0px 21px 0 22px}
#page1 .stretch_box .box span a { margin-left:15px}
#page1 .stretch_box .box1{ padding:27px 0 15px 28px} 
#page1 .stretch_box .box2 ul{ margin:3px 0 5px 5px}
#page1 .stretch_box .box2 .title{ margin:24px 0 10px 15px}
#page1 .stretch_box .box2 .title_ac{ margin:24px 0 10px 0px; text-align:center;}
#page1 .stretch_box .box2 .px{ margin:0 1px 0 2px}
#page1 .stretch_box .box2 span a{ margin-left:15px}

/*page2*/
#page2 .box1 .title{ margin:25px 0 14px 34px}
#page2 .box1 .px{ margin:0 24px 0 24px}
#page2 .box1 .indent{ padding:19px 24px 17px 24px}
#page2 .box1 .indent img{ float:left; margin:3px 16px 0 0}

#page2 .box2 .title{ margin:25px 0 14px 34px}
#page2 .box2 .px{ margin:0 24px 0 24px}
#page2 .box2 .indent{ padding:18px 35px 10px 24px}

#page2 .box3 .title{ margin:25px 0 18px 43px}
#page2 .box3 .px{ margin:0 21px 0 22px}
#page2 .box3 .indent{ padding:15px 33px 10px 43px; line-height:13px}
#page2 .box3 .indent strong{ color:#000000; font-size:11px}


/*page3*/
#page3 .title{ margin:25px 0 14px 34px}
#page3 .px{ margin:0 24px 0 24px}
#page3 .indent{ padding:0 24px 10px 24px}


/*page4*/
#page4 .box1 .title{ margin:25px 0 14px 34px}
#page4 .box1 .px{ margin:0 24px 0 24px}
#page4 .box1 .indent{ padding:0 36px 10px 24px}

#page4 .box2 .title{ margin:25px 0 14px 34px}
#page4 .box2 .px{ margin:0 24px 0 24px}
#page4 .box2 .indent{ padding:0 24px 10px 24px}



/*page5*/
#page5 .title{ margin:25px 0 14px 34px}
#page5 .px{ margin:0 24px 0 24px}
#page5 .indent{ padding:0 24px 10px 24px}

/*page6*/
#page6 .title{ margin:25px 0 14px 34px}
#page6 .px{ margin:0 24px 0 24px}
#page6 .indent{ padding:18px 32px 10px 24px}
#page6 strong a{ color:#416ea0; text-decoration:underline; font-weight:bold; font-size:11px}
#page6 strong a:hover{ text-decoration:none}
#page6 .input{ width:175px; height:18px; color:#676767; padding:0 0 0 4px }
#page6 .input1{ width:135px; height:18px; color:#676767; padding:0 0 0 4px }
#page6 .jamp_menu{ width:175px; height:18px; color:#676767; padding:0 0 0 4px }

/*page7*/
#page7 .title{ margin:25px 0 14px 34px}
#page7 .px{ margin:0 24px 0 24px}
#page7 .indent{ padding:18px 50px 10px 24px}

/* Scroller */
#div_container {
	position:relative;
	left:5px;
	top:5px;
	width:169px;
	height:158px;
	z-index:1;
	border:solid 0px #000000;
}
a.chapeaunf {  text-decoration:none }
a.chapeaunf:hover {  text-decoration:underline }

#Layer2 {
	position:relative;
	left:5px;
	top:5px;
	width:168px;
	height:22px;
	z-index:2;
	background-color: #000000;
}

/* PAGINATION */
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #9aafe5;
    color: #105cb6;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #9aafe5;
    border: 1px solid #9aafe5;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #90cc12;
    border: 1px solid #90cc12;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}


/* JURISPRUDENCE */
.numJSP {
        font-family: Arial;
        font-size:14px;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-weight: normal;
        vertical-align:middle;
        color: #000000;
}
.titreJSP {
        font-family: Arial;
        font-size:14px;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-weight: normal;
        text-align:left;
        vertical-align:middle;
        color: #000000;
}
.titreResult, .titreResult b {
        font-family: Verdana;
        font-size:12px;
        font-weight: bold;
        text-align:justify;
        vertical-align:middle;
}

.chapeauJSP {
        font-family: Verdana;
        font-size:12px;
        font-weight: normal;
        text-align:justify;
        vertical-align:middle;
}

.tdJSP{
        background: url(/images/bg_number.gif);
        background-repeat: no-repeat;
        height:30px;
        width:30px;
        text-align: center;
        vertical-align: middle;
}


.titreJSPConsult {
        font-family: Arial;
        font-size:16px;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-weight: normal;
        text-align:left;
        vertical-align:middle;
        color: #000000;
}
.chapeauJSPConsult {
        font-family: Verdana;
        font-size:12px;
        font-weight: bold;
        text-align:justify;
        vertical-align:middle;
        color: #000000;
}
.resumeJSPConsult {
        font-family: Verdana;
        font-size:12px;
        text-decoration: none;
        /* text-transform: uppercase; */
        font-weight: normal;
        text-align:justify;
        vertical-align:middle;
}

.obsJSPConsult {
        font-family: Verdana;
        font-size:12px;
        font-weight: normal;
        text-align:justify;
        vertical-align:middle;
        font-style: italic;
}

.obsJSPConsultTitle {
        font-family: Verdana;
        font-size:12px;
        font-weight: bold;
        text-align:left;
        vertical-align:middle;
}

.barreTopGauche {
        background: url(/images/barre_top_bg.gif);
        background-repeat: no-repeat;
        height:32px;
        width:10px;
        text-align: left;
}

.barreTopDroite {
        background: url(/images/barre_top_bd.gif);
        background-repeat: no-repeat;
        height:32px;
        width:10px;
        text-align: left;
}

.barreTopCentre {
        height: 32px;
        text-align: left;
        vertical-align: middle;
        background-color: #F9CD0E;
}

.barreTop {
        width: 500px;
        padding: 0px;
}

.rechercheAdvForm {
        width: 700px;
}
.rechercheAdvForm td {
        height: 30px;

}

/*- Menu Tabs--------------------------- */


    #tabs {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("/images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("/images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

#page1 .stretch_box .jspFileBox strong{ color:#336699; font-size:12px}
#page1 .stretch_box .jspFileBox { padding:5px 5px 5px 25px; color:#416c9e; line-height:15px }
#page1 .stretch_box .jspFileBox div{ text-align:center}
#page1 .stretch_box .jspLegislationBox strong{ color:#336699; font-size:12px}
#page1 .stretch_box .jspLegislationBox { padding:5px 5px 5px 25px; color:#416c9e; line-height:15px }
#page1 .stretch_box .jspLegislationBox div{ text-align:center}
#page1 .stretch_box .jspDoctrineBox strong{ color:#336699; font-size:12px}
#page1 .stretch_box .jspDoctrineBox { padding:5px 5px 5px 25px; color:#416c9e; line-height:15px }
#page1 .stretch_box .jspDoctrineBox div{ text-align:center}
#page1 .stretch_box .jspJspBox strong{ color:#336699; font-size:12px}
#page1 .stretch_box .jspJspBox { padding:5px 5px 5px 25px; color:#416c9e; line-height:15px }
#page1 .stretch_box .jspJspBox div{ text-align:center}

/***********************************
 *       New Box Style DDSv2       *
 ***********************************/
#demo2 {
  width: 231px;
  height: 340px;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  text-align: left;
 
  background-image: url(/images/bgRub.png);
  background-repeat: no-repeat;
}

li a.demo2links {  text-decoration:none }
li a.demo2linksActive {  padding-left: 10px; text-decoration:none; font-weight: bold; color: #000; }


#demo3 {
  position: relative;
  border: 0px solid #fff;
  color: #fff;
  width: 231px;
  height: 264px;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  text-align: left;

  background-image: url(/images/bgDocFlash.png);
  background-repeat: no-repeat;

}

#demo22 {
  width: 231px;
  height: 150px;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 0px;
  text-align: left;

  background-image: url(/images/bgRubBases.png);
  background-repeat: no-repeat;
}



/* SLIDING PANEL STYLES */
 
#slide-panel {
	height: 120px; /*HEIGHT OF HIDDEN SLIDE PANEL*/
	width: 220px; /*WIDTH OF HIDDEN SLIDE PANEL*/
	display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
	border-right-width: 1px; /*ADDS RIGHT BORDER OF 2PX*/
	border-left-width: 1px; /*ADDS LEFT BORDER OF 2PK*/
	border-right-style: solid; /*MAKES RIGHT BORDER SOLID*/
	border-left-style: solid; /*MAKES LEFT BORDER SOLID*/
	border-right-color: #CEDAE7; /*RIGHT BORDER COLOR*/
	border-left-color: #CEDAE7; /*LEFT BORDER COLOR*/
	background-color: #FFF; /*SLIDE PANEL BACKGROUND COLOR*/
	border-bottom-width: 1px; /*ADDS BOTTOM BORDER OF 2PX*/
	border-bottom-style: solid; /*MAKES BOTTOM BORDER SOLID*/
	border-bottom-color: #CEDAE7; /*BOTTOM BORDER COLOR*/
	opacity: .95; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
	filter: alpha(opacity=95); /*sets opacity of slide panel to 80%*/
}

.slide {
	margin: 0; /*CENTERS OUR SLIDE PANEL*/
	padding: 0; /*NO PADDING*/

}
 
.btn-slide {
	background-image: url(/images/step5.png); /*ADDS OUR BUTTON IMAGE*/
	background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
	background-position: center top; /*SETS BUTTON POSITION*/
	text-align: center; /*ALIGNS TEXT CENTER*/
	width: 100%; /*BUTTON WIDTH*/
	height: 26px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #fff; /*TEXT COLOR*/
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	font-weight: bold; /*TURNS TEXT BOLD*/
	font-size: 13px; /*FONT SIZE*/
	margin-right: auto; /*MARGIN AUTO*/
	margin-left: auto; /*MARGIN AUTO*/
	line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
	z-index: 99;
}

#container {
	margin: auto; /*SETS MARGIN TO AUTO, THIS CENTER'S OUR WEBSITE*/
	width: 220px; /*CONTAINER WIDTH*/
	position: absolute;
	top:0;
	left: 550px;
}

.btnValidMonCompte {
	width: 58px;
	color: #FFF;	
	background-color: #336699;
	border-color: #fff;

}