/*-----------------------------------------------------------
	Project: Ville Clichy
	Date : 	November 2009
	Last Update : 30/10/09
	Author:	C2iS - AFO
	Summary :		
		| Global CSS 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;background:#fff;}
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:10px; color:#222222; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#222222; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
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; }
del { color:#222222; }
/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*:::::::::::  Main layout :::::::::::*/

#wrapper {width:981px;margin:0 auto;padding-bottom:25px;font-size:1.2em;}

/*HEADER*/
#header {background:url(../images/home/bg_main_header.gif) repeat-x 0 0;margin-bottom:16px;}
#header h1 {float:left;border-left:1px solid #f0f0f0;}
#header h1 img{display:block;}

#header .searchForm{float:right;border-right:1px solid #f0f0f0;height:36px;padding:30px 10px 0 0;}
#header .searchForm .text{border:solid #bdbdbd;border-width:1px 0 1px 1px;margin-right:-5px;width:190px;}
#header .searchForm  input , #header .searchForm  img {vertical-align:middle;}

/*NAV*/
#nav {clear:both;height:55px;border:1px solid #f0f0f0;background:url(../images/home/bg_item_menu.png) no-repeat 100% 100%;}
#nav li{float:left;width:71px;height:42px;background:#fff url(../images/home/bg_item_menu.png) no-repeat 0 100%;text-align:center;padding:13px 5px 0;position:relative;z-index:13;}
#nav li.first{background-position:-2px 100%;}
#nav li.oneLine {height:33px;padding:22px 5px 0;}
#nav li a{color:#cf2b8a;font-weight:bold;text-transform:uppercase;font-size:11px;display:block;line-height:1.4em;height:100%;}

#nav li ul {position:absolute;left:-999em;width:227px;background:#fff url(../images/home/bg_subMenu.png) no-repeat 0 0;z-index:15;margin-top:0;padding:0;border:solid #f254ab;border-width:0 1px 1px; -moz-box-shadow: 5px 5px 5px rgba(136,136,136,.5);-webkit-box-shadow: 5px 5px 5px rgba(136,136,136,.5);box-shadow: 5px 5px 5px rgba(136,136,136,.5);}
#nav li ul.last {background:#fff url(../images/home/bg_subMenu_last.png) no-repeat 100% 0;}
#nav li li {float:none;width:auto;height:auto;background:none;text-align:left;padding:0;vertical-align:bottom;position:relative;}
#nav li li:hover {background:none;}
#nav li li a {text-transform:none;height:auto;color:#4b4b4b;width:202px;font-size:12px;font-weight:normal;padding:3px 5px 3px 20px;background:url(../images/home/bg_item_subMenu.gif) no-repeat 10px 9px;}
#nav li li a:hover {color:#cf2b8a;background-position:10px -26px;}

#nav li:hover , #nav li.simuHover  {background:#fff url(../images/home/bg_item_menu_active.png) no-repeat 0 0;}
#nav li:hover ul , #nav li.simuHover ul {left:0;}
#nav li:hover ul.last , #nav li.simuHover ul.last  {left:-148px;}

#header #nav li ul ul {position:absolute;top:0;left:-999em;width:227px;background:#fff;z-index:20;padding:0;border:1px solid #f254ab;}

#header #nav li li.simuSubHover ul {left:227px;}
#header #nav li li.simuSubHover a{color:#cf2b8a;background-position:10px -26px;}
#header #nav li li.simuSubHover li a{color:#4b4b4b;background:url(../images/home/bg_item_subMenu.gif) no-repeat 10px 9px;}
#header #nav li li.simuSubHover li a:hover {color:#cf2b8a;background-position:10px -26px;}

#header #nav li ul.last li.simuSubHover ul {left:-229px;-moz-box-shadow: -5px 5px 5px rgba(136,136,136,.5);-webkit-box-shadow: -5px 5px 5px rgba(136,136,136,.5);box-shadow: -5px 5px 5px rgba(136,136,136,.5);}

/*SUB MENU*/
#submenu {background:url(../images/home/ombre_menu.gif) no-repeat 0 0;height:21px;padding:8px 15px 0;clear:both;}
#submenu .breadcrumb {float:left;font-size:0.8em;color:#7f7f7f;}
#submenu .breadcrumb strong {font-size:1.3em;color:#484848;}
#submenu .pictoSubMenu {float:right;margin-left:9px;}
#submenu .pictoSubMenu  img{vertical-align:bottom;}

/*HOME CONTENT*/
#homeContent {width:100%;margin-bottom:15px;}

/*MAIN HOME*/
#mainHome {float:left;width:725px;padding-right:15px;}

/*MAIN HOME - MEDIA BOX*/
#mediaBox {border:1px solid #e6e6e6;background:#fff;margin-bottom:13px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:4px;overflow:hidden;min-height:312px;}
#flashVideo_home {vertical-align:bottom;}

.mediaSlider {width:201px;float:left;}
.mediaSlider  li {background:#f4f4f4;border:solid #f4f4f4;border-width:2px 0 2px 2px;padding:6px 0 0;line-height:1.2em;height:139px;overflow:hidden;}
.mediaSlider  li.current {border:solid #2a2a2a;border-width:2px 0 2px 2px;background:#fff;}
.mediaSlider  li h2{font-weight:bold;font-size:1.3em;padding-left:10px;}
.mediaSlider  dl{padding:0 8px;}
.mediaSlider  dt{color:#90a100;font-weight:bold;font-size:1.4em;margin-top:8px;}
.mediaSlider  dd.date{color:#8e8e8e;font-size:.9em;margin-top:1px;}
.mediaSlider  dd {margin:5px 0;font-size:.9em;}
.mediaSlider  dd a {color:#90a100;background:url(../images/home/fleche_vert.gif) no-repeat 2px 5px;padding:0 0 0 10px;font-size:1.1em;}

.slideBox {width:510px;float:right;border:solid #2a2a2a;border-width:2px 2px 1px;background:#2a2a2a;}
.slideBox img {display:block;}
#js  .slideBox  {display:none;}

/*MAIN HOME - MEDIA BOX - CAROUSEL*/
#carousel_mediaBox {width:510px;position:relative;}
#carousel_mediaBox  .carousel_outer {width:510px;}
#carousel_mediaBox  .carousel_outer li {position:relative;}
#carousel_mediaBox  .carousel_outer li span{position:absolute;bottom:0px;left:0px;background:#2a2a2a;background:rgba(0, 0, 0, .7);color:#fff;width:400px;line-height:1.3em;padding:6px 100px 6px 10px;}

#controls {position:absolute;bottom:10px;right:5px;z-index:10;}
#controls li{float:left;margin:0 2px;}
#controls li a{color:#fff;font-size:10px;background:#451b34;padding:3px 5px;display:block;}
#controls li a.active {color:#d74d9d;background:#fff;}

/*MAIN HOME - OTHER BLOCS*/
#actuBloc {width:469px;min-height:498px;background:#A7BB00 url(../images/home/bottom_vert.gif) no-repeat 0 100%;float:left;}
	*+html #actuBloc {min-height:497px;}
#actuBloc h3{background:url(../images/home/top_vert.gif) no-repeat 0 0;color:#fff;font-weight:bold;padding:7px 0 5px 10px;font-size:1.3em;}
#actuBloc li{vertical-align:bottom;border:solid #a7bb00;border-width:0 3px 2px;overflow:hidden;padding:0 10px 10px;background:#fff url(../images/home/bg_item_actu.gif) repeat-x 0 100%;line-height:1.2em;}
#actuBloc li h4{font-weight:bold;margin:5px 0;}
#actuBloc li img{float:left;margin:0 10px -10px -10px;width:162px;}
#actuBloc li .moreInfoLink {display:block;color:#90A100;padding:4px 0 0;}
#actuBloc li .moreInfoLink span{padding-left:9px;background:url(../images/home/fleche_vert.gif) no-repeat 0 50%;}

#actuBloc li.with_img h4 , #actuBloc li.with_img .moreInfoLink , #actuBloc li.with_img p  {margin-left:165px;}

#comPresse {float:right;clear:right;width:239px;background:#2195DE url(../images/home/bottom_bleu.gif) no-repeat 0 100%;margin-bottom:14px;}
#comPresse  h3 {background:url(../images/home/top_bleu.gif) no-repeat 0 0;color:#fff;font-weight:bold;padding:7px 0 5px 10px;font-size:1.3em;}
#comPresse  li {border:solid #2195de;border-width:0 3px 2px;padding:8px 10px;line-height:1.2em;background:#EDEDED url(../images/home/bg_item_actu.gif) repeat-x 0 0;}
#comPresse .dateDl {color:#ababab;font-size:0.9em;padding-bottom:2px;}
#comPresse .dateDl a{float:right;background:url(../images/home/bt_telecharger.gif) no-repeat 0 50%;color:#0880cc;padding-left:15px;}

#clichyMag {float:right;clear:right;width:239px;background:#8b4ace url(../images/home/bottom_violet.gif) no-repeat 0 100%;}
#clichyMag  h3 {background:url(../images/home/top_violet.gif) no-repeat 0 0;color:#fff;font-weight:bold;padding:7px 0 5px 10px;font-size:1.3em;}
#clichyMag img {display:block;margin:0 auto 3px;}
#clichyMag .magInfo {background:#8589c0;color:#fff;margin:0 3px;font-size:.9em;padding:3px 5px;font-weight:bold;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#clichyMag .magInfo span{float:right;}

#actuBloc .seeAll , #comPresse .seeAll , #clichyMag  .seeAll , #todayInClichy .seeAll  {text-align:right;padding:0 9px 3px 0;font-size:1.1em;line-height:1.2em;}
#actuBloc .seeAll a  , #comPresse .seeAll a ,  #clichyMag  .seeAll  a  , #todayInClichy .seeAll  a {color:#fff;background:url(../images/home/fleche_blanc.gif) no-repeat 0 6px;padding-left:10px;}
#actuBloc li .moreInfoLink:hover , #actuBloc .seeAll a:hover ,#comPresse .seeAll a:hover  , #megaFooter  .miniFooter li a:hover , #megaFooter dd a:hover ,
 #clichyMag  .seeAll  a:hover , #comPresse .dateDl a:hover , #todayInClichy .seeAll a:hover , #infoPratik li a:hover{text-decoration:underline;}

/*ASIDE HOME*/
#asideHome {float:left;width:239px;}

#quickAccessSelect {margin-bottom:5px;background:url(../images/home/bg_quickAccess.png) no-repeat 0 0;padding:6px 0 7px;}

#todayInClichy  , #usefulLinks , #infoPratik {background:#e46100 url(../images/home/bottom_orange.gif) no-repeat 0 100%;margin-bottom:9px;}
#todayInClichy h3 , #usefulLinks h3 , #infoPratik h3 {background:url(../images/home/top_orange.gif) no-repeat 0 0;color:#fff;font-weight:bold;padding:7px 0 5px 10px;font-size:1.3em;}
#todayInClichy .todayDate {color:#fff;background:#333;font-size:.9em;padding:3px 0;margin:0 3px;text-align:center;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#todayInClichy  li {border:solid #e46100;border-width:0 3px 2px;padding:8px 10px;line-height:1.2em;background:#fff;min-height:70px;}
	*+html #todayInClichy li {min-height:56px}

#infoPratik  {padding-bottom: 5px;line-height:1.3em;}
#infoPratik  p{margin:0 3px;padding:10px 8px 7px;background:#fff;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#infoPratik ul{margin:0 3px;}
#infoPratik li {padding:2px 0;background:#fff;}
#infoPratik li a{padding:0 0 0 24px;font-size:.9em;font-weight:bold;background:url(../images/home/fleche_noire.gif) no-repeat 14px 5px;}
#infoPratik li.imgLink a {padding:0;}
#infoPratik li.imgLink img {display:block;}

#usefulLinks {padding-bottom:10px;margin:0;}
#usefulLinks select  , #quickAccessSelect select {width:220px;margin-left:10px;}

/*MEGA FOOTER*/
#megaFooter {border:1px solid #e6e6e6;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:0 7px;}
#megaFooter h5 {font-weight:bold;padding:6px 0;font-size:1.2em;}
#megaFooter #quickAccess {border:1px solid #e9e9e9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:#f4f4f4;padding:5px 0;}

#megaFooter ul{width:100%;padding:10px 0;}
#megaFooter li{float:left;width:147px;margin-left:13px;}
#megaFooter dt{font-weight:bold;padding-bottom:3px;}
#megaFooter dd{background:url(../images/home/fleche_footer_gris.gif) no-repeat 2px 8px;padding:2px 0 2px 10px;line-height:1.4em;}
#megaFooter dd a{color:#4b4b4b;font-size:1em;}
#megaFooter dd a.active {font-weight:bold;color:#000}
#megaFooter dd ul {margin:0;padding:0 0 10px;}
#megaFooter dd ul li {float:none;width:auto;margin:0;}
#megaFooter dd ul li a{color:#000;background:url(../images/home/bg_item_subMenu.gif) no-repeat 2px 5px;padding: 0 0 0 10px;font-size:0.9em;}
#megaFooter dd ul li a:hover {color:#cf2b8a;background-position:2px -30px;text-decoration:none;}

#megaFooter  .miniFooter {border:none;background:#fff;text-align:right;padding:7px 0;}
#megaFooter  .miniFooter li{display:inline;float:none;margin:0;}
#megaFooter  .miniFooter li a {margin:0 5px;}