html {
	overflow: scroll;
	background: #8cc63e url(bg.jpg) top center repeat-x;
}



body  {
	font: 100% Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}




#container { 
	width: 994px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 



#header { 
	background: #FFF url(bannerSWC.jpg);
	height: 148px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	display: none;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header #chooselang {
	float: right;
	color: #0c4da2;
	font-size: 12px;
	margin: 15px 14px;
}

#header #chooselang a:link, #header #chooselang a:visited, #header #chooselang a:active{
	color: #0c4da2;
	font-size: 12px;
	text-decoration: none;
	margin: 0 0px;
	padding: 0 2px;
}

#header #chooselang a:hover, #header #chooselang a.on{
	color: #f26522;
	font-weight: normal;
	padding: 0 1px;
	padding: 0 2px;
	text-decoration: underline;
}






#menu {
	margin: 0 auto; 
	height: 28px;
	width: 950px;
	background: #f26522;
}

#menu ul {
text-align: center;
border: 0px solid #f00;
margin: 0 auto;
padding: 0;
}

#menu ul li{
	display: inline;
	border: 0px solid #f00;
	margin: 0;
	padding: 0;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{
	font-variant: small-caps;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0px;
	padding: 1px 5px 2px 5px;
	border: 0px solid #f00;
	line-height: 26px;
}

#menu ul li a:hover, #menu ul li a.on{
	color: #0c4da2;
	background: #fff;
}







#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	border: 0px solid #f00;
}
#sideboxes {
	margin: 40px 0 0 0;
	border: 0px solid #f00;
}
.sidebox {
}
.topsidebox {
	font-size: 1px;
	height: 12px;
	border: 0px solid #f00;
	background: url(sidebartop.png) left top no-repeat;
}

.centersidebox {
	background: url(sidebarcenter.png) top left repeat-y;
}

.contentsidebox {
	color: #fff;
	background: #008eb0;
	font-size: 13px;
	margin: 0 15px 0 12px;
	padding: 10px 10px;
	border: 0px solid #fff;
}

.contentsidebox a {
	color: #fff;
	text-decoration: underline;
}

.contentsidebox HR {
	height: 2px;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background: #fff;
}

.contentsidebox p {
	margin: 5px 0;
}

.contentsidebox form {
	margin: 0 0 10px 0;
}

.contentsidebox H3 {
	font-variant: small-caps;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.contentsidebox H3.sametopic {
	text-align: center;
}

.contentsidebox H3.tags, .contentsidebox H3.sametopic {
	margin: 10px 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.contentsidebox H3.tags a, .contentsidebox H3.sametopic a{
	color: #FFF;
	text-decoration: none;
}

.contentsidebox .topicitems ul {
margin: 0 0 0 15px;
padding: 0;
}

.contentsidebox .topicitems ul li{
	border: 0px solid #f00;
	margin: 5px 0;
	line-height: 18px;
	display: block;

}

.contentsidebox .topicitems ul li a:link, .contentsidebox .topicitems ul li a:visited, .contentsidebox .topicitems ul li a:active{
	color: #FFF;
	text-decoration: none;
	border: 0px solid #f00;
}

.contentsidebox .topicitems ul li a:hover, .contentsidebox .topicitems ul li a.on{
	color: #FFF;
	text-decoration: underline;
}





.bottomsidebox {
	font-size: 1px;
	background: url(sidebarbottom.png) top left no-repeat;
	height: 17px;
	border: 0px solid;
}








#mainContent { 
	border: 0px solid #f00;
}




#mainbox {
	margin: 40px 0 0 0;
	border: 0px solid #f00;
}
#mainbox .mbox {
	width: 729px;
	border: 0px solid #f00;
}

#mainbox .mtopbox {
	font-size: 1px;
	background: url(contenttop.png) left top no-repeat;
	height: 12px;
	border: 0px solid #f00;
}

#mainbox .mcenterbox {
	width: 729px;
	background: url(contentcenter.png) top left repeat-y;
}

#mainbox .mcontentbox {
	background: #fff;
	font-size: 13px;
	margin: 0 10px;
	border: 1px solid #fff; /* NE PAS TOUCHER !!!! */
}

#mainbox .mcontentbox H1.rubrique {
	font-variant: small-caps;
	font-size: 16px;
	line-height: 24px;
	margin: 0 3px 0 0;
	padding: 0 0 0 10px;
	background: #008eb0;
	color: #fff;
}

#mainbox .mcontentbox H1.rubrique a, #mainbox .mcontentbox H1.rubrique a:link, #mainbox .mcontentbox H1.rubrique a:visited, #mainbox .mcontentbox H1.rubrique a:active {
	color: #fff;
	text-decoration: none;
}

#mainbox .mcontentbox H1.titre {
	font-variant: small-caps;
	font-size: 18px;
	line-height: 24px;
	margin: 20px 0;
	padding: 0;
}

#mainbox .mcontentbox H2.titre {
	font-variant: small-caps;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
	padding: 0;
}

#mainbox .mcontentbox .articles .recherchebox ul li H3.titre a {
	color: #000;
}


#mainbox .mcontentbox .articles H2.titre a {
	color: #000;
}

#mainbox .mcontentbox .articles H1.titre a {
	color: #000;
}

#mainbox .mcontentbox .articles H1.titre a:hover {
	text-decoration:none;
}


#mainbox .mbottombox {
	font-size: 1px;
	background: #fff;
	background: url(contentbottom.png) top left no-repeat;
	height: 16px;
	border: 0px solid;
}

#mainbox .cartouche {
	margin: 20px 10px;
	border: 0px solid;
}










#mainbox .mcontentbox .box {

	border: 0px solid #f00;
	margin: 0 5px 10px 5px;
}

#mainbox .mcontentbox .box  a, #mainbox .mcontentbox .box  a:link, #mainbox .mcontentbox .box  a:visited, #mainbox .mcontentbox .box  a:active {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #00f;
}

#mainbox .mcontentbox .box  a:hover, #boxes .mcontentbox .box  a:hover {
	text-decoration: underline;
}


#mainbox .mcontentbox .box  ul li a, #mainbox .mcontentbox .box  ul li a:link, #mainbox .mcontentbox .box  ul li a:visited, #mainbox .mcontentbox .box  ul li a:active {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #00f;
}

#mainbox .mcontentbox .box  ul li a:hover, #mainbox .mcontentbox .box  ul li a:hover {
	text-decoration: underline;
}


#mainbox .mcontentbox H1 {
	font-variant: small-caps;
	font-size: 16px;
	line-height: 24px;
	margin: 0 3px 0 0;
	padding: 0 0 0 10px;
}

#mainbox .mcontentbox .newstopic {
	background: #91278c;
	color: #fff;
}

#mainbox .mcontentbox .articles {
	margin: 0 10px;
	text-align: left;
	background: #fff;
}

#mainbox .mcontentbox .articles img {
	padding: 0 10px 10px 0;
	border: 0;
	display: inline;
}

#mainbox .mcontentbox a img, #mainbox .mcontentbox .articles a img {
	border: 0;
}

#mainbox .mcontentbox .articles .texte {
	background: #fff;
	display: inline;
	text-align: left;
}

#mainbox .mcontentbox .articles H3, #mainbox .mcontentbox #columnscontainer .articles H3 {
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	margin: 10px 0;
}

#mainbox .mcontentbox .articles H3 a, #mainbox .mcontentbox #columnscontainer .articles H3 a {
	text-decoration: none;
	color: #000;
}

#mainbox .mcontentbox .articles ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 5px;
}

#mainbox .mcontentbox .articles ul li{
	background: #FFF;
	padding: 0;
	margin: 0px 0 0 0;
	line-height: 24px;
}

#mainbox .mcontentbox .articles ul li .artbull{
	float: left;
	clear: left;
	margin: 6px 10px 10px 0;
	width: 10px;
	height: 10px;
	background: #91278c;
}

#mainbox .mcontentbox .articles ul li .PDFbull{
	float: left;
	clear: left;
	margin: 6px 10px 10px 0;
	margin: 3px 10px 0px 0;
	width: 16px;
	height: 16px;
	background: #FFF url(./icones/PDF.gif);
}

#mainbox .mcontentbox .articles ul#uldoc {
	list-style:square url("./icones/PDF.gif");
	margin: 0 0 0 26px;
	}

#mainbox .mcontentbox .articles ul li .root_ul_articles{
	display: block;
	font-weight: bold;
}

#mainbox .mcontentbox .articles ul li .root_ul_articles a{
	bbackground: #91278c;
	color: #000;
	bpadding: 2px 4px;
}

#mainbox .mcontentbox .articles .root_other_articles a {
	background: #91278c;
	color: #fff;
	padding: 0 5px;
	margin: 0 0 0 20px;
}

#mainbox .mcontentbox #columnscontainer #leftcolumn .articles .root_other_videos a, #mainbox .mcontentbox #columnscontainer #rightcolumn .articles .root_other_videos a {
	background: #008eb0;
	color: #fff;
	padding: 0 5px;
	margin: 0 0 0 10px;
}

#mainbox .mcontentbox .articles .root_other_galeries a {
	background: #ffc20e;
	color: #fff;
	padding: 0 5px;
	margin: 0 0 0 10px;
}



#mainbox .mcontentbox .videostopic {
	background: #008eb0;
	color: #fff;
}

#mainbox .mcontentbox .galeriestopic {
	background: #ffc20e;
	color: #fff;
}

#mainbox .mcontentbox .documentstopic {
	background: #f26522;
	color: #fff;
}








#columnscontainer {
	background: #fff;
	margin: 20px 0 0 0;
}

#leftcolumn, #rightcolumn {
	width: 325px;
	float: left;
	border: 0px solid;
	margin: 0 10px;
}






#tagscloud a:link, #tagscloud a:visited, #tagscloud a:active{
	color: #fff;
	text-decoration: none;
}

#tagscloud a:hover{
	/*color: #008eb0;*/
	color: #000;
	text-decoration: none;
	background: #FFFFFF;
}







#footer {
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin: 0px 0 20px 0;
	border: 0px solid;
	line-height: 1px;
	width: 729px;
}
#footer p, #footer a {
	line-height: 1px;
	padding: 10px 0;
	margin: 0;
}

#footer a:link, #footer a:visited, #footer a:active{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.spip_logos {
	float: left;
}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }





/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints * {

}

#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }

.spip_surligne { background: #FF6; }

.spip_doc_joints {
	font-weight: bold;

}


.spip_doc_joints IMG {
	margin: 5px 0 0 0;
}


.spip_doc_joints a{
	margin: 0;
}

.spip_doc_joints a:link{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.spip_doc_joints a:visited, .spip_doc_joints a:active{
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}















.registration_form hr, #resume hr {
	color: #f3f3f3;
	height: 1px;
	width: 100%;
	margin: 20px 0;
	border: 1px dashed #CCC;
}

.registration_form hr.smallhr {
	color: #f3f3f3;
	height: 1px;
	width: 100%;
	margin: 10px 0;
	border: 1px dashed #CCC;
}

.registration_form .formLayout, #resume .formLayout
{
	background-color: #f3f3f3;
	border: solid 1px #a1a1a1;
	padding: 10px;
	wwidth: 300px;
}

.registration_form .formLayout H3, #resume H3
{
	display: inline;
	margin: 0 0 0 10px;
}

.registration_form .formLayout label, #resume label
{
	padding: 0 5px 0 0;
	font-weight: bold;
}

.registration_form .formLayout .nb
{
	font-weight: bold;
}

.registration_form .colonne {
	width: 33%;
	text-align: center;
	float: left;
	margin: 0 .2%;
}

.registration_form .border {
	border: solid 1px #a1a1a1;
	display: block;
	padding: 10px 0;
}
.registration_form .small{
	line-height: 4px;
}

.registration_form .line31{
	line-height: 31px;
}

.registration_form .sessions {
	border: 0px solid;
	margin: 10px 0 0 0;
	display: block;
	ffloat: left;

}

.registration_form .session {
	margin: auto;
	display: inline;
	padding: 0 2%;
	border: 0px solid;
}

.registration_form .info-btn {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 0 0 0 5px;
}

.registration_form .clear {
	clear: both;
}


.registration_form br
{
	clear: none;
}

.registration_form ul, ul li {
	display: inline;
	margin: 0px;
	list-style-type: none;
}

.registration_form .trois, #resume .trois {
	float: left;
	display: inline;
	width: 40%;
}

.registration_form textarea {
	display: inline;
}

.registration_form select {
	display: inline;
}

.registration_form input, textarea, select {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #330099;
	font-size: 1.1em;
}

.registration_form input.righty {
	font-size: 1.1em;
	text-align: right;
	padding: 0 5px 0 0;
	font-weight: bold;
}

.registration_form input.submit_btn {
	color: #000;
}

.form_hidden {
	display: none;
}

.form_shown {
	display: normal;
}

.black {
	color: #000000;
}

.red {
	color: #FF0000;
}


#progtable table
{
	border: 2px solid #000;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 690px;
}

#progtable table tr td
{
	border: 1px solid #000;
	margin: 0;
	padding: 5px;
	font-family: georgia;
	ffont-size: 9px;
	font-weight: bold;
	text-align: center;
	width: 20%;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupblack, #progtable table tr td a.popupblack
{
	color: #000;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupwhite, #progtable table tr td a.popupwhite, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite2, #progtable table tr td a.popupwhite2
{
	color: #FFF;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupblack:link, #mainbox .mcontentbox .box #progtable table tr td a.popupblack:visited, #mainbox .mcontentbox .box #progtable table tr td a.popupblack:active, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite:link, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite:visited, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite:active, #progtable table tr td a.popupblack:link, #progtable table tr td a.popupblack:visited, #progtable table tr td a.popupblack:active, #progtable table tr td a.popupwhite:link, #progtable table tr td a.popupwhite:visited, #progtable table tr td a.popupwhite:active
{
	text-decoration: none;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupwhite2:link, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite2:visited, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite2:active, #progtable table tr td a.popupwhite2:link, #progtable table tr td a.popupwhite2:visited, #progtable table tr td a.popupwhite2:active
{
	text-decoration: none;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupwhite2:hover, #progtable table tr td a.popupwhite2:hover
{
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

#mainbox .mcontentbox .box #progtable table tr td a.popupblack:hover, #mainbox .mcontentbox .box #progtable table tr td a.popupwhite:hover, #progtable table tr td a.popupblack:hover, #progtable table tr td a.popupwhite:hover
{
	text-decoration: underline;
}


#progtable table tr td.tiny
{
	width: 30px;
}

#progtable table tr td.tred
{
	background: #F26522;
	border: 2px solid #000;
	color: #FFF;
}

#progtable table tr td.tgreen
{
	background: #8CC93E;
	border: 2px solid #000;
	color: #FFF;
}

#progtable table tr td.tgreen h1
{
	border: 2px solid #FFF;
	padding: 10px 10px 10px 10px; 
	width: 20px;
	margin: 0 auto;
}

#progtable table tr td.tyellow
{
	background: #FFC20F;
	border: 2px solid #000;
	color: #000;
}

#progtable table tr td.tgray
{
	background: #DDD;
	color: #000;
}

#progtable table tr td.tblue
{
	background: #0C4EA2;
	border: 2px solid #000;
	color: #FFF;
}

#progtable table tr td .hrwhite
{
	width: 6px;
	height: 6px;
	margin: 8px auto;
	background: #FFFFFF;
}

#progtable table tr td .hrblack
{
	width: 6px;
	height: 6px;
	margin: 8px auto;
	background: #000000;
}

.tborder
{
	border: 2px solid #000;
}