/************************************************************************************************ Template stylesheet ****/

html, body, ul, li, h1, h2, h3, h4, h5, h6, img, form {
	padding:0;
	margin:0;
	border: 0
}

p { padding:10px;
	margin:0px 0 0 0
 }

body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

.block { margin-bottom:21px }

#links{
	position:absolute;
	top:290px;
	left:585px;
	height:30px;
	padding-top:3px;
	text-align:right;
	padding-right:19px;
	background: url(../images/menu/redPop.gif) no-repeat right center }

#links a{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	padding:0;
	margin:0;
	color:#b2062f;}

/****************************************************************************************************************** clear ***/

.clear {
	clear:both;
	display:block;
	background-color:transparent;
	padding:0;
	margin:0;
	border:0;
	height: 1px;
	font-size:1px;
	line-height: 1px
}

/******************************************************************************************************************* link ***/

a:link, a:visited, a:hover {
	color:#ec491e;
	text-decoration:none
}

a:hover { color:#AA1029 }

/***************************************************************************************************************** titles ***/

h1, h2, h3 {
	padding:5px 0 10px 0;
	font-size:16px;
	color:#FFFFFF
}

h3 { color:#AA1029 }

/**************************************************************************************************************** images ***/

img.image_float_left {
	float: left;
	display:block;
	margin:10px
}

img.image_block_center {
	text-align: center;
	display: block;
	margin:5px 16px 13px 21px
}

img.image_float_right {
	float: right;
	display:block;
	margin:12px 12px 6px 25px
 }

/******************************************************************************************************************** list ***/
ul {
	margin:10px 10px 10px 0;
}

li {
	margin:8px 0;
	list-style:none
}
/************************************************************************************************************** shapeLink ***/

.shapeLink { margin:0 0 35px 35px }

/*************************************************************************************************************** wrapper ***/

#wrapper {
	position:relative;
	margin: 0 auto;
	width:1000px;
	min-height:850px;
	_height:850px
}

/**************************************************************************************************************** header ***/

#header {
	position:absolute;
	height:280px;
	width:1000px;
	top:0;
	left:0
}

input#search {
	position:absolute;
	top:237px;
	right:70px;
	width:128px;
	padding-left:5px;
	height:17px;
	border: none
}

input#ok {
	position:absolute;
	top:237px;
	right:33px;
	background: #fff !important
}

/************************************************************************************************************** pagelayout ***/

#pagelayout {
	float:left;
	width:700px;
	padding:370px 0 0 20px;
	color:#020203;
}

#content {
	float:right;
	width:460px;
}

#col_gauche {
	float:left;
	width:180px;
}

/******************************************************************************************************* sections_col_droite ***/

#col_droite {
	width:200px;
	float:right;
	padding:294px 20px 0 0;
}

/***************************************************************************************************** contentLeft & Right ***/
#contentLeft,#contentRight{
	float:left;
	width:305px;
}

#contentRight{
	margin-left:10px;
	float:right;
}
/********************************************************************************************************* model_Default ***/

h2, h2.titleDefault, h2.titleDefaultRed, h2.titleDefaultBlue, h2.titleDefaultGreen, h2.titleDefaultVert, h2.titleDefaultRose, h2.titleDefaultViolet, h2.titleDefaultOrange {
	padding:5px;
	color:#020203;
	font-size:16px;
	border-bottom:1px solid #e9eef3;
	font-stretch:expanded;
	font-variant:small-caps;
	background:#dbdbdb
}

h2.titleDefaultRed {
	color:#FFFFFF;
	background:#AA1029 url(../images/fondBlanc/title_red.gif) repeat-x bottom
}

h2.titleDefaultBlue {
	color:#FFFFFF;
	background:#005E7A url(../images/fondBlanc/title_blue.gif) repeat-x bottom
}


h2.titleDefaultGreen {
	color:#FFFFFF;
	background:#008389 url(../images/fondBlanc/title_green.gif) repeat-x bottom
}

h2.titleDefaultVert {
	color:#FFFFFF;
	background:#00AA00 url(../images/fondBlanc/title_vert.gif) repeat-x bottom
}

h2.titleDefaultRose {
	color:#FFFFFF;
	background:#FFECEC url(../images/fondBlanc/title_rose.gif) repeat-x bottom
}

h2.titleDefaultViolet {
	color:#FFFFFF;
	background:#8080C0 url(../images/fondBlanc/title_violet.gif) repeat-x bottom
}

h2.titleDefaultOrange {
	color:#FFFFFF;
	background:#DC7724 url(../images/fondBlanc/title_orange.gif) repeat-x bottom
}

.wrapDefault, .wrapDefaultRed, .wrapDefaultBlue, .wrapDefaultGreen, .wrapDefaultVert, .wrapDefaultRose,  .wrapDefaultViolet, .wrapDefaultOrange {
	color:#020203;
	border-left:1px solid #e9eef3;
	border-right:1px solid #e9eef3;
	border-bottom:5px solid #dbdbdb;
	background:url(../images/accueil/narrowShadow.gif) repeat-x bottom
}

.introDefault, .introDefaultRed, .introDefaultBlue, .introDefaultGreen, .introDefaultVert, .introDefaultRose, .introDefaultViolet, .introDefaultOrange {
	color:#AA0829;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	margin-top:15px;
	margin-left:10px
}

.contentDefault, .contentDefaultRed, .contentDefaultBlue, .contentDefaultGreen, .contentDefaultVert, .contentDefaultRose, .contentDefaultViolet, .contentDefaultOrange {	padding:20px 0 }

/******************************************************************************************************** rounded_frame ***/

h3.title_Rounded_Frame, h3.title_Rounded_FrameRed, h3.title_Rounded_FrameBlue, h3.title_Rounded_FrameGreen, h3.title_Rounded_FrameVert, h3.title_Rounded_FrameRose, h3.title_Rounded_FrameViolet, h3.title_Rounded_FrameOrange {
	color:#fff;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	margin: 0 0 10px 0;
	padding:5px;
	background:#8f90a0 url(../images/rounded_frame/bgGrey.gif) repeat-x bottom
}

h3.title_Rounded_FrameRed { background:#AA0829 url(../images/rounded_frame/bgRed.gif) repeat-x bottom }
h3.title_Rounded_FrameBlue { background:#005E7A url(../images/rounded_frame/bgBlue.gif) repeat-x bottom }
h3.title_Rounded_FrameGreen { background:#00838A url(../images/rounded_frame/bgGreen.gif) repeat-x bottom }
h3.title_Rounded_FrameVert { background:#00AA00 url(../images/rounded_frame/bgVert.gif) repeat-x bottom }
h3.title_Rounded_FrameRose { background:#FFECEC url(../images/rounded_frame/bgRose.gif) repeat-x bottom }
h3.title_Rounded_FrameViolet { background:#8080C0 url(../images/rounded_frame/bgViolet.gif) repeat-x bottom }
h3.title_Rounded_FrameOrange { background:#DC7725 url(../images/rounded_frame/bgOrange.gif) repeat-x bottom }

.item_contentRoundedFrame {
	padding:0 10px 6px 10px;
	font-size:11px;
	color:#020203;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid
}

.item_contentRoundedFrame a:link, .item_contentRoundedFrame a:visited { color:#020203 }

.item_contentRoundedFrame li{
	list-style:disc;
	margin:4px 0 4px 26px

}

/*************************************************************************************************************** Summary ***/

.title_Summary {
	color:#AA0829;
	font-size:16px;
	font-weight:bold;
	padding-bottom:3px
}

.item_introSummary { color:#8F90A0 }

.item_contentSummary {
	padding:6px;
	font-size:11px;
	color:##020203;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid
}

.item_contentSummary p { padding:3px 0 }

.item_contentSummary ul { padding:6px 0 }

.item_contentSummary li { padding:2px 0 5px 0 }

.borderBottomLeft, .borderBottomRight, .borderTopLeft, .borderTopRight {
	display:inline;
	height:10px;
	width:10px;
	float:left;
	background: url(../images/summary/topLeftSummary.png) no-repeat bottom;
	//background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/summary/topLeftSummary.png')
}

.borderTopRight {
	float:right;
	background: url(../images/summary/topRightSummary.png) no-repeat bottom;
	//background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/summary/topRightSummary.png')
}

.borderTop {
	border-top:#CCCCCC 1px solid;
	margin: 0 10px;
	padding: 4px 0 5px 0
}

.borderBottomLeft, .borderBottomRight {
	background: url(../images/summary/bottomLeftSummary.png) no-repeat left top;
	//background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/summary/bottomLeftSummary.png')
}

.borderBottomRight {
	float:right;
	background: url(../images/summary/bottomRightSummary.png) no-repeat left top;
	//background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/summary/bottomRightSummary.png')
}

.borderBottom {
	 border-bottom:#CCCCCC 1px solid;
	 margin:0 10px 0 10px;
	 padding:4px 0 6px
}

/*********************************************************************************************************** fond_blanc ***/

h2.titleWhite, h2.titleRed, h2.titleBlue, h2.titleGreen, h2.titleVert, h2.titleRose, h2.titleViolet, h2.titleOrange {
	font-size:14px;
	font-variant:small-caps;
	font-stretch:semi-expanded;
	padding: 3px 0 3px 15px;
	background:#AA1029 url(../images/fondBlanc/title_red.gif) repeat-x bottom
}

h2.titleBlue { background:#005E7A url(../images/fondBlanc/title_blue.gif) repeat-x bottom }
h2.titleGreen { background:#008389 url(../images/fondBlanc/title_green.gif) repeat-x bottom }
h2.titleVert { background:#00AA00 url(../images/fondBlanc/title_vert.gif) repeat-x bottom }
h2.titleRose { background:#FFECEC url(../images/fondBlanc/title_rose.gif) repeat-x bottom }
h2.titleViolet { background:#8080C0 url(../images/fondBlanc/title_violet.gif) repeat-x bottom }
h2.titleOrange { background:#DC7724 url(../images/fondBlanc/title_orange.gif) repeat-x bottom }

.intro_white {
	color:#8F90A0;
	font-size:13px;
	padding:5px;
	margin:12px 0 0 15px;
	font-weight:bold
}

.content_white, .content_whiteRed, .content_whiteBlue, .content_whiteGreen, .content_whiteVert, .content_whiteRose, .content_whiteViolet, .content_whiteOrange {
	font-size:12px;
	color:#020203;
	padding:0px 5px 5px 7px;
	margin:5px
}

.content_white li {
	margin:6px 0 6px 26px;
	list-style:disc
}

.wrapWhite, .wrapWhiteRed, .wrapWhiteBlue, .wrapWhiteGreen, .wrapWhiteVert, .wrapWhiteRose, .wrapWhiteViolet, .wrapWhiteOrange {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:5px solid #dbdbdb;
	margin-bottom:25px;
	color:#020203;
	background:url(../images/accueil/narrowShadow.gif) repeat-x bottom
}

.wrapWhiteRed { border-bottom:4px solid #aa1029 }
.wrapWhiteBlue { border-bottom:4px solid #2482A6 }
.wrapWhiteGreen { border-bottom:4px solid #008389 }
.wrapWhiteVert { border-bottom:4px solid #00AA00 }
.wrapWhiteRose { border-bottom:4px solid #FFECEC }
.wrapWhiteViolet { border-bottom:4px solid #8080C0 }
.wrapWhiteOrange { border-bottom:4px solid #dc7724 }

/********************************************************************************************* Red_Blue_Orange_Green_Vert_Rose_Violet_Box ***/

.redBox, .blueBox, .orangeBox, .greenBox, .vertBox, .roseBox, .violetBox {
	width:455px;
	color:#fff
}

.wrapTitle_Red, .wrapTitle_Blue, .wrapTitle_Orange, .wrapTitle_Green, .wrapTitle_Vert, .wrapTitle_Rose, .wrapTitle_Violet {
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	padding:6px 30px 0 0;
	height:27px;
	background:url(../images/col_centre/top_redFrame.gif) no-repeat
}

.wrapTitle_Blue { background:url(../images/col_centre/top_blueFrame.gif) no-repeat }
.wrapTitle_Orange { background:url(../images/col_centre/top_orangeFrame.gif) no-repeat }
.wrapTitle_Green { background:url(../images/col_centre/top_greenFrame.gif) no-repeat }
.wrapTitle_Vert { background:url(../images/col_centre/top_vertFrame.gif) no-repeat }
.wrapTitle_Rose { background:url(../images/col_centre/top_roseFrame.gif) no-repeat }
.wrapTitle_Violet { background:url(../images/col_centre/top_violetFrame.gif) no-repeat }

.wrapRed, .wrapBlue, .wrapOrange, .wrapGreen, .wrapVert, .wrapRose, .wrapViolet {
	width:455px;
	background:#AA0829;
	color:#fff;
}

.wrapBlue { background:#006E97 }
.wrapOrange { background:#F9B200 }
.wrapGreen { background:#009191 }
.wrapVert { background:#009700 }
.wrapRose { background:#B30059}
.wrapViolet { background:#7171B9 }

.wrapRed_bottom, .wrapBlue_bottom, .wrapOrange_bottom, .wrapGreen_bottom, .wrapVert_bottom, .wrapRose_bottom, .wrapViolet_bottom {
	width:455px;
	height:12px;
	background:url(../images/col_centre/bottom_redFrame.gif) no-repeat
}

.wrapBlue_bottom { background:url(../images/col_centre/bottom_blueFrame.gif) no-repeat }
.wrapOrange_bottom { background:url(../images/col_centre/bottom_orangeFrame.gif) no-repeat }
.wrapGreen_bottom { background:url(../images/col_centre/bottom_greenFrame.gif) no-repeat }
.wrapVert_bottom { background:url(../images/col_centre/bottom_vertFrame.gif) no-repeat }
.wrapRose_bottom { background:url(../images/col_centre/bottom_roseFrame.gif) no-repeat }
.wrapViolet_bottom { background:url(../images/col_centre/bottom_violetFrame.gif) no-repeat }


.intro {
	color:#aa0000;
	font-size:13px;
	font-weight:bold;
	padding:8px 5px 2px 5px
}

.highlight {
	padding:2px 5px 2px 5px;
	font-weight:bold;
	font-size:12px;
	color:#EEEEEE
}

.content {
	padding:2px 8px;
	font-size:12px;
}

.content img { margin:0 10px; border:0 solid #fff;}

.redBox a, .blueBox a, .orangeBox a, .greenBox a, .vertBox a, .roseBox a, .violetBox a { color:#F9B200 }
.orangeBox a { color:#AA0829 }

.link {padding-top:5px }

/*****************************************************************************************************_Arrow + ArrowLittle***/

.wrap_ArrowLittle, .wrap_ArrowLittleRed, .wrap_ArrowLittleBlue, .wrap_ArrowLittleGreen, .wrap_ArrowLittleVert, .wrap_ArrowLittleRose, .wrap_ArrowLittleViolet, .wrap_ArrowLittleOrange {
	min-height:160px;
	padding:5px 20px;
	border:1px solid #CCCCCC
}

.wrap_ArrowLittleRed { background:url(../images/arrow/small_redArrow.gif) no-repeat top left }
.wrap_ArrowLittleBlue { background:url(../images/arrow/small_blueArrow.gif) no-repeat top left }
.wrap_ArrowLittleGreen { background:url(../images/arrow/small_greenArrow.gif) no-repeat top left }
.wrap_ArrowLittleVert { background:url(../images/arrow/small_vertArrow.gif) no-repeat top left }
.wrap_ArrowLittleRose { background:url(../images/arrow/small_roseArrow.gif) no-repeat top left }
.wrap_ArrowLittleViolet { background:url(../images/arrow/small_violetArrow.gif) no-repeat top left }
.wrap_ArrowLittleOrange { background: url(../images/arrow/small_orangeArrow.gif) no-repeat top left }

.title_ArrowLittle, .title_ArrowLittleRed, .title_ArrowLittleBlue, .title_ArrowLittleGreen, .title_ArrowLittleVert, .title_ArrowLittleRose, .title_ArrowLittleViolet, .title_ArrowLittleOrange {
	margin-left:65px;
	font-size:16px;
	color:#AA0829;
	padding:5px 5px 2px 5px
}

.intro_ArrowLittle {
	margin-left:15px;
	color:#8F90A0;
	font-size:14px;
	font-weight:500;
	font-stretch:expanded;
	padding:2px 5px 2px 85px;
	margin-top:6px
}

.highlight_Arrow {
	padding:2px 5px 2px 5px;
	margin-left:20px;
	font-size:12px;
	font-weight:500;
	color:black
}

.content_ArrowLittle {
	padding:10px 7px;
	margin-bottom:20px;
	padding: 50px 7px 10px 50px;
	font-size:12px;
	color:#020203
}


/********************************************************************************************************** communeDelegue ***/

#comDel {
	border:1px solid #CCC;
	margin-top:30px;
	padding-bottom:12px;
	background:url(../images/ficheMairie/bottom_smallBiggerToggler.gif)	no-repeat bottom
}

/************************************************************************************************************** liste delegue ***/

.listDelegue, .listDelegueClearBlue {
	min-height:30px;
	width:140px;
	padding:7px 0;
	margin:10px 0 10px 7px;
	border:1px solid #7f97aa;
	background:#FFFFFF
}

.listDelegueClearBlue {
	margin-left:10px;
	background:#F7FBFD
}

#comDel .listDelegueClearBlue { margin-left:17px }

.title_shadow {
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#373F46;
	cursor:pointer;
	margin:auto;
	padding:2px 4px 2px 4px
}

.title_shadow a:link, .title_shadow a:visited {
	padding:2px 0 2px 15px;
}

.intro_shadow, .intro_shadowDetail {
	color:#373F46;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	margin:0;
	color:black;
	cursor:pointer
}

.intro_shadow a:link, .intro_shadow a:visited {
	padding:2px 0 2px 12px;
	margin:0 0 0 8px;
}


.title_DelegueNavyBlue {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0 8px 0;
	margin:15px 0 0 0;
	background:#003056 url(../images/ficheMairie/bgMainDel.gif) repeat-x bottom
}

#LeftDelegue, #RightDelegue {
	display:inline;
	width:159px;
	float:left;
	margin-left:130px
}

#RightDelegue { margin-left:150px }

/******************************************************************************************************* Liste_delegue Detai l***/
#wrapperDelegue {
	background:#F7FBFD;
	border:1px solid #7f97aa;
	width:400px;
	margin-left:160px;
	padding:2px 4px
}

.title_shadowDetail {
	float:left;
	display:inline;
	padding:0 10px 0 25px;
	margin:8px 0 0 0;
	color:#990000;
	font-size:14px;
	font-weight:bold
}

.intro_shadowDetail {
	margin-top:8px;
	text-align:left
}

.content_shadowDetail {
	margin:10px 0 0 0;
	padding:0;
	font-size:13px;
	font-weight:normal;
	color:#003056
}

.bottomReturn {
	width:250px;
	margin:0 auto
}

.bottomReturn a:link {
	font-size:13px;
	width:200px;
	margin:0 auto;
	color:#003056
}

.bottomReturn a:hover {
	color:#99000;
	text-decoration:none
}

/************************************************************************************************************** titleAlone ***/
h2.titleAlone, h2.titleAloneRed, h2.titleAloneBlue, h2.titleAloneGreen, h2.titleAloneVert, h2.titleAloneRose, h2.titleAloneViolet, h2.titleAloneOrange {
	font-style:oblique;
	font-weight:bold;
	color:#8F90A0
}

h2.titleAloneRed { color:#AA1029 }
h2.titleAloneBlue { color:#005E7A }
h2.titleAloneGreen { color:#008389 }
h2.titleAloneVert { color:#00AA00 }
h2.titleAloneRose { color:#FFECEC }
h2.titleAloneViolet { color:#8080C0 }
h2.titleAloneOrange { color:#DC7724 }

/******************************************************************************************************* small_titleAlone ***/

h3.small_titleAlone {
	font-weight:normal;
	color:#8F90A0
}

/********************************************************************************************** model *** image_gauche ***/

.wrap_imgLeft { border:1px solid #CCCCCC }

/********************************************************************************************** model *** image_centre ***/
h2.titleRed, h2.titleBlue, h2.titleGreen, h2.titleVert, h2.titleRose, h2.titleViolet, h2.titleOrange {
	color:#FFFFFF;
	font-size:15px;
	padding: 3px 0 3px 15px;
	background:#AA1029 url(../images/fondBlanc/title_red.gif) repeat-x
}

h2.titleBlue { background:#005E7A url(../images/fondBlanc/title_blue.gif) repeat-x }
h2.titleGreen { background:#008389 url(../images/fondBlanc/title_green.gif) repeat-x }
h2.titleVert { background:#00AA00 url(../images/fondBlanc/title_vert.gif) repeat-x }
h2.titleRose { background:#FFECEC url(../images/fondBlanc/title_rose.gif) repeat-x }
h2.titleViolet { background:#8080C0 url(../images/fondBlanc/title_violet.gif) repeat-x }
h2.titleOrange { background:#DC7724 url(../images/fondBlanc/title_orange.gif) repeat-x }

.intro_imgCenter {
	color:#8F90A0;
	font-size:13px;
	padding:3px;
	margin-left:15px;
	font-weight:bold;
}

.content_imgCenter {
	font-size:12px;
	color:#020203;
	padding:20px 5px 5px 7px;
}

.wrap_imgCenter, .wrap_imgCenterRed, .wrap_imgCenterBlue, .wrap_imgCenterGreen, .wrap_imgCenterVert, .wrap_imgCenterRose, .wrap_imgCenterViolet, .wrap_imgCenterOrange { border:1px solid #CCCCCC }

/*************************************************************************************************** model *** image_droite ***/

h2.titleRed, h2.titleBlue, h2.titleGreen, h2.titleVert, h2.titleRose, h2.titleViolet, h2.titleOrange {
	color:#FFFFFF;
	font-size:15px;
	padding: 3px 0 3px 15px;
	background:#AA1029 url(../images/fondBlanc/title_red.gif) repeat-x bottom
}

h2.titleBlue { background:#005E7A url(../images/fondBlanc/title_blue.gif) repeat-x bottom }
h2.titleGreen { background:#008389 url(../images/fondBlanc/title_green.gif) repeat-x bottom }
h2.titleVert { background:#00AA00 url(../images/fondBlanc/title_vert.gif) repeat-x bottom }
h2.titleRose { background:#FFECEC url(../images/fondBlanc/title_rose.gif) repeat-x bottom }
h2.titleViolet { background:#8080C0 url(../images/fondBlanc/title_violet.gif) repeat-x bottom }
h2.titleOrange { background:#DC7724 url(../images/fondBlanc/title_orange.gif) repeat-x bottom }

.intro_imgRight, .intro_imgRightRed, .intro_imgRightBlue, .intro_imgRightGreen, .intro_imgRightVert, .intro_imgRightRose, .intro_imgRightViolet, .intro_imgRightOrange {
	color:#8F90A0;
	font-size:13px;
	padding:3px;
	margin-left:15px;
	font-weight:bold;
}

.content_imgRight, .content_imgRightRed, .content_imgRightBlue, .content_imgRightGreen, .content_imgRightVert, .content_imgRightRose, .content_imgRightViolet, .content_imgRightOrange {
	font-size:12px;
	color:#020203;
	padding:20px 5px 5px 7px;
}

.wrap_imgRight, .wrap_imgRightRed, .wrap_imgRightBlue, .wrap_imgRightGreen, .wrap_imgRightVert, .wrap_imgRightRose, .wrap_imgRightViolet, .wrap_imgRightOrange { border:1px solid #CCCCCC }

/******************************************************************************************************* Accordion (Reactif) ***/

h2.toggler,h2.toggler_s,
h2.togglerRed,h2.togglerRed_s,
h2.togglerGreen,h2.togglerGreen_s,
h2.togglerViolet,h2.togglerViolet_s,
h2.togglerVert,h2.togglerVert_s,
h2.togglerRose,h2.togglerRose_s,
h2.togglerOrange,h2.togglerOrange_s,
h2.togglerBrown,h2.togglerBrown_s,
h2.togglerBlue,h2.togglerBlue_s,
h2.togglerNavyBlue,h2.togglerNavyBlue_s,
h2.togglerBlueGrey,h2.togglerBlueGrey_s {
	width:198px;
	height:29px;
	position:relative;
	z-index:2;
	margin:0;
	padding:5px 0 0 0;
	font-weight:normal;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	cursor:pointer;
	background:url(../images/rightSide/topRed_toggle.gif) no-repeat bottom
}

h2.togglerGreen,h2.togglerGreen_s { background:url(../images/rightSide/topGreen_toggle.gif) no-repeat }
h2.togglerVert,h2.togglerGreen_s { background:url(../images/rightSide/topVert_toggle.gif) no-repeat }
h2.togglerRose,h2.togglerGreen_s { background:url(../images/rightSide/topRose_toggle.gif) no-repeat }
h2.togglerViolet,h2.togglerGreen_s { background:url(../images/rightSide/topViolet_toggle.gif) no-repeat }
h2.togglerOrange,h2.togglerOrange_s { background:url(../images/rightSide/topOrange_toggle.gif) no-repeat }
h2.togglerBrown,h2.togglerBrown_s { background:url(../images/rightSide/topBrown_toggle.gif) no-repeat }
h2.togglerBlue,h2.togglerBlue_s { background:url(../images/rightSide/topBlue_toggle.gif) no-repeat }
h2.togglerNavyBlue,h2.togglerNavyBlue_s { background:url(../images/ficheMairie/topNavyBlue_toggle.gif) no-repeat }
h2.togglerBlueGrey,h2.togglerBlueGrey_s, h2.toggler,h2.toggler_s { background:url(../images/rightSide/topBlueGrey_toggle.gif) no-repeat }

.footer,.footer_s,
.footerRed,.footerRed_s,
.footerGreen,.footerGreen_s,
.footerVert,.footerVert_s,
.footerRose,.footerRose_s,
.footerViolet,.footerViolet_s,
.footerOrange,.footerOrange_s,
.footerBrown,.footerBrown_s,
.footerBlue,.footerBlue_s,
.footerNavyBlue,.footerNavyBlue_s,
.footerBlueGrey,.footerBlueGrey_s {
	width:198px;
	height:9px;
	font-size:9px;
	position:relative;
	z-index:1;
	margin-top:-4px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:url(../images/rightSide/bottomRed_toggle.gif) no-repeat bottom
}

.footerGreen,.footerGreen_s { background:url(../images/rightSide/bottomGreen_toggle.gif) no-repeat bottom}
.footerVert,.footerVert_s { background:url(../images/rightSide/bottomVert_toggle.gif) no-repeat bottom}
.footerViolet,.footerViolet_s { background:url(../images/rightSide/bottomViolet_toggle.gif) no-repeat bottom}
.footerRose,.footerRose_s { background:url(../images/rightSide/bottomRose_toggle.gif) no-repeat bottom}
.footerOrange,.footerOrange_s { background:url(../images/rightSide/bottomOrange_toggle.gif) no-repeat bottom }
.footerBrown,.footerBrown_s { background:url(../images/rightSide/bottomBrown_toggle.gif) no-repeat bottom }
.footerBlue,.footerBlue_s { background:url(../images/rightSide/bottomBlue_toggle.gif) no-repeat bottom }
.footerNavyBlue,.footerNavyBlue_s { background:url(../images/ficheMairie/bottomNavyBlue_toggle.gif) no-repeat bottom }
.footerBlueGrey,.footerBlueGrey_s, .footer,.footer_s { background:url(../images/rightSide/bottomBlueGrey_toggle.gif) no-repeat bottom }

.borderReactif {
	padding:0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:left;
	width:198px;
}

.contentReactif {
	font-size:13px;
	padding:2px 6px 18px 5px;
	margin:0;
	text-align:right;
	width: 186px;
}

.contentReactif ul {
	margin:0;
	padding:0
}

.introReactif {
	padding: 20px 0 0 30px;
	font-size:20px;
	color:#e36500
}

.contentReactif a:hover { text-decoration:none}

.element {
	margin:0;
	padding:0
}

.element ul li {
	padding:0 0 0 10px;
	margin:0
}

/******************************************************************************************* SmallAccordion (small_reactif) ***/

h2.smallToggler,h2.smallToggler_s {
	color:#FFFFFF;
	font-weight: normal;
	font-size:14px;
	font-variant:small-caps;
	text-align:center;
	padding:2px 0 8px 0;
	min-height:30px;
	margin:24px 0 0 0;
	text-decoration:none;
	background: url(../images/ficheMairie/smallBiggerToggler.gif) no-repeat bottom;
}

h2.smallTogglerDarkBlue,h2.smallTogglerDarkBlue_s {
	width:159px;
	margin:0;
	padding:0;
	font-weight:normal;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:center;
	font-size:14px;
	color:#EEEEEE;
}

.footersmallToggler,.footersmallToggler_s {
	width:159px;
	height:7px;
	margin-top:-5px;
	background:url(../images/ficheMairie/bottom_smallToggler.gif) no-repeat;
}

/************************************************************************************************************************ footer ***/

#footer {
	height:115px;
	margin-top:20px;
	width:985px;
	padding:116px 0 0 15px;
	background: url(../images/footer/ventouxFooter.gif) no-repeat bottom
}

#adresse {
	width:300px;
	text-align:left;
	float:left
}

#meteo {
	float:left;
	width:200px;
	font-size:10px;
	margin:-5px 0 0 60px;
	height:120px;
	border:none
}

#footerLink {
	float:right;
	height:90px;
	width:200px;
	padding:5px
}

#footerAccess {
	float:left;
	height:20px;
	width:200px;
	padding:10px 0 0 0
}

#footerMap {
	float:left;
	height:20px;
	width:200px;
	padding:10px 0 0 0
}

/********************************************************************************************** menuProduct *** menuPublish ***/

.menuProduct, .menuPublish {
	float:left;
	padding:0;
	margin:0 10px 20px 20px;
	width:127px;
	display:inline;
	border:#CCCCCC 1px solid
}

.menuPublish {
	margin:0 34px 37px 2px;
	width:195px
}

.menuProduct a:link, .menuProduct a:visited, .menuPublish a:link, .menuPublish a:visited {
	display:block;
	width:127px;
	color:#fff;
	padding:150px 0 0 0;
	margin:0
}

.menuPublish a:link, .menuPublish a:visited {	width:127px }

.menuPublish a:link, .menuPublish a:visited {width:93%;}

.contentPublish {
	font-size:12px;
	width:189px;
	min-height:28px;
	_height:35px;
	padding:10px 6px 0 0;
	text-align:center;
}

.contentPublish a:link, .contentPublish a:visited {
	font-size:12px;
	text-align:center;
	padding:0;
	margin:0;
	color:#665231;
	display:block
}

.contentPublish a:hover {
	color:#EA8518;
	text-decoration:none;
}

.contentPublish li {
	margin:0;
	padding:0 0 0 10px }

.contentPublish ul {
	margin:0;
	padding:0
}

.contentPublish p {
	padding:0;
	margin:0
}


.titleBoxProductMenu, .titleBoxProductMenu_s,
.titleBoxProductMenuGreen,.titleBoxProductMenuGreen_s,
.titleBoxProductMenuVert,.titleBoxProductMenuVert_s,
.titleBoxProductMenuRose,.titleBoxProductMenuRose_s,
.titleBoxProductMenuViolet,.titleBoxProductMenuViolet_s,
.titleBoxProductMenuOrange,.titleBoxProductMenuOrange_s,
.titleBoxProductMenuBlue,.titleBoxProductMenuBlue_s,
.titleBoxProductMenu span, .titleBoxProductMenu_s span,
.titleBoxPublish, .titleBoxPublish_s {
	font-size: 13px;
	font-weight:normal;
	display:block;
	line-height:15px;
	text-align:center;
	color:#EEEEEE;
	padding:5px 1px 3px 1px;
	background:#AA1029
}


.titleBoxProductMenu, .titleBoxProductMenu_s,
.titleBoxProductMenuGreen,.titleBoxProductMenuGreen_s,
.titleBoxProductMenuVert,.titleBoxProductMenuVert_s,
.titleBoxProductMenuRose,.titleBoxProductMenuRose_s,
.titleBoxProductMenuViolet,.titleBoxProductMenuViolet_s,
.titleBoxProductMenuOrange,.titleBoxProductMenuOrange_s,
.titleBoxProductMenuBlue,.titleBoxProductMenuBlue_s {
	min-height:35px;
	_height:35px
}

.titleBoxProductMenuGreen,.titleBoxProductMenuGreen_s { background:#008389 }
.titleBoxProductMenuVert,.titleBoxProductMenuVert_s { background:#00AA00 }
.titleBoxProductMenuRose,.titleBoxProductMenuRose_s { background:#FFECEC }
.titleBoxProductMenuViolet,.titleBoxProductMenuViolet_s { background:#8080C0 }
.titleBoxProductMenuOrange,.titleBoxProductMenuOrange_s { background:#DC7724 }
.titleBoxProductMenuBlue,.titleBoxProductMenuBlue_s { background:#005E7A }

.titleBoxPublish, .titleBoxPublish_s {
	color:#373F46;
	background:#fbf1db url(../images/arrow/arrowPublish.jpg)	no-repeat left 1px;
	border-top:1px solid #D8CDC0;
	border-bottom:1px solid #D8CDC0;
	font-size:12px;
	width:169px;
	height:30px;
	text-align:right;
	padding:10px 6px 0 20px
}

.titleBoxProductMenu span, .titleBoxProductMenu_s span{
	padding:5px 0 0 0;
	text-align:left;
	line-height:12px;
	font-weight:normal;
	font-size:11px;
	color:#333333;
}

.titleBoxProductMenu_s, .titleBoxProductMenu_s span{
	cursor:pointer;
	text-decoration:none
}

.menuProduct a:hover {
	cursor:pointer;
	text-decoration:none;
}

.menuPublish a:hover {
	cursor:pointer;
	text-decoration:underline;
}

/**************************************************************************************************************** itemform ***/

.itemform {
	border:1px #CCCCCC solid;
	padding-top:10px
}

input.text {border:1px #CCCCCC solid }

textarea { border:1px #CCCCCC solid }

input.btn {
	font-weight:bold;
	color:white;
	border:none;
	width:95px;
	height:34px;
	cursor:pointer;
	background: url(../images/form/btnSubmit.gif) no-repeat bottom
}

/********************************************************************************************************************* path ***/

#path {
	position:absolute;
	top:335px;
	left:15px;
	width:650px
}


#path, #path a:link, #path a:visited {
	color:#000;
	font-size:11px;
	padding:0 0 7px 0;
	margin:0 0 0 2px;
	_margin:18px 0 0 2px;

}

#pathCommunes, #pathCommunes a:link, #pathCommunes a:visited {
	color:#000;
	font-size:11px;
	padding:0;
	margin:5px 0 0 2px;
}


/* shadow */


.dropShadowBackground {
	background-color: #000;
	overflow: hidden;
}

.allSideShadowBackground {
	overflow: hidden;
	border: 1px solid #000;
}

.dropShadowSmall{
	float:right;
	width:96px;
	height:96px;
	margin-bottom:17px
}

.dropShadowBig{
	float:left;
	width:309px;
	height:434px;
}


/**** agenda*****/

#agenda {
	border:none;
	margin-bottom:0
}

#scroller {
	padding:10px 0 0 0;
	height:366px;
	overflow:hidden;
}

#textAgenda.ajax-loading {
	padding:0;
	margin:0;
	background: url(../images/spinner.gif) no-repeat 80px 100px;
}

#textAgenda{
	margin-top:10px;
	border-top: 1px solid #d06813
}

#textAgenda a:link, #textAgenda a:visited { color:#000 }

h2.titleAgenda, h2.titleAgendaAjax{
	padding: 2px 0 2px 0;
	margin:0 0 5px 10px;
	font-size:13px;
	color:#a00d41;
	background:url(../images/redArrow.gif) no-repeat 0 4px
}

h2.titleAgendaAjax{
	font-size:12px;
	padding: 0 5px 0 5px;
	margin:25px 0 0 0;
}

.introAgendaAjax {
	padding: 0 5px 0 12px;
	border-bottom: 3px dotted #222
}

a.linkAgenda:link, a.linkAgenda:visited {
	color:#e60003 !important;
	display:block;
	padding:16px 0 0 12px;
	text-decoration:underline
}

.largeContent { margin-left:12px }
.largeContent br { display:block}
.event { border:1px solid #ccc }

.ev{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


#map{
	margin: 10px 0 0 0;
	width:240px;
	height:215px;
	background:url(../images/map.png) no-repeat;
	//background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/map.png');
}

#navigation{
	height:25px;
	background: #fff url(../images/yellowLine.gif) no-repeat bottom;
}

a.agendaUp,a.agendaDown{
	display:block;
	float:right;
	margin: 0 10px 0 0;
	width:15px;
	height:15px;
	background:#fff  url(../images/up.gif) no-repeat;
}

a.agendaDown{
	background:#fff url(../images/down.gif) no-repeat;
}

/**************************************************************************************************** sitemap ***/

li.level2 {
	margin-left:20px;
	font-variant:small-caps;
	font-size:14px;
	list-style:disc;
}

li.level2 a { color:#020203 }

li.level3 {
	margin-left:60px;
	list-style:square
}