/*-----------------------------------------------------------
	Project:	Semercly
	Date : 	March 2008
	Last Update : 07/04/09
	Author:	C2iS - AFO
	Summary :		
		| Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#6e6b66; font-family:Arial, Helvetica, sans-serif;background:#d3d3d3; }
.body_home{ text-align:center; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#6e6b66; text-decoration: none;}
a:focus {outline:1px dotted #acacac; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #6e6b66; }
del { color:#6e6b66; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
/* Positionning */
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both;}
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* Text alignment */
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }
/* Font modeling */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
/* Spacement */
.nopadding { padding:0; }
/* Specific attributs */
.hide { display:none; }

/*:::::::::::  Main layout :::::::::::*/
#wrapper {width:1000px;margin:0 auto;}

/*header*/
#header {background:url(../images/common/bg_content.gif) repeat-y 0 0;padding:0 0 0 16px;}
#header h1 {float:left;}
#header h1 a {display:block;background:url(../images/common/logo_semercli.png) no-repeat 0 0;width:214px;height:136px;text-indent:-9999em;}
#headerFlash {width:758px;height:144px;vertical-align:bottom;float:right;margin-right:3px;}

/*Main menu*/
#mainMenu {width:100%;overflow:hidden;clear:both;}
#mainMenu li {float:left;margin-right:1px;}
#mainMenu a {display:block;height:32px;background-image:url(../images/common/sprite_menu.png);background-repeat:no-repeat;text-indent:-9999em;}
	#mainMenu .semercli a {background-position:0 0;width:131px;}
		#mainMenu .semercli a:hover , #mainMenu .semercli a.active {background-position:0 -32px;}
	#mainMenu .opeProg a {background-position:-132px 0;width:245px;}
		#mainMenu .opeProg a:hover , #mainMenu .opeProg a.active {background-position:-132px -32px;}
	#mainMenu .renouvUrbain a {background-position:-378px 0;width:231px;}
		#mainMenu .renouvUrbain a:hover , #mainMenu .renouvUrbain a.active {background-position:-378px -32px;}
	#mainMenu .actu a {background-position:-610px 0;width:189px;}
			#mainMenu .actu a:hover , #mainMenu .actu a.active {background-position:-610px -32px;}
	#mainMenu .searchBox {background:url(../images/common/bg_searchBox.png) no-repeat 0 0;width:172px;height:27px;padding:5px 0 0 9px;}
		#mainMenu .searchBox .mainSearchBox {border:none;width:138px;background:#ebb8c1;font-weight:bold;font-size:11px;color:#b41a35;vertical-align:middle;}
		#mainMenu .searchBox .btnOK {border:none;background:none;color:#fff;font-weight:bold;cursor:pointer;vertical-align:middle;padding:0;}

/*content*/		
#content {background:url(../images/common/bg_content.gif) repeat-y 0 0;padding:0 0 20px 0;width:100%;}
#content:after {content:".";height:0;visibility:hidden;clear:both;display:block;} 
/*content : left side*/
#subMenu {width:268px;float:left;padding-left:18px;}
/*#discoverClichyFlash {width:258px;height:272px;vertical-align:bottom;}*/
#discoverClichyFlash {width:258px;height:281px;vertical-align:bottom;}

/*carroussel*/
.miseEnAvant {width:247px;background:#eaeaea;margin-top:6px;padding:10px 0 10px 11px;}
.miseEnAvant h2 {text-transform:uppercase;font-weight:bold;color:#6e6b66;padding-bottom:5px;}
.miseEnAvant h3 {padding-bottom:6px;font-weight:normal;}

#carroussel{overflow:hidden;position:relative;width:235px;height:113px;}
#carroussel_outer {	width: 235px;height:113px;border: 0px solid #ccc;}
#carroussel_inner {width:4500px;height:113px;border: 0px solid #ccc;background-color: #cccccc;/* left : 10px; */}
#carroussel_inner ul {margin: 0px;padding: 0px;overflow:hidden;width:100%;}
#carroussel_inner li {margin: 0px;padding: 0px;color:#b41a35;float:left;}
#carroussel_inner li a {color:#b41a35;padding:0 0px;}

/*carroussel controls*/
#btnCarrousselLeft{position:absolute;top:16px;left:0px;z-index:10;	display:block;height:49px;width:15px;padding-top:32px;background:url(../images/px_trans.gif) no-repeat 0 0;}
#btnCarrousselLeft.inactive{visibility:hidden;}
#btnCarrousselRight{position:absolute;top:16px;right:0px;z-index:100;display:block;height:49px;width:15px;padding-top:32px;background:url(../images/px_trans.gif) no-repeat 0 0;}
#btnCarrousselRight.inactive{visibility:hidden;}

/*3 push*/
.pushClichy {width:100%;padding:20px 0 5px;font-size:0.9em;}
.pushClichy:after {content:".";clear:both;visibility:hidden;height:0;display:block;}
.pushClichy li {text-align:center;width:81px;float:left;margin-right:6px;}
.pushClichy li a {display:block;zoom:1;background-image:url(../images/common/sprite_pushClichy.png);line-height:13px;background-repeat:no-repeat;color:#b41a35;padding:49px 3px 5px 3px;}
.pushClichy .pushCity a {background-position:0 0;}
.pushClichy .pushArchi a {background-position:-88px 0;}
.pushClichy .pushConcours a {background-position:-177px 0;}

/*submenu*/
#subMenuBloc {background:#eaeaea;width:258px;font-size:1em;margin-top:10px;}
#subMenuBloc h2 {text-transform:uppercase;font-weight:bold;background:url(../images/common/sprite_subMenu.png) no-repeat 0 0;padding:5px 5px 3px 24px;}
#subMenuBloc h2 a {line-height:1.1em;}
#subMenuBloc h2.current {background-position:0 -40px;}
#subMenuBloc ul {padding:11px 0 13px 18px;}
#subMenuBloc li a {display:block;padding:2px 25px 2px 6px;height:1%;line-height:1.4em;}
#subMenuBloc li a:hover , #subMenuBloc li a.active{color:#b41a35;background:#d5d5d5;}

#subMenuZac {background:#eaeaea;width:258px;font-size:1em;margin-top:10px;}
#subMenuZac h2 {text-transform:uppercase;font-weight:bold;background:url(../images/common/sprite_subMenu.png) no-repeat 0 0;padding:5px 5px 3px 24px;}
#subMenuZac h2 a {line-height:1.1em;}
#subMenuZac h2.current {background-position:0 -80px;}
#subMenuZac ul {padding:11px 0 13px 18px;}
#subMenuZac li a {display:block;padding:2px 25px 2px 6px;height:1%;line-height:1.4em;}
#subMenuZac li a:hover , #subMenuZac li a.active{color:#b41a35;background:#d5d5d5;}

/*content : right side*/
#mainContent {float:left;width:709px;overflow:hidden;}
#mainContent .homeCols {width:235px;float:left;font-size:0.9em;margin-top:10px;background:url(../images/home/bg_colHome.png) no-repeat bottom left;padding:0 0 5px 0}
.homeCols .innerHomeCols {background:url(../images/home/bg_colHome.png) no-repeat 0 0;padding:15px 5px 10px 4px;position:relative;}
.innerHomeCols .pushImgHome {text-align:center;background:#d9d8d7;padding:10px 0;}
.innerHomeCols .pushImgHome img {width:203px;}
.innerHomeCols h3 {text-align:center;text-transform:uppercase;line-height:1.5em;padding:0 5px;font-weight:normal;}
.innerHomeCols p {padding:9px 6px 9px 11px;line-height:1.3em;}
.innerHomeCols p.subtitle {text-align:center;line-height:1.2em;font-size:0.9em;}
.innerHomeCols p.readLink {padding:0;position:absolute;bottom:8px;right:5px;background:#00529c;padding:4px 13px 4px 5px}
.innerHomeCols p.readLink a {color:#fff;font-weight:bold;}
.innerHomeCols p.zacVille {background:url(../images/home/picto_zac.png) no-repeat 7px 8px;padding:15px 6px 15px 65px;font-size:1.2em;}

.gab_edito h2 {font-weight:normal;text-transform:uppercase;font-size:1.6em;letter-spacing:0.06em;overflow:hidden;width:100%;background:url(../images/common/bg_titleEdito_left.gif) no-repeat 0 18px;padding-left:6px;}
.gab_edito h2 span {padding:2px 30px 20px 3px;float:left;background:url(../images/common/bg_titleEdito.gif) repeat-x 0 18px;}


/*edito*/
.gab_edito {padding:12px 0 0 7px;width:702px;}
.gab_edito:after {content:".";clear:both;visibility:hidden;display:block;height:0;} 
.gab_edito p {padding:0 60px 20px 30px;line-height:1.3em;}
.gab_edito p.noPadding {padding:0 60px 20px 0;}
.gab_edito ul{ padding:0 60px 20px 60px;}
.gab_edito li{ list-style-image:url(../images/puce.gif)}

.downloadLink {font-size:1.2em;color:#fff;background:#b41a35 url(../images/common/bg_dlLink.png) no-repeat 4px 5px;padding:3px 8px 3px 19px;}

.diapoVisu  {overflow:hidden;width:100%;padding:8px 0 !important;text-align:center;}
.diapoVisu li {margin:0 5px 0 0;padding-bottom:11px;display: -moz-inline-stack;display:inline-block;text-align:center;vertical-align:top;zoom:1;}
*+html .diapoVisu li {display:inline;}
* html .diapoVisu li {display:inline;}
.diapoVisu li img  {border:7px solid #dad9d8;margin-bottom:3px;}
.diapoVisu li span  {text-transform:uppercase;font-size:0.8em;padding-top:4px;line-height:1.4em;}

/*ZAC index*/
#zacClichyFlash {width:466px;height:524px;vertical-align:bottom;margin-left:20px;float:left;}
#opeProgFlash {width:286px;height:280px;vertical-align:bottom;margin-left:50px;float:left;}

#glossary_insight {float:left;width:157px;margin-left:25px;padding:0 0 3px 15px;border-left:1px solid #d3d3d3;}
#glossary_insight h3 {color:#b41a35;font-weight:bold;text-transform:uppercase;padding:7px 0;}
#glossary_insight p {padding:0;}
#glossary_insight dl {padding-bottom:20px;}
#glossary_insight dt {color:#d9425c;}
#glossary_insight dd{padding-bottom:7px;}

#downloadCenter {float:left;width:240px;margin-left:66px;padding:0 0 3px 15px;border-left:1px solid #d3d3d3;}
#downloadCenter h3 {color:#b41a35;font-weight:bold;text-transform:uppercase;padding:18px 0 0 ;}
#downloadCenter p {padding:5px 0;}

/*archives*/
.archives {border-bottom:1px solid #e3e3e3;overflow:hidden;width:623px;padding:18px 0;}
.archives dt {color:#b41a35;font-weight:bold;text-transform:uppercase;font-size:1.2em;padding-bottom:5px;width:450px;float:left;}
.archives dt a {color:#b41a35;}
.archives dd.visu {float:left;margin:0 20px 0 0;width:152px;}
.archives dd.visu img {border:6px solid #dad9d8;width:140px;}
.archives dd {line-height:1.3em;float:left;width:450px;}
.archives dd.link , .archives dd.linkDl {padding-top:10px;float:right;width:450px;}
.archives dd.link a {color:#fff;background:#b41a35;font-size:1em;padding:2px 9px;}
.archives dd.linkDl a {color:#fff;background:#b41a35 url(../images/common/bg_dlLink.png) no-repeat 3px 3px;font-size:1em;padding:2px 9px 2px 19px;}

/*fil d'arianne*/
.breadcrumb {margin:0 0 11px 0;text-indent:-12px;padding:0 !important;}
.breadcrumb a {background:url(../images/common/picto_breadcrumb.gif) no-repeat 0 3px;text-transform:uppercase;font-size:0.8em;padding:0 2px 0 10px;}
.breadcrumb a:hover {text-decoration:underline;}
.breadcrumb a.current {color:#b41a35;background-position:0 -10px;} 

/*pagination*/
.pagination {text-align:center;padding-top:22px;}
.pagination li, .pagination li form {display:inline;}
.pagination li a {padding:0 1px;font-size:0.9em;vertical-align:middle;}
.pagination li a.active {color:#b41a35;}

/*search results*/
#searchResults {padding:0 222px 0 0;}
#searchResults h3 {margin:23px 0 0;color:##6E6B66;font-weight:bold;text-transform:uppercase;background:url(../images/common/bg_title_searchResult.gif) repeat-x 0 0;padding:5px 0 5px 10px;}
#searchResults p {padding:2px 0 0 25px;}
#searchResults p a:hover {text-decoration:underline;}
#searchResults p.searchedWord {font-size:1.4em;text-align:center;padding:0;}
#searchResults p.no_result {font-style:italic;padding:7px 0 0 3px;}
#searchResults p.section_rub {background:url(../images/common/puce_searchResult.gif) no-repeat 5px 13px;padding:7px 0 0 15px;}

/*formulaire*/
#formulaire {padding:0 0 0 30px;}
#formulaire p {width:100%;overflow:hidden;padding:0 0 20px 0;}
#formulaire p label  , #formulaire p label.labelLike {float:left;text-align:right;width:150px;padding:3px 15px 0 0;font-weight:bold;font-size:1em;}
#formulaire p label em {color:#B41A35;}
#formulaire p label.labelRadio {float:none;width:auto;font-weight:normal;}
#formulaire p select {width:120px;}
#formulaire p select.wideSelect {width:224px;}
#formulaire p input.text {width:220px;}
#formulaire p input.radio {width:14px;margin-right:1px;}
#formulaire p input.small_text {width:118px;}
#formulaire p.mandatoryFields {font-size:0.9em;font-style:italic;text-align:center;color:#B41A35;}
#formulaire p.validMsg {color:red;}
#formulaire p.validLink {text-align:center;width:445px;}
#formulaire p.validLink a {color:#fff;background:#B41A35;font-size:1.3em;font-weight:bold;padding:2px 12px;line-height:1.5em;}

/*Actionnaires et admins*/
.actionList , .adminList {width:219px;float:left;height:75px;padding:10px 0 0 10px;}
.actionList dt , .adminList  dt {font-weight:bold;color:#B41A35;}
.actionList dd.visu  , .adminList  dd.visu {float:left;margin:0 8px 5px 0;padding:0;}
.actionList dd.visu img , .adminList dd.visu img {width:50px;}
.actionList dd , .adminList dd {padding:2px 0;}
.actionList dd a:hover, .adminList dd a:hover{text-decoration:underline;}

/*footer*/
#footer {background:url(../images/common/bg_content_bottom.png) no-repeat 0 0;padding:18px 0 10px;font-size:0.8em;}
#footer ul {text-align:center;}
#footer li {display:inline;color:#b41a35;}
#footer li a {color:#b41a35;padding:0 3px;}

/*Organigramme*/
.gris11 {
	color:#CACCCC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
	text-transform:none;
}


#insertswf_fiche{ position:absolute; left:50%; top:50%; margin-left:-495px; margin-top:-229px; }