BODY { font-size:11px; background-color: #ffffff; color: #000000;	margin: 0 0 50px 0; padding-left:5px; font-family: arial, helvetica, sans-serif; font-size: 11px; }
a:link, a:visited, a:active { color: #000; text-decoration:none; }
a:hover { color: #f60; text-decoration:none; }
a.username:link, a.username:visited, a.username:active { color: #f60; text-decoration:none; }
a.username:hover { color: #000; text-decoration:none; }

a.username_inl:link, a.username_inl:visited, a.username_inl:active { color: #f60; text-decoration:none; }
a.username_inl:hover { color: #000; text-decoration:none; }

.username { display:block; color: #ff6600; font-weight:bold;} 
.username_inl { color: #ff6600; font-weight:bold;} 

a.nope { display:block; color: #FFFFFF; font-weight:bold; border:0px solid #FFFFFF;} 

TD { font-size:11px; }

table { border-collapse: collapse; }
.tableStyle { border-collapse: collapse; border:1px solid #CCCCCC; border-right-color:#9A9A9A;border-bottom-color:#9A9A9A;}
.tableStyle-cell { border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; }

P { margin-top:0px; margin-bottom:0px; font-size:11px; }
HR { height:1px; color: #dddddd; margin-top:0px; line-height:2px; margin-bottom:0px; padding:0px; } 

/* orange text formatting */
td, th, div, p, span { font-family: arial, helvetica, sans-serif; }
h1, h2 { margin: 0px; font: normal 18px arial, helvetica,  sans-serif; color: #999; }
.white { color: #fff; }
.orange { color: #f60; }
.vlightgrey { color: #e9e9e9; }
.lightgrey { color: #ccc; }
.midgrey { color: #999; }
.darkgrey {color: #666; }
/* end orange text formatting */

.p-title { color:#000; font: bold 11px arial, helvetica,  sans-serif; }
.p-title-orange { color:#f60; font: bold 11px arial, helvetica,  sans-serif; }
.bracket { color:#f60; font: normal 12px arial, helvetica,  sans-serif; padding:4px; padding-right:5px;}

a.button-title:link, a.button-title:visited, a.button-title:active { color:#000; font: bold 11px arial, helvetica,  sans-serif; }
a.button-title:hover { color:#f60; font: bold 11px arial, helvetica,  sans-serif; }
a.p-title-orange, a.p-title-orange:visited, a.p-title-orange:active  { color:#f60; font: bold 11px arial, helvetica,  sans-serif; }
a.p-title-orange:hover  { color:#000; font: bold 11px arial, helvetica,  sans-serif; }


/* form elements */
.input_text { margin:0px; padding-left:4px; border:1px solid #aaaaaa; color: #000000; font: normal 12px arial, helvetica,  sans-serif; }
.color_text { width:20px; height:20px; margin:0px; padding-left:4px; border:1px solid #aaaaaa; color: #000000; font: normal 12px arial, helvetica,  sans-serif; }
SELECT { color: #000000; font: normal 12px arial, helvetica,sans-serif; }
/* end form elements */

.nav-frame { background-color: #fff; height:78px; }
.nav-bar { 
	background-color: #f60;
	color: #ffffff;
	font: normal 12px arial, helvetica,  sans-serif;
	text-align: center;
	margin-top:1px;
}
.nav-bar-left { 
	background-color: #f60;
	color: #ffffff;
	font: normal 12px arial, helvetica,  sans-serif;
	text-align: left;
    float:left;
    padding-left:15px;
}

.nav-bar a:link, 
.nav-bar a:visited,
.nav-bar a:hover,
.nav-bar a:active { color: #fff; text-decoration: none; }

.nav-bar-pseudo {
	float:left;
	font-weight:bold;
	font-size: 12px;
}
.nav-bar-pseudo a:link { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:visited { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:hover { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:active { color: #fff; text-decoration: none; }

.orange-bar a:link, 
.orange-bar a:visited,
.orange-bar a:hover,
.orange-bar a:active { color: #fff; text-decoration: none; }

.side-box-title { color: #ff6600; font-size: 12px; text-align:left; font-family: arial, helvetica,  sans-serif; } 
.side-content-box { border:1px solid #CCCCCC; border-top-width:0px; padding:8px; padding-top:3px; padding-bottom:7px; text-align:left; }
.side-table { margin-bottom:10px; width:100%; border:0px; }

.center-tab-label { color: #f60; font-size: 11px; font-weight:normal; border-left:1px solid #c2c2c2; border-top:1px solid #c2c2c2; padding-left:5px; padding-top:1px; width:220px; }
.center-content-box { font-size:11px; border:1px solid #CCCCCC; padding:8px; padding-bottom:0px; text-align:left; }
.center-content-table { margin-bottom:10px; }

.highlight-table { margin-bottom:8px; width:100%; border:0px; }
.side-col { padding:10px; width:160px; background-color: #fff; }
.center-col { padding-top:10px; }
.center-col-nort { padding-top:10px; padding-right:10px; }
.center-col-nolt { padding-top:10px; padding-left:10px; }
.sub-text-box { padding-left:10px; }

.button   { cursor:pointer; text-transform:uppercase; text-decoration:none; padding:1px;padding-left:3px;padding-right:3px; margin-top:5px;margin-bottom:0px;
border-style : outset;border-width:1px; background-color:#f60; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.button-grey   { display:block; padding:4px; margin-left:5px; cursor:pointer;  text-decoration:none;
 background-color:#dddddd; border:1px solid #aaaaaa; color: #666666; font: normal 11px arial, helvetica,  sans-serif }


#sb-list { margin: 0; padding-left:0; list-style: none; }
#sb-list li { padding:0px; padding-left: 12px; background-image: url('../img/arrowrt.gif'); background-repeat: no-repeat; background-position: 0 .45em; }
#sb-list ul { list-style: none; }
#sb-list a { color:#000000 }
#sb-list a:hover { color:#ff6600 }

#colorPickerDiv { border:1px solid #aaaaaa; padding:2px; background-color:#ffffff; }

/* validator styles */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #ff6600;
	}
label.errHilite {
	color: #C00;
	}

/* calendar styles */
/* end calendar styles */

/* pop-up image style */
#pop-handle {
    position: absolute;
    top:50px;
    left:50px;
    z-index : 50;
    border: 1px solid #cdcdcd;
    background-color: #eeeeee;
    display: none;
    text-align: right;
}


#pop-handle:hover {
    position: absolute;
    top:50px;
    left:50px;
    z-index : 50;
    border: 1px solid #cdcdcd;
    background-color: #ffffff;
    display: none;
    text-align: right;
}

#pop-close {
    cursor:pointer;
    border: 2px solid #eeeeee;
}

#pop-close:hover {
    cursor:pointer;
    border: 2px solid #ffffff;
}

#pop-image {
    border: 1px solid #ffffff;
    z-index : 50;
}



/* arno current CSS */

/* CSS Document */

body {
  margin-left: 0px;
}

.txtCourant{
  font-family: arial, Verdana, sans-serif;
  font-size: 11px; 
}

.txtCourantSmall{
  font-family: arial, Verdana, sans-serif;
  font-size: 10px; 
}

.orange2{
  font-family: arial, Verdana, sans-serif;
  font-size: 11px; 
  color:#FF6801;
}


.username{
  font-family: arial, Verdana, sans-serif;
  font-size: 12px; 
  font-weight: bold;
  color:#FF6801;
}


a {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000; 
  text-decoration: none;
}

.box{
	border:1px solid #cccccc;
	background-color:#ffffff
}

#content { 
	border-top:5px solid #D2D2D2;
	background-color:#f6f6f6;
	margin-left: 15px;
	margin-right: 15px;
	width:950px;
	
}

#menu2 {
  margin-left: 15px;
  margin-right: 15px;
  height:37px;
  background-image: url(/web/img/onglet_pix.gif);
   width:950px;
}

#sousMenu {

  background-image: url(/web/img/pixSousMenu.gif); 
  height:21px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top:3px;
  width:950px;
}

.sm  {
  font-family: arial, Verdana, sans-serif;
  font-size: 12px;
  color: #666666;
}

a.sm:hover { color: #FF6801; text-decoration:none; }
a.sm:link { color: #000000; text-decoration:none; }


.hlsm  {
  font-family: arial, Verdana, sans-serif;
  font-size: 12px;
  color: #FF6801;
  font-weight: bold;  
}

a.hlsm:hover { color: #FF6801; text-decoration:none; }
a.hlsm:link { color: #FF6801; text-decoration:none; }
a.hlsm:visited { color: #FF6801; text-decoration:none; }



#columnLeft {
  width: 160px;
  float: left;
  padding-left: 15px;
  padding-top: 0px;
  margin-right:5px;
}

#columnMain {
  width: 600px;
  float: left;
  margin-top:5px;
}

#columnRight {
  width: 165px;
  float: left;
  margin-left: 5px;
}



#teaser {
  float: left;
  padding-right: 5px;
}


#rech {
  float: left;
  background-color: #F4F4F4;
}

#profilUser {
  float: left;
  border:1px solid #dddddd;
  background-color:#eeeeee;
  height: 156px;
  width:419px;
  margin-right:5px;
}

#description {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color:#000000;
  height:78px;
  overflow: hidden;
  margin:5px;
}

#aff1 {
  float: left;
  margin-right: 10px;
  padding-top: 10px;
  width:420;
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  border-bottom:1px solid #cccccc;
}


#aff23 {
  float: left;
  width: 205px;
  padding-top: 10px;
  padding-left: 5px;
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  border-bottom:1px solid #cccccc;
}


.menuGras {
  font-family: arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #red;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px solid #cccccc;
  width:160px;

}

#menuItems {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  padding-top:4px;
  padding-bottom:3px;
  border-bottom:1px solid #cccccc;
  width:160px;
  overflow: hidden;

}

.itemsLastOdd {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  padding-top:4px;
  padding-bottom:3px;
  background-color:#f6f6f6;
  width:420px;
  overflow: hidden;

}

.itemsLastEven {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  padding-top:4px;
  padding-bottom:3px;
  width:420px;
  overflow: hidden;

}

img.imgProfil {
  width:100px;
  height:100px;
  border:1px solid #dddddd;
  float: left; 
  margin-right: 10px;
  margin-left: 10px;
}

div.imgProfil {
  width:100px;
  height:100px;
  border:1px solid #dddddd;
  float: left; 
  margin-right: 10px;
  margin-left: 10px;
}

.btnUser {
  margin-bottom:2px;
  margin-top:2px;
  margin-right: 10px;
  border: 0px;
}

.userNameBig {
  font-family: arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #FB7011;

}

.smallItal {
  font-family: arial, Verdana, sans-serif;
  font-size: 10px;
  font-style:italic;
  color: #FB7011;

}

.bienvenu {
  font-family: arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}



#nav {
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  width:160px;
  color: #000000;

}

#nav ul {
  list-style: none;
  margin: 0;
  padding:0;
}

#nav ul li {
  margin:0;
}

#nav ul li a{
  display: block;
  padding: 4px 4px 4px 20px;
  border-bottom: 1px solid #cccccc;
  text-decoration: none;
  color: #000000;
  overflow: hidden; 
  
}

html>body #nav ul li a {
  width: auto;
  text-decoration: none;
  color: #000000;
  overflow: hidden;
}

#nav ul li a:hover {
  background-color: #FF6A06;
  border-bottom: 1px solid #cccccc;
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  overflow: hidden; 
}


#photo {
  float: left;
  width:78px;
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  overflow: hidden; 
  text-align: center;
  margin-top:14px;
 
}

.photo {
  float: left;
  width:82px;
  font-family: arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  overflow: hidden; 
  text-align: center;
  margin-top:14px;
}

.btn_ok {
	border: 0px;
	background-color: white;
	background: white url('/web/img/btn_ok.gif');
	width: 43px;
	height: 21px;
	vertical-align: middle;
}
  

/* --------------------------------------------------------------------------
	http://www.orange.fr/bin/frame.cgi?u=http%3A//assistance.orange.fr/css/style.css
   -------------------------------------------------------------------------- */
.atterrissage1	{ width: 98%; }
.atterrissage1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	padding: 5px 0 0 5px;
	background-image: none;
}

.atterrissage1 ul { 
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ccc;
	background-color: #F9F9F9;
	margin:0; padding:0;
}
.atterrissage1 img { 
	border: 0;
	vertical-align: top;
}
.atterrissage1 li { display: inline; /*pour IE5 et IE6 */ }
.atterrissage1 li a {
	background-image: url('/web/img/chevron_bold.png');
	background-repeat: no-repeat;
	background-position: 0px 4px;
        /*width: 95%;*/
	display: block;
	text-align: left;
	text-decoration: none;
	color: #333;
	margin: 1px 0 3px 0;
	padding: 3px 0 3px 15px;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ccc;
	font-family: Arial, sans-serif;
	font-size: 11px;
	background-color: #F9F9F9;	
}
.atterrissage1 li a:hover { 
	color: #F60; 
	text-decoration: underline; 
	padding-left: 15px; 
}

.separator {
	border-top:1px solid #c1c1c1;
	margin-top:5px;
	margin-bottom:5px
	
}

.titleBox{
	background-color:#f8ece0;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px
}

#Layer1 {

width:314px;
height:120px;
z-index:1;
display:block
}
#Layer2 {

width:314px;
height:120px;
z-index:2;
display:none
}
#Layer3 {

width:314px;
height:120px;
z-index:3;
display:none
}

#Layer4 {
width:149px;
height:23px;
z-index:10;
display:block
}

#Layer5 {
width:105px;
height:23px;
z-index:10;
display:none
}

#Layer6 {
width:175px;
height:23px;
z-index:10;
display:none
}
 
 #hmLast a:hover{ text-decoration:underline }
 
 .notif {
	border:1px solid #cecece;
	background-color:#ffffff;
	font-size:11px;
	padding:5px;
	margin:10px;
	 }
	 
.noArticle {
	font-size:11px;
	color:#000000;
	margin-top:100px;
	 }
	 
/* Notif start */
#notif {
	display:none;
}

.notif {
	border:1px solid #cecece;
	background-color:#eee;
	font-size:11px;
	padding:5px;
	margin:5px;
}

.notif > SPAN {
	text-align:left;
	color:black;
}

A.plain, A.plain:link, A.plain:visited {
    color:black;
    text-decoration:underline;
}
/* Notif end */