/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background: #FFFFFF;
} 


ul.greencircle {
	list-style-image: url('img/rond_vert.gif')
} 


.baseline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #1B3193;
}

/* Caroline: Adding styles to clean up code on home page */

/* From Antoine */

/* Reset styles */
body{
	margin:0px;
	padding:0px;
	background: #FFFFFF;
	} 

* {
	font-family: "Helvetica Neue", Arial,  Helvetica, sans-serif;
	}

body, td, th, INPUT, SELECT, OPTION, TEXTAREA {
	font-size: 11px;
	}
INPUT.radio {
	vertical-align: top;
}

A {	
	text-decoration: none; 
	color: #F90;      /* this is orange */ 
	}


A:hover { 
	text-decoration: underline; 
	}

A IMG {
	vertical-align: top;
	border:none;
	}

/* special style to outline member visual so people see its clickable */

.member_visual {

	border-right: 1px outset #F90;
	border-bottom: 1px outset #F90;
}

A:hover IMG {
	text-decoration: none;
}
	
.black  {	color: black 		!important;}
.dark	{	color: #999			!important;}
.gray   {	color: #737373 		!important;}
.silver {	color: silver 		!important;}
.orange {	color: #F90 		!important;}
.green 	{	color: #9C3			!important;}
.lightgreen{color: #690			!important;}
.bold   {	font-weight: bold	!important;}
.large 	{	font-size: 12px		!important;}
.small	{	font-size: 11px		!important;}
.tiny 	{	font-size: 10px		!important;}
.nicetext {
	line-height: 1.4;
	}


	
.grayed-out {
	color: silver 				!important;}  

.highlight {
	font-weight: bold;
	border: 1px dotted #6C3;
}

.note {
	font-size: 10px;
	color: #777;
	}
	
/* Taken from AV Styles - 2-column split.  Usage: 
	<div class="split">
		<div class="left">this is left-aligned</div>
		<div class="right">this is right-aligned</div>
	</div>
*/
.split {
	clear:both;
}
.split .left, .split .right {
	display:block;
	width:50%;
	clear:none;
	float:left;
}


.split .left {
	text-align: left;
}
.split .right {
	text-align: right;
}


/* Styles for the left-hand column for Sign Up ( Inscription) Pages */

/* And Modified versions for main site pages */


/* Separator with dots. Usage:
	<div class="separator"><hr noshade="noshade" size="1" /></div>
*/

.separator {
	height: 18px;
	min-height: 18px;
	background: url("img/separator_dot.gif") repeat-x center center;
	}
	
.separator HR {
	display:none;
	}



	
	
#RightColumn .profileform .middle .separator {
	height: 9px;
	min-height: 9px;
	}
	

#LeftColumn{
	padding-left:44px;
	padding-top:12px;
	}
.container {
	margin: 12px 0px;
	width: 321px;
	text-align:left;
	}

/* created for home page with a larger width*/


  
#infoBulle{
          position: absolute;   
          visibility : hidden;
          width: 177px;
	      height: 60px;
	      padding: 5px;
	      text-align:left;	      
	      /*border: gray;*/
          background: url("img/adhesion_pop_back.jpg") ;

      }

/* cree l'exterieur de la div message Accueil qui apparait comme une pop up sur des pages - fonctionne pas */

/*#messageAccueilExt {
			position: absolute;  
			visibility : hidden;			
}

*/

.messageAttente {
	width: 192px;
	margin:10px;
		
	}
	
.messageAttente .top{
	background: url("img/adhesion_pop_top.jpg") no-repeat top left;
	height: 	7px;
	min-height: 7px;
	width:      191px;
	margin:0px;
	
	/* padding:2px 16px 0px 0px;*/
	
	}
	
.messageAttente .middle{
	background: url("img/adhesion_pop_back.jpg") ;
	width: 177px;
	height: 60 px;
	text-align:left;
	// color: profile_grey;	
	padding:6px;
	margin:0px;
	
	}

.messageAttente .bottom{
	background: url("img/adhesion_pop_bottom.jpg") no-repeat top left;
	height: 	7px;
	min-height: 7px;
	width:      191px;
	margin:0;
	padding:0 1em 0 0;
	
	}
	

.container .main {
	margin: 0px 0px;
	width: 330;
	text-align:left;
	}
	
.container .top{
	background: url("img/container_top.gif") no-repeat top right;
	height: 	18px;
	min-height: 18px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	padding:2px 16px 0px 0px;
	text-align: right;
	}
	

	
.container .middle{
	border: dotted #F90;
	border-width: 0px 1px;
	background: white;
	padding:6px;
	}
.container .bottom{
	background: url("img/container_bottom.gif") no-repeat bottom left;
	height:		13px;
	min-height: 13px;
	text-align:right;
	line-height: 13px;
	margin:0;
	padding:0 1em 0 0;
	color: white;
	}
.container .bottom A ,
.container .bottom A:visited {
	color: white;
	}


/* For Mini profile */
	
.container .miniprofile {
	margin: 0px 0px;
	width: 330;
	text-align:left;
	}
	
.container .miniprofile .top{
	background: url("img/container_top.gif") no-repeat top right;
	height: 	18px;
	min-height: 18px;	
	padding:2px 16px 0px 0px;
	}
	
.container .miniprofile .right{	
    font-weight: bold;
	font-size: 12px;
	color: white;
	text-align: right;
	}
	
.container .miniprofile .left{	
    text-decoration: none;
	font-size: 10px;
	color: white;
	text-align: left;
	}
	
/* End For Mini profile */


/* For Mini profile but in 321 width */
	
/*.container .miniprofile2 .top{
	margin: 0px 0px;
	color: white;
	font-size: 10px;
	text-align: left;
	}
*/	
/*.container .miniprofile2 .top{
	/*	background: url("img/container_top.gif") no-repeat top right;
	text-decoration: none;
	height: 	18px;
	min-height: 18px;	
	padding:2px 16px 0px 0px;
	
	font-size: 10px;
	color: white;
	}
	*/
	
	
/*.container .miniprofile2 .top .right{	
    font-weight: bold;
    width: 200;
    float:right;
    clear:none;
	font-size: 12px;
	color: white;
	text-align: right;
	}
*/
	
.left{	
    text-decoration: none;
   /* float:left;*/
    width: 110;
    clear:none;
	font-size: 10px;	
	text-align: left;
	}
	

.miniprofile2 .portrait {
	width:55 px;
	padding-right:5px;
	vertical-align:top;
	}
.miniprofile2 .member {
	}
.miniprofile2 .intro {
	padding: 12px 4px;
	font-style: italic;
	}
	
.member .name {
	font-size: 11px;
	font-weight: bold;
	color: black;
	}
	
.miniprofile2 .flag{
	padding: 2px;
	vertical-align: top;
	width:18px;
	}
	
.miniprofile2 .flag IMG {
	margin:2px 0px;
	}
	
	
/* For "Style de famille" on main site pages - Modified by CI */
#FamilyStyleMain TD {
	text-align: center;
	vertical-align: middle;
	}
#FamilyStyleMain .title {
	color: #F90;
	}
#FamilyStyleMain .slider {
	background: url("img/fnd_family_type2.jpg") no-repeat center bottom;
	width:209px;
	height: 19px;
	}
#FamilyStyleMain .legend {
	width:15%;
	color: #690;
	}
#FamilyStyleMain.grayed-out TD {
	color: silver;
	}
	
	
/* ajouts caro*/
#FamilyStyleMain .sliderLocator {
	width:51px;	
	float:left;
	clear:none;
	margin:0px 1px;
	vertical-align: bottom;

}

#FamilyStyleMain .sliderLocator2 {
/* these two are for 2 extreme positions on the right.  Need to create a smaller div for the 2 positions*/

	width:25px;
	float:left;
	clear:none;
	margin:0px 1px;
	/*vertical-align: bottom;*/

}

#FamilyStyleMain .sliderLocator3 {
/* these two are for 2 extreme positions on the right.  Need to create a smaller div for the 2 positions*/

	width:15px;
	float:left;
	clear:none;
	margin:0px 1px;
	/*vertical-align: bottom;*/

}


	
/* end family style */

/* from Antoine */

.miniprofile2 .nav {
	background: url("img/profile_nav_bullet.gif") no-repeat top left;
	padding-left: 9px;
	width:142px;
	margin-left: 165px;
	font-size: 11px;
	line-height: 12px;
}

.miniprofile2 .subsection {
	margin:4px 12px;
	}
	
.miniprofile2 .subsection .heading {
	font-size: 12px;
	}
	
.miniprofile2 .subsection .note {
	font-size: 11px;
	font-style: italic;
	}


.miniprofile2 .iconbar TD{
	text-align: center;
	padding:0px 12px;
	}
	
.miniprofile2 .iconbar .legend {
	border-left: 1px solid #FC0;
	font-size: 9px;
	height: 11px;
	}
	
.miniprofile2 .iconbar TR TD:first-child {
	border-left: 0px;
	}

/* enleve de chaque ligne dessous .int_network  ,  .int_personal,.int_family */
#Interests .heading ,
#Interests .heading ,
#Interests .heading    
	{
	font-size:11px;
	font-style:italic;
	}


.network_int {	
	color: #F90;
}
.personal_int {
	
	color: #FC0;
}

.family_int {
	
	color: #690;
}

.bulleted {
	background: url("img/bullet_orange.gif") no-repeat top left;
	padding-left: 20px;
	line-height: 1.5;
	margin:.75em 0;
	/* ajout caro */
	text-align: left;
	}

.bulleted.int_network,
.bulleted.int_personal,
.bulleted.int_family {
	color: black;
	}
	
.bulleted.int_network{
	background: url("img/bullet_orange.gif") no-repeat top left ;
	}
.bulleted.int_personal{
	background: url("img/bullet_yellow.gif") no-repeat top left;
	}
.g.int_family {
	background: url("img/bullet_green.gif") no-repeat top left;
	}
	
	
/* End For Mini profile */



#InscriptionStep1b .featurebox {
	height: 200px;
}
.memberlist .top{
	background-image: url("img/members_box_top.gif");
	}
.memberlist .flag, .memberlist .member, .memberlist .intro {
	padding: 2px;
	vertical-align: top;
	}
.memberlist .flag {
	width:18px;
	}
.memberlist .member {
	width:145px;
	}
.memberlist .flag IMG {
	margin:2px 0px;
	}
.memberlist .intro {
	padding-top: 6px;
	font-style: italic;
	font-size: 11px;
	}

/* line at the top of the friend list container */
.separator_friendlist {
	height: 10px;
	min-height: 10px;
	/*margin-top: 3px ;*/
	background: url("img/separator_dot.gif") repeat-x top left;
	}

.separator_friendlist HR {
	display:none;
	}

	
.profile {
	width: 340px;
	}
.profile .portrait {
	width:50px;
	padding-right:5px;
	vertical-align:top;
	}
.profile .member {
	}
.profile .intro {
	padding: 12px 4px;
	font-style: italic;
	}
	
.member .name {
	font-size: 11px;
	font-weight: bold;
	color: black;
	}

/* Container for Mon reseau and son reseau pages , slightly larger  350 instead of 320*/
/* marche pas
.container .reseau {
	margin: 0px 0px;
	width: 390px;
	text-align:left;
	}
*/

	
/* cree pour afficher l'icone, dans mon reseau */

.member .network {
	/*clear:none;*/
	float:right;
	width:45px;
	height:25px;
	margin-left:-10px;
	color: orange;
	font-size: 11px;
	/*background: url("img/puce.gif") no-repeat top;*/
	text-decoration: none; 
	}

/* Ajout caro pour liste dans mon reseau */	
.member .cocherContact {
	padding-top:4px;
	color: black;
	}	
	
/* a peaufiner
.container .reseau .top{
	background: url("img/container_top.gif") no-repeat top right;
	height: 	18px;
	min-height: 18px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	padding:2px 16px 0px 0px;
	text-align: right;
	}
*/
	
/* Style for main site pages Member list and for friends list in My Network page */

.member .name_main {
	font-size: 11px;
	font-weight: bold;
	color: orange;
	text-decoration: underline;
	}	
	
.member .name_unlogged {
	font-size: 11px;
	font-weight: bold;
	color: orange;
	}
		
.member .location {
	padding-top:4px;
	color: #F90;
	}

.member .location_main {
	padding-top:4px;
	color: black;
	}
		
.member .contact {
	padding-top:4px;
	color: black;
	}

/* Cree pour ajouter lien vers site sur profils pro et admin */	
.member .site_main {
	font-size: 11px;	
	color: orange;
	}	

/* Plus de padding en haut pour pages Contact et Interets  ou lien est en haut*/

.site_main2   {
	font-size: 11px;	
	color: orange;
	padding-top: 12px;
	}	


.kids {
	width: 145px;
	clear:both;
	color: #F90;
	font-size: 11px;
	font-style: italic;    
	}
	
.profile .flag {
	vertical-align: top;
	}
	
.boy, .girl, .kids .legend   
	{
	width:23px;
	height: 12px;
	float:right;
	clear:none;
	margin:0px 1px;
	padding-top: 26px;
	text-align: center;	
	}
	
.boy {
	background: url("img/boy_small.gif") no-repeat top center;
	}
	
.girl {
	background: url("img/girl_small.gif") no-repeat top center;
	}
	
.grayed-out .boy {
	background-image: url("img/boy_small_gray.gif");
	}  
	
.grayed-out .girl {
	background-image: url("img/girl_small_gray.gif");
	}

.highlight .boy {
	background-image: url("img/boy_small_highlight.gif");
	} 
	
.highlight .girl {
	background-image: url("img/girl_small_highlight.gif");
	}	
	
/* CI adaptation for Member List with 1-8 at bottom */

/* 3-column split.  Usage: 
	<div class="three_split">
		<div class="left">this is left-aligned</div>
		<div class="middle">this is center-aligned</div>
		<div class="right">this is right-aligned</div>		
	</div>
*/

.three_split {
	clear:both;
}
.three_split .left, .three_split .right {
	display:block;
	width:25%;
	clear:none;
	float:left;
}

/*unused, doesnt work */

.three_split .middle {
	display:block;
	width:50%;
	clear:none;
	float:left;
}
/* end of unused */

.three_split .left {
	text-align: left;
}
.three_split .middle {
	text-align: center;
}

.three_split .right {
	text-align: right;
}


/* End of added styles from Antoine's inscription pages */


/* Styles for Invite Pages */

#invitationAR .bulleted 
	{
	display: block;
	background: url("img/bullet_arrow.gif") no-repeat top left;
	padding-left: 18px;
	margin-top: 4px;
	}

.invite {
	
	padding-left: 40px;
	line-height: 1.5;
	/*margin:.75em 0;*/
	/* ajout caro */
	text-align: left;
	clear:left;	
	float:top;
	/*height:84px;*/
	
	}
	
/* utilise pour les champs ajoutes au form d'invitation, pour enlever le retrait mis a invite */

.inviteSansRetrait {
	
	/*padding-left: 40px;*/
	line-height: 1.5;
	/*margin:.75em 0;*/
	/* ajout caro */
	text-align: left;
	clear:left;	
	float:top;
	/*height:84px;*/
	
	}
	
.selection {
	/*padding-left: 25px;*/
	height:25px;	
	}
	
.invitees {
	
	/*height:25px;*/
	width:165px;
	margin-right:2px;
	/*margin-top: 4px;*/
	clear:none;	
	float:left;
	}


/* variante pour reinviter_simple, place pour case a cocher*/

.invitees_renvoi {
	
	margin-right:10px;
	/*margin-top: 4px;*/
	clear:none;	
	float:left;
	}
	
.champs {
		
	width:155px;

	}
	
.case {
		
	width:75px;

	}
	
	

.form .label {
	vertical-align: baseline;
	}
.note {
	font-size: 10px;
	color: #777;
	}
.textfield, .textarea, .dropdown {
	border: 1px dotted #333;
	background-color: #FFF;
	color: #777;
	margin: 3 px;
	
	}
.textfield, .textarea {
	font-size:11 px;
	}
	

*/End for Invite pages */

*/ For Mon reseau */

.reseauNav{
	background: url("img/container_bottom.gif") no-repeat bottom left;
	height:		13px;
	min-height: 13px;
	text-align:right;
	line-height: 13px;
	margin:0;
	padding:0 1em 0 0;
	color: white;
	}
	
	
.bas_note_home {
	background-image: url(img/bas_editors.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.arrondis_basgauche {
	background-image: url(img/coin_blanc_basgauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arrondis_hautgauche {
	background-image: url(img/coin_blanc_hautgauche.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.arrondis_hautdroite {
	background-image: url(img/coin_blanc_hautdroit.png);
	background-repeat: no-repeat;
	background-position: right top;
}


.arrondis_basgauche_jaune {
	background-image: url(img/coin_jaune_bas_gauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arrondis_hautdroite_jaune {
	background-image: url(img/coin_jaune_hautdroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


.arrondis_basgauche_accueil {
	background-image: url(img/coin_orange_bas_gauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arrondis_basgauche_orange {
	background-image: url(img/coin_orange_bas_gauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arrondis_peach_orange {
	background-image: url(img/coin_peach_basgauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.arrondis_hautdroite_orange {
	background-image: url(img/coin_orange_hautdroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.arrondis_hautdroite_peach {
	background-image: url(img/coin_peach_hautdroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.adhesion_hautdroite_orange {
	background-image: url(img/coin_orange_hautdroit2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.famille_basgauche {
	background-image: url(img/members_bottom_dots.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.moncompte_basgauche {
	background-image: url(img/members_bottom_dots2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.adhesion_basgauche {
	background-image: url(img/adhesion_bottom_dots.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.arrondis_hautdroite_vert {
	background-image: url(img/coin_vert_hautdroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.arrondis_basgauche_vert {
	background-image: url(img/coin_vert_basgauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.inscription_backright {
background-image:url(img/inscription_backleft.gif);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_backright2 {
background-image:url(img/inscription_backright2.gif);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_backright3 {
background-image:url(img/inscription_backright3.gif);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_backright4 {
background-image:url(img/inscription_backright4.gif);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_backright5 {
background-image:url(img/inscription_backright5.gif);
background-repeat:no-repeat;
background-position:left top;
}

.inscription2_back {
background-image:url(img/inscription2_back.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_back {
background-image:url(img/inscription_back.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.inscription_back2 {
background-image:url(img/inscription_back2.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.etapes_head {
background-image:url(img/etapes.gif);
background-repeat:no-repeat;
background-position:left top;
}

.insc6_frame {
background-image:url(img/insc6_leftback.gif);
background-repeat:no-repeat;
background-position:left top;
}

.home_frame {
background-image:url(img/home_back.gif);
background-repeat:no-repeat;
background-position:left top;
}


.blanc2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.noir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #000000;
}

/* ajout pour Mon compte famille text */

.noirgras{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}



/* pris de head */
.Style2 {
	font-size: 12px;
	font-weight: bold;
}
.petit10 {font-size: 10px}
.petit10:hover {font-size: 10px}
.Style4 {font-size: 12px; font-style: italic; color: #1B3193; font-family: Arial, Helvetica, sans-serif;}
.Style3 {font-size: 12px}
.style5 {
	font-size: 11px11px
}


.petit_noir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #000000;
}

.petit_noir_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #000000;
}

.petit_noir_link:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}



.rouge_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #cd0303;
}

/* style for Notification text, when an action has been taken into account */

.rouge_notification{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cd0303;
}


.rougepetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #cd0303;
}

/*style to be used for error messages*/

.rouge_erreur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #cd0303;
}


/*  this is used only on the Bayard Jeunesse box on the home page */

.Style2 {
	font-size: 12px;
	font-weight: bold;
}
.petit10 {font-size: 10px}
.petit10:hover {font-size: 10px}
.Style4 {font-size: 12px; font-style: italic; color: #1B3193; font-family: Arial, Helvetica, sans-serif;}
.Style3 {font-size: 12px}
.style5 {font-size: 11px}
.style6 {color: #999999}
.style7 {color: #CCCCCC}
.bleu {	color: #0000FF;
	font-weight: bold;
}
.rouge2 {	color: #FF0000;
	font-weight: bold;
}
.vert2 {	color: #009900;
	font-weight: bold;
}

/* end of bayard style */

.profile_rouge{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	color: #cd0303;
}

.profile_grey{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737373;
	text-decoration: none;
}




.profile_grey:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cd0303;
	text-decoration: none;
}

.liennoir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
text-decoration: none;
	color: #000000;
}

.liennoir:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}

.noir_petit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
text-decoration: none;
	color: #000000;
}


.lien_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.lien_blanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D94A06;
}

.blancpetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #FFFFFF;
}

.fleche{
	font-family: "Trebuchet MS";
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}

.flechegris{
	font-family: "Trebuchet MS";
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
.fleche:hover{
	color: #FFFFFF;
}
.photo {
	padding: 0px 5px 5px 0px;
}
.fond_profil_family {
	background-image: url(img/fond_type_profil.jpg);
	background-repeat: no-repeat;
}
.fond_profil_family2 {
	background-image: url(img/fnd_family_type2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.fond_add_one {
	background-image: url(img/add_one.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.nowrap {
	white-space: nowrap;
}
.rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cd0303;
	text-decoration: none;
}

.lien_blancpetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

.lien_blancpetit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.lien_blancpetit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
}

.lien_blancpetit2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: underline;
}

.gris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	color:#737373;
}

.gris2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	color:#666666;
}



.lien_gris2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}


.grey_dark{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	color:#333333;
}

/*  ajout pour Journal view, lien ACCUEIL*/

.grey_dark_lien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#333333;
}

.grispetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

	color: #7D7977;
}

.lien_grispetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7D7977;
	text-decoration: underline;
}

.petitorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}

.petitorange_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}

/* ajout C pr page Contact*/

.petitorange_lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: underline;
}


.petitorange_lien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: underline;
}

.orange_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}

.orange_lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}

.orange_lien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}



.orange_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}

/*  ajout c */

.orangepetit_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	font-weight: bold;
	
}

.orangepetit_lien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
	
}	
	

/* fin ajout c */

.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
}

.orangegrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	font-weight: bold;
}

/* fin ajout c */



.lien_grispetit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}

.lien_grispetit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7D7977;
	text-decoration: none;
}

.lien_grispetit2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cd0303;
}



.ville {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #FFCC00;
	font-weight: bold;
}

.jaune{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	
}

.jaune_big{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	
}


.lienjaune{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	
}
.lienjaune:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;

}

.lienjaune2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	text-decoration: underline;
	
}
.lienjaune2:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	
}

.petitvert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #669900;
	
}

.vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669900;
	
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.navbas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #FFFFFF;
	text-decoration: none;
}


.navbas:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
color: #cd0303;
	text-decoration: underline;
}

.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.fondnavgauche{
	
	background-image: url(img/barrenav.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.fondnavdroite{
	
	background-image: url(img/barrenav2.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.fond_pointille2{
	
	background-image: url(img/fond_pointille2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fondnav_on{
	background-color:#FF9900;

}

.fondnavoff{
	background-color:#FFC600;

}

.fondnavoff:hover {
	background-color:#FF9900;

}
.sousnav {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: underline;
	font-size: 11px;
}
.sousnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
	font-size: 11px;
}
.fond_search_en{
	
	background-image: url(img/fond_search_en.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.fond_search_fr{
	
	background-image: url(img/fond_search_fr.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.fond_search_collapse_fr{
	
	background-image: url(img/search_collapse_fr.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.fond_advsearch_en{
	
	background-image: url(img/fond_advanced_research.gif);
	background-repeat: no-repeat;
}

.fond_research_resultat_oui_fr{
	
	background-image: url(img/fond_research_resultat_fr.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.fond_research_resultat_no_fr{
	
	background-image: url(img/fond_research_resultat_no_fr.jpg);
	background-repeat: no-repeat;
	background-position: top;
}



.fond_bassearch{
	
	background-image: url(img/search_basgauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fond_validsearch_en{
	
	background-image: url(img/bas_search.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



.fond_bas_fiche{
	
	background-image: url(img/bas_table_pointille_orange.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fond_bas_fiche2{
	
	background-image: url(img/bas_table_pointille_orange2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fond_bas_fiche4{
	
	background-image: url(img/bas_table_pointille_orange3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fond_inviter_fr{
	
	background-image:url(img/inviter_image_fr.jpg);
	background-repeat: no-repeat;
	background-position: top;
}	

.form1 {
	border: 1px dotted #333333;
	font-size: 11px;
	background-color: #ffffff;
	color: #666666;
}

.form5 {
	border: 1px dotted #999999;
	font-size: 11px;
	background-color: #ffffff;
	color: #666666;
}

.form2 {
	border: 1px dotted #333333;
	font-size: 10px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
}
.form4 {
	border: 1px dotted #333333;
	font-size: 11px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
}

.form3 {
	border: 1px dotted #333333;
	font-size: 9px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

.Style2 {
	font-size: 12px;
	font-weight: bold;
}

.taille12{
	font-size: 12px;
	
}

.petit10 {font-size: 10px}
.petit10:hover {font-size: 10px}

.fond_famille_en {

	
	background-image: url(img/peach_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* added class for backgrnd image of dotted rectangle for full profile and my profile inner content */

.fond_monprofil_encadre {

	
	background-image: url(img/orange_dots3.gif);
	background-repeat: repeat;
	background-position: left top;
}



.fond_moncompte {

	
	background-image: url(img/peach_back2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.fond_search_journal_en {

	
	background-image: url(img/img_search_journal_en.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fond_search_journal_fr {

	
	background-image: url(img/img_search_journal_fr.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.fond_advsearch_hautpointille_en {

	
	background-image: url(img/haut_advanced_search_pointi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.fond_advsearch_hautpointille2_en {

	
	background-image: url(img/haut_advanced_search2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.fond_advsearch_bas_en {

	
	background-image: url(img/bas_advanced_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.fond_haut {

	
	background-image: url(img/fond_bandeau_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.petit9 {
font-size: 9px
}
.petit9:hover {
font-size: 9px
}
.fond_bas_fiche3 {
	
	background-image: url(img/bas_table_pointille_home.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.fond_bas_inscription {
	
	background-image: url(img/bas_table_pointille_inscription.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.edito_haut {
	background-image: url(img/haut_edito.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.edito_bas {
	background-image: url(img/bas_edito.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.haut_editors {
	background-image: url(img/haut_editors.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.haut_experts {
	background-image: url(img/haut_experts.gif);
	background-repeat: no-repeat;
	background-position: top;
}