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

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

/******************
#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: 0px 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: #017CBC;
	text-decoration: underline;
}

a:visited
{
	/*color:#660099;*/
	color: #017CBC;
	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: #FFF6AE;
	text-decoration: underline;
}

#breadcrumbs a:visited
{
	color: #FFF6AE;
}

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

#breadcrumbs a:active
{
	color: #F0FF4A;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
div.nouveauLienMenu
{
	font-style: normal; /*font-size: 1em;*/
	font-size: 12px;
	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: 1em;*/
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	color: #738c9f;
	text-decoration: none;
	height: 28px;
	background: url(NewLook/menuDroite2.gif) no-repeat;
	background-position: center -1px;
}

#content-side a.nouveauLienMenu:hover
{
	display: block;
	color: #ffffff;
	text-decoration: underline;
	background: url(NewLook/menuDroiteselect.gif) no-repeat;
	background-position: left -1px;
	height: 28px;
}

#content-side a.nouveauLienMenuAvecMarker
{
	display: block;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	background: url(NewLook/menuDroiteselect.gif) no-repeat;
	background-position: left -1px;
	height: 28px;
}


/*
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;

}

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

}*/

/******************
Sous menu
******************/

#sousmenu
{
	/*position: absolute;*/
	margin-top: 40px;
	margin-right: 10px;
	height: 28px; /*padding-top: 1%;*/ /*padding-bottom:60px;*/
}

#sousmenu a
{
	padding-top: 6px;
	display: inline-block; /*padding-bottom:10px; 	padding-top:10px;*/
	text-align: center;
	font-size: large;
	text-decoration: none;
	width: 13.9em; /*height:100%;*/
}


#sousmenu .gauche
{
	float: left; /*display:block;*/
	background: url(NewLook/onglet-off-gauche.gif) no-repeat left top; /*padding:15px,15px;*/
	padding-right: 3px;
	height:28px;
	/*padding-bottom: 4%;*/
}

#sousmenu .droite
{
	float: left; /*display:block;*/
	background: url(NewLook/onglet-off-droite.gif) no-repeat left top;
	padding-right: 10px;
	/*padding-bottom: 4%;*/
	height:28px;
}

#sousmenu .corps
{
	/*display:block;*/
	float: left;
	background: url(NewLook/ongletSM-off.gif);
	height:28px;
}

#sousmenu .corps a
{
	/*display:block;*/
	float: left;
	background: url(NewLook/ongletSM-off.gif) left top; /*padding-bottom:5px;*/
	color: White;
}

#sousmenu .gaucheCurrent
{
	float: left; /*display:block;*/
	background: url(NewLook/onglet-on-gauche.gif) no-repeat left top; /*padding:15px,15px;*/
	padding-right: 3px;
	/*padding-bottom: 3.8%;*/
	height:28px;
}

#sousmenu .droiteCurrent
{
	float: left; /*display:block;*/
	background: url(NewLook/onglet-on-droite.gif) no-repeat left top;
	padding-right: 10px;
	/*padding-bottom: 3.8%;*/
	height:28px;
}

#sousmenu .corpsCurrent
{
	/*display:block;*/
	float: left;
	background: url(NewLook/onglet-onSM.gif) left top;
	/*padding-bottom: 0.6%;*/
	color: #6b879d !important;
	height:28px;
}

#sousmenu .corpsCurrent a
{
	/*display:block;*/
	float: left;
	background: url(NewLook/onglet-onSM.gif) left top; /*padding-bottom:6px;*/
	color: #6b879d !important;
}

.bandeau
{
	/*width:100%;*/ /*background:url(NewLook/degrade-droite.jpg);*/
	background: url(NewLook/fonddegrade.jpg);
	width: 800px;
	height: 15px;
}

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

h1
{
	font-size: 13pt;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: #6a869c; /*text-transform: lowercase;*/
	margin: 0 0 0 0;
	text-align: right; /*width: 290px;*/ /*left:260px;*/ /*position: absolute;*/ /*top:-252px;*/ /*height: 30px;*/ /*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: bold;
	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: #FFFFFF;
	height: 50px;
	font-size: 2em;
	margin: 0px;
	font-weight: bold;
	background: url(NewLook/banniere-hautV2.gif) no-repeat;
}

#header-container a
{
	text-decoration: none;
	color: #6a869c;
}

#header-left
{
	float: left; /*width: 280px;*/
	width: 280px;
	color: #6a869c;
	height: 25px;
	padding: 0px 10px 10px 10px;
	font-size: 17pt;
}



#header-EX-right
{
	padding-right:5px;
	color: #6a869c;
	height: 50px;
	float: right;
	font-size: .55em;
	background: url(NewLook/banniere-haut-droiteV3.gif) no-repeat;
	vertical-align: top; /*width:165px;*/
	width: 165px;
	text-align: right;
}

#header-right
{
	padding-right:5px;
	float: left;
	
	color: #6a869c;
	height: 50px;
	border-right: 5px solid #6b879d;
	font-size: .55em;
	text-align: right;
	width: 270px;
	vertical-align: bottom;
}

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

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

.mainnav-container
{
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	/*height: 28px;*/
	/*clear: both;*/
	background-color: #6b879d;
}

.mainnav-left
{
	/*float: left;*/
	width: 840px;
	/*height: 28px;*/
	background-color: #6b879d;
	vertical-align: 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: #FFFFFF;
	height: 0px;
	padding: 0px 0px 0px 0px;
}

#content-container
{
	margin-bottom: 0px;
	padding:0px;
	background-color: #6b879d;
	background: url(NewLook/couleur-fond.gif) repeat-y right;
}

#content-side
{
	float: right;
	background-color: Red;
	width: 175px;
	color: #FFFFFF;
	padding: 0px;
	padding-top: 0px;
	margin: 0px 0px 4px 0px;
	background-color: #cfd8df;
	text-align: left;
}
#content-side h4
{
	color: #FFFFFF !important;
	margin: 15px 0px 5px 0px;
}
div.content2
{
	padding: 2px 10px 0px 25px;
	margin: 0px 180px 0px 0px; /*180*/
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-top: none;
	background: url(NewLook/degrade-pageV5.gif) repeat-x;
	background-color: #cfd8df;
}
div.content
{
	border: solid 6px red;
	padding: 2px 10px 0px 25px;
	/*margin: 30px 0px 0px 0px; 
	_margin: 0px 0px 0px 0px; */
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-top: none;
	background: url(NewLook/degradeHautPageV5.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
{
	background: #828AD0 url(NewLook/basdepage-gauche2.jpg);
	background-repeat: no-repeat;
	height: 54px;
	color: #8ba0b1;
	margin: 4px 0px 0px 0px;
	clear: both;
	background-color: #6b879d;
}

#footer-left
{
	width: 566px;
	height: 54px;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	float: left;
}

#footer-right
{
	float: right;
	padding: 0px;
	width: 175px;
	height: 54px; /*border-left: 4px solid #6b879d;*/
	margin: 0px;
	background: url(NewLook/basdepage-droite.gif);
}

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

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

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

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

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

/*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: 12px;
}

.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;
}
.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: White !important;
	background-image: 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******
***************/
.MenuCourant
{
	height: 28px;
	padding: 0px 4px 0px 4px;
	color: #6b879d !important;
	background-color: #e9eefe;
	float: left;
}
.MenuCourantGauche
{
	background: url(NewLook/onglet-on-gauche.gif) no-repeat;
	height: 28px;
	margin: 0px 0px 0px 0px;
	width: 4px;
	float: left;
}
.MenuCourantDroite
{
	background: url(NewLook/onglet-on-droite.gif) no-repeat;
	height: 28px;
	margin: 0px 5px 0px 0px;
	width: 4px;
	float: left;
}

.MenuAutre
{
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 3px;
	height: 28px;
	color: White !important;
	float: left;
	background-color: #91a5c7;
}
.MenuAutreGauche
{
	background: url(NewLook/onglet-off-gauche.gif) no-repeat;
	height: 28px;
	margin: 0px 0px 0px 0px;
	width: 4px;
	float: left;
}
.MenuAutreDroite
{
	background: url(NewLook/onglet-off-droite.gif) no-repeat;
	height: 28px;
	margin: 0px 5px 0px 0px;
	width: 4px;
	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 10px 5px 15px;
	margin-top: 10px;
	margin-left: -15px;
}
.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;
	color: #6666AA !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(NewLook/fondHaut.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; /*background-image: url(fondMiddle.jpg);*/ /*margin-top:-5px; 	padding-top:0px;*/
}

.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;
	display: none;
	height: 55px;
	border-style: none;
	background-color: Transparent;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.MessageToasterInvisible span
{
	display: none;
}

.SuggestionBasDePage
{
	background-image: url(NewLook/suggestion3.gif);
	height: 27px;
	width: 342px;
	padding-top: 5px;
	padding-left: 5px;
	margin: 5px 0 0px -25px;
	color: #6b879d;
}

/***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: 28px;
}



.IConv a
{
	background-image: url(Icones/icone-message-haut2.gif); /*url(lettre.gif);*/
}

.IMojo a
{
	background-image: url(Icones/icone-mojo-haut2.gif); /*url(thermo.gif);*/
}

.INews a
{
	background-image: url(Icones/icone-actu-haut2.gif); /*url(terre.gif);*/
}

.IEnLigne a
{
	background-image: url(Icones/icone-online-haut2.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(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
{
	background-repeat: no-repeat;
	width: 25px;
	text-decoration: none;
	height: 20px;
	background-image: url(deplier2.gif);
	background-position: center 2px;
}
.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: center 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: 0px 0px 0px 0px;
	background-position: center center;
}

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

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

a.ChatStatusOffline
{
	background-image: url(disponible-non.png);
}
.TopEspace
{
	margin-top: 10px;
}
/************************
********stars************
************************/
#Controls_Inputs_Appreciation a.empty
{
	background: transparent url(Chat/EmptyStar.png) no-repeat;
}

#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;
}



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


.login
{
	/*height:100px;*/
	width:800px;
	border: solid 6px red;
	padding: 2px 10px 0px 25px;
	height:190px;
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
	border-top: none;
	background: url(NewLook/fondLogin.png);
	background-color: #ffffff;
	margin:auto;
	text-align:center;
}