BODY{
background-color:#F7F7F7;/*#E8E8E8*/
}


DIV.filterOpen 
{
background-color: transparent;
background-image: url("../img/icons/filterset_on.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 8px 8px;
}

DIV.filterShut 
{
background-color: transparent;
background-image: url("../img/icons/filterset_off.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 9px 6px;

}

DIV.filterOpen, DIV.filterShut
{
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 21px;
font-weight: bold;
cursor: pointer;
color: #666666;
background-color: #eaeaea;
margin-top: 8px;
margin-right: 6px;
margin-bottom: 0px;
margin-left: 8px;
}

DIV.inner_filter
{
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 8px;
}

#inputfilecls
{
background-color:#999;
color:black;
width:90%;
margin-bottom:5px;
padding:2px;

}
DIV.results 
{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

}
DIV.fallBack
{
background-color: white;
border: 1px solid #cccccc;
color: #777777;
font-size: 12px;
line-height: 16px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 60px;
padding-right: 20px;
padding-bottom: 60px;
padding-left: 20px;
text-align: center;
}

	
	
/*Ajax Max File Upload*/
	
.sbtn, BUTTON.sbtn     {
	background-image: url(ajaxfileupload/style/images/button.gif);
	border: 1px solid #000033;
	height: 22px;
	/*width: 82px;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
	
	
	
.msg {
	text-align:left;
	margin-left:30px;
	margin-right:30px;
	padding:5px;
	padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
	margin-right:30px;
	padding:5px;
	padding-left:30px;
}	

#loader{
   visibility:hidden;
}

#f1_upload_form{
   height:50px;
}

#f1_error{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FF0000;
}

#f1_ok{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#00FF00;
}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;

	
}


#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;

}

/* // Ajax Max File Upload */

span.file{
cursor:pointer;
}
span.file:hover,FILE.file:hover{
border: 1px solid #ccc;
background: #EFDF77 url(../../../img/icons/button.gif);
cursor:pointer;
width:13px;
}

input.file{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity:0.0);
	opacity: 0;
	z-index: 2;
}

A.uploadpic:link{text-decoration:underline;}
#fakefile A{text-decoration:underline;}





DIV.profileimage{
background-color: #FFF8CC;
background-image: url('../../../img/icons/question_y.gif');
background-repeat:no-repeat;
background-position:50% 50%;

}










/*///////-MessageBox CSS- /////////*/

DIV.items{ margin-bottom:0px; border-top:1px solid #EEEEEE;padding:10px 0}
DIV.items div{
background-color:transparent;
}

DIV.items:hover{background-color:#F7F7F7;}


DIV.msgbox DIV.image{
float:left;
width:50px;
border:0px solid #ccc;
}


DIV.msgbox DIV.body{
margin-left:52px;
padding-left:3px;
border:0px solid green;
border-bottom:0px solid red;
}

p.boxhead,p.friendship{font-size:11px;}
p.boxhead{
padding:2px;
border-top:0px solid #3B5998;
border-bottom:1px solid #ccc;
background-color:#F7F7F7;
}

p.friendship{padding:0px;}
p.boxbody{
 font-size:11px;
 line-height:1.4em;
 padding:0 2px;
 margin:0px;
 margin-bottom:0px;
 background-color:transparent;
 }
 

SPAN.addcommentlink{
 font-size:11px;
 background:transparent url(../../../img/icons/vaga/comment_add.png) no-repeat 0 50%;
 padding:0px 0px 2px 17px;
}

SPAN.addfriendlink{
 font-size:11px;
 background:transparent url(../../../img/icons/vaga/user_add.png) no-repeat 0 50%;
 padding:2px 17px;
 padding-right:0px;
}

.addschoollink{
 font-size:11px;
 background:transparent url(../../../img/icons/new/education.png) no-repeat 0 50%;
 padding:2px 19px;
 padding-right:0px;
}
.addjoblink{
 font-size:11px;
 background:transparent url(../../../img/icons/new/blogs.png) no-repeat 0 50%;
 padding:2px 17px;
 padding-right:0px;
}

.editprofilelink{
 font-size:11px;
 background:transparent url(../../../img/icons/new/card-address.png) no-repeat 0 50%;
 padding:0px 0px 2px 17px;
}
.addphotolink{
 font-size:11px;
 background:transparent url(../../../img/icons/new/photos_icon.png) no-repeat 0 50%;
 padding:2px 20px;
 padding-right:0px;
}

SPAN.close{
border:1px solid #ccccff;padding:0px 2px;
float:right;
}

SPAN.close:hover{
border:1px solid #ccccEE;
background-color:#CCCCFF;

}

DIV.commentsbox{
margin-top:2px;
border-top:1px dotted #dddddd;

}


DIV.comment{
width:364px;
margin-bottom:1px;
padding:2px; 
padding-bottom:4px;
min-height:35px;
_height:35px;

}


DIV.comment DIV.image{
float:left;
width:32px;

}


DIV.comment DIV.body{
margin-left:35px;
padding-left:3px;


}


.box_options{
/*float:right;*/
display:none;

}
.box_options A{
font-size:11px;
color:#2276BB;
}





UL.toolbar{
border:0px solid #000;
margin:6px 0px;

}

.toollinkbox{
padding:3px 5px;
border:1px dotted #A7C3DF;
-moz-border-radius : 4px;

}
SPAN.activetool,SPAN.toollinkbox:hover{
background-color:#6B97BF;
border:1px solid #6B97BF;
}

A.toollink{
font-weight:bold;
}

SPAN.activetool A, SPAN.toollinkbox:hover A{
color:#fff;
text-decoration:none;
}

/*///////-Fin MessageBox CSS- /////////*/






DIV.dialog_popup_container
{
	background: #FFFFFF url("../../../img/icons/transpx2.png") repeat;
	position: fixed;
	z-index: 100;	
	left:450px;
	top:150px;
	/*
	filter: Alpha(opacity=90);
	-moz-opacity: .70;
	-khtml-opacity: 0.70;
	opacity: .90;
	-moz-border-radius : 0px;
	*/ 
border:0px solid #ccc;			
}

DIV.popup_dialog{
	min-width:350px;
	min-height:50px;
	_height:50px;

}


.setlinks A:link , .setlinks A:visited{
color : #ccc /* originalement #3B5998*/; 
text-decoration : none;
} 

.setlinks A:hover {
text-decoration : underline;
} 

#note-alert{
position:absolute;
background-color:red;
top:1px;
margin-left:13px;
font-size:8px;
color:#fff;
padding:3px;
font-weight:bold;
-moz-border-radius: 8px;
}


.noborder TD {
border: 0px;
}
TABLE.dotborder TD {padding: 10px;} 
TABLE.dotborder2 TD {padding: 1px;}
TABLE.dotborder TD ,.dotborder2 TD{
border-bottom: 1px dotted rgb(143, 172, 219);
 padding-right: 0px;
}

TABLE.profile TD {
padding: 4px;
padding-right: 0px;
border:0px;
border-bottom: 0px dotted rgb(143, 172, 219);
margin:0px;
 padding-right: 0px;
} 


/*perso*/







DIV.toplinks,DIV.logo_mainleft{background:transparent;}

DIV.toplinks DIV{ background:transparent }

DIV.profile_page_head{background-color:#E8E8E8;}
DIV.profile_container{border-width:1px;border-top-width:0pt}



 

.msgbox_title{
	border-top:1px solid #31639F; /* originalement #3B5998*/ 
	border-bottom:1px solid #EFE0E0; /* originalement #ccc*/
	background-color:#fff;	
 }




/*******Debut right items style ******/
DIV.right_side_items{
 background-color:transparent; 
 border:0px solid #CCCCFF
}

DIV.right_side_items DIV{background:transparent;}

P.right_items_title 
{
font-size:12px;
font-weight:bold;
padding:3px 1px; 
background-color:#6F4907;/**/
margin-bottom:0px;
border-bottom:0px solid  #E8E8E8;
}
P.right_items_title SPAN{
color:#fff;
}

.right_items_title SPAN{color:#000;}
.onesuggest_box{
border:0px solid red;
line-height:1.5em;
min-height:50px;
_height:50px;
}


/*******Fin right items style ******/

DIV.sub_box{
padding:4px;
background-color:#DFE5FF;
}

.boxstyle{
background-color:#ffffff;
border:1px solid #E0EAEF;
}

LI.othermenus {
font: 10px tahoma, arial, sans-serif;
color :#fff;
}

.drop_suggest A{

font:10px tahoma, arial, sans-serif;
font-weight:bold;
padding:4px;
}
 
.drop_suggest A:hover{
background-color:darkblue;
}

SPAN.bigpuce {
background:#77BABF;
padding:8px; 
padding-top:3px;
font-size:13px;
font-weight:bold;
margin:2px;
margin-top:0px;
margin-left:0px;
}

#loginbox{
/*background:#3B5998 url('img/icons/bg_menu_.jpg') repeat-x; */
border:0px solid #ccc; 
padding: 2px 8px 0 0; 
margin:auto; 
margin-bottom:25px;
color:#333
}
#loginbox SPAN.title{
font-size:1.8em;
font-weight:bold;
color : #fff;
}


/****************** Headerbar Style**********/

DIV.header{

background:#374B7F url("img/icons/top_background.gif") repeat-x; 
background-attachment: scroll;
background-position: 0% 100%;
margin-bottom: 0px;
border:0px solid #ccc; 

}

ul.headernavbar{
    margin-right: 1px;
	padding-bottom: 6px;

}

ul.headernavbar li {
    display: inline; 
   /* background: #CFE0FF none repeat-x;*/
    margin-right: 0px;
    border-right: 0px solid #5F415C;
	padding:2px;
	padding-top: 6px;
	
}
ul.headernavbar a:link, ul.headernavbar a:visited
{
	font-size:11px;
	text-decoration: none;
	font-weight: normal;
	color:#999;
}
ul.headernavbar a:hover{text-decoration: underline;}

P.it_title{
font-family:Arial;font-size:1.1em; font-weight:bold;
}

ul#apps li {  display: inline; }	
ul#apps li.active a{ font-weight: bold; }	
		

/****************************/
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
	padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #36638E;/* original #6c6 */ 
	/*background:#CFE0FF none ;*/
	padding-left: 4px;
	display:block;
	width:auto;
	height:13px;
}
ul#tabnav li {
    display: inline;    
    background: #F7F7F7 none repeat-x;/**/
    margin-right: 1px;
    border: 1px solid #DAE1E8;
	border-bottom: 0px solid #DAE1E8;
	padding:1px;
	padding-bottom: 7px;	
}

ul#tabnav li:hover{background: #DAE1E8;}
ul#tabnav li:hover A{color: #fff;}

#tabnav a {
	text-decoration: none;
	padding:2px;
	
	}

#tabnav a:hover {
	color:#fff;
	border: 0px solid #56BBFF;/* original #6c6 */	
}


ul#tabnav li.active,li.active:hover{    
    background: #36638E;/*#61ACDF*/
	border: 0px;
	}
	
ul#tabnav LI.active A:link, LI.active A:visited
{
background: #36638E;
color:#fff;
}

ul#tabnav li.fondjaune {
    border-bottom: 0px solid #56BBFF;
    background: #EFDE2C;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}

ul#tabnav li.fondrouge {
    border-bottom: 1px solid #56BBFF;
    background: #8E0625;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}
/****************************/


ul#nav {
    font: bold 11px verdana, arial, sans-serif;
    padding-bottom: 7px;
    border-bottom: 1px solid #36638E;/* original #6c6 */ 
	/*background:#CFE0FF none ;*/
	padding-left: 4px;
	display:block;
	width:auto;
	
}
ul#nav li {
    display: inline;    
    background: #fff none repeat-x;/**/
    margin-right: 1px;
    border: 0px solid red;
	padding:1px;
	padding-bottom: 7px;
	
}
ul#nav li.active, ul#nav li.active:hover {background: #36638E;/*#61ACDF*/	}	
ul#nav LI.active A:link, LI.active A:visited
{
background: #36638E;
color:#fff;
}	

ul#nav li:hover{background: #DAE1E8;}
ul#nav li:hover A{color: #fff;}
#nav a {text-decoration: none;padding:2px;	}

#nav a:hover {
	color:#fff;
    background: #DAE1E8;
	border: 0px solid #56BBFF;/* original #6c6 */	
}



ul#nav li.fondjaune {
    border-bottom: 0px solid #56BBFF;
    background: #EFDE2C;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}

ul#nav li.fondrouge {
    border-bottom: 1px solid #56BBFF;
    background: #8E0625;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}



/*****/

ul.inline {
    font: bold 11px verdana, arial, sans-serif;
    padding-bottom: 7px;
    /*border-bottom: 1px solid #36638E; original #6c6 */ 
	/*background:#CFE0FF none ;*/
	padding-left: 4px;
	display:block;
	width:auto;
	
}
ul.inline li {
    display: inline;    
    background: #fff none repeat-x;/**/
    margin-right: 1px;
    border: 0px solid red;
	padding:1px;
	padding-bottom: 7px;
	
}
ul.inline li.active, ul.inline li.active:hover {background: #36638E;/*#61ACDF*/	}	
ul.inline LI.active A:link, LI.active A:visited{background: #36638E;color:#fff;}	

ul.inline li:hover{background: #DAE1E8;}

.inline a {text-decoration: none;padding:2px;}

/****************************/
ul.profilemenus {
    font: bold 11px verdana, arial, sans-serif;
	padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-bottom: 0px solid #E8E8E8;/* original #6c6 */ 
	background:transparent NONE ;/**/
	margin-bottom:0px;

}
ul.profilemenus li {
    display: inline;    
    background: #DAE1E8 url(../../../img/icons/subNavBG.png)  repeat-x;/*url(../../../img/icons/bg3.gif)  subNavBG_selected.png*/
    margin-right: 1px;
    border: 0px solid #fff;
	border-bottom: 0px solid #DAE1E8;
	padding:0.6em 0.7em;
	
}




.profilemenus A:link, .profilemenus A:visited{
	text-decoration: none;
	padding:0px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	font-family:Arial;
	
	}




ul.profilemenus li:hover, ul.profilemenus li.active,li.active:hover{    
    background: #FFD21E url(../../../img/icons/subNavBG_selected.png)  repeat-x;
	border: 0px;	
	}
ul.profilemenus li:hover{cursor:pointer;}
ul.profilemenus li:hover A{color: #000;}
	
ul.profilemenus LI.active A:link, LI.active A:visited
{

color:#333;
}

ul.profilemenus li.fondjaune {
    border-bottom: 0px solid #56BBFF;
    background: #EFDE2C;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}

ul.profilemenus li.fondrouge {
    border-bottom: 1px solid #56BBFF;
    background: #8E0625;
    font-weight: bold;
	/*border: 1px solid #56BBFF;*/
}
/****************************/
ul.profileactions {
    font: bold 11px verdana, arial, sans-serif;
	padding-top: 1px;
    padding-bottom: 1px;
	/*background:#E7E7E7 NONE ;*/
	padding-left: 0px;

	
}
ul.profileactions li {
    display: block;    
    background: #DAE1E8 url(../../../img/icons/bg_menu.jpg) repeat-x;/*url(../../../img/icons/bg3.gif)*/
    margin: 0px;
    border: 1px solid #fff;
	border-bottom: 0px solid #DAE1E8;
	padding:3px;	
}

ul.profileactions li:hover{background: #36638E;cursor:pointer}
ul.profileactions li:hover A{color: #000;}

.profileactions A:link, .profileactions A:visited{
	text-decoration: none;
	padding:2px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	font-family:Arial;
	
	}

.profileactions a:hover {
	color:#000;
	border: 0px solid #56BBFF;/* original #6c6 */	
}


ul.profileactions li.active,li.active:hover{    
    background: #36638E;/*#61ACDF*/
	border: 0px;
	}
	
ul.profileactions LI.active A:link, LI.active A:visited
{
background: #36638E;
color:#fff;
}


/**Menu**/
DIV.main_sidemenus,DIV.profile_container{

}
DIV.main_sidemenus{
background-color:transparent; 
border-width:0px;
border-style:solid;
border-color:#374B7F; 
border-bottom-width: 0px;
padding:0px;
padding-top:0px;
padding-left:0px;
margin:0;
margin-left: auto;
margin-right: auto;
width: 904px;
}

ul#menus {	
    font:  11px verdana, arial, sans-serif;    
    border: 0px solid #6c6;/* original #6c6 */
    margin: 0px;
	padding: 0px;
	float:left;

}

ul#menus li {
	float: left;
	padding:0;
	margin:0px;
	display:block;
}

ul#menus li:hover{
	background-color: #23435F;
}
ul#menus li.logo:hover {
   background-color:transparent; /*precedemment  #FFFABF*/
   }
ul#menus li.active {
   background-color:#2F597F; /*precedemment  #FFFABF*/
   }
   
#menus a {
	height: 28px;
	display:block;
    font:11px verdana, arial, sans-serif;
	color:#FFF;
	text-decoration: none; 
	border-right:1px solid #2F597F; 
	padding:9px 3px;
	margin:0;
}

#menus a:hover {    
	color: #ccc;	
}
ul#menus li.active A {
	font-weight: bold;
	background-color:transparent;	
}
ul#menus li.start{
border: 1px solid #9F6500;
background-color:#6F4907;
}

ul#menus li.search{
border: 0px;
background-color:transparent;
height: 21px;

}
ul#menus li.search a{
color:#37658F;
font-size:12px
}
ul#menus li.search a:hover{    
	color: #294E6F;	
	text-decoration: underline;
}





.lined {border-bottom:1px solid #F1B541} 
.linegroup{line-height: 1.6em;}

SPAN.lined {
display:block;
}

 .solidborder TD{
BORDER-BOTTOM: 1px solid #ccc;
BORDER-RIGHT: 1px solid #ccc;
}


/*Fb Styles */

.fb {
	color: #333;
	width: 350px;
	padding: 5px;
	background-color: #f7f7f7;
	border: 1px solid #b7b7b7;
}

.fb a {
color: #3B5998;
text-decoration:none;
}

.fb p {
padding: 5px;
}

.fb1 {
	color:#FFFFFF;
	background-color:#3B5998;
	border-bottom: solid #6d84b4 5px;
}

.fb2 {
	padding: 5px;
	color: #FFFFFF;
	background: #3B5998;
}

.fb2 a {
	color:#FFFFFF;
	text-decoration: none;
	outline-style: none;
	padding: 5px;
}

.fb2 a:hover {
	background: #6D84B4;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

.fb3 {
	color: #3B5998;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.fb3:hover {
border:none;
background-color: #d8dfea;
border-top: 1px solid #d8dfea;
border-bottom: 1px solid #d8dfea;
}

.fb4 {
	color: #333;
	background:#fff9d7;
	border: 1px solid #e2c822;
}



.fb5 {
	color: #333;
	background:#ffebe8;
	border: 1px solid #dd3c10;
}

.fb6 {
border: 1px solid #cccccc;
background:#fff;
text-align:left;
}


.fb6a, .fb6b, .fb6c {
	/*float: left;*/
	border:0px solid #ccc
}


.fb6b {
	padding:10px;
	width: 90px;
}

.fb6b a {
font-size:12px;
color: #3B5998;
text-decoration: none;
}

.fb6b a:hover {
text-decoration: underline;
}



.fb6c a {

	color: #3B5998;
	text-decoration:none;
}

.fb6c a:hover,.fb6c li:hover{
	color: #FFF;
	background:#3B5998;
	}


.fb6c li {
	margin: 0px;
	padding-left:5px;
	list-style:none;
	color: #3B5998;
	border-bottom: 1px solid #d8dfea;
	line-height: 15px;
	font-size:11px;
	font-weight: normal;
	display:block;
	padding: 3px 0px;
}


/*

Tutoralzine Demo 
Original tutorial: Creating a Facebook-like Registration Form with jQuery
Tutorial URL: http://tutorialzine.com/2009/08/creating-a-facebook-like-registration-form-with-jquery/

You are free to use the following demo code for any purpose you see fit.

*/


/* Page styles */






/* Form styles */



.input-container{
	padding:1px;
	background-color:transparent;
}


.greenButton{
	width:auto;
	margin:10px 0 0 2px;
	padding:3px 4px 3px 4px;
	color:white;
	background-color:#589d39;
	outline:none;
	border:1px solid #006600;
	font-weight:bold;
}

.greenButton:active{
	background-color:#006600;
	padding:4px 3px 2px 5px;
}

.error{	
text-align:center;
background-color:#ffebe8;
border:1px solid #dd3c10;

	}
.success{
	background-color:#F7F7F7;
	border:1px solid #C2DFEF;
	text-align:left;
}

.notification_b{
font-size:10px;
font-weight:bold;
background-color:red;
 border:0px solid red;
 padding:1px;
 margin:1px;
 color:#fff;
}

/*Style en evidence sur l'index  puce carree, sitetour et autres*/
#puce_carree UL LI {
LIST-STYLE:  square inside ;
padding-left: 0px;
color: #3b5998;
}
#puce_carree  LI  SPAN{
color: #333;
}

.welcome_buttons A 
{
float: left;
display: block;
width: 190px;
padding: 5px 3px;
margin-bottom: 5px;
color: #666666;
background-color: #DFE5FF;
margin-right: 8px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

.welcome_buttons a:hover 
{
text-decoration: none;
color: #333333;
background-color: #d8dfea;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #3b5998;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3b5998;
}

.tour_button_actif 
{
text-decoration: none;
color: #333333;
background-color: #d8dfea;
border-top-style: 1px solid #3b5998;
border-bottom:1px solid #3b5998;
}


.welcome_buttons a h4 
{
padding-left: 14px;
font-size: 13px;
color: #333333;
background-color: transparent;
background-image: url("../../../img/icons/b_nextpage.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 3px 2px;

}

.welcome_buttons a:hover h4 
{
color: #000000;
}

.welcome_buttons a p 
{
font-size: 11px;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 14px;
}



.textbox, DIV.textboxcontainer{
	
	font-family: Tahoma, sans-serif;
	/*background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}
TEXTAREA.textbox{border: 2px solid #FFD07F;}

DIV.textboxcontainer{
 border:0px solid #d1d1d1;
 background:transparent;
padding:0px;
}

#container_left > DIV {
background:transparent;
}

.textbox2{
	width: 300px;
	height: 32px;
	border: 1px solid #999;
	padding-bottom: 0px;
	/*background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}


DIV.commentlist{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
font-style: normal;
font-variant: normal;
line-height: normal;
font-size-adjust: none; 
font-stretch: normal;
padding: 0px; 
padding-left: 3px; 
border:0px solid #ccc;
margin:0px 3px 15px 35px;

}

DIV.commenter_pic{
width:32px;
 float:left;
 border:0px solid red;
 padding:0px; 
}

.myconr {
FLOAT: right;
TEXT-ALIGN: left;
CLEAR: right;
}


DIV.inviter 
{
overflow:scroll;
overflow-x: hidden;
overflow-y: auto;
background-color: #ffffff;
}



DIV.f_box
{ 
float:left;
 padding:1px;
 margin:2px;
 width:220px; 
 border:0px solid #afafaf;
}
 
 DIV.boxl
{ 
float:left;
 padding:3px;
 margin:5px;
 width:auto; 
 border:0px solid #afafaf;
}

DIV.f_box P, DIV.boxl P{
float:left;
 width:auto;

 }
 DIV.f_box P, DIV.boxl P{
  padding:2px;
 }

 A SPAN.button {

border:1px solid #1D394F;
background-color: #2A4C68 ;
color:#fff;
font-weight:bold;
margin-bottom:1px;
margin-top:2px;
padding:3px 4px 3px 4px;
}

SPAN.button:hover{
background:#81AACF;
border:1px solid #81AACF;
text-decoration:none;
color:#000;
}
 A SPAN.button:active{
background:#084F8F;
padding:4px 3px 2px 5px;
}

 A SPAN.button2 {

border:1px solid #DFC329;
background-color: #EED132 ;
color:#000;
font-weight:normal;
font-size:12px;
margin-bottom:1px;
margin-top:2px;
padding:3px 4px 3px 4px;
}

SPAN.button2:hover{
background:#EFDF86;
border:1px solid #DFC329;
text-decoration:none;
color:#000;
}
 A SPAN.button2:active{
background:#CFC174;
padding:4px 3px 2px 5px;
}



.t:first-letter, .t2:first-letter  {
text-transform: uppercase;
color : #FF0000;

}
/********Misc************/
.q {color:#777777;}
.b{font-weight:bold}
P.t, .t, .t2 {font-weight: bold; } 
P.t, .t {  font-size: 11px;color:#36638E; padding:1px}
.t2 { font-size: 15px; }

div.progress {
border:1px solid #56BBFF;
padding :0px;
margin:0px;
}
.bar {
background-color:#23385F; 
width:100px;
}

P.mousehover:hover{background-color:#CCFFCC/*#F7F7F7*/;}

.smalltext { font-size:0.8em; }
.tabnormal{background-color:transparent; color:navy; font-weight:bold}
.tabover{background-color:#F2F2CB; color:darkblue; font-weight:bold}

.link_b A:link  ,.link_b  A:visited  {font-weight:bold}



/* Easy Slider */

DIV#slider{
background-color:#F7F7F7;
border:1px solid #ccc;
height:auto;
}
#slider DIV{background-color:transparent}
	#slider ul, #slider li.regstep,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li.regstep, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 

		width:592px;	
		height:auto;		

		_height:261px;
		overflow:hidden;
	
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:70px;
		border:0px solid red
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:68px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

/* Ajoute par i225*/


/* numeric controls */	

DIV#slider-container{
width:595px;
margin-bottom:30px; 
border:1px solid #ccc;
padding:0px;

}

ol#thumbnails{
	width:595px;
	margin: 0;
	padding:0;
	height:55px;
	border-left:1px solid #EFF3F5;
	background-color:#F7F7F7;
	border-top:1px solid #ccc;
	border-bottom:0px solid #ccc;
	}
ol#thumbnails li{
	margin:0 0px 0 0; 
	padding:8px 4px 4px 8px;
	float:left;
	list-style:none;
	width:105px ;
	text-align:left;
	line-height:18px;
	height:38px;
	background:#F9FAFA;	
	color:#555;
	text-decoration:none;
	border:1px solid #EFF3F5;

	}
	ol#thumbnails li a:hover,ol#thumbnails li.current a:hover{
	text-decoration:none;
	}
	ol#thumbnails li:hover{
	cursor:pointer;
	}

ol#thumbnails li.current{
	background:#364D62;
	color:#fff;
	}
ol#thumbnails .current a {
color:#fff;	
}

ol#thumbnails .current a:hover {
text-decoration:underline;	
}
	
	
ol#thumbnails li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */	


/*

<ul class="user-actions" style="text-align: right;">
  
    <li class="follow-action" style="float: left;">
      <button id="follow-button-on-profile-page" href="/friendships/create/" class="btn" title="Follow 9lessons"><i></i>Follow</button>
          </li>
        <li class="list-menu menu">
      <button class="btn" title=""><b></b>Lists<i></i></button>
      
    
    </li>
    
    <li class="action-menu menu">

      <button class="btn clicked"><i></i></button>
    <ul class="round" style="display: block;">
      <li class="mention"><a href="/?status=%40"><i></i>Mention <span>9lessons</span></a></li>
      <li class="direct-message"><a href="/direct_messages/create/"><i></i>Direct message <span>9lessons</span></a></li>
      <li class="follow"><a href="/friendships/create/"><i></i>Follow <span>9lessons</span></a></li>
      <li class="unfollow"><a href="/friendships/destroy/"><i></i>Unfollow <span>9lessons</span></a></li>

      <li class="block"><a href="/blocks/create/"><i></i>Block <span>9lessons</span></a></li>
      <li class="unblock"><a href="/blocks/destroy/"><i></i>Unblock <span>9lessons</span></a></li>
      
        <li class="report-for-spam"><a href="/user_spam_reports/"><i></i>Report <span>9lessons</span> for spam</a></li>
      
          </ul>
  
    
  
    
  
    </li>
  </ul>

*/










.user-actions button 

{

height: 25px;

}

.user-actions .action-menu button 

{

width: 36px;

}

.user-actions .menu button.clicked 
{

background-image: none;

}






.user-actions .menu ul 

{

display: none;

position: absolute;

width: 200px;

margin-top: -1px;

padding-top: 4px;

padding-right: 0pt;

padding-bottom: 4px;

padding-left: 0pt;

text-align: left;

border-top-width: 1px;
border-bottom-width: 1px;

border-top-style: solid;

border-bottom-style: solid;

border-top-color: #666666;

border-bottom-color: #666666;

background-color: #ffffff;

z-index: 9999;

}

user-actions .menu ul li a, .user-actions .menu ul li label, .user-actions .menu ul li input[type="checkbox"] 

{

display: inline-block;

font-family: 'Lucida Grande',Arial,sans-serif;

font-style: normal;

font-variant: normal;

font-weight: normal;

font-size: 11px;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;

color: #666666;

position: relative;

padding-top: 4px;

padding-right: 5px;

padding-bottom: 4px;

padding-left: 5px;

vertical-align: top;

}

.user-actions .action-menu ul li a 

{

padding-top: 4px;

padding-right: 5px;

padding-bottom: 4px;

padding-left: 27px;

}

.user-actions .menu ul li a 

{

display: block;

color: #666666;

text-decoration: none;

}

.user-actions .menu ul li:hover * 
{
color: #ffffff;
}