/*
* Project:     20minutes.fr's webdesign
* Sub-project: master file
* File:        master.css
*
* Description: the global file define styles for html elements, and some special classes
*
* @author:     Gregory Giglietta <ggiglietta@20minutes.fr>
* @version:    0.1
* @since:      0.1
* @copyright:  (c) 2007/10/26 20minutes.fr
*/
/*
* Table of content *
* 1.header styles
*/
/* 1.header styles */
/* 1a.menu villes */
ul#villes {
	height: 12px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding:0;
	
}
ul#villes li {
	float: left;
	text-align: center;
	display: block;
	height: 12px;
	font-size: 11px;
	/*border: 1px dotted black;
	font-weight: bold;
	line-height: 20px;*/
}
ul#villes li a {
  text-decoration: none;
}
ul#villes li#locales {
	width: 96px;
	color: #2785CF;
	text-align:left;
}
ul#villes li.bordeaux {
	width: 58px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
	text-align:left;
}
ul#villes li.lille {
	width: 39px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.lyon {
	width: 43px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.marseille {
	width: 63px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.nantes {
	width: 55px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.paris {
	width: 45px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.strasbourg {
	width: 73px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.toulouse {
	width: 64px;
	color: #4F4F4F;
	border-right: 1px solid #4F4F4F;
}
ul#villes li.bondy {
	width: 58px;
	color: #4F4F4F;
}
/* logo */
h2#logo {
	/*float: left;*/
}
h2#logo a {
 	display: block;
	width: 402px;
	height: 80px;
	background: white url(http://cache.20minutes.fr/img/logo/logo.jpg) no-repeat;
	text-indent: -5000px;
}
h2#logonoel {
	/*float: left;*/
}
h2#logonoel a {
 	display: block;
	width: 402px;
	height: 80px;
	background: white url(http://cache.20minutes.fr/img/logo/logo.jpg) no-repeat;
	text-indent: -5000px;
}
/* zone date et heure de mise  jour */
p#maj {
	margin-top: 8px;
	font-size:10px;
}
/* menu services */
ul#services {
	height: 12px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding:0;
	
}
ul#services li {
	text-align: right;
	display: block;
	height: 10px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	line-height: 10px;
	/*border: 1px dotted black;
	font-weight: bold;
	line-height: 20px;*/
}
ul#services li a {
  text-decoration: none;
}
ul#navigation {
	height: 27px;
	list-style-type: none;
	margin:0;
	padding:0;
}
ul#navigation li {
	float: left;
	text-align: center;
	display: block;
	height: 27px;
	font-size: 13px;
	/*border: 1px dotted black;*/
	font-weight: bold;
	background:url(http://cache.20minutes.fr/img/buttons/btn_fnd_out.gif) repeat-x;
	color:#FFFFFF;
	line-height: 25px;
}
ul#navigation li a {
	text-decoration: none;
	color:#FFFFFF;
}
ul#navigation li a.unedeslecteurs {
	text-decoration: none;
	color:#820061;
}
ul#navigation li#current {
	background:url(http://cache.20minutes.fr/img/buttons/btn_fnd_over.gif) repeat-x;
}
/*ul#navigation li#current.btn6 {
	background:url(http://cache.20minutes.fr/img/municipales2008/menu_faible.jpg);
}*/
ul#navigation li#begin {
	background:url(http://cache.20minutes.fr/img/buttons/left_nav.gif) repeat-x;
}
ul#navigation li#beginrub {
	background:url(http://cache.20minutes.fr/img/buttons/left_nav_out.gif) repeat-x;
}
ul#navigation li#end {
	background:url(http://cache.20minutes.fr/img/buttons/end_nav.gif) repeat-x;
}
ul#navigation li.lecteurs {
	width:205px;
	background:url(http://cache.20minutes.fr/img/buttons/btn_fndLecteurs.gif) repeat-x;
	color:#8F0068;
}
ul#navigation li.endLecteurs {
	background:url(http://cache.20minutes.fr/img/buttons/end_fndLecteurs.gif) repeat-x;
}
ul#navigation li.btn1 {
	width:95px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn2 {
	width:137px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn3 {
	width:95px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn4 {
/* ici en fait il faudra enlever le width et le remplacer par 117*/
	width:117px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn5 {
/* ici en fait il faudra enlever le width et le remplacer par 130*/
	width:130px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn6 {
/* ici en fait il faudra enlever le width et le remplacer par 107*/
	width:107px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0F66B3;
}
ul#navigation li.btn7 {
	width:98px;
}
ul#navigation li.btn8 {
	width:205px;
	background:url(http://cache.20minutes.fr/img/buttons/btn_fnd_out_lecteurs.gif) repeat-x;
}
/* common elements */
.caps {
	text-transform:uppercase;
}
.blue {
	color:#2785CF;
}
.deepblue {
	color: #0B599B;
}
.white {
	color: #ffffff;
}
.prune {
	color:#450032;
}
.grey {
	color:#767676;
}
.eurogreen {
	color:#72a336;
}
.redjo {
	color:#dd0000;
}
.font11pt {
	font-size: 11px;
}
.font12pt {
	font-size: 12px;
}
.font13pt {
	font-size: 13px;
}
.font14pt {
	font-size: 14px;
}
.font15pt {
	font-size: 15px;
}
.font16pt {
	font-size: 16px;
}
.font17pt {
	font-size: 17px;
}
.font18pt {
	font-size: 18px;
}
.font19pt {
	font-size: 19px;
}
.font20pt {
	font-size: 20px;
}
.font26pt {
	font-size: 26px;
}
.simpleInput {
	border-bottom-color:#2785CF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#2785CF;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#2785CF;
	border-left-style:solid;
	border-left-width:1px;
	border-right:none;
	height:16px;
	font-size: 10px;
}
.simpleInputBlog {
	border:1px solid #5c0043;
	height:16px;
	width:184px;
	font-size: 10px;
}
.completeInput {
	border:1px solid #2785CF;
	height:16px;
	font-size: 10px;
	width:200px;
}
.pmarge {
	margin-top:5px;
	font-size:10px;
}
.subTitle {
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}
#coltwo #front #articles .chapo {
	color:#767676;
	font-size:11px;
	font-weight:bold;
	display:block;
	width:276px;
	margin:0px 0px 5px 0px;
}
.chapo {
	color:#767676;
	font-size:11px;
	font-weight:bold;
	display:block;
	width:276px;
	margin:0px 0px 5px 0px;
}
/*.pavEnImage {
	background-color:#e6e6e6;
	width:100%;
	padding:0px 14px 0px 14px;
	margin:0px 0px 20px 0px;
}
.headEnImage {
	font-size:2.4em;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing: -0.02em;
	word-spacing: 0em;
	display:block;
	float:left;
}
.enImage {
	clear:both;
	display:block;
	padding:0px 0px 10px 0px;
}*/
.pave {
	background-color:#e6e6e6;
	width:100%;
	padding:0px 14px 0px 14px;
	margin:0px 0px 7px 0px;
}
.paveHead {
	font-size:24px;
	font-weight:bold;
	line-height:1em;
	letter-spacing: -0.02em;
	word-spacing: 0em;
}
.paveSubHead {
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	/*letter-spacing: -0.01em;*/
	word-spacing: 0em;
	padding:10px 0px 5px 0px;
}
#colthree #front #articles .cloudBlog .paveContenu {
	width: 187px;
	display:block;
	padding:0px 10px 10px 0px;
	font-size:12px;
}
#colthree #front #articles .cloudBlog .paveContenu a {
	text-decoration:none;
	color:black;
}
#colthree #front #articles .cloudBlog .paveContenu a:hover {
	text-decoration:none;
	color:black;
}
#colthree #front #articles .cloudBlog .paveContenu a:active {
	text-decoration:none;
	color:black;
}
#colthree #front #articles .cloudBlog .paveContenu a:link {
	text-decoration:none;
	color:black;
}
#colthree #front #articles .cloudBlog .paveContenu a:visited {
	text-decoration:none;
	color:black;
}
#colthree #front #articles .mostCommented .paveContenu {
	width: 187px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .prefered .paveContenu {
	width: 187px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .topblogs .paveContenu {
	width: 187px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .lastComments .paveContenu {
	width: 185px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .lastBlogs .paveContenu {
	width: 185px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .lastBlogs em {
	color:#8F0068;
}
#colthree #front #articles .lastBlogs p {
/*font-weight:bold;
color:black;*/
padding:0px 0px 5px 0px;
}
.paveContenu {
	width: 276px;
	display:block;
	padding:0px 0px 10px 0px;
}
.petitPaveContenu {
	width: 179px;
	display:block;
	padding:0px 0px 5px 0px;
}
.paveImages {
	width:276px;
	display:block;
	padding:5px 0px 0px 0px;
	border-top:2px solid white;
}
.paveImagesHead {
	font-size:20px;
	font-weight:bold;
	line-height:1em;
	/*letter-spacing: -0.01em;*/
	word-spacing: 0em;
	padding:5px 0px 5px 0px;
}
.paveFoot {
	display:block;
	margin:0px 0px 10px 0px;	
}
.paveLink {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.2em;
	/*line-height:1em;*/
}
.paveWhite {
	background-color:white;
	width:272px;
	padding:0px 14px 0px 14px;
	margin:0px 0px 20px 0px;
	border:2px solid #e6e6e6;
}
.paveWhiteHead {
	font-size:24px;
	font-weight:bold;
	line-height:1em;
	letter-spacing: -0.02em;
	word-spacing: 0em;
}
.paveWhiteContenu {
	display:block;
	padding:0px 0px 10px 0px;
}
.paveWhiteFoot {
	display:block;
	margin:0px 0px 10px 0px;	
}
.paveWhiteLink {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:1.2em;
	/*line-height:1em;*/
}
/*.enImage a {
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:black;
	display:block;
	padding:5px 0px 0px 0px;
	line-height:1em;
}
.enImage a:link, a:hover, a:visited, a:active {
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:black;
	display:block;
	line-height:1em;

.footEnImage {
	display:block;
	margin:0px 0px 10px 0px;	
}
.footEnImageTop {
	display:block;
	margin:0px 0px 0px 0px;	
}
}*/
.rssFeed {
	display:block;
	float:left;
}
.pub {
	background-color: #F8F8F8;
	text-align:right;
	font-size:10px;
}
.liserePub {
	border:2px solid black;
	text-align:right;
	padding:0px 0px 0px 0px;
}
.conteneurPubCentrale {
	background-color:#FFFFFF;
	text-align:right;
	margin:0px 0px 20px 0px;
	font-size:10px;
}
.aligneur {
	clear:both;
}
span.blogTag0 {
  font-size: 12px;
}
span.blogTag1 {
  font-size: 14px;
}
span.blogTag2 {
  font-size: 16px;
}
span.blogTag3 {
  font-size: 18px;
}
span.blogTag4 {
  font-size: 20px;
}
span.blogTag5 {
  font-size: 22px;
}
span.tag0 a{
	font-size:9px;
	text-decoration:none;
}
span.tag1 a{
	font-size:11px;
	text-decoration:none;
}
span.tag2 a{
	font-size:14px;
	text-decoration:none;
}
span.tag3 a{
	font-size:18px;
	text-decoration:none;
}
span.tag4 a{
	font-size:23px;
	text-decoration:none;
}
span.tag5 a{
	font-size:29px;
	text-decoration:none;
}
/* page "Tous les tags " */
span.alltag0 a {
	font-size:12px;
	text-decoration:none;
}
span.alltag1 a {
	font-size:16px;
	text-decoration:none;
}
span.alltag2 a {
	font-size:19px;
	text-decoration:none;
}
span.alltag3 a {
	font-size:23px;
	text-decoration:none;
}
span.alltag4 a {
	font-size:29px;
	text-decoration:none;
}
span.alltag5 a {
	font-size:33px;
	text-decoration:none;
}
span.alltag0 a:hover, span.alltag1 a:hover, span.alltag2 a:hover, span.alltag3 a:hover, span.alltag4 a:hover, span.alltag5 a:hover {
	text-decoration:underline;
}
.connectBlog {
	display:block;
	padding:5px 0px 15px 0px;
	margin:0px 0px 0px 0px;
}
#colthree #front #articles .blogged {
	display:block;
	padding:20px 0px 20px 0px;
	margin:0px 5px 0px 5px;
	/*border-bottom:2px solid #cc3399;*/
}

#colthree #front #articles .blogged a {
	text-decoration:none;
	color:#8F0068;
}
#colthree #front #articles .blogged a:hover {
	text-decoration:none;
	color:#8F0068;
}
#colthree #front #articles .blogged a:active {
	text-decoration:none;
	color:#8F0068;
}
#colthree #front #articles .blogged a:visited {
	text-decoration:none;
	color:#8F0068;
}
#colthree #front #articles .blogged a:link {
	text-decoration:none;
	color:#8F0068;
}
/* bloc blogs */
#colthree #front #articles div#blogs {
	clear: both;
	display:block;
	padding:20px 0px 20px 0px;
	margin:0px 10px 0px 10px;
	border-bottom:2px solid #cc3399;
	color:#FFFFFF;
}
#colthree #front #articles .blogs {
	clear: both;
	display:block;
	width:177px;
	padding:15px 10px 15px 10px;
	margin:0px 5px 0px 5px;
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles .interview {
	clear: both;
	display:block;
	padding:25px 0px 25px 0px;
	margin:0px 5px 0px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:#FFFFFF;
}
#colthree .topblogs {
	clear: both;
	display:block;
	width:177px;
	padding:15px 10px 15px 10px;
	margin:0px 5px 0px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:#FFFFFF;
}
#colthree .topblogs .paveContenu  {
	width: 170px;
	display:block;
	padding:0px 10px 10px 0px;
}
#colthree #front #articles .cloudBlog {
	clear: both;
	display:block;
	width:187px;
	padding:15px 5px 15px 5px;
	margin:20px 5px 20px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles .lastBlogs {
	clear: both;
	display:block;
	width:177px;
	padding:15px 10px 15px 10px;
	margin:20px 5px 20px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles .mostCommented {
	clear: both;
	display:block;
	width:177px;
	padding:15px 10px 15px 10px;
	margin:20px 5px 20px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles .prefered {
	clear: both;
	display:block;
	width:187px;
	padding:15px 5px 15px 5px;
	margin:20px 5px 20px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles .lastComments {
	clear: both;
	display:block;
	width:177px;
	padding:15px 10px 15px 10px;
	margin:20px 5px 20px 5px;
	/*border-bottom:2px solid #cc3399;*/
	color:black;
	background:white url(http://cache.20minutes.fr/img/lecteurs/topWhite.jpg) no-repeat;
}
#colthree #front #articles p.titre {
font-weight:bold;
color:black;
}
p.titre {
font-weight:bold;
color:black;
}
p.coltwoBlog {
  margin-bottom: 8px;
  display:block;
}
p.coltwoBlog strong {
  color: black;
}
p.coltwoBlog a {
	color:#646464;
	font-size:11px;
	text-decoration: none;
	line-height:1em;
}
p.coltwoBlog a:hover {
	color:#646464;
	font-size:11px;
	text-decoration: none;
	line-height:1em;
}
p.coltwoBlog a:visited {
	color:#646464;
	font-size:11px;
	text-decoration: none;
	line-height:1em;
}
p.coltwoBlog a:active {
	color:#646464;
	font-size:11px;
	text-decoration: none;
	line-height:1em;
}
p.coltwoBlog img {
  text-align: left;
  border:2px solid #8F0068;
  margin:0px 10px 0px 0px;
  display:block;
}
#colthree #front #articles p.blog {
  margin-bottom: 8px;
  display:block;
}
#colthree #front #articles p.blog strong {
  color: black;
}
#colthree #front #articles p.blog a {
	color:black;
	font-size:12px;
	text-decoration: none;
	line-height:1em;
}
#colthree #front #articles p.blog a:hover {
	color:black;
	font-size:12px;
	text-decoration: none;
	line-height:1em;
}
#colthree #front #articles p.blog a:visited {
	color:black;
	font-size:12px;
	text-decoration: none;
	line-height:1em;
}
#colthree #front #articles p.blog a:active {
	color:black;
	font-size:12px;
	text-decoration: none;
	line-height:1em;
}
#colthree #front #articles p.blog img {
  text-align: left;
  border:2px solid #8F0068;
  margin:0px 10px 0px 0px;
  display:block;
}
div.resultat {
  clear: both;
  border-bottom : 1px solid #cccccc;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}
div.resultat img {
  float: left;
  margin: 0px 5px 10px 0px;
}
div.resultat h3 {
  clear: none;
  margin-bottom: 2px;
  color:black;
  font-size:13px;
}
div.resultat h3 a {
  clear: none;
  margin-bottom: 2px;
  color:black;
  text-decoration: none;
  font-size:13px;
}
div.resultat h3 a:hover {
  clear: none;
  margin-bottom: 2px;
  color:black;
  text-decoration: none;
  font-size:13px;
}
div.resultat h3 a:visited {
  clear: none;
  margin-bottom: 2px;
  color:black;
  text-decoration: none;
  font-size:13px;
}
div.resultat h3 a:active {
  clear: none;
  margin-bottom: 2px;
  color:black;
  text-decoration: none;
  font-size:13px;
}
div.resultat p {
  text-decoration: none;
  color:black;
  font-size:12px;
}
div.resultat p a {
  text-decoration: none;
  color:black;
  font-size:12px;
}
div.resultat p a:hover {
  text-decoration: none;
  color:black;
  font-size:12px;
}
div.resultat p a:visited {
  text-decoration: none;
  color:black;
  font-size:12px;
}
div.resultat p a:active {
  text-decoration: none;
  color:black;
  font-size:12px;
}
div.resultat p.infos {
  margin-top: 3px;
}
#colone #front #articles .frontsondage {
	/*border: 2px solid #dcdcdc;*/
	width: 215px;
}

/* Slim quickinscription */

#slimForm{
width:468px;
margin-right:auto;
margin-left:auto;
margin-bottom: 0px;
}
#paveNlRouge {
width:468px;
height:29px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/subscribe_jo.jpg') no-repeat;
}
#paveNlPop {
width:468px;
height:44px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/slim_news_POP.png') no-repeat;
}
#paveNlNoir {
width:468px;
height:29px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/subscribe_black.jpg') no-repeat;
}
#paveNlGris {
width:468px;
height:29px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/subscribe_gris.jpg') no-repeat;
}
#paveNlClair {
width:468px;
height:29px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/subscribe_clair.jpg') no-repeat;
}
#paveNlFonce {
width:468px;
height:29px;
background:#fff url('http://cache.20minutes.fr/img/design/slim/subscribe_fonce.jpg') no-repeat;
}