body{
background: url(IMG/top_bg.png) top repeat-x #dcdcdc;
color: #3a3a3a;
margin:0 5% 0 5%;
padding:0;
line-height: 1.5em;
font: Verdana, Tahoma, Arial, sans-serif;
/* font-size: 12px;*/
}

a {
	color: navy;
}

b{font-size: 110%;}
em{color: red;}


#maincontainer {
background-color: white;
overflow: hidden;
}

#maincontainer2 {
background-color: white;
overflow: hidden;
}

/* le bandeau unof */
#topsection {
background: #562457 url(IMG/bandeau-haut.jpg) no-repeat left;
height: 120px; /*Height of top section*/
}

/* Les menus déroulants */
#topsectiononglets{
background: #562457 url(IMG/bandeau-bas.jpg) no-repeat left;
height: 30px;/*Height of top section*/
}

/* Position rechercher */
#rechercher{
text-align: center;
padding: 5px;
width:95% !important;
width:100%;
 }

#contentwrapper{
float: left;
margin: 3px 0px 0px 15px;
}

#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
background-color: white;
height:100%;
z-index: auto;

}

#leftcolumn{
float: left;
width: 190px; /*Width of left column*/
background: #6b2c6b;
z-index: auto;
}

#rightcolumn{
float:right;
width: 190px; /*Width of right column*/
margin-left: -190px;       /*Set left marginto -(RightColumnWidth)*/
/*/height: 450px;*/
z-index: auto;
 background: #fbd300;
}

#footer{
clear: both;
width: 100%;
background: url(IMG/menu_black.png)repeat-x ;
/background-color: black;
text-align: center;
padding: 4px 0;
}

#contentcolumn_gauche_et_centre{
margin: 0 200px 0 0; /*Margins for content column. */
text-align: justify;
background-color: white;
padding: 20px;
width: 100%;
min-width: 500px;
}

#contentcolumnarticle{
margin: 0 200px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
background-color: white;
text-align: left;
padding: 20px;
height:100%;
z-index: auto;

}

#contentrubrique_gauche{
float: left;
margin-left: -100%;
margin: 0 190px 0 0; /*Margins for content column. */
text-align: justify;
/*padding: 20px;*/
}

#contentrubrique_droite{
float: left;
margin-left: -100%;
margin: 0 190px 0 0; /*Margins for content column. */
text-align: justify;
/*padding: 20px;*/
}
/* Communiqués de presse */
#subcontent1{
margin: 10px 0 0 0;
	padding: 8px 3px 0 3px;
 border: 1px solid;
  }

/* Lettre hebdo */
#subcontent2{
	margin: 10px 0 0 0;
	padding: 8px 3px 0 3px;
 border: 1px solid;
}

/* En bref */
#subcontent3{
	margin: 10px 0 0 0;
	padding: 8px 3px 0 3px;
 border: 1px solid;
}



/* Egora */
#subcontent4{
	margin: 10px 0 10px 0;
	padding: 8px 3px 0 3px;
 border: 1px solid;

}




#footer a{
color: #FFFF80;
}

.red {
	color: red;
}

.pagearticle{
	background-color: white;
	text-align: left;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube-10{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/* Les tab inc-content-sommaire*/
.tabcommuniques{
display: block;
float: left;
width: 180px;
height:40px;
background: url('IMG/communiques.gif');
}
.tablettrehebdo{
display: block;
float: left;
width: 180px;
height:40px;
background: url(IMG/lettrehebdo.gif);
}

.tabenbref{
display: block;
float: left;
width: 180px;
height:40px;
background: url(IMG/enbref.gif);
}

.tabegora{
display: block;
float: left;
width: 180px;
height:40px;
background: url(IMG/egora.gif);

}

.tabmailunof{
display: block;
float: left;
width: 180px;
height:40px;
background: url(IMG/mailunof.gif);
}

/* Les menus gauche */

.contact{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/contact.gif');
}

.adhesion{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/adhesion.gif');
}

.newsletter{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/newsletter.gif');
}

.csmf{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/csmf.gif');
}

.formunof{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/formunof.gif');
}
.syndicats{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url('IMG/syndicats.gif');
}

.departementaux{
/*display: block;*/
float: left;
width: 180px;
height:30px;
background: url(IMG/departementaux.gif);
}

.regionaux{
/*display: block;*/
float: left;
width: 180px;
height:30px;
background: url(IMG/regionaux.gif);
}

.les20ans{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url(IMG/les20ans.gif);
}
.partenaires{
/*display: block;*/
float: left;
width: 180px;
height:40px;
background: url(IMG/partenaires.gif);
}

.menucontent{
display:block;
background-color: white;
text-align: left;
border: 1px solid;
list-style-type: none;
font: 1em;
}

.menugauche{
clear: both;
margin-left: auto;
margin-right: auto;
width:180px;}