/******************
HTML Tags
******************/

body
{
	font-family: "trebuchet MS" , tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 0.8em;
	line-height: 150%;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	text-align: justify;
	margin-top: 6px;
	background-image:url(Charte2009/FondBasDroite2.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
	
	
}

/*ajout pour Charte2009*/
#background-right
{
	width:1300px;
	margin: 0px;
	background: url(Charte2009/FondBasDroite.jpg) no-repeat;
	background-position:right bottom;
	background-repeat: no-repeat;
}

#main-container
{
	width:760px;
}

#Menu-Side
{
	background-image: url(Charte2009/PixelBorder.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin-top:14px;
}

#Loggeur
{
	font-size:8pt;
	color:#7CB7F9;
}

#Loggeur a:link
{
	text-decoration:none;
}

#Loggeur a:visited
{
	text-decoration:none;
}

#AccueilOrganigramme
{
	margin:0 -8px 0 -18px;
	font-size:8pt;
	text-align:center;
	color:#4A8080;
	width:0px;
	height:0px;
}

#AccueilTextVotreProfil
{
	width:200px;
	position:absolute;
	margin:-220px 0 0 45px;
}

#AccueilTextVosConversation
{
	width:220px;
	position:absolute;
	margin:-220px 0 0 305px;
}

#AccueilTextVousCorrespondent
{
	width:200px;
	position:absolute;
	margin:0 0 0 180px;
}


/******************
#content p, #content-side p, #footer-container p, table {
	margin:10px 0px 10px 0px;
	}
******************/
#content-side p
{
	margin: 10px 0px 10px 0px;
}
#footer-container p
{
	margin: 4px 0px 4px 0px;
}
div.content p
{
	margin: 0px 0px 5px 0px;
}

div.content h2
{
	margin: 15px 0px 5px 0px;
}
/******************/

#content-side img
{
	border: none;
}

/******************
FORM STYLES
******************/

#content-container form
{
	margin: 10px 0px;
	padding: 0px 0px 0px 0px;
}

/******************
#content-container fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}
******************/
#content-container fieldset
{
	margin: 20px 0px 20px 0px;
	padding: 0px 10px 5px 20px;
	width: 480px;
}

/* a nested fieldset */
#content-container fieldset fieldset
{
	margin: 15px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
}

#content-container legend
{
	margin-bottom: 0px;
	padding: 0px 10px 5px 5px;
	color: #666666;
	font-weight: bold;
}

/* a nested legend */
#content-container fieldset fieldset legend
{
	margin-bottom: 0px;
	padding: 0px;
	font-weight: normal;
}

/*supprimé pour questionnaire*/
/*#content-container label {
	display:block;
	padding-top:8px;
	}*/

.mainnav-right form
{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.mainnav-right form fieldset
{
	margin: 0px;
	padding: 0px;
	border: none;
}

.mainnav-right form legend
{
	display: none;
}

.mainnav-right label
{
	display: none;
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link
{
	color: #7CB7F9;
	text-decoration: underline;
}

a:visited
{
	/*color:#660099;*/
	color: #7CB7F9;
	text-decoration: underline;
}

a:hover
{
	color: #41C457;
	text-decoration: none;
}

a:active
{
	color: #FF9900;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.mainnav-left a:link
{
	color: #6E6E6E;
	text-decoration: none;
	font-weight: bold;
}

.mainnav-left a:visited
{
	color: #6E6E6E;
	text-decoration: none;
	font-weight: bold;
}

.mainnav-left a:hover
{
	color: #41C457;
}

.mainnav-left a:active
{
	color: #017CBC;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link
{
	color: #76B3E2;
	text-decoration: underline;
}

#breadcrumbs a:visited
{
	color: #76B3E2;
}

#breadcrumbs a:hover
{
	color: #4DBBE0;
	text-decoration: none;
}

#breadcrumbs a:active
{
	color: #4DBBE0;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
/*div.nouveauLienMenu
{
	font-style: normal;
	font-size: 1em;
	height:25px;
	width:100%;
	padding-left:0px;
	margin-left:0px;
	background: url(NewLook/menuDroite2.gif) no-repeat;
	background-position: center center;

}
div.nouveauLienMenu:hover
{
	height:25px;
	width:100%;
	background: url(NewLook/menuDroiteselect.gif) no-repeat;
	background-position: left center;
}*/

#content-side a.nouveauLienMenu
{
	display:block;
	font-size:13px;
	font-weight: bold;
	/*color:#999999;*/
	color:#4DBBE0;
	text-decoration: none;
	height:20px;
	background-position: center -1px;
	margin-top:5px;
	margin-left:15px;
	padding-left:5px;
	
}

#content-side a.nouveauLienMenu:hover
{
	display:block;
	/*color:#4DBBE0;*/
	color:#577994;
	text-decoration: none;
	background-color: #FFFFFF;
	height:18px;
	border-bottom: solid 1px #A7A7A7;
	border-top: solid 1px #A7A7A7;
	border-left: solid 1px #A7A7A7;
	border-right: none;
	margin-top:5px;
}

#content-side a.nouveauLienMenuAvecMarker
{
	display:block;
	/*color:#4DBBE0;*/
	color:#577994;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	border-bottom: solid 1px #A7A7A7;
	border-top: solid 1px #A7A7A7;
	border-left: solid 1px #A7A7A7;
	border-right: none;
	
	height:18px;
	margin-top:5px;
	margin-left:15px;
	padding-left:5px;
	
}


/*
div.nouveauLienMenuAvecMarker
{
	font-style: normal;
	font-size: 1em;
	height:25px;
	width:100%;
	background: url(NewLook/menuDroiteselect.gif) no-repeat;
	background-position: left center;

}
#content-side a.nouveauLienMenu
{
	font-size: 1em;
	font-weight: bold;
	padding-left:20px;
	margin-left:0px;
	color:#738c9f;
	text-decoration: none;
	
}

#content-side a.nouveauLienMenu:hover
{
		color:#738c9f;
	text-decoration: underline;

}

#content-side a.nouveauLienMenuAvecMarker
{
	padding-left:20px;
	font-size: 1em;
	font-weight: bold;
	color:#ffffff;
	text-decoration:underline;

}*/



/******************
HEADINGS
******************/

h1
{
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: #577994;
	text-transform: lowercase;
	margin: 0 0 0 0;
	vertical-align: bottom; /*float:right;*/
}
h2
{
	font-size: 1.2em;
	color: #555555;
}

h3
{
	font-size: 1.10em;
	margin: 15px 0 7px 0;
}

h4
{
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0 5px 0;
}

h5
{
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
}

h6
{
	font-size: .8em;
}

#three-column-container h2
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/******************
LAYOUT DIVS
******************/

#header-container
{
	background: transparent;
	height: 55px;
	font-size: 2em;
	margin: 0px;
	font-weight: bold;
}


#header-left
{
	float: left;
	width: 230px;
	color: #000000;
	height: 25px;
	padding: 30px 10px 0px 10px;
	font-size: 25px;
	font-weight:normal;
}

#header-left a
{
	text-decoration: none;
	color: #000000;
}

#header-EX-right
{
	margin: 0px 0px 0px 0px;
	color: #6a869c;
	padding:20px 10px 0px 0px;
	height: 35px;
	float: right;
	font-size: .55em;
	vertical-align:top;
	text-align:right;
	width:265px;

}

#header-right
{
	float: left;
	margin: 0px 0px 0px 0px;
	color: #6a869c;
	padding: 32px 10px 0px 0px;
	height: 23px;
	/*border-right: 5px solid #6b879d;*/
	font-size: .55em;
	text-align: left;
	width: 170px;
	
}

#posterphoto
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	/*border: 1px solid #A7A7A7;*/
}

#posterphoto img
{
	border: 1px solid #A7A7A7;
	margin: 0px;
	display: block;
}

.mainnav-container
{
	margin: 4px 0px 0px 0px;
	height: 30px;
	clear: both;
	
}

.mainnav-left
{
	float: left;
	width: 580px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	vertical-align:bottom;
	background-image:url(Charte2009/PixelBorder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	
}

.mainnav-right
{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 175px;
	height: 30px;
	text-align: center;
	color:Black;
	/*background-color: #acbac7;*/
	/*background-image: url(NewLook/zone-identifiant.gif);*/
}

#breadcrumbs
{
	margin: 3px 0px 0px 0px;
	padding-bottom: 0px;
	color: #999999;
	height: 25px;
	padding: 0px 0px 0px 0px;
}

#content-container
{
	margin-bottom: 0px;
}

#content-side
{
	float: right;
	width: 175px;
	color: #7CB7F9;
	padding: 0px;
	padding-top: 0px;
	margin: 0px 0px 4px 0px;
	text-align: left;


}
#content-side h4
{
	color: #FFFFFF !important;
	margin: 15px 0px 5px 0px;
}

#ContentPageOutside
{
	background-image:url(charte2009/BordureCentreDroiteFond.jpg);
	background-position:right;
	background-repeat:repeat-y;
	margin: 0px 174px 0px 0px; /*180*/
	
}

#ContentPageBottomShadow
{
	background-image:url(charte2009/BordureCentreBasFond.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:7px;
}

#ContentPageTopRightShadow
{
	background-image:url(charte2009/BordureCentreHautDroit.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
	height:10px;
	width:6px;
	float:right;
	margin-right:-1px;
	
}

#ContentPageRightShadow
{
	background-image:url(charte2009/BordureCentreDroite.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-top:-100px;
	height:100px;
	width:5px;
	float:right;
}

#ContentPageBottomRightShadow
{
	background-image:url(charte2009/BordureCentreBasDroite.jpg);
	background-repeat:no-repeat;
	height:7px;
	width:7px;
	float:right;
}

#ContentPageBottomLeftShadow
{
	background-image:url(charte2009/BordureCentreBasGauche.jpg);
	background-repeat:no-repeat;
	height:7px;
	width:7px;
	float:left;
}


div.content2
{
	background-color: #FFFFFF;
	color:#577994;
	margin: 0px 6px 0px 0px; /*180*/
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-top: none;
	padding: 2px 10px 0px 25px;
}
div.content
{
	padding: 2px 10px 0px 25px;
	margin: 0px 6px 0px 0px; /*180*/
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-top: none;
	/*background: url(NewLook/degradeHautPage.gif) repeat-x;*/
	background-color: #ffffff;
}



#three-column-container
{
	width: 100%;
	margin: 10px 0px;
	padding: 10px 0px;
}

#three-column-left
{
	float: left;
	width: 30%;
}

#three-column-right
{
	float: right;
	width: 30%;
}

#three-column-middle
{
	width: 30%;
	margin: 0px 31% 0px 35%;
}

#footer-container
{
	
	height: 200px;
	color: #8ba0b1;
	margin: 4px 0px 0px 0px;
	clear: both;
}

#footer-left
{
	background: url(Charte2009/BasRefletFond.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width: 585px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#footer-left-left
{
	background: url(Charte2009/BasRefletGauche.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 6px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#footer-left-Center
{
	height: 200px;
	padding: 0px;
	margin: 0px;
	float: left;
	width:500px;
}

#footer-left-right
{
	background: url(Charte2009/BasRefletDroit.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 8px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#footer-right
{
	float: right;
	color: #FFFFFF;
	padding: 0px;
	width: 160px;
	height: 54px;
	margin: 0px;
	
	
}

/******************
Menu Items
******************/

.mainnav-container ul
{
	margin: 0px;
	padding: 0px;
}

.mainnav-container li
{
	padding-right: 10px;
	list-style: none;
	display: inline;
}

/******************
LISTS - IN THE CONTENT DIV
******************/

div.content ul.list, div.content ul.link-list-vertical
{
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

div.content ul.list li
{
	list-style: none;
	padding: 1px 0px 1px 12px;
	margin: 0px;
	background: url(bullet.gif) no-repeat;
	background-position: 0 .6em;
}

div.content ul.link-list-vertical li
{
	list-style: none;
	margin: 0px;
}

div.content ul.link-list-vertical li a:link
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 .6em;
}

div.content ul.link-list-vertical li a:visited
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 .6em;
}

div.content ul.link-list-vertical li a:hover
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 .6em;
}

div.content ul.link-list-vertical li a:active
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 .6em;
}

/******************
LISTS - IN THE RIGHT COLUMN
******************/

#content-side ul.list, #content-side ul.link-list-vertical
{
	margin: 0px 0px 15px 5px;
	padding: 0px;
}

#content-side ul.list li
{
	list-style: none;
	padding: 1px 0px 1px 12px;
	margin: 0px;
	background: url(bullet-right.gif) no-repeat;
	background-position: 0 .6em;
}

#content-side ul.link-list-vertical li
{
	list-style: none;
	margin: 0px;
}

#content-side ul.link-list-vertical li a:link
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-right.gif) no-repeat;
	background-position: 0 .6em;
}

#content-side ul.link-list-vertical li a:visited
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-right-visited.gif) no-repeat;
	background-position: 0 .6em;
}

#content-side ul.link-list-vertical li a:hover
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-right-hover.gif) no-repeat;
	background-position: 0 .6em;
}

#content-side ul.link-list-vertical li a:active
{
	padding: 1px 0px 1px 12px;
	background: url(bullet-link-right-active.gif) no-repeat;
	background-position: 0 .6em;
}

/******************
TABLE STYLES
******************/

table.table
{
	width: 96%;
	border: 1px solid #D0D0BF;
	border-collapse: collapse;
}

thead th, thead tr, thead td
{
	border-bottom: 1px solid #D0D0BF;
	padding: 6px;
	font-size: 0.9em;
	font-weight: bold;
}

tfoot th
{
	border-top: 1px solid #D0D0BF;
	padding: 6px;
}

.table-row-1 td, .table-row-1 th, .table-row-2 td, .table-row-2 th, th
{
	padding: 2px 6px;
	border: 1px solid #D0D0BF;
	font-size: 0.85em;
}

.table-row-1 td, .table-row-1 th
{
	background: url(bg-table-row-alternate.jpg);
}

/******************
CLASSES
******************/

img.photobig, img.photosmall
{
	border: 1px solid #CCCCCC;
	background: #E0E0E0 url(bg-table-row-alternate.jpg);
	padding: 10px;
}

img.photosmall
{
	margin-right: 10px;
	margin-bottom: 2px;
	float: left;
}
img.photosmallright
{
	margin-right: 120px;
	margin-bottom: 2px;
	padding-top: 10px;
	float: right;
}

img.photobig
{
	margin-left: 25px;
}

.searchbox
{
	height: 14px;
	margin: 0px;
	padding: 0px;
	width: 8.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: baseline;
}

.button-search
{
	height: 19px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
}

.separator-side-column
{
	border-top: 1px solid #9CA2DD;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.section-title-not-heading
{
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.button-big
{
	margin-top: 8px;
}

.small-text
{
	font-size: .8em;
}

.none
{
	display: none;
}

.clear
{
	clear: both;
}


/*********************
****Questionnaire*****
*********************/
.divNomCritere h2
{
	text-decoration: none;
	font-size: 1.1em;
	margin: 10px 0px 5px 0px !important;
}
.divCritere
{
	margin: 0% 4% 0% 5%;
}
.divCritere table
{
	margin: 0% 0% 0% 0%;
	padding: 0 0 0 0;
}
.divCritere textarea
{
	width: 400px;
	height: 80px;
}

.classNum input
{
	width: 20px;
}
ul.inline li
{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
ul.inline
{
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
/*******************
***Conversations****
*******************/
.content-conv
{
	margin: 0% 3% 0% 3%;
}


.lienDanspageSmall
{
}

.saisieReponse, .saisieQuestion
{
	width: 480px;
	height: 160px;
	margin: 0px 0px 0px 20px;
}
/****************
*****divers******
****************/
.small
{
	font-size: small;
}
.newLine
{
	display: block;
}
.rubriquePageAccueil p 
{
	padding: 0px 25px 0px 25px;
	margin:10px 0px 10px 0px;
	font-size:13px;
}

.rubrique p
{
	padding: 0% 25px 0% 25px;
}
.rubrique ul
{
	padding: 0% 20px 0% 35px;
	margin: 0% 0px 0% 25px;
}
ul.rubrique
{
	padding: 0% 10px 0% 20px;
	margin: 0% 0px 0% 20px;
}
.center
{
	text-align: center;
}
.margegauche
{
	margin-left: 5%;
}
.lienSaveFooter, .lienSaveFooter a:link, .lienSaveFooter a:hover, .lienSaveFooter a:visited, .lienSaveFooter a:active
{
	color: #8ba0b1 !important;
	float: right;
}
.breadcrumbs-right a:link, .breadcrumbs-right a:hover, .breadcrumbs-right a:visited, .breadcrumbs-right a:active
{
	color: #76B3E2 !important;
	background-image: none;
}
.breadcrumbs-right a:hover
{
	color: #4DBBE0;
	text-decoration: none;
}
.breadcrumbs-right
{
	float: right;
	width: 110px;
	text-align: right;
}

.breadcrumbs-left
{
	width: 420px;
	height: 25px;
	float: left;
}
.lienHautDePageFooter, .lienHautDePageFooter a:link, .lienHautDePageFooter a:hover, .lienHautDePageFooter a:visited, .lienHautDePageFooter a:active
{
	color: #8ba0b1 !important;
}
.lienBlanc
{
	color: White !important;
	text-align: center;
}

.lienBlanc a:link
{
	color: White !important;
	text-decoration: underline !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	font-weight: normal !important;
}


.lienBlanc a:hover
{
	color: White !important;
	text-decoration: none !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	font-weight: normal !important;
}
.lienBlanc a:visited
{
	color: White !important;
	text-decoration: underline !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	font-weight: normal !important;
}
.lienBlanc a:active
{
	color: White !important;
	text-decoration: underline !important;
	padding: 0px 0px 0px 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	font-weight: normal !important;
}
.lienSuivant, .lienSuivant a:link, .lienSuivant a:visited, .lienSuivant a:hover, .lienSuivant a:active
{
	width: 500px;
	text-align: right;
	margin: 10px 5px 0px 5px;
	background-image: none !important;
}
/**************
****livre******
**************/
.retrait
{
	margin-left: 20px;
}
.linkSupp
{
	font-style: italic;
}
.linkLivre
{
	margin-left: 10px;
}
.auteur
{
}
/***************
****missives****
***************/
.missiveRouge
{
	background: url(CarreRouge.gif) 0px 50% repeat-y;
}
.missiveVerte
{
	background: url(CarreVert.gif) 0px 50% repeat-y;
}

/***************
******menu******
***************/
.MenuAutre
{
	
	/*height:26px;*/
	padding: 4px 8px 5px 8px;
	/*color: #A7A7A7 !important;*/
	color: #76B3E2 !important;
	float:left;	
	font-size:13px;
	border-left:solid 1px #7cb7f9;
	border-top:solid 1px #7cb7f9;
	border-right:solid 1px #7cb7f9;
    background-color: #F7FBFC;
	margin-left:1px;
	margin-right:1px;
}

.MenuAutre:hover
{
	
	/*height:29px;*/
	padding: 4px 8px 6px 8px;
	color: #577994 !important;
	float:left;	
	font-size:13px;
	border-bottom:none;
	border-left:solid 1px #A7A7A7;
	border-top:solid 1px #A7A7A7;
	border-right:solid 1px #A7A7A7;
	background-color:#FFFFFF;
	margin-left:1px;
	margin-right:1px;
}

.MenuAutreGauche
{
	/*background: url(NewLook/onglet-on-gauche.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 0px;
	width:3px;
	float:left;	
}
.MenuAutreDroite
{
	/*background: url(NewLook/onglet-on-droite.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 0px;
	width:3px;
	float:left;	
}

.MenuCourant
{
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 6px 8px;
	color: #577994 !important;
	/*height:29px;*/
	float:left;	
	font-size:13px;
	border-bottom:none;
	border-left:solid 1px #A7A7A7;
	border-top:solid 1px #A7A7A7;
	border-right:solid 1px #A7A7A7;
	background-color:#FFFFFF;
}
.MenuCourantGauche
{
	/*background: url(NewLook/ongletAccueil-off-gauche.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 3px;
	width:3px;
	float:left;	
}
.MenuCourantDroite
{
	/*background: url(NewLook/ongletAccueil-off-droite.gif) no-repeat;*/
	height:30px;
	margin: 0px 1px 0px 0px;
	width:3px;
	float:left;	
}

.MenuAutreAccueil
{
	
	/*height:26px;*/
	padding: 4px 8px 5px 8px;
	/*color: #A7A7A7 !important;*/
	color: #76B3E2 !important;
	float:left;	
	font-size:13px;
	border-left:solid 1px #7cb7f9;
	border-top:solid 1px #7cb7f9;
	border-right:solid 1px #7cb7f9;
    background-color: #F7FBFC;
	margin-left:1px;
	margin-right:1px;
}

.MenuAutreAccueil:hover
{
	
	/*height:29px;*/
	padding: 4px 8px 6px 8px;
	color: #577994 !important;
	float:left;	
	font-size:13px;
	border-bottom:none;
	border-left:solid 1px #A7A7A7;
	border-top:solid 1px #A7A7A7;
	border-right:solid 1px #A7A7A7;
	background-color:#FFFFFF;
	margin-left:1px;
	margin-right:1px;
}
.MenuAutreAccueilGauche
{
	/*background: url(NewLook/onglet-on-gauche.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 0px;
	width:3px;
	float:left;	
}
.MenuAutreAccueilDroite
{
	/*background: url(NewLook/onglet-on-droite.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 0px;
	width:3px;
	float:left;	
}

.MenuCourantAccueil
{
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 6px 8px;
	color: #577994 !important;
	/*height:29px;*/
	float:left;	
	font-size:13px;
	border-bottom:none;
	border-left:solid 1px #A7A7A7;
	border-top:solid 1px #A7A7A7;
	border-right:solid 1px #A7A7A7;
	background-color:#FFFFFF;
}
.MenuCourantAccueilGauche
{
	/*background: url(NewLook/ongletAccueil-off-gauche.gif) no-repeat;*/
	height:30px;
	margin: 0px 0px 0px 3px;
	width:3px;
	float:left;	
}
.MenuCourantAccueilDroite
{
	/*background: url(NewLook/ongletAccueil-off-droite.gif) no-repeat;*/
	height:30px;
	margin: 0px 1px 0px 0px;
	width:3px;
	float:left;	
}

.nouveauLienMenuSectionAvecMarker, .nouveauLienMenuSectionAvecMarker a:link
{
	display: none;
}
.nouveauLienMenuSectionCourante
{
	/*padding: 5px 10px 7px 10px; 	color: White !important;*/
	display: none;
}
.nouveauLienMenuHorsSectionCourante
{
	display: none;
}
/*****************
****graphiques****
*****************/
.graphiques p
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

/**************
*****news******
**************/
.news IMG
{
	display: none;
}


.newstitre
{
	font-family: arial;
	font-size: 95%; /*font-weight: bold;*/
	/*color: #5555AA;*/
	color : #ffffff;
	font-weight: bold;
	padding-left: 0px;
	margin-left: 0px; /*background-color: #6b879d;*/
}

.newsdesc
{
	font-size: 100%;
	background-color: Transparent;
	margin-right: 0%;
	text-align: justify;
	color: #444444; /*letter-spacing:1px;*/
}

.newsdesc IMG
{
	display: none;
}

.newsdate
{
	font-size: 90%;
	color: #ffffff;
	/*font-weight: bold;*/
}

.newsliresuite
{
	float: left;
	margin-top: 2px;
}

.newsblockvote
{
	text-align: right;
}

/*
.newsinteret 
{
	font-family: arial;
	font-size: 92%;
	background-color: Transparent;
	margin-top:0%;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	padding-right: 0%;
	padding-left: 0%;
	padding-top:0%;
	text-align: right;
}*/

.unenews
{
	padding-top: 1em;
}

.newsinteret INPUT
{
	font-family: arial;
	background-color: Transparent;
	vertical-align: middle;
}

.newsinteretlbl
{
	font-family: arial;
	font-style: italic;
	margin-left: 0%;
	margin-right: 1ex;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
}

.newsresultats
{
	float: right;
	clear: both;
	float: right;
	margin-left: 0%;
	margin-bottom: 2%;
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
	width: 100px;
}

.newsgraphe
{
	margin-left: 5%;
	margin-right: 5%;
}

.newspct
{
	padding-left: 6%;
	font-size: 100%;
}

.newschoixcat
{
	padding-left: 2%;
	font-size: 100%;
	font-weight: bold;
	font-family: arial;
	color: Red;
	text-decoration: none;
}
.newsjaiaime A:link
{
}

.newscategories
{
	font-size: 90%;
}

.inlineCourt
{
	padding: 0px;
	margin: 1em 0px 2em 0px;
}

.inlineCourt li
{
	display: inline;
	padding: 0ex 1ex 0ex 1ex;
	margin: 0px;
}

.blockGrisNews
{
	background-color: #738c9f;
	padding: 0.0ex;
}

.unenews
{
	margin-right: 1ex;
}


.PanelNewsCollapse
{
	clear: both;
	margin-top: 0ex;
}

/******************
*******popup*******
******************/
#popup
{
	background-image: url(bg-main.jpg);
	color: White;
	margin-left: 20px;
}
#popup a:link, #popup a:hover, #popup a:visited, #popup a:active
{
	color: White !important;
}

/******************
****test images****
******************/
#list
{
	list-style-type: none;
	width: 95%;
	margin-left: 0px;
	margin-right: 0px;
}
#list li
{
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: center;
}
#list img
{
	border: 1px solid #CCCCCC;
	background: #E0E0E0 url(bg-table-row-alternate.jpg);
	padding: 15px;
	display: block;
	width: 93px;
}
#list3
{
	list-style-type: none;
	width: 540px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
#list3 li
{
	float: left;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 12px;
	text-align: center;
	height: 140px;
	width: 140px;
}
#list3 img
{
	border: 1px solid #CCCCCC;
	background: #E0E0E0 url(bg-table-row-alternate.jpg);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	display: block;
	width: 93px;
	background-position: center;
}
/******petit******/
.corpscontenu
{
	font-size: 0.9em;
	line-height: 125%;
	color: #6666AA;
}
.corpscontenu p
{
	padding-left: 15px;
	padding-right: 15px;
}
.corpscontenu h2
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.05em;
	color: #6666AA;
	padding-left: 15px;
}
.corpscontenu h3
{
	color: #666666;
}

.liendroite
{
	display: block;
	text-align: right;
}
.liengauche
{
	float: left;
}

.blocgris
{
	background-color: #f0f0f6;
	padding: 0px 5px 0px 5px;
	margin-top: 0px;
	margin-left: 0px;
}
.blocgris2
{
	background-color: #f0f0f6;
	padding: 0px 10px 0px 15px;
	margin-top: 10px;
	margin-left: 0px;
}
/******************
****Suggestions****
******************/
.Suggestions, .suggEnLigne a:link, .suggEnLigne a:visited, .suggEnLigne a:hover, .suggEnLigne a:active
{
	font-size: 0.8em !important;
	padding: 0px 0px 0px 23px !important;
	margin: 0px 0px 0px 0px !important;
	vertical-align: middle;
	background-position: left -2px !important;
	background-repeat: no-repeat;
	text-decoration: none !important;
	font-weight: bold !important;
}

.Suggestions2
{
	color: #6666AA;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	font-weight: bold;
}
.Suggestions2 a:link, .Suggestions2 a:visited, .Suggestions2 a:hover, .Suggestions2 a:active
{
	font-size: 0.90em !important;
	text-decoration: none !important;
	background-position: left;
	color: #6666AA;
	background-repeat: no-repeat;
}

.Suggestions2 img
{
	border: 0;
}

.suggEnLigne .Eve, .Suggestions2 .Eve
{
	background-image: url(onlineW.gif);
	padding: 0px 0px 0px 20px;
}

.suggEnLigne .Adam, .Suggestions2 .Adam
{
	background-image: url(onlineM.gif);
	padding: 0px 0px 0px 20px;
}

.suggEnLigne .Neutre, .Suggestions2 .Neutre
{
	background-image: url(onlineA.gif);
	padding: 0px 0px 0px 20px;
}

.Suggestions img
{
}
.SuggestionsTitre img
{
}
.SuggestionsTitre
{
	font-size: 1em !important;
	color: #6666AA !important;
	padding: 0px 0px 0px 3px !important;
	margin: 0px 0px 0px 0px !important;
	vertical-align: middle;
	font-weight: bold;
}
.fondBas, .fondBasCligno
{
	/*background-image: url(fondBas2.jpg);
	margin-left: 0px;
	margin-right: 0px;
	background-repeat: no-repeat;
	background-position: top;
	height: 9px;
	margin-bottom:10px;
	background-position:center;
	background-repeat: no-repeat;*/
}

.fondBasCligno
{
	background-image: url(fondBas2Cligno.gif);
}

.fondHaut, .fondHautCligno
{
	background-image: url(Charte2009/EnLigne.gif);
	background-position:center;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px; /*margin-bottom:-5px; 	padding-bottom:0px;*/
	background-position: top;
	height: 17px;
}

.fondHautCligno
{
	background-image: url(fondHaut2Cligno.gif);
}

.fondMilieu, .fondMilieuCligno
{
	background-position: top;
	background-position:center;
	background-repeat: no-repeat;
	margin-left: 6px;
	margin-right: 0px;
	/*background-color: #e0e2fe;*/
	width:162px;
}

.fondMilieu a, .fondMilieuCligno a
{
	text-decoration: none;
}

.fondMilieuCligno
{
	background-image: url(fondMiddleCligno.gif);
}

.PropositionPseudo
{
	font-weight: bold;
	text-decoration: underline;
}

.PropositionRaison
{
	float: left;
	background-repeat: no-repeat;
	margin: 3px 5px 0px 8px;
	width: 18px;
	height: 16px;
}

.PropositionRaison span
{
	display: none;
}

.Proposition_0 /* Missive Directe */
{
	background-image: url(missive.gif);
}

.Proposition_1 /* Kairos */
{
	background-image: url(kairos.gif);
}

.Proposition_2 /* Livres */
{
	background-image: url(livre.gif);
}

.Proposition_3 /* Films */
{
	background-image: url(film.gif);
}

.Proposition_4 /* CD */
{
	background-image: url(cd.gif);
}

.Proposition_4 /* CD */
{
	background-image: url(cd.gif);
}

.Proposition_5 /* Favoris */
{
	background-image: url(favoris.gif);
}

.Proposition_6 /* Ressemble */
{
	background-image: url(ressemble.gif);
}

.Proposition_7 /* Actualites */
{
	background-image: url(actualites.gif);
}

.Proposition_8 /* AimeLesFavoris */
{
	background-image: url(aimelesfavoris.gif);
}

.Proposition_9 /* FaitPourVous */
{
	background-image: url(faitpourvous.gif);
}


.TitreProposition
{
	background-image: url(bulle_chat.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-top: 5px;
	margin-left: 5px;
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 0.9em;
}

.TexteProposition, .ControlsProposition
{
	font-size: 0.9em;
	color: #6666AA;
	padding: 5px;
}

.ControlsProposition
{
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
}

.ControlsProposition a:link, .ControlsProposition a:visited, .ControlsProposition a:hover, .ControlsProposition a:active
{
	margin: 0px !important;
	padding: 0px 2px !important;
	font-weight: bold;
}

.ControlsPropositionOui
{
	color: #41C457 !important;
}

.ControlsPropositionNon
{
	color: #e22b2b !important;
}

.MessageToasterVisible
{
	display: block;
	visibility: visible;
	width: 300px;
	height: 55px;
	border: 1px solid #A7A7A7;
	background-color: #ffffff;
	color: #666666;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.MessageToasterInvisible
{
	width: 300px;
	visibility: hidden;
	height: 55px;
	border-style: none;
	background-color: Transparent;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.MessageToasterInvisible span
{
	display: none;
}

.SuggestionBasDePage
{
	height:20px;
	width:342px;
	padding-top:5px;
	padding-left:5px;
	margin:5px 0 0px -25px;
	color:#6b879d;
	text-align:left;
	font-size:11px;
}

/***abonnements***/
.checkAbon
{
	margin-left: 10px; /*display: inline;*/
}

.abonnements
{
	margin-top: 0px; /*display: inline;*/
	float: left;
}
.litAbon
{
	/*display: inline;*/
	font-weight: bold;
	width: 105px;
	/*float: left;*/
}

.Abon ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}
.Abon li
{
	margin-bottom: 10px;
}
.AbonSupp
{
	display: inline;
}






/*************************************
 ** Conversation Historique Message **
 *************************************/

.paragHistoriqueConv
{
	margin: 0ex !important;
	padding: 0ex !important;
}

.HistoriqueConversationMessage
{
	font-size: 0.9em;
	margin-left: 2ex;
}

.HistoriqueConversationMessagePseudo
{
	font-weight: bold;
	text-decoration: underline;
	display: inline;
	margin-right: 0.5ex;
}

.HistoriqueConversationMessageQuestionKairos
{
	display: inline;
	font-style: italic;
}

.HistoriqueConversationMessageContenu
{
	display: block;
	margin-left: 1.5ex;
}

/************************************
*******Icones liens******************
*************************************/

.Icones a:link, .Icones a:visited, .Icones a:hover, .Icones a:active
{
	background-repeat: no-repeat;
	display: inline;
	width: 32px;
	padding: 2px 3px 0px 3px;
	margin: 0;
	text-decoration: none;
	float: left;
	height: 32px;
}



.IConv a
{
	background-image: url(Charte2009/IconeConversation.gif); /*url(lettre.gif);*/
}

.IMojo a
{
	background-image: url(Charte2009/IconeMojo.gif); /*url(thermo.gif);*/
}

.INews a
{
	background-image: url(Charte2009/iconeMessage.gif); /*url(terre.gif);*/
}

.IEnLigne a
{
	background-image: url(Charte2009/iconeOnline.gif); /*url(bulle_chat.gif);*/
}

.IconesEncapsulate
{
	margin-left: 13px;
}
/*************************
*****New messages********
*************************/
.NewMessLink a
{
	display: block;
	color: White;
	font-weight: bold;
	width: 175px;
	height: 53px;
	margin-left: 0px;
	margin-right: 0px;
}
.NewMess
{
	margin-top: 10px;
	margin-bottom:10px;
}

.vert
{
	color: #41C457 !important;
}


.vertMess, .vertMess a:link
{
	color: #41C457 !important;
	font-weight: bold;
	background-image: url(charte2009/newMessage.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.jauneMess, .jauneMess a:link
{
	color: Yellow !important;
	font-weight: bold;
	background-image: url(newmessage.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/***********************
***RechercheWikipedia***
***********************/
.RechercheParMotCles
{
	text-align: left;
	font-style: italic;
}
.RechercheParMotCles input
{
	width: 200px;
	height: auto;
	color: #666666;
	font-size: 9pt;
	font-style: italic;
	vertical-align: middle;
}
/************************
*********Smiley**********
************************/
.SmileyMargeGauche
{
	margin-left: 20px;
}

/*************************
******DeplierPanel********
*************************/
.Deplier
{
	display: inline;
}

.Deplier a:link, .Deplier a:visited, .Deplier a:hover, .Deplier a:active
{
	text-decoration: none;
}
.Deplier2
{
	display: inline;
}

.Deplier2 a:link, .Deplier2 a:visited, .Deplier2 a:hover, .Deplier2 a:active
{
	background-repeat: no-repeat;
	width: 25px;
	text-decoration: none;
	height: 20px;
	background-image: url(deplier2.gif);
	background-position: center 0px;
}
.Replier
{
	display: inline;
}
.Replier a:link, .Replier a:visited, .Replier a:hover, .Replier a:active
{
	/*background-repeat: no-repeat;
	width: 25px;*/
	text-decoration: none;
	/*height: 20px;
	background-image: url(replier2.gif);
	background-position: right 2px;*/
}
.FondChoixQuestionsPredefinies
{
	background-repeat: repeat-x;
	background-image: url(Chat/bg-breadcrumb-court.jpg);
	width: 99%;
	height: auto;
}

/*************************
 ** Status pour le chat **
 *************************/
a.ChatStatusOnline, a.ChatStatusOffline
{
	display: block;
	height: 57px;
	width: 175px;
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	background-position: center center;
}

a.ChatStatusOnline span, a.ChatStatusOffline span
{
	display: none;
}

a.ChatStatusOnline
{
	background-image: url(disponible-oui.jpg);
}

a.ChatStatusOffline
{
	background-image: url(disponible-non.png);
}
.TopEspace
{
	margin-top: 10px;
}
/************************
********stars************
************************/
.ratingStar
{
	/*white-space:nowrap;*/
	float:left;
	width: 100px;
	padding-left:13px;
	/*height: 14px;*/
}

.ratingStar .ratingItem
{
	
	width: 13px;
	
	
	padding: 0px;
/*	display: list-item;**/
	background-repeat: no-repeat;
	cursor: pointer;
}

.ratingStar .savedStars
{
	background-image: url(Chat/SavedStar.png);
}

.ratingStar .filledStars
{
	background-image: url(Chat/EmptyStar.png);
}

.ratingStar .emptyStars
{
	background-image: url(Chat/FilledStar.png);
}

#Controls_Inputs_Appreciation a.empty
{
	background: transparent url(Chat/EmptyStar.png) no-repeat;
	/*../themes/default/ */
}

#Controls_Inputs_Appreciation a.filled
{
	background: transparent url(Chat/FilledStar.png) no-repeat;
}

#Controls_Inputs_Appreciation a
{
	width: 14px;
	height: 14px;
	float: left;
	display: block;
}

#Controls_Inputs_Appreciation a span
{
	display: none;
}

.TextZoneDroite
{
	/*background-color:Green;*/
	font-weight:bold;
	text-align:center;
	margin-bottom:8px;	
	margin-top:4px;
}

.larger
{
	font-size:larger;
}


/*tests*/
.ttcss
{
	width: 100px;
	border-top-color: #dfe4e8;
	background-image: url(Chat/EmptyStar.png);
	background-repeat: repeat-x;
}

/****************************************
Affichage pour les citations
*****************************************/
.separateur
{
	margin-top: 50px; width: 480px
}