/* @override http://dev.www.laligue.org/lle/css/stylesnew.css?m=1257947075 */

   


body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
	font: 12px/18px "Verdana,Lucida Grande", Lucida,  sans-serif;
	margin: 0;
}
	  
html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: #1d1a2c ;
}

html body .soustitre1 {
    color: #59639f;
    font: bold 16px " Verdana, Lucida Grande", Lucida, sans-serif;
}
html body .soustitre2 {
		color: #59639f;
    font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;

}

.message.bad,
.message.error,
.message.validation,
.message.required {
    border: 1px solid #DD3C10;
    background-color: #FFEBE8;
}
        
.message {
    border: 1px solid #3CDD10;
    background-color: #EBFFE8;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: bold;
    clear: both;
}
                                                    
div.actionsoustitre1 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #59639f;
	font-size: 18px;
	margin-bottom: 8px;
}
div.actionsoustitre2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	
	font-weight: bold;
	color: #59639f;
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
	width: 430px;
	margin-left: 230px;
	border-bottom: 1px solid #59639f;
}

.signature {
		color: #59639f;
    font: bold 12px " Verdana, Lucida Grande", Lucida,sans-serif;
	float: right;
	clear: both;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a img {
    border: 0px;
}

.italic {
    font-style: italic;
}

.readmore {

    padding-right: 24px;
    text-align: right;
    background: transparent url(../images/arrow.png) no-repeat right center;
	margin-right: 5px;
	margin-top: 0;
}
.readmore a {
    font-weight: bold;
    text-decoration: none;
	font-size: 11px;
}
.readmore a:hover {
    text-decoration: underline;
}



#header {

	height: 80px;
	background: url(../images/bgtop.png) repeat-x;

}
#homeimg{
	float: left;
}
#recherche {



	position: relative;
	float: right;
	margin-right: 200px;
	margin-top: 40px;

}


#bandeaubaslogo {
	height: 35px;
	width: 100%;
	background: transparent url(../images/bgbas.png) repeat-x center left;
	clear: both;
}

.footer {
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #abb3ff;
    text-transform: lowercase;
	margin: 10px auto;
}
.footer a {
	color: #abb3ff;
}

#footer178 {
    color: #ff0000;
}

#lestabs {
    clear: both;
	min-height: 450px;
	-webkit-border-radius: 6px;
	-opera-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 10px;
	background-color: white;
	color: black;
}

#heading {
	text-align: center;
	font-size: 13px;
	color: white;
	font-variant: small-caps;
	text-transform: uppercase;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#heading td {
    vertical-align: middle;
    height: 40px;
}

#heading td div {
    height: 30px;
}

#heading #previous {
    padding-right: 40px;
    text-align: right;
    width: 50%;
}

#heading #next {
    padding-left: 40px;
    text-align: left;
    width: 50%;
}

#heading #previous img,
#heading #next img {
    cursor: pointer;
    padding: 0;
    margin: 0;
}

#heading td.button div {
    cursor:pointer;
	user-select: none;
	vertical-align: middle;
	margin: 3px 5px 0;
	padding: 5px 8px 0;
}

#heading td.active div {
    background-color: white;
	color: #1d1a2c;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
		
#heading li {
    list-style: none;
    cursor:pointer;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    height: 30px;
    float: left;
	user-select: none;
	margin-right: 5px;
	margin-left: 5px;
}

#wrapper { 
margin: 0; 
padding: 0;


}

.imageleft {
	float: left;
	margin-right: 12px;
	margin-top: 2px;
}

.imageright {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

#whoarewe .imageright {
    padding-left: 15px;
    padding-bottom: 15px;
}
#whoarewe {
    margin-top: 30px;
}
.whoarewe_panel {
    margin-left: 235px;
}
            
#panes {
    text-align: justify;
	border-style: none;
	margin: 0;
	padding-left: 5px;
}

#panes h1 {
	color: #59639f;
    font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;

	text-transform: uppercase;
	margin-left: 10px;
	padding-top: 2px;
}
.result{
	border: 1px solid #abb3ff;
	margin-bottom: 10px;
	padding: 5px 8px 0;
		-webkit-border-radius: 6px;
	-opera-border-radius: 6px;
	-moz-border-radius: 6px;
}
.result:Hover{
    background-color: #F1F2F7;}
.themes {
    text-align: center;
    margin-bottom: 7px;
}
#PageChildrenPagination p a{
	font-size: 14px;
	margin-right: 10px;
}
#panes .page h1 {
	font-size: 12px;
	margin: 0 0 15px;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 1px;
}
#panes .page h2 {
	font-size: 20px;
	padding: 5px 0 0 4px;
	text-align: center;
}
.breadcrumbs{
	font-size: 11px;
	margin-bottom: 5px;
}
.panelleft {
    width: 670px;

}

p{
		color: #545454;
}
.page p {
	line-height: 150%;
	color: #545454;
}
li#archives_tab {
	display: none;
}
h2 {
	font-size: 18px;
	width: 325px;
	font-weight: bold;
	font-variant: small-caps;
	color: navy;
	text-align: left;
	background-color: white;
	top: -5px;
	position: relative;
	right: 5px;
	padding-left: 12px;
	padding-top: 2px;
}

.rubriquage {
	
	background-color: #4C5892;
	width: 200px;

	color: white;

	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-size: 14px;
}

.cemois {
	font-weight: bold;
	letter-spacing: 1px;
	color: #59639f;
	font-size: 14px;
}

#clips{
	border: 1px solid #c9c8ff;
	height: 90px;
	width: 442px;
	float: left;
}
#goleft{
	float: left;
	margin-top: 35px;
	width: 21px;
    cursor: pointer;
}

#goright{
	margin-top: 35px;
	float: right;
	width: 21px;
    cursor: pointer;
}
#plcarousel {
    margin-top: 10px;
    float: left;
}
#plcarousel li{ 
    width: 119px;
    height: 67px;
    min-height: 0px;
    padding-left: 7px;
    padding-right: 7px;
    list-style: none;
    overflow: hidden;
}
                                

#blochome {
	border: 1px solid silver;
}
#blochome div {
	padding: 8px;
	line-height: 160%;
}
#extras{
    float: left;
	margin-left: 8px;
	width: 214px;
	overflow: hidden;
}
a {
	color: #59639f;
	font-weight: bold;
	
}
		
/*		#panes div div { overflow: hidden; }*/
		
#shade {
    background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

.gras {
	font-weight: bold;
}


srmtext {
	background-color: #abb3ff;
	border-style: hidden;
	padding: 2px;
	color: white;
	width: 100px;
}

#home_news {
	float: right;
	position: relative;
	top: -24px;
}
#latestnews {
  
    width: 180px;

	background-color: #E4E6EF;
	padding-bottom: 4px;
	min-height: 557px;
/*	margin-left: 200px; */
}
#latestnews h3 {
    background-color: #4C5892;
    text-align: center;
    color: #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 24px;
	padding-top: 5px;
}
#blochome h3 {
    background-color: #4C5892;
    text-align: center;
    color: #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	padding-top: 2px;
}

.latestnewsitem p {
	margin-left: 5px;
	margin-right: 5px;
}
.latestnewsitem {
	width: 180px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 10px;
}

#debate {

}
#debateleft {

    width: 220px;
	float: left;
	margin-right: 15px;
	color: #1d1a2c;
	font-size: 12px;
	line-height: 180%;
}

#debateright {
	margin-left: 10px;
	width: 666px;
}
#debate_header {
    background-color: #59639F;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    padding: 5px;
}

#debate_title {
    margin-bottom: 20px;
    text-align: center;
	margin-top: 10px;
}

#debate_title span {
	color: #59639f;
    font: bold 30px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-right: 10px;
	padding-top: 10px;
}


.panelright {
	color: #35316d;
	font-size: 13px;
	text-align: justify;
	line-height: 150%;
	width: 220px;
	float: right;
	margin-top: 15px;
}

#sousvideo {
	clear: both;
	width: 406px;
	padding: 5px;
}

.activity_title {
    text-align: center;
	color: #676FAE;
    font: bold 30px "Lucida Grande", Lucida, Verdana, sans-serif;
    text-transform: lowercase;
	margin-top: 8px;
	margin-bottom: 8px;
}

.header {
	color: white;
	position: relative;
	top: 1px;
	text-decoration: none;
	cursor: pointer;
	
}



.action_rightcol {
    width: 230px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.colagenda {
	background-color: #E4E6EF;
}
.colagenda h3 {
    background-color: #59639F;
    text-align: center;
    color: #ffffff;
	padding: 0;
	margin: 0;
}
.colagenda .colevent {
	padding: 5px;
}

#ouractivitiestab,
#ourtoolstab {
    float: left;
    width: 215px;
    height: auto;
    margin-right: 20px;
	margin-bottom: 3px;
}
#whoarewe li.ui-state-default,
#whoarewe li.ui-tabs-selected,
#ouractivitiestab li.ui-state-default,
#ouractivitiestab li.ui-tabs-selected,
#ourtoolstab li.ui-state-default,
#ourtoolstab li.ui-tabs-selected {
    float: none;
    margin-top: 2px;
    width: 215px;
	height: auto;
}
#ouractivitiestab li.ui-state-active,
#ourtoolstab li.ui-state-active {
	background-color: #4D5993;
	background: #abb3ff url(../images/bgtabsaction.jpg) repeat-x top left;
}

ul.actions_sousmenu li{
    list-style-type: none;
    margin-bottom: 4px;
    margin-top: 4px;
}

.actionlogo {
    margin-top: 20px;
    clear: left;
}
.action_panel h3 {
    background-color: #59639F;
    margin: 0px;
    color: #ffffff;
    width: auto;
    margin-top: 10px;
	padding: 1px 4px 2px 15px;
}
div.portraits div.sousaction_content h2 {
    margin: 0px;
    padding: 0px;
    color: #59639F;
    font-weight: bold;
    font-size: 14px;
    width: auto;
    text-align: center;
    margin-top: 15px;
}

div.portraits h3 {
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    width: auto;
    text-align: center;
	padding: 5px;
	margin-bottom: 20px;
}
.portrait_asso,
.portrait_cadre {
    margin-bottom: 20px;
}
.sousaction_content {
    text-align: center;
}

/***********************************************************************
 *
 * PAGE
 *
 ***********************************************************************/
.page {

    padding: 20px 15px;
}

#myTabsTools .page {
    padding: 0px;
}

.page h2 {
    margin: 0px;
	text-transform: none;
    background-color: transparent;
    color: #4c5892;
    width: auto;
	font: bold 28px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px 0px 8px;
}

.introactions {
	margin-top: 25px;

}

.content {
	margin-bottom: 5px;
	margin-top: 15px;

}
.content p{
}

.content h2{
	font-variant: normal;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 3px;
	font-size: 14px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#SearchForm_SearchForm legend,
#SearchForm_SearchForm_action_doSearch {
    display: none;
}
#SearchForm_SearchForm input.text,
.formtext {
    background-color: #c4d3fd;
    border-style: none;
    padding: 2px;
    width: 80px;
}

.demilargegauche {
	width: 420px;
	float: left;
}

.demilargedroite {
	width: 420px;
	float: right;
}

#CommentForm {
    margin: 10px;
}

.pdv {
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 8px;
	font-size: 12px;
	margin-top: 5px;
	position: relative;
	right: 35px;
}

.introtext {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 385px;
	color: #303030;
}

h3 {
	color: navy;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 0;
}

a.player {
	display:block;

	width: 420px;
	height: 330px;

	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	margin-top: 10px;
}

/* splash image */
a.player img {
	border:0;
}

.resultats {
	background-color: #4c5892;
	color: white;
	padding: 10px;
	margin: 10px;
}

.resultats a {
    color: white;
    font-weight: normal;
}

#myTabs2 .ui-tabs-nav {
    width: auto;
}

#myTabsTools .ui-tabs-nav {
    float: left;
    width: auto;
}

.ui-tabs-nav {
	list-style-image: none;
	list-style-type: none;
    height: 24px;
	font: 14px "Verdana, Lucida Grande", Lucida, sans-serif;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
/*	text-transform: uppercase; */
}

.debate_text{
	margin: 15px 8px 10px 2px;
}

.ui-tabs-nav li.ui-state-active {
	background-color: #4c5892;
	background: #abb3ff url(../images/bgtabs.jpg) repeat-x;
}

.ui-tabs-hide {
    display: none;
}

.ui-tabs-nav li.ui-state-active a {
    color: #ffffff;
}

.ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-nav li.ui-state-default {
    float: left;
	background-color: #c9c8ff;
	cursor: pointer;
	height: auto;font-weight: bold;
    color: #000000;
    text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	text-align: left;
}

.ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-nav li.ui-state-default a {
	font-size: 12px;
}
.mootabs_panel {
	text-align: justify;


}


#myTabsTools .mootabs_panel,
#myTabs3 .mootabs_panel,
#myTabs2 .mootabs_panel {
    width: auto;
    min-height: 0px;
}

#myTabsTools .mootabs_panel,
#myTabs2 .mootabs_panel {
    border: 1px solid silver;
}

#myTabsTools .mootabs_panel {
    margin-left: 230px;
    padding: 10px;
}

.mootabs_panel ul li {
	list-style-type: square;
	cursor:  pointer;
	list-style-position: inside;
	color: #373737;
}

/* positions */

#ourpositions {
    width: 100%;
    border-bottom: 1px solid #59639F;
}

#ourpositions h1 {
    font: bold 22px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0px 0px 5px;
	letter-spacing: 0;
	text-align:left;
}

.ourpositions_header {
    margin-bottom: 15px;
    text-align: left;
}

.ourpositions_header div {
    width: 240px;
    display: inline-block;
    padding: 3px 3px 3px 6px;
    background-color: #59639F;
	color: #ffffff;
    font: normal 16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#prisesdepositions {
    width: 50%;
    border-right: 1px solid #59639F;
    vertical-align: top;
	padding-bottom: 5px;
	padding-right: 8px;
}

.position {
    border-bottom: 1px solid #59639F;
	padding-top: 5px;
	padding-bottom: 5px;
}

.position_date {
    font-style: italic;
    color: #59639F;
	font-size: 10px;
}

.position_title {
    color: #59639F;
    font-size: 14px;
    font-weight: bold;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 2px;
}
.allpositions {
    font-size: 14px;
    color: #59639F;
    text-align: center;
    padding-bottom: 0;
	padding-top: 10px;
}
.allpositions a {
    font-weight: bold;
    text-decoration: none;
}
.allpositions a:hover {
    text-decoration: underline;
}

#edito {
    width: 50%;
    padding: 0px 0 5px 8px;
    vertical-align: top;
}

.videoposition {
	width: 420px;
	float: left;
}

.textepostion {
	width: 200px;
	padding-left: 20px;
	float: left;
}

#references {
    padding-top: 5px;
    width: 100%;
    border-bottom: 1px solid #59639F;
}
#player_positions.videoplayer{
	padding-bottom: 10px;
}
#player_debate.videoplayer{
	width:666px; 
	height:400px;
	margin-bottom: 20px;
}
#references td {
    width: 25%;
	vertical-align: top;
	margin-top: 5px;
	padding-top: 3px;
	padding-left: 8px;
}

#references td.sep {
    border-right: 1px solid #59639F;
	padding-right: 8px;
	padding-left: 8px;
}

.allreferences {
    font-size: 14px;
    color: #59639F;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}


.allreferences a {
    font-weight: bold;
    text-decoration: none;
}
.allreferences a:hover {
    text-decoration: underline;
}




/* publications */

.ourpublications_header {
    margin-bottom: 10px;
    text-align: left;
}

.ourpublications_header div {
    width: 200px;
    display: inline-block;
    padding: 3px 3px 3px 6px;
    background-color: #59639F;
	color: #ffffff;
    font: normal 16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#ourpublications {
    width: 100%;
    border-bottom: 1px solid #59639F;
	margin-bottom: 15px;
}

.intertitre {
	background-color: #4e4678;
	color: white;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	letter-spacing: 1px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 11px;
}

#ourpublications td {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;

    vertical-align: top;
}

#ourpublications td.sep {
    border-right: 001px solid #59639F;
}

.publication_title {
    color: #59639F;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}
.publication_logo {
    float: left;
}
.publication_content {
    float: right;
    width: 165px;
}
.publication_article {
    padding-left: 24px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: transparent url(../images/arrow.png) no-repeat left top;
	text-align: left;
}
.publication_article a {
    font-weight: bold;
	text-align: center;
}

#sites {
    width: 100%;
    border-bottom: 1px solid #59639F;
}

#sites td {
    width: 25%;
    margin-top: 5px;
	padding-left: 8px;
}

#sites td.sep {
	vertical-align: top;
    border-right: 1px solid #59639F;
	padding-top: 0;
	padding-right: 8px;
	padding-left: 8px;
}
p.site-posttitle {
	text-align: center;
	padding-bottom: 5px;
}
p.site-posttitle a {
    text-decoration: none;
    font-weight: bold;
}
p.site-posttitle a:hover {
    text-decoration: underline;
    font-weight: bold;
}

.allsites {
    font-size: 14px;
    color: #59639F;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}
.allsites a {
    font-weight: bold;
    text-decoration: none;
}
.allsites a:hover {
    text-decoration: underline;
}





/* actus */
.bignews {
  

}
.bignewspic {
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}

.bignewstext {
	padding-left: 10px;
}

.bignewstext .actu-posttitle {
    color: #59639F;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 10px;
}

.clear {
	clear: both;
}

.span-5 {
	width: 200px;
	float: left;
	margin: 10px;
}

div.actu-feature {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial, Sans-serif;
	width: 200px;
}
.actu-feature img {
	outline: 1px solid #666;
}
p.actu-posttitle {
	color: #4c4475;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	margin: 0;
}

p.actu-descr {
	font-size: 10px;
	color: #1d1a2c;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 12px;
}
 p.actu-postdate {
	font-size: 8pt;
	border-bottom: 1px solid #ccc;
	font-style: italic;
	color: #4c5892;
	padding-left: 8px;
	margin-bottom: 5px;
}
div.actu-feature p.actu-postauth {
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
}
xdiv.actu-feature p.actu-descr {
	font-size: 9pt;
}

.actu-posttitle {
	font-size: 16px;
	font-style: italic;
	color: #2f2a47;
}

.events_header {
    margin-bottom: 20px;
    text-align: left;
}

.events_header div {
    width: 200px;
    display: inline-block;
    padding: 3px 3px 3px 6px;
    background-color: #59639F;
	color: #ffffff;
    font: normal 16px "Lucida Grande", Lucida, Verdana, sans-serif;
}



#myTabs2,
#myTabsTools {
    margin-top: 20px;
}
.events {
    width: 100%;
    clear: both;
	text-align: center;
}

.events td {
    padding: 10px;
    margin-top: 5px;
}

.allevents {
    font-size: 14px;
    color: #59639F;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: 1px solid #59639F;
}
.allevents a {
    font-weight: bold;
    text-decoration: none;
}
.allevents a:hover {
    text-decoration: underline;
}

#googleagenda {
    float: right;
    width: 240px;
    margin-top: 20px;
}


fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#Quizz label {
	font-weight: bold;
}
#Quizz ul {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
#Quizz .field {
;
	padding-bottom: 10px;
	border-bottom: 1px solid #4c5892;
	margin-bottom: 5px;
}
#Quizz .field .middleColumn {
    padding-top: 10px;
}
#Quizz li {
	list-style-type: none;
	cursor: auto;
	list-style-position: inside;
	color: #000000;
}
#Quizz li label {
    font-weight: normal;
}
#Quizz #Form_Quizz_action_None {
    display: none;
}
#Quizz .val_right label {
    color: #00ff00;
}
#Quizz .val_wrong label {
    color: #ff0000;
}
#Quizz #Form_Quizz_Results {
    padding-bottom: 20px;
}


#myTabs3 .ui-tabs-nav {
    width: 422px;
	margin-right: auto;
	margin-left: auto;
    margin-bottom: 30px;
    overflow: hidden;
}

.joinleft {
    width: 220px;
    float: left;
    background-color: #F1F2F7;
    padding: 10px;
    display: none;
}
.joinleft h4 {
    color: #000;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 7px;
}
.joinportrait {
    margin-bottom: 25px;
}

.joinportrait .portraitcontent {
    margin-left: 90px;
}

.joinright {
    width: 260px;
    float: right;
}

#searchContactResult h4,
.joinright h4 {
    text-transform: lowercase;
    text-align: center;
    color: #4C5892;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

#searchContactResult .description,
.joinright .description {
    padding: 10px;
    background-color: #4C5892;
}

.searchform {
    padding: 10px;
    background-color: #E8EBF4;
    margin-bottom: 15px;
}

.searchform label{
    padding-left: 5px;
    font-weight: bold;
    font-size: 10px;
}

.searchform .depfield {
    text-align: center;
    margin-top: 15px;
}

.searchform .depfield label {
    display: block;
    margin-bottom: 7px;
}

.searchform .searchfield {
    text-align: right;
}

#searchContactResult .description,
#searchContactResult .description *,
.joinright .description * {
    color: #FFFFFF;
}

.joinright .description .file {
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 10px;
}

#searchContactResult .description strong,
.joinright .description strong {
    font-size: 15px;
    font-weight: bold;
}

.joinright .description .file strong {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.joinright .description .file img {
    margin-left: 10px;
}

.joinright .description .file span {
    text-align: right;
    display: block;
}


.join_content {

    margin-right: 270px;
}

#contact_searchform .contactfield {
    margin-top: 15px;
}

#contact_searchform label {
    display: block;
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 20px;
}

#contact_searchform select {
    width: 240px;
}

#contact_searchform .searchfield {
    margin-top: 15px;
}

#searchFedeResultContact {
    text-align: center;
    font-weight: bold;
}

#searchContactResultContact,
#searchContactResultRegion {
    text-align: center;
    font-weight: bold;
}
#ThemeID {
font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #59639F;
}
#ThemeID label{
	float: left;
	margin-bottom: 16px;
	margin-right: 8px;
}
#ThemeID select{
	float: left;
	    color: #59639F;
	border: 1px solid #59639F;
	margin-right: 10px;
	font-size: 12px;
}

#ThemeID select, input {
	border: 1px solid #59639F;  color: #59639F;
	padding: 2px 8px;
	background-color: white;
}

div#searchAnnuaireInfo {
	background-color: white;
	margin: 5px;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
}

div.annuaireResult {
	margin-bottom: 8px;
	margin-left: 5px;
	border-bottom: 1px solid #4C5892;
	padding-bottom: 5px;
}

div.monnom {
	color: #4C5892;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}

div#news_audio_container,
table#slideshow,
div#news_video_container,
table#toolfiles {
    width: 100%;
}