/* Digest
------------------------------
    1. General
	2. Header
	3. Contenu
		3.1 Colonne 01 gauche
			3.1.1 Bloc personne
			3.1.2 Contenu texte
				3.1.2.1 Illustration
				3.1.2.2 Outils
				3.1.2.3 Commentaires
				3.1.2.4 Social bookmarking
		3.2 Colonne 02 droite
			3.2.1 Bloc par défaut
	4. Footer

*/

/* Colors
------------------------------
	# current text	:	#676767
	# indigo		: 	#2d0168
*/

/* em Formula
------------------------------
	1em = 16px (default font) {where 1em = inherited font size}
	so 1px = 1 ÷ 16 = 0.0625em
	to conclude Xpx = X * 0.0625em 
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. General <<<-----------*/
/* ----------------------------------------------------------*/

body {
	background: white url(../../images/structure/background/bg-fond.gif) repeat-x 0 0;
	color: #676767;
	font: normal .80em/1.5em arial, sans-serif;
}
#wrap-global {
	width: 985px;
	padding: 0 20px;
	background: transparent url(../../images/structure/background/deg-02.png) repeat-y center top;
	margin: 0 auto;
}
#IE6 #wrap-global {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/structure/background/deg-02.png',sizingMethod='scale');
	background-image:none
}
#global  {
	width: 925px;
	margin: 0 auto 0 auto;
	background: white;
	padding: 10px 20px;
	position: relative;
}
#global a {
	color: #0584C6;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Header <<<-----------*/
/* ----------------------------------------------------------*/

#global #extra {
	position: absolute;
	top: 10px;
	left: -55px;
	width: 55px;
	height: 242px;
	background: transparent url(../../images/elements/elections.png) no-repeat 0 0;
}
#IE6 #global #extra {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/elections.png',sizingMethod='crop');
	background-image:none
}
#IE6 #global #extra {
	left: -65px;
}
#global .logo {
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}
#global .retour {
	display: block;
	float: right;
	text-align: right;
	line-height: 43px;
	background: #4D8AD3;
	width: 516px;
}
#global .retour a {
	margin-right: 10px;
	color: white;
	font-size: 1.5em;
	font-weight: 900;
}
#global h1 {clear: both;}
#global h2 {
	background: #4e9ebf;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 1.3em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Contenu <<<-----------*/
/* ----------------------------------------------------------*/

	/* -------------------------------------------------------------------------------------------------->>> 3.1 Colonne 01 gauche <<<-----------*/
.col-01 {
	width: 605px;
	float: left;
	padding-right: 20px;
}
.col-01 h3 {
	color: #666;
	font-size: 1.8em;
	margin-bottom: 20px;
	clear: both;
	font-family: 'Lucida Sans', sans-serif;
}

	/* -------------------------------------------------------------------------------------------------->>> 3.1.1 Bloc personne <<<-----------*/

.col-01 .hero {
	float: left;
	margin-bottom: 20px;
	width: 110px;
	margin-right: 11px;
}
.col-01 .hero h4 {
	color: black;
	text-align: left;
	font-family: Tahoma, sans-serif;
	padding: 2px;
	line-height: 1em;
	height:30px;
}
.col-01 .hero h4 span {
	text-transform: uppercase;
}
.col-01 .hero a {
	color: #00b3f1;
	text-decoration: underline;
}
.col-01 .hero a:hover, .col-01 .hero a:focus {
	text-decoration: none;
}
.col-01 .hero .vote {
	display: block;
	background: #4e9ebf;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 2px 0;
	font-size: .9em;
	font-weight: 900;
}
#global .col-01 .hero .vote a {
	display: block;
	color: white;
	text-decoration: none;
}
#global .col-01 .hero .vote a:hover,#global .col-01 .hero .vote a:focus {
	text-decoration: underline;
}
.col-01 .hero .inner {
/*
	height: 80px;
*/
/*
	background: url(../../images/structure/background/deg-03.gif) repeat center bottom;
*/
	background-color:#E9F4FA;
	font-size: .8em;
	color: black;
}
.col-01 .hero .inner h5 {
	background: transparent url(../../images/elements/puce.gif) no-repeat 3px 4px;
	padding-left: 14px;
}
.col-01 .hero .inner ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
.col-01 .hero .inner ul li {
	line-height: 1.1em;
}

	/* -------------------------------------------------------------------------------------------------->>> 3.1.2 Contenu texte <<<-----------*/

#article .voter {
	display: block;
	float: right;
	padding: 3px 30px;
	color: white;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.3em;
	background: #4e9ebf;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	font-family: 'Lucida Grande', verdana, arial, sans-serif;
		/* CSS 3 */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkir-border-radius: 3px;
		box-shadow: 2px 2px 1px #0c3b4e;
		-moz-box-shadow: inset 1px 1px 1px #0c3b4e;
		-webkit-box-shadow: inset 1px 1px 1px #0c3b4e;
}
#article .voter:hover {
	text-decoration: underline;
}
#article p {
	margin: 1em 0;
	text-indent: 0;
		/* CSS3
		text-rendering: optimizeLegibility;
		text-justify: inter-character;
		hyphenate: auto;
		hyphenate-lines: 3;
		*/
}
#article .text {
	text-align: justify;
}
#article .type {
	color: #E20031;
	text-transform: uppercase;
	font-weight: 900;
	font-size: .750em;
}
#article h3 {
	background: #4E9EBF;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	font-family: Arial, sans-serif;
}
#article h4 {
  background: none;
  color: black;
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size: 1.2em;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
div#article p.story_date {
	color: #4a4a4a;
	font-size: .65em;
	margin: 0;
}
div#article p.story_date abbr {
	border-bottom: none;
}
div#article h4.st_intertitre {
	color: #251E26;
}
div#article p.st_mention {margin: 0; line-height: 1;}
div#article p.st_signature {
  font-variant: small-caps;
  color: black;
  line-height: 1;
  font-weight: 900;
  margin: 0;
}
div#article p.st_note {
  color: #4a4a4a;
}
#article p.st_entretien_q {
	color: #0A9FDE;
	font-style: italic;
}
div#article blockquote.chapeau {
	font-family: arial, sans-serif;
	font-style: normal;
	padding-top: .5em;
	margin: 0 0 1.5em 1.5em !important;
	color: black;
	font-size: 1.1em;
	line-height: 1.5em;
	clear: right;
}
div#article ul {
  list-style: square;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  color: #726763;
  padding: 0;
}
#article ol ul, #article ul ul {
	font-size: 1em;
	margin-left: 2em;
}
div#article ol {
  list-style: decimal-leading-zero;
  list-style-position: inside;
  margin: .625em 0;
  font-size: .75em;
  padding: 0;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.2.1 Illustration <<<-----------*/

div#article div#wrap_illu {
  width: 309px;
  margin-right: 5px;
  padding-top: 10px;
  float: left;
  clear: right;
}
div#article div#wrap_illu p {
  margin: 0 0 .3em 0;
}
div#article div#wrap_illu ul.thumbs {padding: 0; margin: 0;}
div#article div#wrap_illu ul.thumbs li {
  display: block;
  float: left;
  margin-right: .5em; /* 8px */
  padding-top: .625em;
}
div#wrap_illu img, ul.thumbs li img {
  border: 1px solid #4a4a4a;
}
em.credit {
  width: 296px;
  padding: .4em .3125em; /* 5px */
  float: left;
  background: #d3ecf7;
  font-size: .7em;
  line-height: 1.5em;
  font-style: normal !important;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.2.2 Outils <<<-----------*/

#outils {
	display: inline;
	float: right;
	margin: 0 !important;
	padding: 0;
}
#outils li {
	color: #4a4a4a;
	font-family: arial, Tahoma, sans-serif;
	display: inline;
	padding-left: 1.5em;
	margin-right: .3em;
}
#partager {background: transparent url(../../images/elements/icons/bookmark.gif) no-repeat center left;}
#imprimer {background: transparent url(../../images/elements/icons/printer.gif) no-repeat center left;}
#envoyer_a {	background: transparent url(../../images/elements/icons/mail.gif) no-repeat center left;}
#commenter {	background: transparent url(../../images/elements/icons/comment_left.gif) no-repeat center left;}
#options {background: transparent url(../../images/elements/icons/plus.gif) no-repeat center left;}
#outils li a:link, #outils li a:visited {
	color: #00a6eb;
	text-decoration: none;
}
#outils li a:active, #outils li a:hover {
	color: #00a6eb;
	text-decoration: underline;
}
#share {
	float: right;
	position: relative;
	width: 250px;
}
#on_partage {
	background: transparent url(../../images/elements/top_partage.gif) no-repeat 0 0;
	display: none;
	padding: .5em .5em 1.5em .5em;
	position: absolute;
	top: 1.2em;
	left: -0.85em;
	width: 210px;
}
#on_partage ul {
	list-style: none none !important;
	padding-right: 1em;
	margin: 0;
}
#on_partage ul li {	padding-left: 2em;}

/* ============ VIVE IE =========== */
* html #on_partage ul li {_padding-left: .5em;}
*+html #on_partage ul li {padding-left: .5em;}
/* ============ VIVE IE =========== */

.facebook {background: transparent url(../../images/elements/icons/facebook.png) no-repeat center left;}
.digg {background: transparent url(../../images/elements/icons/digg.png) no-repeat center left;}
.delicious {background: transparent url(../../images/elements/icons/delicious.png) no-repeat center left;}
.magnolia {background: transparent url(../../images/elements/icons/magnolia.png) no-repeat center left;}
.google {background: transparent url(../../images/elements/icons/google.png) no-repeat center left;}
.windowslive {background: transparent url(../../images/elements/icons/live.png) no-repeat center left;}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.2.3 Commentaires <<<-----------*/

.batigni {
  border: 2px solid #9C6854;
  background: #F1F1C3;
  color: #3C3D32;
  padding: 10px;
  display: none;
}
.batigni p {margin: 0 !important;}

#commentaires {
	border: 1px solid #0A9FDE;
	float: left;
	margin-top: .625em;
	padding: .625em;
	width: 96.3%;
}
#commentaires h3 {
	margin-top: 0 !important;
	text-transform: none !important;
}
#commentaires h3 a {color: white;}
.x_comment {
	background: transparent url(../../images/elements/icons/comment_left.gif) no-repeat top left;
	padding-left: .7em;
	margin: 0 .3em;
}
.bloc_comment {
	background: #e9f6fa;
	margin: .5em 0;
	padding: .2em;
}
.bloc_comment p {
	margin: .3em 0 !important;
	line-height: 1.5em !important;
}
.bloc_comment p > b {
	float: left;
	clear: left;
	text-transform: uppercase;
	width: 100%;
}
.bloc_comment.alt {
	background: #D3ECF7;
}
.comment_infos abbr {border-bottom: none;}
.comment_infos {
	float: left;
	width: 100%;
}
.comment_abus {
	font-size: .7em !important;
	text-align : right;
}
.comment_abus a {
	background: transparent url(../mediastore/elements/icons/warning.gif) no-repeat center left;
	padding-left: 1.2em;
}
.comment_abus a:link, .comment_abus a:visited, .comment_abus a:active, .comment_abus a:hover {color: #4a4a4a;}
.comment_abus a:focus {background-color: #4a4a4a !important; color: white !important;}
.comment_auteur {font-weight: 900; color: black;}
.comment_date {
	color: #0A9FDE;
	display: block;
	font-size: .750em;
	text-align: right;
	width: 100%;
}

#title_comment {
	cursor: pointer;
	display: none;
	margin: 1em auto;
}
#commentaires form .over {
	background: #C9F2FE;
}

#commentaires form .row label {
	display: block;
	float: left;
	font-weight: 900;
	text-align: right;
	margin-right: .4em;
	width: 11em;
}
#commentaires form .row {
	float: left;
	clear: left;
	padding: 10px;
	width: 97.5%;
}
#commentaires form .row input {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	width: 300px;
}
#commentaires  input#email {background: #C9F2FE url(../../images/elements/icons/mail.gif) no-repeat 5px 5px;}
#commentaires  input#pseudo {background: #C9F2FE url(../../images/elements/icons/person.gif) no-repeat 5px 5px;}
#commentaires  input#captcha, #commentaires  input#password {background: #C9F2FE url(../../images/elements/icons/key.gif) no-repeat 5px 5px;}
#commentaires form .row textarea {
	border: 0;
	padding: .2em .2em .2em 1.5em;
	height: 8em;
	width: 297px;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	background: #C9F2FE url(../../images/elements/icons/comment_left.gif) no-repeat 5px 5px;
}
#commentaires form .over input, #commentaires  form .over textarea {
	background-color: white !important;
	border: 0;
}
#commentaires form #btn_comment {
	border: 0;
	background: #0A9FDE;
	color: white;
	font-weight: 900;
	clear: left;
	display: block;
	padding: .3em;
	margin: 0 auto;
}

#commentaires .list_comment {margin: 0 !important;}
#commentaires .inscription {
	background: transparent url(../../images/elements/btn-inscription.jpg) no-repeat center center;
	display: block;
	float: right;
	height: 75px;
	width: 170px;
	text-indent: -5000em;
	padding-left: 10px;
	padding-top: 10px;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.2.4 Social bookmarking <<<-----------*/

div#sb {
	margin:10px 0;
	clear:both;
}
div#sb h3 {
	float:left;
	font-weight:800;
	color: #A52A2A;
	padding:3px 5px;
	width: 65px;
	background: url(../../images/elements/sb-h3-background.gif);
	text-indent:-9999px;
}
div#sb #sb-share h3 {background-position: right 0;}
div#sb #sb-subscribe h3 {background-position: right -30px;}
div#sb-share {
	border-bottom:none;
	float:left;
	margin:10px 0;
	width:100%;
}
div#sb ul {
	padding: 0;
	margin: 0;
}
div#sb ul li {
	display:inline;
	margin-left:5px;
}
div#sb ul li a {
	padding:3px 3px 3px 20px;
	background:no-repeat;
	background-position:2px 2px;
}
div#sb ul li a:hover {
	background-color: #E0DCA7;
	text-decoration:none;
	color: #6B6A23;
}
div#sb ul li a#sb-facebook {background-image: url(../../images/elements/facebook.png);}
div#sb ul li a#sb-delicious {background-image: url(../../images/elements/delicious.png);}
div#sb ul li a#sb-myspace {background-image: url(../../images/elements/myspace.png);}
div#sb ul li a#sb-windows-live {background-image: url(../../images/elements/windows-live.png);}
div#sb ul li a#sb-wikio {background-image: url(../../images/elements/wikio.png);}
div#sb ul li a#sb-twitter {background-image: url(../../images/elements/twitter.png);}

	/* -------------------------------------------------------------------------------------------------->>> 3.2 Colonne 02 droite <<<-----------*/

.col-02 {
	width: 300px;
	float: left;
}
.col-02 .box {
	width: 300px;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	background: #eaeaea;
}
.col-02 .box a {
	color: #676767;
	text-decoration: none;
}
.col-02 .box a:hover, .col-02 .box a:focus {
	text-decoration: underline;
}
.col-02 .box h3 {
	background: #4e9ebf;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	font-size: 1.3em;
}
.col-02 .box p, .col-02 .box ul, .col-02 .box ol {
	padding: 10px;
	font-family: Georgia, serif;
}
.col-02 .box ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
.col-02 .box .besides {
/*
	float: right;
*/
	margin-left: 10px;
	color: #4e9ebf;
	font-family: Georgia, serif;
	text-decoration: underline;
	text-align:left;
}
.col-02 .box .besides:hover, .col-02 .box .besides:focus {
	text-decoration: none;
}

.col-02 #supporter  {
	padding-bottom: 0;
}
.col-02 #supporter .inner {
	border: 2px solid #4E9EBF;
	border-top: none;
	background: white;
	padding-top: 1px;
	padding-bottom: 5px;
	
}
.col-02 #supporter .inner .cv {
	margin: 10px;
	background: #EFF8FB;
	padding: 10px;
	display:block;
	height:73px;
}
.col-02 #supporter .inner .cv h4 {
	color: #676767;
	font-family: Tahoma, sans-serif;
	font-size: 1.3em;
}
.col-02 #supporter .inner .cv img{
	margin-right: 10px;
	float: left;
}
.col-02 #supporter .inner .cv p {
	font-family: arial, sans-serif;
	font-size: .85em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	padding-left: 93px;
	color: #666;
}
.col-02 #supporter .inner .overflow {
	margin-top:5px;
	height: 190px;
/*
	overflow: auto;
*/
	margin-bottom: 5px;
}
.col-02 #supporter .inner .overflow ul {
	list-style: none none;
	margin: 0;
	padding: 10px;
	vertical-align: top;
}
.col-02 #supporter .inner .overflow ul li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
	vertical-align: top;
	font-family: arial, sans-serif;
/*
	background: transparent url(../../images/elements/talk.gif) no-repeat 99% 2%;
*/
}
.col-02 #supporter .inner .overflow ul li img {
	float: left;
	margin-right: 10px;
}
.col-02 #supporter .overflow h4 {
	font-size: 1.3em;
	line-height: 1;
}
.col-02 #supporter .overflow h4 a {
	color: #676767;
}
.col-02 #supporter .overflow small {
	line-height: 1;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 4. Footer <<<-----------*/
/* ----------------------------------------------------------*/

#liste_logos {
  float: left;
  padding: 10px 0;
  width: 100%;
}
#liste_logos li {
  display: block;
  float: left;
  margin-left: 1em;
}

#IE6 #liste_logos li {display: inline;} /* corrections du doublement des marges (simpson) */

.footer {
  clear: left;
  color: #5a5a5a;
  text-align: justify;

}
.cim {
  clear: left;
  padding-top: 10px;
  text-align: center;
}
.cim big {
	color: #4a4a4a;
	font-size: .750em;
}
.cim img {padding-top: .3em;}


/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 4. Enregistrement <<<-----------*/
/* ----------------------------------------------------------*/


#enregistrement {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/elements/btn-inscription.jpg) no-repeat scroll center center;
display:block;
float:right;
height:75px;
padding-left:50px;
padding-top:10px;
text-indent:-5000em;
width:170px;
}

.col-01 .box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EAEAEA none repeat scroll 0 0;
margin:0 0 10px;
padding-bottom:10px;
width:450px;
} 

.col-01 .box .row {
padding-left: 5px;
}

#authentification legend {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#4E9EBF none repeat scroll 0 0;
color:white;
font-size:1.3em;
font-weight:bold;
padding:10px;
text-align:left;
margin-bottom: 10px;
}

#authentification #submit {
margin-top : 10px;
margin-left: 5px;
}

STRONG {
color: red;
}

div#newsletters{
padding-top: 15px;
padding-bottom: 15px;
}

#ok {

color:green;
font-weight:bold;

}

div.innerb ul li {
	width : 110px;
	float:left;
	padding:10px;
}