@import 'common.css';
@import 'theming.css';
@import 'thickbox.css';


/* 
SECTOR
*/


#section-title         { text-align:center; padding:40px 0; letter-spacing:-2px;  vertical-align:middle}
#section-title h2      { line-height:.8em !important; font-size:25px; font-weight:bold;font-family:arial; color:#fff; text-transform:lowercase; }
#sectnav ul            { margin:0 0 15px 0;}
#sectnav ul li         { }
#sectnav ul li a       { display:block; background:#f0f0f0; padding:6px 6px; margin-top:1px;  text-decoration:none; }
#sectnav ul li a:hover { background:#f6f6f6;  }



/* 
RUBRIQUE
*/

.featuredStory { background:#fff url(../imgs/hdbg.jpg) no-repeat 0 -10px; padding:15px; margin-bottom:15px;	border:1px #d6d6d6 solid }
.featuredStory h2 { font-size:130%; margin:0 0 4px 0; line-height:1.1em; font-family:"Trebuchet MS"; font-weight:bold; }
.featuredStory .summary { display:block; font-size:89%; line-height:1.5em;   }





.archiv a { background:#41B40A; line-height:30px; padding:5px 15px; font-style:italic; color:#fff !important}
.archiv a:active, 
.archiv a:visited {color:#fff !important }


/* 
TOP STORY
*/

#ts             { display:block; margin:0 0 10px 0; padding:0 0px; background:#DCEBF9; overflow:hidden;}
#ts h1          { font-weight:bold; font-size:160%; margin:10px 10px 0 10px; line-height:1.2em; font-family:arial,verdana,freesans,sans-serif; }
#ts h1 a        { color:#222; }
#ts h1 a:hover  { color:#35A5E5; }
#ts #tsLogo     { margin:0; padding:0;padding:0 0px; }
#ts #summary    { display:block; padding:10px; margin:15px 0 0 0; font-size:89%; line-height:1.5em; color:#444;   }
#ts a#readmore  { margin:0 0 0 10px; font-size:100%; padding:0; font-weight:bold;  }
#ts #tsComments { font-size:79% !important; float:right; color:#666; display:block; background:#868686; }




/* exaltsecurity
HEADLINE STORIES 
*/

.hdl                 {line-height:1; border:0 none;font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit;
margin:0; padding:0; vertical-align:baseline;}
.hdl li              { position:relative; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px #d8d8d8 dotted;  line-height:1.1em;  
font-family:"Trebuchet MS"; font-size:120%; font-family:arial, verdana, sans-serif;}
.hdl li h3           { text-decoration:none; line-height:1.1em; font-size: 100%; color:#111 ! }
.hdl li img          { float:left; margin:4px 10px 0 0; padding:0; }
.hdl a               { font-weight:bold; }
.hdl p               { margin:0; padding:0; line-height:1.3em;  font-size: 87%; display:none;}
.hdl cite            { font-size:77%; font-weight:normal; color:#FF7011; display:block;  }
.hdl .byline         { color:#8B8B8B; font-size: 10px; margin: 0; padding: 0 } 
.hdl .byline a       { color:#8B8B8B; text-decoration: none; } 
.hdl .byline a:hover { text-decoration: none;  } 
.hdl .more           { color:#8B8B8B; font-size:90%; font-weight:bold; white-space:nowrap; text-transform:uppercase; font-style:italic }
.hdl h4              { font-size:83% !important; display:block; color:#FF6600; font-weight:bold !important; text-transform:uppercase }




.edito-tribune .hdl h3   { font-weight:bold; }
.edito-tribune .hdl h3 a {}


.author-bio      { display:block; margin:0 0 20px 0; padding:20px; border:1px #d5d5d5 solid; background:#efefef; }
.author-bio img  { float:right; }








.story-list li { position:relative; display:block; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px #d5d5d5 solid; }
.story-list h3 { font-size: 1em; font-weight: normal; line-height:1.2em;  }
.story-list img    {  float: left; margin: 0 10px 0 0; padding: 2px; } 


.list1 li       { position:relative; display:block; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px #d5d5d5 solid; } 
.list1 h3       { font-size: 1em; font-weight:bold; line-height:1.2em; color:#333; letter-spacing:-.05em;}



.comments       { background:transparent url(../imgs/cp-sprites.png) no-repeat scroll -2px -923px; padding-left: 15px;} 
.rubmenu ul     { margin: 0 0 20px 0;   float: left; } 
.rubmenu li     { background: url(dotted_line_hor.gif) repeat-x bottom; font-size: 10px; padding: 2px 0 0 6px; text-transform: uppercase; }


.list8  {display:inline; font-size:87%; height:12px; overflow:hidden;}
.list2 cite {color:#777;  }




.list-2    { padding:0; margin:0;}
.list2 li { padding:0 0 3px 0;  font-family:arial, verdana, sans-serif;}
.list-2 li a { }





/* 
SIDE MODULES
*/


.hd h3         { color:#000; line-height:30px; height:30px; display:block; text-transform:uppercase; font-size:100%; font-weight:bold !important;

 } 
.hd h3 a       { color:#000; font-weight:bold; }

.subhd         { margin:0;  font-size:93%; display:block; color:#222; font-weight:bold !important; text-transform:uppercase;}
.subhd a       { color:#333; color:#A82811;    }

.blogs .subhd     { color:#FF6600; }



.mod             { position:relative; display:block; margin: 0 0 15px 0; padding: 0px 0 0 0; } 
.mod p           { padding: 2px 0 10px 0; } 
.mod .mod-bd     { padding:10px 10px;} 
#cColumn .mod-ft     { border-color:#d6d6d6; border-style:solid; border-width:0 1px 1px 1px; padding:5px 7px; text-align:right; font-size:93%; 

}
 .mod-ctrl               { position:absolute; bottom:40px; right:10px; }
.mod-ctrl .prev         { height:14px;  width:13px; text-indent:-9999px; float:left; background:url(../imgs/icons/btn_pre.gif) no-repeat 0 0.25em; vertical-align:middle }
.mod-ctrl .next         { height:14px;  width:13px; text-indent:-9999px; float:left; background:url(../imgs/icons/btn_next.gif) no-repeat 0 0.25em; vertical-align:middle; margin-left:-1px; }


.modborder     { border: 1px #E4E9EC solid; } 



.mod ul, 
.mod ol, 
#cColumn .mod dl         { padding:0; } 
#cColumn .mod dl dt      { margin: 0; padding: 0; color: #555; font-weight:bold; } 
#cColumn .mod dl dd      { margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px #D5D5D5 dotted; }


#aColumn .mod {background:#fff}


#cColumn .mod .hd        { padding:0px; margin:0 0px;  border:1px #d6d6d6 solid; border-top:none; border-bottom:none; height:28px; background:#fff url(../imgs/hdbg.jpg) no-repeat 0 -2px}

#cColumn .mod .hd h3     { padding:0 10px; font-size:100%; line-height:28px; font-weight:bold !important; color:#000 !important; text-transform:uppercase}

#cColumn .mod            { border: 0px #d6d6d6 solid; border-top:#49B919 solid 4px; background:#fff url(http://a2.espncdn.com/prod/assets/gradient_back.jpg) repeat-x bottom; 

}



#cColumn .mod-bd  { border:1px #d6d6d6 solid; border-top:none;  }
#aColumn .mod-ft, #cColumn .mod-ft  { font-size:93%;  }



#cColumn .mod dl        { padding:0; } 
#cColumn .mod dl dt     { margin: 0; padding: 0; color: #555;  color:#D71F36} 
#cColumn .mod dl dd     { margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px #D6D6D6 dotted; }



.formulaire_inscription .forml{width:160px;}


.formulaire_sondage  { width:180px; } 
.formulaire_sondage legend { display:none } 
.formulaire_sondage td { display:block; } 
.formulaire_sondage td img { width:160px !important; } 


.formulaire_sondage .choix { margin:4px 0; } 





#formulaire_forum fieldset { border:none; margin:0; padding:0}
#formulaire_forum legend   { display:none;}
#formulaire_forum textarea { margin:0 0 10px 0; padding:0px;}

.saisie_session_nom label, .saisie_session_email label { display:block; padding:0; margin:0;}
.saisie_session_nom,       .saisie_session_email       { padding:0; margin:0 0 10px 0;}
.saisie_session_nom input, .saisie_session_email input { padding:0; margin:0;}

.saisie_session_nom {}
.explication { margin-bottom:0px;   }


.edito-tribune h3   {  }
.edito-tribune h4 a {  }










.liste-des-listes,.liste-formats, .abonnement_presentation, .liste-titre, .hide {display:none; }







/*
VIDEO BLOCK
*/

.video-mod p       { margin: 0; padding: 0;}
.video-mod object  { width:180px !important; height:160px !important}
.video-mod embed   { width:180px !important; height:160px !important}
.video-mod ul      { margin:0 0 0 -10px  }
.video-mod ul li   { float:left; width:85px; height:95px; margin-left:10px;  }




/*
BLOGS BLOCK
*/

.blogs                { margin:15px 0; border-top:4px #FF0000 solid; }
.blogs .hd            { padding:0 10px; }
.blogs .mod-bd        { font-size:.89em; color:#666;  }
.blogs .mod-bd a      { font-weight:bold;}
.blogs .mod-bd dl     { padding:0px 6px 10px 0; margin:0 0 10px 0; display:block; clear:both; border-bottom:1px #ddd dotted}
.blogs .mod-bd dt     { margin:0; padding:0 }
.blogs .mod-bd dt img { margin: 0 8px 0 0;  }
.blogs .mod-bd dd     { border:none; }

/*
AFFAIRES BLOCK
*/


.affaires ul li       { font-size:89%; border-bottom:1px #777 dotted; padding:6px 0; margin:6px 0;}
.affaires ul li a     { color:#49B919 }
.affaires ul li p     { padding:0; margin:0; }
.affaires ul li img   { float:left; margin:0 10px 0 0; }





/*
MAG BLOCK
*/

.mag .mod-bd ul      { padding:0; margin:0 }
.mag .mod-bd li      { position:relative; clear:both; padding:0 0 20px 0; margin:0 10px 6px 10px; border-bottom:1px #bababa dotted; display:block;
font-family:georgia, serif; color:#000;   }
.mag .mod-bd li a    { font-style:italic; font-size:110%}
  
.mag .mod-bd li img  { }
.mag .mod-bd h4   a  { color:#FF6600; font-weight:bold; font-size:100%; font-style:normal;  padding:2px 6px 2px 0;}
.mag .mod-bd p       { padding:0; margin:0 }






span.tiplb {
color:#676767;
display:block;
}

.storelist {
margin:0 10px;
padding:10px 0;
}
.storelist li img {
width:50px; 
}

.storelist li {
margin:0 0 10px 3px;
height:100px;
width:65px;
float:left;
font-size:80%;
overflow:hidden;
}
.storelist li a{
}

a.tip {
position:relative;
}






.poplist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px #ddd dotted;
}

.poplist {
margin: 0;
padding:0;
}






.filInfo { font-size: .90em;
    margin: 0;
    padding: 0
} 

.filInfo li {
    border-bottom: 1px #ddd dotted;
    padding: 6px 0;
    font-weight:bold;
    font-family:georgia;
} 

.filInfo li a {
    font-weight:bold;
    font-family:georgia !important;
} 



.pops { background: #EBEFF0;     border-color: #EBEFF0 #EBEFF0 #EBEFF0 #EBEFF0;
    border-style: solid;
    border-width: 4px 1px 1px 1px;
} 

.pops h3 {
border-bottom: 1px #ddd solid;
}




.culturemod { padding:0 }
.sportmod   { padding:0 }














/* 
PAGINATION
*/

.pagination *                         { margin:0; padding:0; }
.pagination                           { border-top:2px solid #CCCCCC; padding:6px 0 6px 7px; margin:15px 0; margin-left:-7px; }
.pagination .current, .pagination .on { color:#FF8600 !important; }
.pagination a, .pagination .current {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#313031;
display:inline-block;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-left:-7px;
padding:3px 8px 1px 7px;
text-decoration:none;
}






/*
Services
*/

.services .hd { height:35px; line-height:35px; background:#f1f1f1; color:#49B919; border:0px #ccc solid; display:block; width:112px; padding:0 10px }


#art-de-vivre{background:#EDECE8;}


.galeriesUne {position:relative; display:block; width:170px;}
a.vignettesGal:link, a.vignettesGal:visited { color:#fff; display:block; overflow:hidden; text-align:center; text-decoration:none; } 
.vignettesGal { cursor:pointer; display:block; float:left; font-size:10px; height:150px; margin:0; padding:0; width:170px; background:#333; } 


div.categoryList div.heading-holder { margin-bottom: 2px; }
div.heading-holder { background: transparent url(../imgs/dotted_line_hor.gif) repeat-x scroll left bottom; padding:4px 0; margin-bottom:6px; }
div.heading-holder a.rss {float: right;font-size: .89em;margin-top: 1px;padding-bottom: 0;padding-top: 0;}

a.rss {-x-system-font: none; background: transparent url(../imgs/icons/01.png) no-repeat scroll right .25em; vertical-align:middle; color: #E26E00 !important; display: block; font-size: .76em !important; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.3em; margin-top: -1px; padding: 2px 15px 1px 0; }





/* tabs */
.hdbortop {border-top:4px #0C92AD solid;}



/*
fouretout
*/

#pict-nav, #enav {margin:0 5px;} 
#pict-nav a, #enav a {margin: 0px 1px; padding: 0px 3px; border: 0px solid #ccc; background: #d5d5d5; text-decoration: none } 
#pict-nav a.activeSlide, #enav a.activeSlide {background: #333; color:#fff} 
#pict-nav a:focus, #enav a:focus { outline: none;}
.iconsBlock{width:240px; float:left; margin:20px 0 0 20px; padding:0;}
.icons{width:110px; height:60px; margin:0 10px 0 0; float:left; padding:0;}
.icons span{font-size:10px;}
.icons img{float:left; margin:0 15px 0 0px;}





.tabsContainer ul.tabsnav li{display:inline; }


.car-dir-right { background:transparent none repeat scroll 0 0; height:50px; width:15px; top:7.75em; position:absolute; right:0; z-index:9999; }   
.car-dir-left  { background:transparent  none repeat scroll 0 0; height:50px; width:15px; position:absolute; top:7.75em; left:0; z-index:9999; }   



.aToolsA { display:block; height:40px; line-height:40; font-size:18px; border-bottom:1px #ddd solid; border-top:1px #ddd solid; padding:0 10px;}  
.aToolsB { display:block; height:40px; line-height:40; font-size:18px; background:#dedede; border-bottom:1px #ddd solid; border-top:1px #ddd solid; padding:0 10px;}   
















/* 
TABS
*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
    display: none;}
    }

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {}
.ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block; clear: both; content: " "; }
.ui-tabs-nav li    { float: left; margin: 0 0 0 2px; min-width: 30px; /* be nice to Opera */ }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 5px; }
.ui-tabs-nav a { margin: 1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;color: #27537a; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000; }
.ui-tabs-nav a span { width: 30px; /* IE 6 treats width as min-width */  min-width: 30px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; /*padding-right: 0;*/}

*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; background:#ffffff }
.ui-tabs-nav .ui-tabs-selected a, 
.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active { 
    background-color:#fff;
	}

.ui-tabs-nav a, 
.ui-tabs-nav .ui-tabs-disabled a:hover, 
.ui-tabs-nav .ui-tabs-disabled a:focus, 
.ui-tabs-nav .ui-tabs-disabled a:active {
    border-top:1px #d5d5d5 solid; 
	border-right:1px #d5d5d5 solid;
	background-color:#f1f1f1; 
	}


.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, 
.ui-tabs-nav a:focus span, 
.ui-tabs-nav a:active span {
    /*background-position: 0 -50px;*/ 
	/*background: url(../imgs/tabbgon.gif) no-repeat top left;*/ 
	background-color:#fff; 
	color:#666666 
	}
    
.ui-tabs-nav a span, 
.ui-tabs-nav .ui-tabs-disabled a:hover span, 
.ui-tabs-nav .ui-tabs-disabled a:focus span, 
.ui-tabs-nav .ui-tabs-disabled a:active span { 
    background-color:#f1f1f1; 
	border-left:1px #d5d5d5 solid; 
	color:#666666 
	}

.ui-tabs-nav .ui-tabs-selected a:link, 
.ui-tabs-nav .ui-tabs-selected a:visited, 
.ui-tabs-nav .ui-tabs-disabled a:link, 
.ui-tabs-nav .ui-tabs-disabled a:visited { 
    /* @ Opera, use pseudo classes otherwise it confuses cursor... */ 
	cursor: text; }

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
    /* @ Opera, we need to be explicit again here now... */    
	cursor: pointer; }

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #dedede;
    padding: 1em 8px;
    background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */
    }

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
    }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { 
    /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}






/* 
BLOG LIST 
*/

.editoBox       { border:1px #ddd solid; padding:10px;}
.editoBox  h3   { border-bottom:4px #DF6A03 solid; padding:10px; color:#333; font-weight:bold;}
.blogList dl    { border-bottom:1px #ddd solid; padding:10px 0; margin:10px 0; }    
.blogList dl dt { font-weight:bold; color:#DF6A03; }    
.blogList dl dd { padding:2px 0 2px 17px; margin:2px 0 2px 15px; }    



/* 
BREVES 
*/
.breves li { border-bottom:1px #d5d5d5 solid; padding:8px 0; margin:8px 0; font-size:100%;}
.breves h3 { font-weight:bold; margin:0 0 10px 0; color:#DF6A03;  } 
.breves p  { line-height:165%; padding:0 0 1em 0; margin:0  }



/* 
PAGE NAVIGATION 
*/


#page-navi { width:100%; float:left; display:block; border-top:0px #ddd solid; margin:20px 0 20px 0; padding:0; text-align:right; 
}
#page-navi a, .lien_pagination     { color:#666; font-size:11px; font-family:verdana !important;}
#page-navi #top  { background:transparent url(http://imgnews.naver.com/image/news/2007/new_section/bu_btntop.gif) no-repeat scroll 0 0.25em; padding-left:11px; margin:0 0 0 7px; vertical-align: middle;}
#page-navi #prev { padding-left:11px; margin:0 0 0 7px; vertical-align: middle; background:transparent url(../imgs/cp-sprites.png) no-repeat scroll -4px -181px;
}