/****************************************
 * General Formatting
 ****************************************/
 
body{ background-image:url(../images/fondVert2.gif); background-repeat:repeat-x;
font-family:Arial; size:12px; color:#5D6775;}

.allBlanc{width:980px;}

div.all{width:990px}

img{border:0px}
.imgBorder img{border:1px}

td,p ,div{font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

.tdTitre{color:#0066CC; font-size:11px;}
.laTable, .laTable a:link, .laTable a:visited
{color:#0066CC; font-size:11px; font-family:Arial; font-weight:normal;}
/**************** HOME PAGE ******************/

.homeBanner{background-image:url(../images/homeBanner.gif); background-repeat:no-repeat; 
width:640px; height:75px; padding-top:25px; text-align:center;
color:#429ABD; font-family:Arial; font-size:18px; font-weight:bold;}

.inscrip{border-left:solid 3px #8CE931; height:230px; padding-left:5px;}
.moduleInscrip{color:#429ABD; font-weight:bold; font-family:Arial; font-size:12px;}
.moduleInscrip input{border:solid 1px #D4CACE; font-weight:normal;}

.inscripBanner{width:229; height:43px; background-image:url(../images/inscripBanner.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; font-size:20px; padding-top:10px;}

.inscripBanner a, .inscripBanner a:visited{color:#FFFFFF; font-weight:bold; font-size:20px; padding-top:10px;}



.tableData1{font-size:11px; font-family:Arial; background:#CEFFCE}
.tableData2{font-size:11px; font-family:Arial; background:#BBFFBB;}


/**************************** TITRES ********************************/

h1, h1 a, h1 a:hover{color:#0066CC; font-size:18px; font-family:Arial;}

h2, h2 a, h2 a:hover, h2 a:visited
{color:#0066CC; font-size:16px; font-family:Arial; text-decoration:none;}

h3, h3 a, h3 a:hover{color:#8CE931; font-size:16px; font-family:Arial; text-decoration:none;}

.messages{ background:#D7D7D7; color:#FF00FF; font-weight:bold; font-family:Arial; 
font-size:14px; margin-left:10px; margin-top:15px; margin-bottom:0px; width:650px;}

.titreBlancG{width:160px; background:#FFFFFF; font-size:13px; color:#8ce931; height:20px; font-weight:bold; text-align:center}
.titreBlancD{width:145px; background:#FFFFFF; font-size:13px; color:#8ce931; height:20px; font-weight:bold; text-align:center}

.titreRoseD{width:145px; background:#FF00FF; font-size:13px; color:#FFFFFF; height:20px; font-weight:bold; text-align:center}

.welcome{font-size:13px; font-family:Arial; color:#0066CC; margin-top:10px; margin-bottom:10px;}

/**************************** LIENS ********************************/
a:link, a:visited 
{font-family: arial, helvetica, sans-serif;
font-size: 12px;text-decoration:none; color:#143BA8;}
	
/*a:hover {text-decoration:underline;}*/

.tables {border-collapse:collapse; border:solid 1px #0066CC;}

/*************** INSCRIPTION **********/

.etapeCour{font-weight:bold; color:#0066CC; font-family:Arial; font-size:14px;}
.etapeSuiv{font-weight:bold; color:#666666; font-family:Arial; font-size:14px;}

/*********************** ELEMENTS FORMULAIRE *************************/

input, select
{color:#5D6775; font-size:11px; font-family:Arial; height:20px;
border: 1px solid #D4CACE;}

textarea{color:#5D6775; font-size:11px; font-family:Arial; 
border: 1px solid #D4CACE; padding: 1px;}

textarea.rouge{color:#5D6775; font-size:11px; font-family:Arial; border:solid 1px #FF0000;}
input.rouge{color:#5D6775; font-size:11px; font-family:Arial; border:solid 1px #FF0000;}

radio {background-color: none; border: none; border:0px; height:12px; padding:0px;}

.radio {border:0px; height:12px; padding:0px;}


.puce{background-image:url(../images/puce2.gif); background-repeat:no-repeat; 
padding-left:12px; margin-bottom:3px;}

.puce2{/*background-image:url(../images/puce2.gif);*/ background-repeat:no-repeat; 
padding-left:27px; margin-bottom:5px;}

/*.puce2 a , .puce2 a :hover{font-size:12px; font-weight:normal; font-family:Arial; color:#5d6775;}*/

.puce2 a:hover {font-size:12px; font-weight:normal; font-family:Arial; color:#5d6775;} 

.etoile{font-size:9px; color:#FF0000;}

.petit{font-family:Arial; font-size:10px; color:#5d6557;}



#formTuto input, #formTuto select{border:solid 1px #D4CACE; width:230px; height:22px;
font-size:11px; color:#333333; font-family:Arial;}

#formTuto textarea{border:solid 1px #D4CACE; width:230px; height:70px;
font-size:11px; color:#333333; font-family:Arial;}

.boutonCreer{ border:solid 1px #D4CACE; width:70px; color:#8CE931; font-size:11px; font-weight:bold;
background:#FFFFFF;}

.liste{height:20px; border:solid 1px #D4CACE; color:#5d6775; font-size:11px; font-family:Arial;}


.go{border:0px; background-color:#ffffff; height:20px; margin-top:2px; font-weight:bold; font-size:12px; margin-left:0px; padding-left:0px;
cursor:pointer;}

.lienHeader{margin-top:4px; border:solid 1px #0066CC; font-weight:bold; text-align:center; height:18px; padding-top:2px;}

.catEnCours{color:#5D6775; font-weight:bold; font-size:12px; font-family:Arial;}
/***************************** TUTORIAUX **************************/

.contenuTuto{text-align:justify; padding:5px; padding-top:0px;}
.contenuTuto div, .contenuTuto p{text-align:justify; padding:5px; padding-top:0px;}

.tutoImgF{position:absolute;top:205px; left:300px; border:0px; width:auto; 
border:solid 1px #0066CC; z-index:1000; width:500px; background:#FFF;}
.tutoImgFheader{background-color:#FFFFFF; text-align:left; color:#FF0000; height:20px;
font-size:11px; font-family:Arial;}


/************************ GROUPES ************************/
.tableheader{font-family:Arial; size:12px; font-weight:b; color:#0066CC; padding-bottom:10px;}
	
#mainnavGoup 
{width:140px; margin:0px; padding:0;list-style: none; background:#FFFFFF;}

#mainnavGoup li {width:140px; margin-bottom:0px; size:12px;}
	
#mainnavGoup a 
{display:block; width:140px; padding:1px; color:#000000; text-decoration:none;
background:#FFFFFF; font-size:12px; font-weight:normal; text-align:left;
/*border-top:solid 1px #8CE931;*/ border-bottom:solid 1px #8CE931;}	

#mainnavGoup a:hover 
{font-size:12px; font-weight:normal; color:#000000; background:#8CE931; text-decoration:none;
text-align:left;}

#mainnavGoup .maincurrent a, #mainnavGoup .maincurrent a:hover 
{font-size:12px; font-weight:normal; color:#000000; text-decoration:none;}

#mainnavGoup .mainCurrent3 a ,#mainnavGoup .mainCurrent3 a :hover
{color:#000000; background-color:#FFFFFF;}


/******************** QUESIONS/REPONSES **********************/ 

#responseDiv {border:solid 1px #D4CACE; height:380px; overflow:auto;}

#lienTuto{border:solid 1px #D4CACE; width:363px; height:77px; overflow:auto;
font-size:11px; color:#333333; font-family:Arial; padding-top:3px;}

#responseDiv2 input{border:solid 1px #D4CACE; width:70px; height:22px;
font-size:11px; color:#333333; font-family:Arial;}

.supprLien{cursor:pointer; color:#FF0000; font-weight:bold; border:solid 1px #FF0000;}

.lien{color:#0066CC; cursor:pointer;}

/************ QUIZ ********************/
.quizRes{padding-left:10px; color:#0066CC;}

div.cadre-bleu 
{border: #CACAFF 1px solid;background-color:#EAEAF4;
color:#666666; width:140px; margin-bottom:5px;
padding-top:3px;padding-left:3px; padding-right:0px; }

.erreur{font-family:Arial; font-size:11px; color:#FF0000;}
	
a.LienPerso 
{position: relative;text-decoration:none;color:#143BA8;}

a.LienPerso span 
{display: none;text-decoration:none;}

a.LienPerso:hover {
background: none; /* correction d'un bug IE */
z-index: 500;text-decoration:none;}

a.LienPerso:hover span 
{display:inline; text-decoration:none; position:absolute; padding: 2px;
width:160px; top:1em; left:4em; background:white; text-align:center;color: #FF00FF;}	
	
A:hover.friends{color:white; text-decoration:none;}	
	
label {cursor: pointer;cursor: hand;}


/****************************************
 * TITLE / MAIN CONTAINERS
 ****************************************/
	
#title{padding:0;margin:0;height: 35px;border: 0px solid #000000;}
	
#barre_bleue
{border: 0px solid #ff00FF;padding-top:6px;padding-bottom:6px;
margin-left:130px;background: #3A55A6 no-repeat center left;}
	
	
#logo{margin-top:10px;padding:0;border: 0px solid #ff0000;}

#cadrePubBleu{
vertical-align:text-top;
margin-top:0px;margin-bottom:0px; padding-top:18px;padding-left:5px;
padding-right:3px;padding-bottom:3px;
text-align:left; border: 0px solid #ff0000;
height:250px;width:250px;
background:url("../imgbis/cadre-pub-260x270.png") left no-repeat;}


#header_person{ background:#D7D7FF; border:solid 1px #8080FF; margin:3px;}
		
#bannerad 
{position:absolute; border:0px; float:left;
top:8px; left:460px; margin-left:5px;}
	
#mainLeft
{width: 160px; margin-top:30px;
border: 0px solid #FF0000;background-color:#8CE931;}

#mainMiddle
{width:640px; background:#FFFFFF;  padding:5px;
/*margin-top:10px;*/ margin-left:10px; z-index:100;}

#mainRight
{width:120px; margin-top:30px; border: 0px solid #FF0000;background-color:#8CE931;}


/****************************************
 * Main Nav
 ****************************************/
	
#mainnav 
{width:155px; margin:0;margin-left:2px;padding:0;
 list-style: none; background:#8CE931; /*background: #01588E;*/}

#mainnav li {width:155px; margin-bottom:5px; }
	
#mainnav a 
{display:block; width:155px; padding:1px; border-top:0px solid #D8FE05;
color:#000000; border-bottom:0px solid #D8FE05; background:#8CE931; font-size:13px; font-weight:bold;
text-decoration:none;}	
	
#mainnav a:hover 
{font-size:13px; font-weight:bold; color:#000000; background:#FFFFFF; text-decoration:none;}

#mainnav .maincurrent a, #mainnav .maincurrent a:hover 
{font-size:13px; font-weight:bold; color:#000000; background:#FFFFFF; text-decoration:none;}



/****************************************
 * Main DROITE
 ****************************************/
	
#mainnavRight 
{width:130px; margin:0;margin-left:2px;padding:0;
 list-style: none; background:#8CE931; /*background: #01588E;*/}

#mainnavRight li {width:135px; margin-bottom:5px; }
	
#mainnavRight a 
{display:block; width:135px; padding:1px; border-top:0px solid #D8FE05;
color:#000000; border-bottom:0px solid #D8FE05; background:#8CE931; font-size:13px; font-weight:bold;
text-decoration:none;}	
	
#mainnavRight a:hover 
{font-size:13px; font-weight:bold; color:#000000; background:#FFFFFF; text-decoration:none;}

#mainnavRight .maincurrent a, #mainnavRight .maincurrent a:hover 
{font-size:13px; font-weight:bold; color:#E51C8C; text-decoration:none;}

#mainnavRight .mainCurrent3 a ,#mainnavRight .mainCurrent3 a :hover
{color:#000000; background-color:#FFFFFF;}




/****************************************
 * Sub Nav
 ****************************************/
	
#subnav
{margin-left:5px;padding-left:5px;list-style: none;
 white-space: nowrap; /* fixes safari wrapping bug */}
	
#subnav li.lastsub 
{}
	
#subnav li {list-style: none;}
	
#mainnav #subnav a 
{width:120px; font-size:10px; color:#0000FF;}

#mainnav #subnav a:hover 
{color:#FFFFFF;/*color:#E51C8C;*/}

#mainnav #subcurrent a, #mainnav #subcurrent a:hover 
{color: #FFFFFF;}


/****************************************
 * Left sidebar
 ****************************************/



#blogwatch {
	display:none;
	}

#mygroups {
	display:none;
	}
	
#sidebar_tabs {
	position:absolute;
	top: 200px;
	left: 179px;
	}


#sidebar_tabs a {
	display:block ;
	width:26px ;
	height:85px;
	}


#blogwatch_tab a {
	height:85px;
	}
	
#mygroups_tab a {
	height:80px;
	}
	
#connected_tab a {
	height:85px;
	}
	



#blogwatch_tab {
	background: #fcffe0 url(../images/tab_blogwatch_off.gif) no-repeat;
	height:85px;
	width:26px;
	}


#mygroups_tab {
	background: #fcffe0 url(../images/tab_mygroups_off.gif) no-repeat;
	height:79px;
	width:26px;
	margin-top:5px;
	}
	
#connected_tab {
	background: #fcffe0 url(../images/tab_online.gif) no-repeat;
	height:83px;
	width:26px;
	margin-top:5px;
	}
 
p.blogwatch_item {
	margin-top:3px;

	margin-bottom:0px;
	padding-left:1.3em;
	font-size:12px;	
 	}
	



p.blogwatch_item_new {
	margin-top:3px;
	margin-bottom:0px;
	padding-left:1.3em;
	font-size:12px;
	background: url(../images/new.gif) no-repeat 5px 50%;
 	}


.mini {
	font-size:9px;
	color:#FF00FF;
	}


.message_box {
	border: 1px dotted #FF00FF;
	padding-bottom: 3px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	}
	



.message_box img {
	padding-top:5px;
	padding-right: 3px;
	vertical-align: -3px;
	}


.new_message_count {
	color:#FF00FF;
	}








/****************************************
 * My Albums
 ****************************************/


.myalbums_album_container {
}


.myalbums_add_album {
	}


.myalbums_add_album a {
	padding: 8px 0px 8px 38px;
	margin-left:5px;
	font-family: arial,helvetia;

	background: url(../images/add_32.gif) no-repeat 0 1px;	


	}
	
.myalbums_delete_album {
	}
		
.myalbums_delete_album a {
	padding: 8px 0px 8px 38px;
	margin-left:5px;
	font-family: arial,helvetia;
	background: url(../images/del_16.gif) no-repeat 0 1px;	


	}	


.myalbums_add_album a:hover {
	}


.myalbums_album_thumbnail {
	float: left;
	width:200px;
	height:11em;
	margin-right:10px;
	margin-bottom:10px;
	background: #fff;
	padding:5px;
	padding-right:15px;
	border-right: 1px solid #FFF0A5;
	border-bottom: 1px solid #FFF0A5;


	font-size: 11px;
	font-family: "trebuchet ms", verdana,arial,helvetia;
	color:#666;
	}


.myalbums_album_thumbnail img
{float: left; border:0px; width:50px; 
padding-right: 5px; padding-bottom: 5px;}


.myalbums_album_thumbnail_delete 
{float:left; padding: 2px 0px 3px 18px; margin-left:0px;
font-family: arial,helvetia; font-size: 12px;
background: url(../images/gray_x.gif) no-repeat 0 1px;}


.myalbums_album_thumbnail_replace 
{float:left; padding: 2px 0px 3px 18px; margin-left:10px;
font-family: arial,helvetia; font-size: 12px;
background: url(../images/upload1_16.gif) no-repeat 0 1px;}	


/* ======================================================== */
/*  	 		VARIOUS STYLES AND DEFINITIONS				*/
/* ======================================================== */

.find_result_name_male 
{padding-top:2px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;
font-size: 16px; font-family: "trebuchet ms", verdana,arial,helvetica;
color:#0000FF; font-weight:bold; line-height:22px;}
	
.find_result_name_male a:hover
{text-decoration:underline; color:#0000FF;}
	
.find_result_name_female 
{padding-top:2px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;
font-size: 16px; font-family: "trebuchet ms", verdana,arial,helvetica;
color: #FF00FF; font-weight:bold; line-height:22px;	}
	
.find_result_name_female a:hover{
	text-decoration: underline;
	color: #FF00FF;
	}
	
.find_result_name_male_connect {
	margin-top:3px;
	margin-bottom:0px;
	font-size:12px;
	color: #2665ED;
	}
	

.find_result_name_male_connect a:hover{
	text-decoration: underline;
	color: #2665ED;
	}	
	
.find_result_name_female_connect {
	margin-top:3px;
	margin-bottom:0px;
	font-size:12px;
	color: #FF00FF;
	}
	
.find_result_name_female_connect a:hover{
	text-decoration: underline;
	color: #FF00FF;
	}

.peopleformDK { font-size: 12px; font-weight: bold; padding: 2px; }
.peopleform { font-size: 12px; padding: 2px; }




@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /**/";}
}



/* Popup type msn pour les pti'mess */
.popup 
{position: absolute; bottom: 000; right:400;height:100px;width: 250px;
background-color:#FFFFFF; border: 1px solid #8CE931;font-size:11px; font-weight:bold;
bottom: expression(document.body.clientHeight - 20 + document.body.scrollTop + this.offsetHeight - this.offsetHeight); /* z-index:5; */}

.popup_header 
{ background-color:#8CE931; /* height:20px; */font-size:13px; width:250px; color:#FFFFFF;
font-weight:bold; text-align:center;}

.popup_footer 
{ text-align:center; position:relative; width:250px; height:20px;}

	
#header img{
	float:left;
}

.dragableBox
{	/* The RSS box */	
	background-color:#FFFFFF;/*:#8CE931;*/
	font-size:12px; color:#FFFFFF; 
	margin:5px;
	border-right:2px solid #AAA;	/* "Shadow "*/
	border-bottom:2px solid #AAA;	/* "Shadow " */
}
.boxItemHeader:hover
{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:normal;
		margin:0px;
		color:#8CE931;
		text-decoration:none;
}

/* A div inside the rss box - with a blue border */
.dragableBoxInner
{
	border:1px solid #317082;
}

.dragableBoxHeader
{	/* Header inside RSS box */
	background-color:#ff2581;
	height:20px;
	font-weight:bold;
	color: #FFFFFF;
}


.dragableBoxHeader span
{	/* Text inside header of RSS box */
	line-heigth:20px;
}

.dragableBoxHeader img,.dragableBoxHeader span
{	/* Text and reload image inside RSS box */
	float:left;
}


/********************* BULLE INFO **************************/

.Style1 {font-size: 12px;font-weight: bold;}
#Stylelien {font-size: 11px;font-weight: bold;color:#0066CC;}
#dhtmltooltip{
position: absolute;left: -300px;
width: 550px;border: 1px solid black;padding: 2px;
background-color: lightyellow; font-size:12px;
visibility: hidden;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}


/************************ DIV CENTRE PAGE *******************************/

.confirm{ position:absolute; top:180px; left:300px; width:350px; height:250px; 
border:solid 1px #8CE931; background:#EBEBEB;}

.divCentre{ background:#EBEBEB; color:#0066CC; height:200; margin:10px;}
.confirmFooter{ height:23px; color:#8CE931; text-align:center; font-weight:bold;
border-top:solid 1px #8CE931; padding-top:5px; background:#EBEBEB;}