﻿body{background:#E4E4E4;
	/*text-align:center; SEARCH CONTROL*/
}
br.clearer
{
	width:100%;
	height:0px;
	overflow:hidden;
	display:block;
	font-size:0px;
	clear:both;
}
hr{
	display:block;
}
.noCss,
hr.noCss,
.nocss
{
	display:none !important;
	display:none;
	visibility:visible !important;
	visibility:hidden;
	overflow:hidden;
	float:left;
	height:0px;
	width:0px;
}
br.block{
	font-size:1px;
}



#Container{
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width:955px;
	text-align:left;
	background:#FFFFFF url('/images/orang.gif') repeat-y;
}
#InnerContainer
{
	padding:0 0 0 0;
	margin: 0px 6px 10px 0px;
	width:100%;
	
}
#SectionBanner
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	clear:both;
}
#SectionBanner object
{float:left;width:720px;overflow:hidden;height:175px;}
#SectionBanner object embed
{width:720px;height:175px;}

#MainNav
{
	background:#FFFFFF;
	display:block;
	height:71px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#MainNav .navWrapper
{
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}



#SectionImage
{
	float:left;
	margin: 0 0 0 7px;
	padding: 0 0 0 0;
}

.rotationImgA
{

}
.rotationImg{
}
img{
	border:0px;
	padding:0px;
	margin:0px;
}



#SectionNavigation{
	margin:0 0 0 0;
	padding: 0 0 0 0;	
}
#SectionNavigation,
#SectionNavigation a
{
	font-variant:normal;
	font-size:9pt;
	font-weight:normal;
	color:#CCCCCC;
	text-decoration:none;
	font-weight:700;
	letter-spacing:0px;
	border:none;
}
#SectionNavigation li
{
	width:100%;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	list-style-image:none;
	padding:0 0 0 0;
	margin: 0 0 0px 0;
	float:none;
	clear:none;
}
#SectionNavigation a{
	padding-left:16px;
	display:block;
	padding-top: 8px;
	padding-bottom: 8px;
}
#SectionNavigation li.selected a
{
	color:#E0E0E0;
}
#SectionNavigation ul li a
{
	padding-left:15px;
	color:#000000;
}
#SectionNavigation a:hover{
	color:#E0E0E0;
}

#SectionNavigation li ul{
	margin-left:8px;
	background:#CDCDCD;
	display:block;
	margin:0 0 0 8px;
	padding: 0 0 0 0;
	float:none;
	width:100%;
	border:none;
	margin: 0 0 0 0;
}
#SectionNavigation li ul,
#SectionNavigation li ul a
{
	margin-top:0px;
	margin-bottom:0px;
	font-variant:normal;
	font-size:9pt;
	font-weight:normal;
	padding-bottom:0px;
}
#SectionNavigation li ul li
{
	float:none;
	margin-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#SectionNavigation li ul li a
{
	float:none;
	padding-top:2px;
	padding-bottom:2px;
}
#SectionNavigation li ul a,
#SectionNavigation li ul li a
{
	font-weight:normal;
	letter-spacing:0px;
}
#SectionNavigation li ul a:hover,
#SectionNavigation li ul li a:hover
{
	/*background:#B8B8B8 url('/images/arrow.gif') no-repeat ;*/
	color:#000000;
}
#SectionNavigation li.selected ul li a,
#SectionNavigation li ul li.selected ul li a
{
	color:#000000;
	background:none;
}

#SectionNavigation li ul li.selected a
{
	/*background: #B8B8B8 url('/images/arrow.gif') no-repeat ;*/
}
#SectionNavigation li ul a,
#SectionNavigation li ul li a,
#SectionNavigation li.selParent ul a,
#SectionNavigation li.selParent ul li a,
#SectionNavigation li.selected ul li a,
#SectionNavigation li.selected ul li a
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:27px;
	margin-left:7px;
	letter-spacing:0px;
}




/************************************
Style de base
**************************************/
#ContentPane .newsDate
{
}


#TopPage
{
}
#MainContent
{
	
}
#MainContent .textContent
{
	margin: 0 0 0 0;
	padding: 0 20px 0 15px;
}
#MainContent .topPageLinkWrap
{
	border-bottom: 1px #BFBFBF dotted;
	display:block;
	margin: 20px 20px 10px 20px;
	padding: 0 0 14px 0;
}
#MainContent .topPageLink
{
	text-decoration:underline;
	border:none;
}


#ContentPane
{
}

#ContentPane .sectionSubTitle
{
}

.adslinkImg
{
}
#Ads .ads .adslinkImg
{
}
#Ads img
{
}


.ads a h1,
.ads h1
{
}
#ContentPane .ads a h1,
#ContentPane .ads h1,
.ads a h1,
.ads h1
{
}

.ads a h2,
.ads h2
{
}
.ads a h3
{
}

.ads a h4,
.ads a h5,
.ads a h6
{
}

.ads,
.ads a,
.ads a:hover
{
}










#Ads .adsAdmin
{
}





#LegalBlock
{
}
#LegalNavigation 
{
}
#LegalNavigation li
{
}

#LegalNavigation li a
{
}

#LegalNavigation li.ergonet
{
}


/*****************************************
Styles pour l'editeur
*******************************************/

.lnkWrapper
{
}

.rouge
{
}

.rougeGros
{
}

.creditPhoto
{
}

.legendePhoto
{
}

.bleuGras
{
}

table.tableauBordure
{
	
}
table.tableauBordure thead tr td
{
}
table.tableauBordure tr td
{
}
td.degrade
{
}





/***** news content ****/
.newsList{}
.news{}
.news .newsImage{float:left;}



/*** Define base elements  ****/

.wizardSteps,
.wizardSubSteps,
#ContentPane .wizardSteps,
#ContentPane .wizardSubSteps,
.wizardSteps li,
.wizardSteps li span,
.wizardSubSteps li,
.wizardSubSteps li span
{
}

a.linkOpenPopup,
#ContentPane a.linkOpenPopup:hover
{
}



/** Basic form applied globally **/
.fieldGroup
{
}
.fieldGroup h3,
.fieldGroup h3 span
{
}
.fieldGroup .fieldWrapper
{
}
div.fieldGroup .verticalRadGroup,
div.fieldGroup div.fieldWrapper .verticalRadGroup,
div.fieldGroup .verticalCheckGroup
{
}
div.fieldGroup .verticalRadGroup input,
div.fieldGroup .verticalCheckGroup input
{
}

.fieldGroup .fieldWrapper input
{
}
.fieldGroup .fieldWrapper .requiredIndicator
{
}

.fieldGroup .fieldWrapper .label
{
}
.fieldGroup .fieldWrapper input.standard
{
}
.fieldGroup .fieldWrapper select.standard
{
}

.fieldGroup .fullWidth
{
}

.fieldGroup .fullWidth a,
.fieldGroup .fullWidth input
{
}

.fieldGroup .fieldWrapper .subPoint
{
}



.psimMessage
{
}
.psimMessage li,
#ContentPane .psimMessage li
{
}
#ContentPane .psimMessage .errorMessage,
.psimMessage .errorMessage,
.errorMessage
{
}






/* MAIN NAVIGATION  */
#MainNavigation
{

	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}
#MainNavigation li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height:33px;
	border-left: 1px solid #E0E0E0;
	display:block;
	float:left;
}
#MainNavigation li a,
#MainNavigation li a:hover,
#MainNavigation li a:selected,
#MainNavigation li a:visited
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	white-space: normal;
	display:block;
	height:33px;
	text-decoration:none;
	background-image:none;
	border:none;
	color:#A1A1A1;
	font-weight:bold;
	font-size:11px;
}
#MainNavigation li a span
{
	margin-left:7px;
	margin-right:7px;
	margin-top:4px;
	margin-bottom:0px;
	padding: 0 0 0 0;
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#A1A1A1;
}
#MainNavigation li.ordre
{
	width:60px;
}
#MainNavigation li.protection
{
	width:99px;
}
#MainNavigation li.services
{
	width:81px;
}
#MainNavigation li.co
{
	width:113px;
}
#MainNavigation li.pe
{
	width:160px;
}
#MainNavigation li.comm
{
	width:130px;
}
#MainNavigation li.membres
{
	width:93px;
}


#MainNavigation li.section1 a.selected,
#MainNavigation li.section1 a:hover,
#MainNavigation li.section1 a.selected span,
#MainNavigation li.section1 a:hover span
{
	color:#85B6BE;
}
#MainNavigation li.section2 a.selected,
#MainNavigation li.section2 a:hover,
#MainNavigation li.section2 a.selected span,
#MainNavigation li.section2 a:hover span
{
	color:#84AA7D;
}
#MainNavigation li.section3 a.selected,
#MainNavigation li.section3 a:hover,
#MainNavigation li.section3 a.selected span,
#MainNavigation li.section3 a:hover span
{
	color:#B0B86C;
}
#MainNavigation li.section4 a.selected,
#MainNavigation li.section4 a:hover,
#MainNavigation li.section4 a.selected span,
#MainNavigation li.section4 a:hover span
{
	color:#A59966;
}
#MainNavigation li.section5 a.selected,
#MainNavigation li.section5 a:hover,
#MainNavigation li.section5 a.selected span,
#MainNavigation li.section5 a:hover span
{
	color:#2C80B1;
}
#MainNavigation li.section6 a.selected,
#MainNavigation li.section6 a:hover,
#MainNavigation li.section6 a.selected span,
#MainNavigation li.section6 a:hover span
{
	color:#FF6900;
}
#MainNavigation li.section7 a.selected,
#MainNavigation li.section7 a:hover,
#MainNavigation li.section7 a.selected span,
#MainNavigation li.section7 a:hover span
{
	color:#B23946;
}



#LegalWrapper{
text-align:left;
font-size:11px;
color:#7F7F7F;
margin: 0 18px 0 18px;
padding: 0 84px 0 0;
background: url('/images/occoppq_bottom.gif') no-repeat right top;
}
#LegalBlock
{
	
}
#LegalNavigation 
{
	list-style-image:none;
	margin: 8px 0 0 0;
	padding: 0 0 12px 0;
}
#LegalNavigation li
{
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	display:inline;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
}
#LegalWrapper a,
#LegalNavigation li a
{
	color:#7F7F7F;
	border:none;
}
#LegalWrapper a:hover,
#LegalNavigation li a:hover
{
	color:#333333;
}


#ConsultA
{
	width:203px;
	float:none;
	clear:none;
	text-align:left;
	overflow:hidden;
	margin: 6px 15px 0 15px !important;
	margin: 0 7px 0 7px;
	padding: 0 0 0 0;
	font-size:10px;
}

#ConsultA .consult{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight:bold;
	font-size:11px;
}
#ConsultA .co{
	display:block;
	margin: 6px 0 0 0;
	border:none;
	color:#716F6E;
	font-weight:bold;
	padding-left:15px;
	background: url('/images/nav_icon.gif') no-repeat 0px center;
	text-decoration:none;
	font-size:11px;
}
#ConsultA .psyEd
{
	margin: 6px 0 0 0;
	display:block;
	border:none;
	color:#716F6E;
	font-weight:bold;
	padding-left:15px;
	background: url('/images/nav_icon.gif') no-repeat 0px center;
	text-decoration:none;
	font-size:11px;
}
#ConsultA .co:hover,
#ConsultA .psyEd:hover,
#ConsultA .selected{
	color:#333333;
	text-decoration:none;
}

div.bannerBlock
{
	float:left;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	clear:none;
}


/*---------------------------------
	Sub Navigation
---------------------------------*/		
#SubNavigation
{
	float:none;
	list-style:none;
	text-align:left;
	margin: 0 15px 0 15px !important;
	margin: 0 7px 0 7px;
	padding: 0 0 0 0;
	display:block;
	width:203px;
}
#SubNavigation li{
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;
	display:block;
	list-style-image:none;
	list-style-type:none;
	border-bottom:dotted 1px #4C4C4C;
	width:203px;
}
#SubNavigation li,
#SubNavigation li a
{
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#716F6E;
	width:100%;
	font-weight:bold;
}
#SubNavigation li a
{
	border:none;
}
#SubNavigation li a.selected,
#SubNavigation li a:hover
{
	color:#333333;
}


#Sitename
{
	background: #0e0e0e url('/images/logo_occoppq.png') no-repeat;
	display:block;
	width:193px;
	height:44px;
	text-indent:-9999px;
	font-size:0px;
	float:left;
}
#Sitename a
{
	display:block;
	width:193px;
	height:44px;
	border:none;
	text-decoration:none;
}


table.audience
{
	margin: 20px 0px 20px 0px;
}
table.audience tr.header td
{
	font-weight:bold;
}
table.audience tr td
{
	padding: 4px 2px 4px 2px;
	margin: 0 0 0 0;
}
table.audience tr.odd td,
table.audience tr.even td,
table.audience tr.odd td p,
table.audience tr.even td p,
table.audience tr.odd td a,
table.audience tr.even td a,
table.audience tr.odd td span,
table.audience tr.even td span,
table.audience tr.odd td li,
table.audience tr.even td li
{
	font-size:10px;
}


table.audience tr.odd,
table.audience tr.even
{
	
}

table.audience table tr td.dossierhead,
table.audience table tr td.datehead,
table.audience table tr td.sallehead,
table.audience table tr td.partieshead,
table.audience table tr td.procureurhead,
table.audience table tr td.naturehead,
table.audience table tr td.presidehead,
table.audience table tr td.sourcehead
{
	font-weight:bold;
	font-size:12px;
}
table.audience tr td
{
	border-bottom: solid 1px black;
}
table.audience tr td table td
{
	border-bottom:none;
}



.personnelList,
#MainContent .personnelList
{
	padding-top:10px;
}
.personnelList .personnelCat h2
{
	padding-top:3px;
	margin-top:0px;
	margin-bottom:10px;
	border-top: solid 1px #FF6608;
	color:#FF6608;
}
.personnelList .personnelCat
{
	padding-top:15px;
	padding-bottom:15px;
}
.personnelList .vcard
{
	margin-left:0px;
}
.personnelList .personnelCat .vcard
{margin-left:20px;}
.personnelList .personnelCat .vcard,
.personnelList .vcard
{
	padding-top:3px;
	margin-bottom:10px;
	position:relative;
	border-top: solid 1px #333333;
}

.personnelList .vcard .role
{
	font-style:italic;
}
.personnelList .vcard .telephone
{
	float:right;
	position:absolute;
	top:0px;
	right:0px;
}

.personnelList .vcard .telephone div
{display:inline;}


/*Poll Module*/
.PollTable
{
	margin: 10px 0 0 15px;
	padding: 10px;
	background:#FEF8D5;
	border-top: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	width:720px;
}
.PollTable td
{
	padding-left:15px;
	padding-right:15px;
}
.PollTable td table td
{
	padding-left:0px;
	padding-right:0px;
}
.PollTable .PollTitle
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.PollTable .PollTitle .pollIntroText
{
	margin-top:10px;
	text-align:left;
}
.PollTable .PollOption
{
	padding-left:0px;
	padding-right:0px;
}
.PollTable .PollOption input
{
	margin-right:15px;
}

.PollTable .Footer td
{
	padding-top: 10px;
}
.PollTable .Footer .pollVoteResult
{
	text-align:left;
}
.PollTable .Footer .pollResult
{
	text-align:left;
}
.PollTable .Footer .pollAlreadyVoted
{
	text-align:left;
	font-weight:bold;
}
.PollTable .PollOptionResultTitle
{
	padding-top:8px;
	padding-left:0px;
	padding-right:55px;
}
.PollTable .PollOptionResult
{
	padding-top:8px;
	padding-left:25px;
	text-align:right;
	padding-left:0px;
	padding-right:0px;
}


a.sitemapLvl1
{
	color:#111111;
	text-decoration:none;
}
