/*
	CSS for DEV-083 - MAIN
	Phil - egzakt.com
	2012/09/06
*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	font: 81.3%/125% Verdana, Geneva, sans-serif;
	background:	url(../images/ul/tuiles/bg_web.png) #F2F2F2 repeat-y center top;
}

p {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

h1 {
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.846em;
	font-weight: bold;
	line-height: 1.2em;
}

h1 a {
	color: #1C1E7C;
}

h1 a:hover {
	color: #1C1E7C;
	text-decoration: underline;
}

h3 {
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.154em;
	font-weight: bold;
	line-height: 1.2em;
}

hr {
	margin: 10px 0;
	border: none;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

a {
	cursor: pointer;
	color: #1C1E7C;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #1C1E7C;
	text-decoration: underline;
}

a:visited {
	color: #6B6DAA;
}

a:focus {
	outline: 0;
}

img {
	border: 0;
}

form {
	margin: 0;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	background: #fff;
}

/* Switch de stylesheets --------- */

#side_social{
	display: none;
	position: fixed;
	top: 62px;
	right:0;
	padding:7px 0;
	color:#2880df;
	width:135px;
        height:33px;
	
}

#side_social {
        background: url(../images/ul/tuiles/bg_taille_ecran.jpg) top left repeat-y rgb(255,255,255);
        opacity: 0.7;
        -webkit-transition: all 0.2s  ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}


#side_social li{
        display: inline;
        padding-left: 20px;
}

#side_social:hover {
        opacity: 1;
}

#changer_css {
	display: none;
	position: fixed;
	top: 29px;
	right:0;
	font-size: 10px;
	line-height: 18px;
	padding:7px 0;
	color:#2880df;
	background: url(../images/ul/tuiles/bg_taille_ecran.jpg) top left no-repeat #fff;
	width:135px;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	text-transform:uppercase;
}

#changer_css {
	opacity: 0.7;
	-webkit-transition: all 0.2s  ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#changer_css:hover {
	opacity: 1;
}

#changer_css span{
	float:right;
}

#changer_css img {
	float:right;
	margin-right:8px;
	margin-left:14px;
}

#changer_css #img_css_web {
	display: none;
}

#changer_css #img_css_tv {
	display: inline;
}

/* Colonnes contenu -------------- */
#col_conteneur {
	padding: 20px 0 0;
}

#col_conteneur.sans_derniere_heure {
	padding-top: 0;
}

#col_principale {
	margin: 0 20px;
	width: 620px;
}

.page_pleine #col_principale {
	margin: 0 20px;
	width: auto;
}

#col_complement {
	width: 300px;
}

/* Wrappers des anciennes pages -------------- */
#opinion,
#multimedia,
#speciaux,
#page_texte,
#meteo_wrapper {
	margin: 0 auto;
}

/* Elements communs -------------- */
.specs {
	padding: 5px 0;
	font-size: 0.924em;
	line-height: 1.2em;
	color: #333;
}

.specs.with_photo .specs_content {
	display: inline-block;
	padding: 22px 0 22px 15px;
	width: 550px;
	line-height: 20px;
}

.specs figure img {
	border-radius: 30px;
	border: solid 1px #f2f2f2;
}

.specs a { color: #333; }
span.article_du_jour { color: #E40000 !important; }
.splitter {	padding: 0 5px; color: #AFAFAF; }

.bouton,
#profil #connaitre .bouton,
#etape3_profil .bouton {
	display: inline-block;
	padding: 4px 10px;
	color: #fff !important;
	font-size: 0.864em;
	line-height: 1.2em;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid #fff;
	background: url(../images/ul/boutons/bouton.png) repeat-x center center;
	box-shadow: 0 0 0 1px #1C1E7C;
}

.bouton:hover,
#profil #connaitre .bouton:hover,
#etape3_profil .bouton:hover {
	color: #fff;
	text-decoration: none;
	background: url(../images/ul/boutons/bouton.png) repeat-x center bottom !important;
}

/* type_2 : 2016-09-14 */
.bouton.type_2 {
	background: #00a8c2 none;
	text-transform: uppercase;
	font-weight:normal;
	box-shadow: none;
	padding: 5px 15px;
}
.bouton.type_2:hover {
	background:none #018a9f !important;
}

article figure .media {
	overflow: hidden;
	position: absolute;
	bottom: 11px;
	left: 1px;
	margin: 0;
	padding: 0;
	height: 17px;
}

article figure.grande_photo .media {
	overflow: hidden;
	position: absolute;
	/*bottom: 11px;*/
	bottom: -110px;
	/*left: 1px;*/
	left: 0;
	margin: 0;
	padding: 0;
	height: 17px;
}

article figure .media li {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

article figure .media li a {
	margin: 0;
	padding: 0;
}

article figure .media li a img {
	margin: 0;
	padding: 0;
	display: block;
}

.cle {
	display: inline-block;
}

/* --------------------------------------------
HEADER
-------------------------------------------- */
#entete_site {
	padding-bottom: 20px;
}

/* Navigation secondaire --------- */
#navigation_secondaire {
	position: relative;
	padding: 8px 20px 4px;
	font-size: 0.846em;
	line-height: 1.2em;
	border-bottom: 1px solid #E2E2E2;
}

#navigation_secondaire .aujourdhui {
	color: #000;
	text-transform: uppercase;
}

#navigation_secondaire .menu {
	color: #666;
}

#navigation_secondaire .menu li,
#navigation_secondaire .social li {
	display: inline-block;
	color: #666;
}

#navigation_secondaire .menu li a {
	display: inline-block;
	padding: 0 4px 0 1px;
	color: #666;
}

#navigation_secondaire .menu li a:hover {
	color: #000;
	text-decoration: underline;
}

#navigation_secondaire .social {
	position: relative;
	top: -2px;
	padding: 0 0 0 5px;
}

#navigation_secondaire .social li a {
	padding: 0;
}

#navigation_secondaire .menu_dd {
	display: none;
	position: relative;
	margin-right: 25px;
	height: 20px;
	background: url(../images/ul/boutons/menu_dd.png) no-repeat right top;
}

#navigation_secondaire .menu_dd > a {
	color: #666;
	display: block;
	padding: 1px 25px 0 0;
}

#navigation_secondaire .menu_dd:hover {
	background-position: right -48px;
}

#navigation_secondaire .menu_dd:hover ul {
	display: block;
}

#navigation_secondaire .menu_dd ul {
	display: none;
	position: absolute;
	top: 20px;
	left: -11px;
	padding: 0 10px 10px;
	width: 150px;
	background: #fff;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	z-index: 10;
}

#navigation_secondaire .menu_dd ul li {
	border-bottom: 1px solid #e2e2e2;
}

#navigation_secondaire .menu_dd ul li a {
	display: block;
	padding: 3px 0;
	color: #666;
}

#navigation_secondaire .menu_dd ul li a:hover {
	color: #2880E2;
	text-decoration: none;
}

/* Entete ------------------------ */
#entete {
	position: relative;
	padding: 20px 20px 13px 20px;
}

/* Caricature vedette ------------ */
#caricature {
	position: absolute;
	top: 20px;
	left: 430px;
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.846em;
	line-height: 1.2em;
}

#caricature span {
	color: #000;
	display: inline-block;
	padding-top: 20px;
	font-weight: bold;
}

#caricature .photo {
	overflow: hidden;
	width: 117px;
	height: 77px;
	margin-right: 10px;
	border: 1px solid #000;
}

#caricature .photo img {
	position: relative;
	top: -8px;
	left: -10px;
}

/* Recherche --------------------- */
.recherche {
	position: relative;
}

.recherche input[type=text] {
	width: 185px;
	height: 30px;
	padding: 5px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border: 1px solid #AFAFAF;
}

.recherche input[type=image] {
	position: absolute;
	right: 7px;
	top: 7px;
}

/* Zone membre ------------------- */
#container_membre {
	width: 291px;
	float: right;
}

#membre {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	position: relative;
	margin: 7px 0 7px 0;
	width: 185px;
	height: 40px;
	padding: 12px 0 12px 9px;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;*/
	background: url(../images/ul/boutons/profil.png) no-repeat right top;
}

#membre.hover, #membre.hover2 {
	margin-bottom: 0;
	color: #fff;
	height: 47px;
	text-decoration: none;
	background: url(../images/ul/boutons/profil.png) no-repeat right -79px;
}

#membre.hover .bg, #membre.hover2 .bg {
	display: block;
}

#membre .bg {
	-webkit-border-radius:0 8px 8px;
	-moz-border-radius:0 8px 8px;
	border-radius:0 8px 8px;
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
	padding: 4px;
	background: #333;
	width:246px;
	z-index: 201;
}

#membre .border {
	background-color:#fff;
	-webkit-border-radius:0 4px 4px;
	-moz-border-radius:0 4px 4px;
	border-radius:0 4px 4px;
	padding:4px;
}

#membre #connexion,
#membre #boite_profil {
	background-color:#f0f0f0;
	overflow:hidden;
	padding:11px 15px 16px;
}

#membre #connexion form label {
	color:#5A5A5A;
	display:block;
	font:700 14px/18px Arial, Verdana, sans-serif;
	margin:0;
	padding:0 0 1px;
}

#membre #connexion form label.error {
	color:#E12528;
}

#membre #connexion form input[type=text],
#membre #connexion form input[type=password] {
	background:none #fff;
	border:1px solid #c7c7c7;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	-moz-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	color:#000;
	font:400 14px/30px Arial, Verdana, sans-serif;
	width: 200px;
	height: 32px;
	display:block;
	margin-bottom: 10px;
	padding:0 9px;
}
#membre #connexion form input[type=text].error,
#membre #connexion form input[type=password].error {
	border:2px solid #E12528;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	height:34px;
	margin:-1px -1px 9px;
	width:202px;
}

#membre #connexion span.error-msg {
	color:#E12528;
	display:block;
	font:400 0.92307692307692em/1.33333333333333em Arial, Verdana, sans-serif; /* 12/13 16/12 */
	margin:-10px 0 0;
	padding:8px 0 16px;
}

#membre #connexion span.error-msg a {
	color:#E12528;
	text-decoration:underline;
}

#membre #connexion span.error-msg a:hover {
	color:#E12528;
	text-decoration:none;
}

#membre #connexion form input[type=submit] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:none #2882E6;
	border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:#fff;
	display:inline-block;
	font:700 14px/32px Arial, Verdana, sans-serif;
	height:32px;
	margin:12px 0 4px;
	padding:0 13px;
	text-transform:uppercase;
}

#membre #connexion form input[type=submit]:hover {
	background-color:#5a5a5a;
}

#membre #connexion a,
#membre #boite_profil a {
	color: #2882E6;
	display: inline-block;
	font:400 11px/15px Arial, Verdana, sans-serif;
	text-decoration: underline;
}

#membre #connexion form a:hover,
#membre #boite_profil a:hover {
	color: #2882E6;
	text-decoration:none;
}

#membre #connexion a.forgot {
	margin-bottom:2px;
	position:relative;
	top:-7px;
}

#membre #boite_profil li {
	line-height:24px;
	padding-bottom: 8px;
}

#membre #boite_profil li img {
	margin-right: 5px;
}

/* Abonnement -------------------- */
.abonnement {
	position: absolute;
	right: 20px;
	bottom: 25px;
	margin-top: 10px;
	text-align: center;
}

.abonnement a {
	display: block;
	padding: 10px 0 7px;
	width: 300px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	text-transform: uppercase;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-image: url(../images/ul/tuiles/abonnement.gif);
}

.abonnement a span {
	color: #1C1E7C;
	font-weight: bold;
}

.abonnement a:hover {
	text-decoration: underline;
}

/* Navigation -------------------- */
nav {
	padding: 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

nav ul li {
	float: left;
}

nav ul li a:hover {
	text-decoration: none;
}

/* Niveau 1 --------------------- */
#niveau_1 {
	color: #1C1E7C;
	text-transform: uppercase;
	border-top: 1px solid #AFAFAF;
	background: url(../images/ul/tuiles/niveau_1.png) repeat-x left bottom;
}

#niveau_1 li a {
	display: block;
	margin: 2px 0 0;
	padding: 6px 10px 11px;
	color: #1C1E7C;
	font-size: 0.846em;
	line-height: 1.2em;
	letter-spacing: 0.0625em;
}

#niveau_1 li a i {
    font-size: 1.7em;
    line-height: 8px;
}

#niveau_1 li a:hover,
#niveau_1 li a:hover i {
	color: #2880E2;
	text-decoration: none;
}

#niveau_1 li.first_item a {
    padding-top: 8px;
    padding-bottom: 9px;
}

#niveau_1 li a.selected {
	color: #000;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background: #F2F2F2;
}

#niveau_1 li a.selected i {
    color: #000;
}

#niveau_1 li.first_item a.selected {
	border-left: none;
}

/* Niveau 2 --------------------- */
.niveau_2 {
	margin-bottom: 3px;
	padding-top: 4px;
	background: #f2f2f2;
}

.niveau_2 li {
	position: relative;
	border-left: 2px solid #f2f2f2;
	border-top: 2px solid #f2f2f2;
	border-right: 2px solid #f2f2f2;
	margin: 0 1px;
}

.niveau_2 li:hover {
	border-left: 2px solid #EAEAEA;
	border-top: 2px solid #EAEAEA;
	border-right: 2px solid #EAEAEA;
	background: #fff;
}

.niveau_2 li:hover a {
	color: #2880E2;
}

.niveau_2 li.selected {
	border-left: 2px solid #EAEAEA;
	border-top: 2px solid #EAEAEA;
	border-right: 2px solid #EAEAEA;
	background: #fff;
}

.niveau_2 li a {
	display: block;
	padding: 10px 8px 13px;
	color: #000;
	font-size: 1.308em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none;
}

.niveau_2 li a:hover {
	color: #2880E2;
}

.niveau_2 li a.selected {
	color: #1C1E7C;
}

.niveau_2 .niveau_3_dd {
	display: none;
	position: absolute;
	top: 43px;
	left: -2px;
	width: 220px;
	padding: 15px 8px 5px 8px;
	border-left: 2px solid #EAEAEA;
	border-right: 2px solid #EAEAEA;
	border-bottom: 2px solid #EAEAEA;
	background: #fff;
	z-index: 20;
}

.niveau_2 li:hover .niveau_3_dd {
	display: block;
	z-index: 201;
}

.niveau_2 .niveau_3_dd li {
	border: none;
	float: none;
	border-top: 1px solid #DFDFDF;
}

.niveau_2 .niveau_3_dd li a {
	display: inline-block;
	font-family: Verdana, Geneva, sans-serif;
	padding: 4px 6px 6px;
	color: #787878;
	font-weight: normal;
	font-size: 0.923em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none;
}

.niveau_2 .niveau_3_dd li a:hover {
	color: #000;
}

.niveau_2 .niveau_3_dd li.plus {
	padding-top: 10px;
	padding-bottom: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.769em;
	color: #000;
}

.niveau_2 .niveau_3_dd li.plus div {
	position: relative;
	padding: 0 23px 0 6px;
	height: 16px;
	background: #DFDFDF url(../images/ul/tuiles/niveau_4.png) no-repeat right top;
}

.niveau_2 .niveau_3_dd li.plus div a {
	padding: 0;
	color: #000;
}

.niveau_2 .niveau_3_dd li.plus div.margin {
	margin-right: 10px;
}

.niveau_2 .niveau_3_dd li.plus div:hover {
	background: #333 url(../images/ul/tuiles/niveau_4.png) no-repeat right -20px;
}

.niveau_2 .niveau_3_dd li.plus div:hover a {
	color: #fff;
}

.niveau_2 .niveau_3_dd li.plus div:hover .sujets,
.niveau_2 .niveau_3_dd li.plus div:hover .references {
	display: block;
}

.niveau_2 .niveau_3_dd li.plus div .sujets,
.niveau_2 .niveau_3_dd li.plus div .references {
	display: none;
	position: absolute;
	left: 0;
	top: 16px;
	width: 150px;
	padding: 8px 6px;
	border-top: 1px solid #fff;
	background: #333;
}

.niveau_2 .niveau_3_dd li.plus div .sujets li,
.niveau_2 .niveau_3_dd li.plus div .references li {
	padding: 4px 0;
	border-bottom: 1px solid #555;
	border-top: none;
	background: none;
}

.niveau_2 .niveau_3_dd li.plus div .sujets li a,
.niveau_2 .niveau_3_dd li.plus div .references li a {
	color: #DFDFDF;
	font-size: 1.2em;
}

.niveau_2 .niveau_3_dd li.plus div .sujets li a:hover,
.niveau_2 .niveau_3_dd li.plus div .references li a:hover {
	color: #fff;
	background: none;
}

/* Niveau 3 --------------------- */
.niveau_3 {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 0 3px 5px;
	padding-top: 3px;
	background: #fff;
}

.niveau_3 li a {
	display: block;
	padding: 4px 6px 6px;
	color: #000;
	font-size: 0.923em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none;
}

.niveau_3 li a:hover {
	color: #2880E2;
}

.niveau_3 li a.selected {
	color: #1C1E7C;
	font-weight: bold;
}

.niveau_3 li.plus {
	margin: 3px 0 0 10px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.769em;
	background: #DFDFDF url(../images/ul/tuiles/niveau_4.png) no-repeat right top;
}

.niveau_3 li.plus:hover {
	background: #333 url(../images/ul/tuiles/niveau_4.png) no-repeat right -20px;
}

.niveau_3 li.plus:hover > a {
	color: #fff;
}

.niveau_3 li.plus > a {
	padding: 3px 23px 0 6px;
	height: 16px;
}

.niveau_3 li.plus > a:hover {
	color: #fff;
}

.niveau_3 li.plus:hover .sujets,
.niveau_3 li.plus:hover .references {
	display: block;
	z-index: 202;
}

.niveau_3 li.plus .sujets,
.niveau_3 li.plus .references {
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	padding: 8px 6px;
	width: 150px;
	border-top: 1px solid #fff;
	background: #333;
	z-index: 30;
}

.niveau_3 li.plus .sujets li,
.niveau_3 li.plus .references li {
	float: none;
	padding: 4px 0;
	border-bottom: 1px solid #555;
}

.niveau_3 li.plus .sujets li a,
.niveau_3 li.plus .references li a {
	color: #DFDFDF;
	padding: 0;
	font-size: 1.2em;
}

.niveau_3 li.plus .sujets li a:hover,
.niveau_3 li.plus .references li a:hover {
	color: #fff;
}

/* Publicites -------------------- */

.pub {
	padding: 0 0 15px 0;
}

.pub_A {
	position: relative;
	margin: 0 20px;
	padding: 12px 10px;
}

#A1,
#A2 {
	padding: 0;
	text-align: center;
}

#A2 {
	margin: 15px 0 0 0;
}

#A1 span,
#A2 span {
	position: absolute;
	left: 55px;
	top: 10px;
	color: #787878;
	font-size: 10px;
}

#A3 {
	float: right;
	position: relative;
	text-align: center;
	background: #f2f2f2;
	padding-bottom: 0;
}

#D2, #D2_tablet, #D3, #D3_tablet, #D5, #D5_tablet, #D6, #D6_tablet {
	margin-top: 15px;
}

#D2, #D2_tablet, #D3, #D3_tablet, #D4, #D4_tablet, #D5, #D5_tablet {
	padding-bottom: 0;
}

#AB1 {
	padding: 0;
}

#AB1 img {
	margin-left: 5px;
}

#E2 {
	padding: 15px 0;
	margin: 0;
}

#accueil_section #D2,
#accueil_section #D2_tablet,
#accueil_section #D3,
#accueil_section #D3_tablet,
#article_detail #D4 {
	padding-bottom: 15px;
}


.pub_tablet,
#articles #D1_tablet,
#articles #D6_tablet {
	display: none;
}

.pub_cta {
	position: relative;
	margin: 20px auto;
	font-size: 13px;
	line-height: 1.2em;
}

.accueil_module .pub_cta {
	margin-top: 0;
}

.pub_cta.main {
	width: 620px;
}

.pub_cta.col {
	width: 300px;
}

.pub_cta.main.un form {
	position: absolute;
	top: 22px;
	right: 30px;
}

.pub_cta.main.deux .bouton {
	position: absolute;
	top: 24px;
	right: 96px;
}

.accueil_module #col_complement .deux {
	margin-top: 20px;
}

.pub_cta.col.un .bouton,
.pub_cta.col.quatre .bouton {
	position: absolute;
	bottom: 12px;
	left: 76px;
}

.pub_cta.col.deux .bouton {
	position: absolute;
	bottom: 20px;
	left: 72px;
}

.pub_cta.col.trois .bouton {
	position: absolute;
	bottom: 30px;
	left: 72px;
}

.pub_cta.col.trois input[type=text] {
	position: absolute;
	bottom: 60px;
	left: 72px;
}

.pub_cta.col.cinq input[type=text] {
	position: absolute;
	bottom: 45px;
	left: 72px;
}

.pub_cta.col.cinq .bouton {
	position: absolute;
	bottom: 15px;
	left: 74px;
}

.pub_cta form input[type=text] {
	height: 26px;
	width: 210px;
	margin-right: 10px;
	padding: 3px 5px;
	border: 1px solid #D7DBE5;
	border-radius: 5px;
}

.pub_cta.main.onze form {
	position: absolute;
	top: 15px;
	right: 0;
}

.pub_cta.main.onze .bouton {
	position: absolute;
	top: 23px;
	right: 10px;
	padding:2px 8px;
}

.pub_cta.main.onze {
	width: 620px;
}
.pub_cta.main.onze img {
	width: 620px;
	height: 70px;
}

.pub_cta.onze form input[type=text] {
	width:188px;
	padding: 3px 5px;
	height: 21px;
	border-color:#474c4f;
}

.pub_cta.col.onze img {
	width: 300px;
	height: 180px;
}

.pub_cta.col.onze .bouton {
	position: absolute;
	bottom: 40px;
	right:14px;
	padding:3px 8px;
}

.pub_cta.col.onze input[type=text] {
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 172px;
}

/* Edition ----------------------- */
#entete_site #edition {
	margin: 15px 0 10px 20px;
	font-size: 0.924em;
	line-height: 1.2em;
}

#entete_site #edition a:hover {
	color: #2880E2;
	text-decoration: none;
}

#editions_precedentes {
	display: inline-block;
	background: url(../images/ul/boutons/calendrier.png) right top no-repeat;
	padding: 3px 23px 2px 0;
}

.ui-datepicker-trigger {
	position: absolute;
	left: 100px;
	top: 0;
	visibility: hidden;
}

#ui-datepicker-div {
	z-index: 200 !important;
}

#edition #articleBySectionWrapper #filtrer{
    float:right;
}

#edition #une_jour h1{
    font-size:1.49em;
}

/* Meteo ------------------------- */
#meteo {
	position: relative;
	margin: 8px 20px 10px 0;
}

#meteo a:hover {
	color: #000;
	text-decoration: underline;
}

#meteo .temperature {
	font-size: 1.385em;
	line-height: 1.2em;
	font-weight: bold;
}

#meteo .picto {
	position: relative;
	display: inline-block;
	width: 38px;
	z-index: 200;
}

#meteo .picto img {
	position: absolute;
	top: -24px;
}

#meteo .ville {
	font-size: 0.923em;
	line-height: 1.2em;
}

/* Fil d'ariane ------------------ */
#ariane {
	margin: 0 20px;
	padding: 8px 0;
	border-bottom: 1px solid #E0E0E0;
}

#ariane li {
	font-size: 0.769em;
	line-height: 1.1em;
	float: left;
	padding-right: 4px;
	color: #333;
}

#ariane li a {
	color: #333;
	text-decoration: underline;
}

#ariane li a:hover {
	color: #1C1E7C;
}

/* Fil de presse ----------------- */
#fil_presse {
	width: 940px;
	position: relative;
	margin: 0 20px;
	padding: 0;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}

#fil_presse .titre {
	display: inline-block;
	padding: 4px 10px;
	width: 109px;
	height: 28px;
	color: #000;
	font-size: 0.924em;
	font-weight: bold;
	line-height: 1.2em;
	background: #E2E2E2;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#fil_presse .newsticker_wrapper {
	float: left;
	width: 831px !important;
	height: 28px !important;
	padding: 3px 48px 0 10px;
	background: url(../images/ul/tuiles/ticker.png) repeat-y left center #f2f2f2;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#fil_presse .newsticker_wrapper .newsticker_scroller {
	width: 776px !important;
	height: 21px !important;
}

#fil_presse .newsticker_wrapper li {
	width: 1169px !important;
	height: 21px !important;
}

#fil_presse .newsticker_wrapper li a {
	position: relative;
	color: #333;
	font-size: 0.924em;
	line-height: 1.2em;
}

#fil_presse .newsticker_wrapper li a:hover {
	text-decoration: none;
}

#fil_presse .newsticker_wrapper li a .nouvelle {
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.083em;
	font-weight: bold;
	line-height: 1.2em;
}

#fil_presse .controles {
	position: absolute;
	z-index: 151;
	top: 4px;
	right: 5px;
	background-color: #f2f2f2;
}

#fil_presse .controles a {
	outline: 0;
}


/* ACCUEIL ------------------------------ */

/* Derniere heure ----------------------- */
#derniere_heure {
	position: relative;
	padding: 15px 20px 20px;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}

#derniere_heure .titre {
	padding: 0 0 7px;
	color: #000;
	font-size: 0.924em;
	line-height: 1.2em;
	text-transform: uppercase;
}

#derniere_heure figure {
	position: relative;
	margin-right: 20px;
}

#derniere_heure figure .photo {
	width: 300px;
	height: 210px;
	margin-right: 20px;
}

#derniere_heure figure .media {
	top: 192px;
	left: 1px;
}

#derniere_heure figure figcaption,
#manchette_list figure figcaption {
	padding-top: 5px;
	color: #000;
	font-size: 0.769em;
	line-height: 1.2em;
}

#derniere_heure figure figcaption .credit,
#manchette_list figure figcaption .credit {
	display: block;
	color: #808080;
}

#derniere_heure .detail .social_share {
	padding-bottom: 10px;
}

#derniere_heure .relie {
	width: 300px;
}

#derniere_heure .relie .ouvrir {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(../images/ul/boutons/relie_control.png) no-repeat left center;
}

#derniere_heure .relie .ouvrir:hover {
	text-decoration: none;
}

#derniere_heure .relie .titre {
	padding: 0;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.077em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	text-transform: none;
}

#derniere_heure .relie .reactions ul {
	overflow: hidden;
	margin: 0 0 20px;
}

#derniere_heure .relie .reactions ul li {
	float: left;
	margin-right: 15px;
}

#derniere_heure .relie .savoir_plus ul li {
	padding: 8px 0;
}

#derniere_heure .relie .savoir_plus ul li a.titre_article {
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.077em;
	line-height: 1.2em;
	font-weight: bold;
}

#derniere_heure .relie .savoir_plus ul li .auteur a {
	font-weight: normal;
	color: #333333;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

#derniere_heure .relie .savoir_plus ul li a:hover {
	text-decoration: underline;
}

#derniere_heure .relie .savoir_plus ul li .auteur {
	padding-top: 5px;
	color: #333;
	font-size: 0.924em;
	line-height: 1.2em;
}

/* Layout 1 ----------------------------- */
#derniere_heure .layout_1 figure {
	width: 300px;
}

#derniere_heure .layout_1 .detail {
	width: 300px;
	margin-right: 20px;
	color: #000;
}

/* Layout 2 ----------------------------- */
#derniere_heure .layout_2 figure {
	width: 620px;
}

#derniere_heure .layout_2 figure .media {
	top: 222px;
}

#derniere_heure .layout_2 figure .photo {
	width: 620px;
	height: 240px;
	margin-right: 20px;
}

#derniere_heure .layout_2 .detail {
	width: 300px;
	color: #000;
}

#derniere_heure .layout_2 a.web_media {
	display: inline;
}

#derniere_heure .layout_2 a.tablet_media {
	display: none;
}

/* Layout 3 ----------------------------- */
#derniere_heure .layout_3 figure {
	width: 300px;
}

#derniere_heure .layout_3 .detail {
	width: 620px;
	color: #000;
}


/* COLONNE PRINCIPALE ------------------- */
/* Manchette ---------------------------- */
#manchette #manchette_list {
	overflow: hidden;
}

#manchette #manchette_list li {
	float: left;
	padding: 0 0 30px 0;
	color: #000;
}

#manchette #manchette_list article.margin {
	margin-right: 20px;
}

#manchette #manchette_list article figure .photo {
	margin: 0 10px 10px 0;
}

#manchette #manchette_list article {
	width: 300px;
}

#manchette #manchette_list article figure {
	position: relative;
}

#manchette #manchette_list .vedette {
	width: 620px;
	border-bottom: 1px solid #AFAFAF;
}

#manchette #manchette_list .vedette figure {
	width: 300px;
}

#manchette #manchette_list .vedette .media {
	top:192px;
	left: 1px;
}

#manchette #manchette_list .vedette figure .photo {
	margin: 0;
	width: 300px;
	height: 210px;
}

#manchette #manchette_list .vedette figure figcaption {
	margin-bottom: 29px;
}

#manchette #manchette_list .vedette figure figcaption .credit {
	padding-top: 5px;
	color: #808080;
}

#manchette #manchette_list .vedette .detail {
	margin-left: 20px;
	width: 300px;
	color: #000;
	padding-bottom: 22px;
}

#manchette #manchette_list .vedette .detail h2 {
	color: #1C1E7C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.846em;
	font-weight: bold;
	line-height: 1.2em;
}

#manchette #manchette_list .vedette .detail h2 a {
	color: #1C1E7C;
}

#manchette #manchette_list .vedette .detail h2 a:hover {
	color: #1C1E7C;
	text-decoration: underline;
}

/* Articles ----------------------------- */
section header a.all {
	float: right;
	display: block;
	padding: 6px 0 0;
}

section header a.all:hover {
	color: #1C1E7C;
	text-decoration: underline;
}

#articles .titre {
	margin: 0 0 15px;
	padding: 0;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}

#articles h5 {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.615em;
	font-weight: bold;
	line-height: 1.2em;
}

#articles h5 a {
	display: block;
	color: #000;
	background: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#articles h5 a:hover {
	color: #1C1E7C;
	text-decoration: none;
	background: url(../images/ul/tuiles/opinions.png) repeat-y center center;
}

#articles h5 a img {
	position: relative;
	top: -1px;
	margin-left: 10px;
}

#articles .specs {
	padding: 2px 0;
	font-size: 0.924em;
	line-height: 1.2em;
	color: #333;
}

#articles #editoriaux .specs {
	padding: 0 0 2px;
	font-size: 0.924em;
	line-height: 1.2em;
	color: #333;
}

#articles ul {
	overflow: hidden;
	margin-bottom: 10px;
}

#articles li {
	float: left;
	padding-bottom: 10px;
}

#articles .margin {
	margin-right: 20px;
}

#articles li article {
	width: 300px;
}

#articles article figure {
	position: relative;
}

/*#articles article figure .media {*/
	/*top: 42px;*/
	/*left: 1px;*/
/*}*/

/*#articles article figure.grande_photo .media {*/
	/*top: 82px;*/
/*}*/

#articles li article figure .photo {
	margin: 0 10px 10px 0;
}

#articles li .deux_col {
	width: 620px;
}

#articles li .deux_col header {
	margin-right: 20px;
}

#articles li .deux_col .detail {
	padding-bottom: 10px;
}

/* Bloc vedette tablet ------------------ */
#articles #vedette_tablet {
	display: none;
}

/* Bloc dossiers ------------------------ */
#articles #dossiers li article {
	width: 140px;
}

#articles #dossiers li article .photo {
	width: 140px;
	height: 60px;
	margin-bottom: 5px;
}

/* Zone pub optionnel ------------------- */
#articles #pub_optionnel {
	margin: 0 0 30px;
	padding: 10px 10px 0 ;
	background: #EDEFF2;
	box-shadow: inset 0 0 5px #D0D7E2;
	border-top: 1px solid #D0D7E2;
	border-bottom: 1px solid #D0D7E2;
}

#articles #pub_optionnel header {
	margin: 0 10px;
	padding: 0 0 10px;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#articles #pub_optionnel ul li {
	margin: 10px;
	padding: 0 0 0;
	width: 180px;
}

#articles #pub_optionnel header h4 {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.077em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
}

#articles #pub_optionnel ul li h5 {
	color: #1C1E7C;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.231em;
	font-weight: bold;
	line-height: 1.2em;
}

/* Bloc multimedias --------------------- */
#articles #multimedias ul {
	margin-top: 10px;
}

#articles #multimedias ul li  {
	padding-bottom: 5px;
}

#articles #multimedias ul li a {
	margin-right: 15px;
}

/* Bloc Sujets chauds ------------------- */
#articles #sujets_chauds {
	margin: 20px 0 0;
	background: url(../images/ul/tuiles/sujets_chauds.png) repeat-y left top;
}

#articles #sujets_chauds .bordure_simple {
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

#articles #sujets_chauds .bordure_double {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#articles #sujets_chauds .titre {
	width: 115px;
	margin: 0;
	padding: 7px 10px 6px;
	display: block;
	font-size: 0.923em;
	font-weight: bold;
	line-height: 1.2em;
	border: none;
}

#articles #sujets_chauds .sujets_liste {
	width: 505px;
	margin: 0;
	padding: 0 0 0 10px;
}

#articles #sujets_chauds .sujets_liste li {
	padding: 5px 5px 5px 0;
}

#articles #sujets_chauds .sujets_liste li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

/* COLONNE COMPLEMENT ------------------- */
#col_complement .titre {
	margin: 0 0 15px;
	padding: 0;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}

#col_complement h5 {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.615em;
	font-weight: bold;
	line-height: 1.2em;
}

#col_complement h5 a {
	display: block;
	color: #000;
	background: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#col_complement a:hover {
	color: #1C1E7C;
	text-decoration: none;
	background: url(../images/ul/tuiles/opinions.png) repeat-y center center;
}

#col_complement figure a:hover {
	background: none;
}

#col_complement h5 a img {
	position: relative;
	top: -1px;
	margin-left: 10px;
}

#col_complement h4,
#abonnees_tablet h4 {
	padding: 10px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.946em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
}

#col_complement ul {
	margin-bottom: 10px;
}

#col_complement li {
	padding-bottom: 20px;
}

#col_complement li article figure .photo {
	margin: 0 10px 10px 0;
}

#col_complement #blogues li article figure .photo {
	margin-bottom: 30px;
}

#col_complement #carrieres_professions li article figure .photo,
#carrieres_professions_tablet li article figure .photo {
	margin-bottom: 30px;
}

#col_complement #chroniques li article figure .photo,
#col_complement #editoriaux li article figure .photo {
	margin-bottom: 13px;
}

#col_complement .specs {
	padding: 2px 0;
	font-size: 0.924em;
	line-height: 1.2em;
	color: #333;
}

#col_complement .savoir_plus .specs {
	padding: 5px 0;
}

#col_complement time { color: #787878; }

#col_complement .bloc_emphase {
	padding: 10px 20px 0;
	background: #EDEFF2;
	box-shadow: inset 0 0 5px #D0D7E2;
	border-top: 1px solid #D0D7E2;
	border-bottom: 1px solid #D0D7E2;
}

/* Bloc en vedette ---------------------- */
#vedette li {
	padding-bottom: 10px;
}

/* Bloc reservee aux abonnnees ---------- */
#abonnees_tablet {
	display: none;
	padding: 10px 20px 0;
	margin-bottom: 30px;
	background: #EDEFF2;
	box-shadow: inset 0 0 5px #D0D7E2;
	border-top: 1px solid #D0D7E2;
	border-bottom: 1px solid #D0D7E2;
}

#abonnees header,
#abonnees_tablet header {
	margin: 0;
	padding: 0;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#abonnees ul,
#abonnees_tablet ul {
	margin: 0 0 10px;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#abonnees ul li,
#abonnees_tablet ul li {
	margin: 0;
	padding: 0 0 20px;
}

#abonnees_tablet ul li {
	width: 320px;
}

#abonnees .titre,
#abonnees_tablet .titre,
#une_jour .titre,
#une_jour_tablet .titre {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#abonnees h5,
#abonnees_tablet h5,
#une_jour h5,
#une_jour_tablet h5 {
	padding-bottom: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.385em;
	line-height: 1.2em;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#abonnees h5 a,
#abonnees_tablet h5 a,
#une_jour h5 a,
#une_jour_tablet h5 a {
	background: none;
	border: none;
}

#abonnees h5 a:hover,
#abonnees_tablet h5 a:hover,
#une_jour h5 a:hover,
#une_jour_tablet h5 a:hover {
	background: none;
}

#abonnees h5 a img,
#abonnees_tablet h5 a img,
#une_jour h5 a img,
#une_jour_tablet h5 a img {
	margin-left: 5px;
}

#abonnees .bloc_texte{
	padding: 0 0 20px;
}

#abonnees_tablet .bloc_texte {
	padding: 0 0 20px;
}

/* Zone sociale ------------------------- */
#sociale,
#blogues,
#une_jour,
section#libre_opinion,
section#carrieres_professions {
	margin-top: 25px;
}

#sociale_tablet {
	display: none;
	margin-bottom: 30px;
}

#sociale .suivre,
#sociale_tablet .suivre {
	height: 30px;
	margin-top: 10px;
	padding: 7px 10px;
	font-size: 0.923em;
	line-height: 1.2em;
	border: 1px solid #afafaf;
	box-shadow: inset 0 0 2px #fff;
}

#sociale .suivre span,
#sociale_tablet .suivre span {
	float: right;
	width: 75px;
	padding: 0 10px;
	border-left: 1px solid #afafaf;
}

#sociale .suivre img,
#sociale_tablet .suivre img {
	margin-right: 10px;
}

#sociale .rss img,
#sociale_tablet .rss img {
	position: relative;
	top: -2px;
}

.fb-container-like-border {
    text-align: center;
	border: 1px solid #afafaf;
	padding: 1px;
}

.fb-container-like {
	width: 297px;
	height: 63px;
	overflow: hidden;
}

.fb-container-like > div {
	margin: -1px 0 0 -1px;
}

.fb-container-activity {
	width: 300px;
	height: 300px;
	overflow: hidden;
}

.fb-container-activity > div {
	margin-top: -1px;
}

/* Blogues ------------------------------ */
#blogues_tablet {
	display: none;
	width: 340px;
	margin-right: 20px;
}

#blogues h4,
#blogues_tablet h4 {
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.946em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: none;
}

#blogues h4 a,
#blogues_tablet h4 a {
	color: #000;
}

#blogues .specs,
#blogues_tablet .specs {
	padding: 4px 0;
}

#blogues time,
#blogues_tablet time {
	color: #333;
}
#blogues h3 {
	margin-left: 70px;
}

/* Carrières professions ------------------------------ */
#carrieres_professions_tablet {
	display: none;
	width: 340px;
	margin-right: 20px;
}

#carrieres_professions h4,
#carrieres_professions_tablet h4 {
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.946em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: none;
    color: #1C1E7C;
}

#carrieres_professions h4 a,
#carrieres_professions_tablet h4 a {
	color: #000;
}

#carrieres_professions .nom,
#carrieres_professions_tablet .nom {
    font-weight: bold;
}

#carrieres_professions a.magnific-popup-image,
#carrieres_professions_tablet a.magnific-popup-image {
    text-decoration: underline;
}

#carrieres_professions .specs,
#carrieres_professions_tablet .specs {
	padding: 2px 0;
}

#carrieres_professions time,
#carrieres_professions_tablet time {
	color: #333;
}
#carrieres_professions h3 {
	margin-left: 70px;
}
/* Articles les plus commmentés / aimés - */
#plus_commentes_aimes_tablet {
	display: none;
	width: 340px;
	margin-right: 20px;
}
#plus_commentes_aimes,
#plus_commentes_aimes_tablet {
	margin-top: 25px;
	border: 1px solid #afafaf;
}

#plus_commentes_aimes header,
#plus_commentes_aimes_tablet header {
	padding: 10px;
	font-size: 0.923em;
	line-height: 1.2em;
	border-bottom: 1px solid #afafaf;
}

#plus_commentes_aimes header span,
#plus_commentes_aimes_tablet header span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.167em;
	font-style: italic;
}

#plus_commentes_aimes ul,
#plus_commentes_aimes_tablet ul {
	padding: 10px 10px 0;
}

#plus_commentes_aimes ul li,
#plus_commentes_aimes_tablet ul li {
	padding: 8px 0;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#plus_commentes_aimes_tablet ul li article {
	width: 320px;
}

#plus_commentes_aimes .compteur,
#plus_commentes_aimes_tablet .compteur {
	float: right;
	width: 45px;
	padding: 3px 5px;
	color: #666;
	font-size: 0.923em;
	line-height: 1.2em;
	text-align: right;
	background: #F2F2F2;
}

#plus_commentes_aimes h3,
#plus_commentes_aimes_tablet h3 {
	width: 270px;
}

#multimedia #plus_commentes_aimes {
	margin-top: 0;
}

#enjeux,
#enjeux_tablet {
	margin-top: 25px;
	border: 1px solid #afafaf;
}

#enjeux_tablet {
	float: right;
	display: none;
}

#enjeux_tablet {
	width: 340px;
}

#enjeux header,
#enjeux_tablet header {
	padding: 3px;
}

#enjeux .header,
#enjeux_tablet .header {
	background: url(../images/ul/graphiques/entete-enjeux.jpg) left top no-repeat;
	background-size: 292px 55px;
	width: 292px;
	height: 55px;
	font-size: 9px;
	line-height: 10px;
	font-style: italic;
	padding: 34px 0 0 61px;
}

#enjeux ul,
#enjeux_tablet ul {
	padding: 10px 10px 0;
}

#enjeux ul li,
#enjeux_tablet ul li {
	padding: 8px 0;
	background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#enjeux_tablet ul li article {
	width: 320px;
}

#enjeux h3,
#enjeux_tablet h3 {
	width: 270px;
}

#enjeux a.voir_tous_articles,
#enjeux_tablet a.voir_tous_articles {
	display: inline-block;
	margin: 0 0 10px 10px;
	text-decoration: underline;
}

/* Une du jour -------------------------- */
#une_jour_tablet {
	display: none;
	margin: 30px 20px 30px 0;
	padding: 10px 20px 0;
	width: 340px;
	background: #EDEFF2;
	box-shadow: inset 0 0 5px #D0D7E2;
	border-top: 1px solid #D0D7E2;
	border-bottom: 1px solid #D0D7E2;
}

#une_jour h5,
#une_jour_tablet h5 {
	font-size: 1.615em;
	line-height: 1.2em;
}

#une_jour .photo,
#une_jour_tablet .photo {
	margin: 0 10px 10px 0;
	padding-top: 15px;
}

#une_jour .detail,
#une_jour_tablet .detail {
	padding: 15px 0 20px;
}

#une_jour .detail span,
#une_jour_tablet .detail span {
	color: #E10000;
	font-weight: bold;
}

/* Carousel ----------------------------- */
#carousel {
	margin: 25px 20px;
	padding: 10px;
	background: #f2f2f2;
	box-shadow: inset 0 0 5px #e2e2e2;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#carousel #slider {
	overflow: hidden;
	width: 940px;
	height: 200px;
}

#carousel #slider li {
	float: left;
}

#carousel #slider li .slide {
	width: 210px;
	height: 175px;
	margin: 10px;
	background: #fff;
	box-shadow: 0 0 5px #AFAFAF;
}

#carousel #slider li .slide header {
	padding: 8px 10px;
	height: 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	border-bottom: 1px solid #B3B3B3;
}

#carousel #slider li .slide a img {
	width: 210px;
	height: 130px;
}

.bx-pager {
	width: 200px;
	margin: auto;
	text-align: center;
}

.bx-pager a {
	display: inline-block;
	margin: 0 4px;
	width: 16px;
	height: 16px;
	color: #ccc;
	font-size: 1px;
	background: #ccc;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 5px #afafaf;
	outline: none;
}

a.bx-controls {
	display: inline-block;
	margin: 0 8px;
	width: 10px;
	height: 16px;
	font-size: 1px;
	outline: none;
	background: url(../images/ul/boutons/pager_prev_next.png) left top no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

#bx-controls-prev {
	background-position: left -60px;
}

.bx-pager #bx-controls-prev.pager-active,
.bx-pager #bx-controls-next.pager-active {
	background-color: transparent;
}

.bx-pager a.pager-active {
	color: #787878;
	background-color: #787878;
	outline: none;
}

/* Page détail d'article----------------- */
@font-face {
	font-family: 'LigatureSymbols';
	src: url('ligature/LigatureSymbols-2.09.eot');
	src: url('ligature/LigatureSymbols-2.09.eot?#iefix') format('embedded-opentype'),
		 url('ligature/LigatureSymbols-2.09.woff') format('woff'),
		 url('ligature/LigatureSymbols-2.09.ttf') format('truetype'),
		 url('ligature/LigatureSymbols-2.09.svg#LigatureSymbols') format('svg');
	src: url('ligature/LigatureSymbols-2.09.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#article_detail .article_actions {
	font-size: 0.923em;
	line-height: 1.2em;
	padding: 8px 18px;
	margin-bottom: 16px;
	background-color: #EDEDED;
	border-top: 1px solid #E0E0E0;
	box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
}

#article_detail .article_actions ul {
	overflow: hidden;
	padding: 4px 0;
}

#article_detail .article_actions ul li {
	float: left;
	padding-right: 24px;
}

#article_detail .article_actions ul li.last_item {
	padding-right: 0;
}

#article_detail .article_actions ul li a {
	display: inline-block;
	color: #333333;
	text-decoration: none;
	padding: 1px 0 1px 20px;
}

#article_detail .article_actions ul li a:hover {
	color: #1C1E7C;
}

#article_detail .article_actions ul li a.btn_imprimer {
	background: url(../images/ul/boutons/imprimer.png) left top no-repeat;
}

#article_detail .article_actions ul li a.btn_commentaires {
	background: url(../images/ul/boutons/commenter.png) left top no-repeat;
}

#article_detail .article_actions ul li a.btn_envoyer {
	background: url(../images/ul/boutons/envoyer.png) left top no-repeat;
}

#article_detail .article_actions ul li a.btn_copy {
	background: url(../images/ul/boutons/copyrights.png) left top no-repeat;
}

#article_detail .article_actions .taille_du_texte {
	height: 22px;
	border-left: 1px solid #ACACAC;
	padding-left: 12px;
	color: #333;
}

#article_detail .article_actions .taille_du_texte span {
	display: inline-block;
	padding-top: 6px;
}

#article_detail .article_actions .taille_du_texte ul {
	overflow: hidden;
	padding-left: 12px;
}

#article_detail .article_actions .taille_du_texte ul li {
	float: left;
	padding-right: 3px;
}

#article_detail .article_actions .taille_du_texte ul li a {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
	border: 1px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 0 1px #CCCCCC;
	background: url(../images/ul/tuiles/font_size.gif) left top repeat-x;
	color: #808080;
	line-height: 1.1em;
}

#article_detail .article_actions .taille_du_texte ul li a span {
	display: inline-block;
	position: absolute;
	width: 19px;
	bottom: 1px;
	left: 0;
	text-align: center;
}

#article_detail .article_actions .taille_du_texte ul li a.selected span,
#article_detail .article_actions .taille_du_texte ul li a:hover span {
	color: #000;
}

#article_detail .article_actions .taille_du_texte ul li a.petite {
	font-size: 0.833em;
	line-height: 1.1em;
}

#article_detail .article_actions .taille_du_texte ul li a.moyenne {

}

#article_detail .article_actions .taille_du_texte ul li a.grande {
	font-size: 1.166em;
	line-height: 1.1em;
}

#article_detail #article h1 {
	margin-bottom: 5px;
}

#article_detail #article h2 {
	margin-bottom: 5px;
	font-style: italic;
	font-size: 1.38em;
	line-height: 1.2em;
	font-weight: normal;
}

#article_detail #article .specs {
	margin-bottom: 10px;
}

/* Image */
#article_detail #article .photo_paysage img {
	width: 620px;
	height: 400px;
}

#article_detail #article figure.sans_resize img {
	width: auto !important;
	height: auto !important;
}

#article_detail #article .photo_portrait {
	float:left;
	width:224px;
	margin-right:10px;
}

#article_detail #article figure figcaption {
	font-size: 0.846em;
	line-height: 1.2em;
	padding: 2px 0;
	padding-bottom: 15px;
}

#article_detail #article figure figcaption .credit {
	display: block;
	color: #808080;
}

/* Bloc À retenir */
#article_detail #article .retenir {
	width: 230px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	background-color: #EFEFF2;
	padding: 15px;
	color: #1C1E7C;
}

#article_detail #article .retenir ul {
    padding: 0 0 0 20px;
}

#article_detail #article .retenir ul li {
    list-style-type: disc;
}

#article_detail #article .retenir_paysage {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top: 10px;
}
#article_detail #article .retenir_portrait {
	width: 386px;
	float:left;
	margin-bottom:10px;
}

/* Bloc Texte */
#article_detail #article .texte {
	padding-top: 10px;
	font-size: 1.076em;
	line-height: 1.4em;
}

#article_detail #article .texte a{
	color: #3237D6;
	text-decoration: none;
	cursor: pointer;
}

#article_detail #article .texte ul {
    padding: 5px 0 5px 20px;
}

#article_detail #article .texte ul li {
    list-style-type: disc;
}

#article_detail #article.portrait .texte {
	padding-top: 0;
}

#article_detail #article .texte .photo {
	float:right;
	margin:4px 0 2px 10px;
}

#article_detail #article .texte .photo .credit {
	font-size:0.71em;
	line-height:1.1em;
}

#article_detail #prive {
	border:4px solid #e6e6e6;
	margin-top:12px;
	background-color:#fff;
	padding:10px;
}

#article_detail #prive .abonnez_vous {
	float: left;
	width: 290px;
}

#article_detail #prive .abonnez_vous span.prix {
	color: #BD1400;
	font-weight: bold;
}

#article_detail #prive .deja_abonne {
	float: right;
	width: 290px;
}

#article_detail #prive .abonnez_vous,
#article_detail #prive .deja_abonne {
	position: relative;
	border: 2px solid #E6E6E6;
	padding: 10px;
	height: 140px;
	font-size: 0.92em;
	line-height: 1.2em;
}

#article_detail #article #prive .titre {
	font:bold 0.92em Verdana, sans-serif;
	line-height:1.2em;
	color:#bd1400;
	text-transform:uppercase;
	margin-bottom:10px;
}

#article_detail #prive h3 {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #000;
}

#article_detail #prive input {
	border: 1px solid #262626;
	color: #666666;
	display: block;
	margin: 2px 0;
	padding: 2px;
	width: 260px;
}

#article_detail #prive .lien_abonnement {
	text-align: center;
}

#article_detail #prive a.bouton {
	position: absolute;
	display: block;
	bottom: 6px;
	right: 10px;
}

#article_detail .lien_abonnement {
	padding-top: 15px;
}

#article_detail #article #liste_photos_article {
	margin-top: 10px;
}

#article_detail #article #liste_photos_article a {
	float: left;
	margin: 0 10px 10px 0;
}

#article_detail .savoir_plus,
#page_texte #blogues {
	margin-top: 25px;
}

#article_detail #blogues {
	margin-top: 10px;
}

/* Pagination billets */
.pager_billets {
	font:normal 0.85em/1.2em Verdana, sans-serif;
	padding: 15px 0 0 0;
}

.pager_billets .pager_left {
	float: left;
}

.pager_billets .pager_right {
	float: right;
}

/* Partage sociaux */
.partage_sociaux_wrapper {
	position: relative;
}

.partage_sociaux {
	width: 579px;
	height: 75px;
	padding: 9px 0 0 10px;
	margin: 10px 0;
	background-color: #EDEDED;
	border-top: 1px solid #E0E0E0;
	box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
}

.partage_sociaux .partage {
	float: left;
	padding-right: 15px;
	padding-top:1px;
}

.partage_sociaux .partage_twitter {
	width: 110px;
}

.partage_sociaux .partage_google_plus {
	width: 90px;
}

.partage_sociaux .vote {
	width: 193px;
	padding: 10px 15px 0 1px;
	font-size: 0.923em;
	line-height: 1.2em;
}

.partage_sociaux .vote a.bouton {
	padding-top: 3px;
	padding-bottom: 3px;
}

.partage_sociaux #nombre_votes {
	padding-left: 4px;
}

.partage_sociaux_wrapper #haut_page {
	position: absolute;
	width: 41px;
	height: 75px;
	background: #d2dceb url(../images/ul/boutons/haut_page.png) center 24px no-repeat;
	padding-top: 36px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.692em;
	line-height: 1.2em;
	border-left: 1px solid #EDEDED;
	box-shadow: inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	top: 0;
	right: 0;
	color: #333;
}

.partage_sociaux .enregistrer_facebook {
	width: auto;
}
.partage_sociaux .partage_facebook {
	width: 140px;
	padding-top:1px;
}

/* Liste des commentaires */

#article_detail .reactions {
	margin-top:10px;
}

#article_detail #col_principale .reactions ul {
	margin:0 0 15px 0;
	border-top: 1px solid #DFDFDF;
}

#article_detail #col_principale .reactions ul li {
	padding:28px 0 15px 80px;
	border-bottom: 1px solid #DFDFDF;
}

#article_detail #col_principale .reactions ul li.commentaire .actions {
	margin:2px 0 0 0;
}

#article_detail #col_principale .reactions ul li.commentaire .actions a {
	display:inline-block;
}

#article_detail #col_principale .reactions ul .repondre {
	display:none;
}

#article_detail #col_principale .reactions ul .repondre .wrapper img.fermer {
	position: absolute;
	top: 10px;
	right: 18px;
	cursor:pointer;
}

#article_detail #col_principale .reactions ul .repondre .wrapper {
	position: relative;
	background-color:#F2F2F2;
	padding:17px 17px;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .commentaire_titre {
	border:solid 1px #000000;
	margin-bottom:10px;
	width:60%;
	padding:5px;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .confirmer_courriel {
	border:solid 1px #000000;
	margin-bottom:10px;
	width:50%;
	padding:5px;
}

#article_detail #col_principale .reactions ul .repondre .wrapper textarea {
	width:100%;
	resize:vertical;
	border:solid 1px #000000;
	padding:5px;
	font: 1em/1.1em Verdana, sans-serif;
}

#article_detail #col_principale .reactions ul .repondre .wrapper label {
	text-transform:uppercase;
	color:#000000;
	display:block;
	margin-bottom:3px;
	font-size: 0.846em;
	line-height: 1.2em;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .options {
	margin-bottom:6px;
	font-size: 0.846em;
	line-height: 1.2em;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .options a {
	text-decoration: underline;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .options a:hover {
	color: #1C1E7C;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .options .conditions {
	float:left;
	color:#5D5D5D
}

#article_detail #col_principale .reactions ul .repondre .wrapper .options .orthographe {
	float:right;
	color:#5D5D5D
}

#article_detail #col_principale .reactions ul .repondre .wrapper .actions {
	padding-top:6px;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .actions input.bouton_abonnement {
	float:left;
	margin:6px 6px 0 0;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .actions label {
	float:left;
	text-transform:none;
	vertical-align:middle;
	color:#5D5D5D;
	margin:5px 6px 0 0;
	width:340px;
	line-height:1.2em;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .actions .desinscrire {
	float:left;
	text-transform:none;
	color:#5D5D5D;
	margin:5px 6px 0 0;
}

#article_detail #col_principale .reactions ul .repondre .wrapper .actions .bouton_envoyer {
	float:right;
	margin-top:0;
	text-transform: uppercase;
}

#article_detail #col_principale .reactions ul .repondre_principal {
	background-color:#F2F2F2;
	display:block;
	padding: 12px 18px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
}

#article_detail #col_principale .reactions ul .repondre_principal img.fermer {
	display:none;
}

#article_detail #col_principale .reactions ul .repondre_principal .wrapper {
	padding:0;
}

#article_detail #col_principale .reactions ul li.separateur {
	background:url(../images/ul/graphiques/pointilles_horizontaux.gif) repeat-x 50% 50%;
	padding-top:0;
	padding-bottom:0;
	height:30px;
	border: 0;
}

#article_detail #col_principale .reactions ul li.charger_commentaires {
	position:relative;
	padding: 10px 0;
	border-bottom: 0;
}

#article_detail #col_principale .reactions ul li.charger_commentaires a {
	color:#003372;
	text-decoration:none;
}

#article_detail #col_principale .reactions ul li.charger_commentaires a {
	float: left;
	width: 308px;
	color: #000;
	text-decoration: none;
	padding: 12px 20px;
	font-size: 0.92em;
	line-height: 1.1em;
	background: #EDEFF2 url(../images/ul/boutons/plus_commentaires.png) 275px 17px no-repeat;
}

#article_detail #col_principale .reactions ul li.charger_commentaires a.tous_commentaires {
	float: right;
	background: #EDEFF2 url(../images/ul/boutons/tous_commentaires.png) 275px 13px no-repeat;
}

#article_detail #col_principale .reactions ul li.charger_commentaires a:hover {
	color: #1C1E7C;
}

#article_detail #col_principale .reactions ul li.charger_commentaires img.chargement {
	display:none;
	position:absolute;
}

#article_detail #col_principale .reactions ul li.charger_commentaires img.plus_commentaires_chargement {
	left:245px;
	top:19px;
}

#article_detail #col_principale .reactions ul li.charger_commentaires img.tous_commentaires_chargement {
	right:45px;
	top:19px;
}

#article_detail #col_principale .reactions ul .zone_auteur {
	position: relative;
	font-size: 0.846em;
	line-height: 1.1em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/ul/graphiques/pointilles_horizontaux.png) repeat-x left bottom
}

#article_detail #col_principale .reactions ul .zone_detail {
	margin-top:10px;
}

#article_detail #col_principale .reactions ul .zone_auteur .auteur_journaliste {
	text-transform:uppercase;
	font-weight:bold;
}

#article_detail #col_principale .reactions ul .zone_auteur img {
	position: absolute;
	top: 0;
	left: -60px;
}

#article_detail #col_principale .reactions ul .zone_auteur .date {
	color:#333333;
	margin-top:2px;
	display:block;
}

#article_detail #col_principale .reactions ul .zone_auteur .type {
	color:#000;
	font-style: italic;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions ul {
	border: 0;
	margin: 0;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions ul li {
	float: left;
	border-left: 1px solid #DFDFDF;
	border-bottom: 0;
	padding: 0 10px;
	height: 22px;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions ul li.dernier {
	padding-right: 2px !important;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions ul li.premier {
	border-left: 0;
	padding-right: 0;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions a.bouton_repondre,
#article_detail #col_principale .reactions ul .zone_auteur .actions a.signaler {
	display: inline-block;
	padding: 2px 0 2px 20px;
	background: url(../images/ul/boutons/repondre.png) left top no-repeat;
	margin-top: 2px;
	color: #666666;
}

#article_detail #col_principale .reactions ul .zone_auteur .actions a.signaler {
	background: url(../images/ul/boutons/signaler.png) left top no-repeat;
}

#article_detail #col_principale .reactions ul .zone_auteur .auteur {
	color: #2880DF;
}


#article_detail #col_principale .reactions ul .zone_detail .titre {
	clear:left;
	color:#000;
	font-weight:bold;
	margin:2px 0;
}

#article_detail #col_principale .reactions ul .zone_detail .texte {
	font-size:0.923em;
	line-height:1.4em;
	color:#000;
	padding-bottom: 10px;
}

#article_detail #col_principale .reactions ul li .signaler {
	float:right;
	color:#787878;
}

#article_detail #col_principale .reactions ul.reponses {
	padding: 0;
	margin: 0;
	border: 0;
}

#article_detail #col_principale .reactions ul.reponses li.reponse {
	padding: 20px 10px 15px 70px;
	margin: 10px 0;
	border: 0;
	background: #F2F2F2 url(../images/ul/graphiques/top_commentaire.gif) -155px top no-repeat;
}

#article_detail #col_principale .reactions ul.reponses li.premier_commentaire {
	margin-top: 0;
}

/* VOS RÉACTIONS
-----------------------------------------*/
#article_detail #col_principale .reactions h4 {
	background-color:#DFDFDF;
	font: bold 1.461em/1em Georgia, serif;
	color:#000;
	padding:10px 12px;
	margin:12px 0 18px 0;
}

#article_detail #col_principale .reactions h4 span {
	font-size:0.8em;
	font-weight:normal;
}

/* Tri */
#article_detail #col_principale .reactions .tri {
	padding: 10px 12px 0 0;
}

#article_detail #col_principale .reactions .tri span {
	font-size: 0.769em;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #666666;
	padding-right: 6px;
}

#article_detail #col_principale .reactions .tri select {
	border:1px solid #262626;
	font:10px/14px Verdana, sans-serif;
	color:#262626;
	padding:0;
}

#article_detail #col_principale .reactions .tri .chargement {
	vertical-align:middle;
	margin:0 5px;
	margin-top:-3px;
	height:20px;
	visibility:hidden;
}

/* Boîte d'inscription */
#article_detail #col_principale .reactions .boite_inscription {
	width:451px; /* Important pour IE */
	height:80px;
	position:relative;
	padding:0;
	border:0;
	background:url(../images/fr/titrages/inscrivez_discussion_large.gif);
	display:block;
	margin-bottom:10px;
}

#article_detail #col_principale .reactions .boite_inscription img {
	margin:27px 0 0 350px;
	position:absolute;
	z-index:1;
}

#article_detail #col_principale .reactions .boite_inscription .over {
	visibility:hidden;
	z-index:2;
}

#article_detail #col_principale .reactions .boite_inscription:hover img.over {
	visibility:visible;
}

/* Poster un commentaire */
#article_detail #poster_commentaire {
	border:1px solid #CCCCCC;
	padding:10px 12px;
}

#article_detail #poster_commentaire .titre {
	color:#5D5D5D;
	font:bold 0.85em/1.2em Verdana, sans-serif;
	margin-bottom:10px;
}

#article_detail #poster_commentaire label {
	font:0.77em/1.2em Verdana, sans-serif;
	text-transform:uppercase;
}

#article_detail #poster_commentaire form#reaction_connexion {
	width:425px; /* Important pour IE */
	position:relative;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	margin-bottom:10px;
}

#article_detail #poster_commentaire form#reaction_connexion input.type_text {
	width:159px;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	padding:2px;
	color:#666;
}

#article_detail #poster_commentaire form#reaction_connexion .bouton {
	position:absolute;
	top:14px;
	right:0;
}

#article_detail #poster_commentaire form#reaction_connexion .oublie {
	text-align:right;
	margin-top:5px;
}

#article_detail #poster_commentaire form#reaction_connexion .oublie a,
#article_detail #poster_commentaire form#reaction_commentaire .conditions a {
	color:#5D5D5D;
	font:0.77em/1.2em Verdana, sans-serif;
}

#article_detail #poster_commentaire form#reaction_connexion .oublie a:hover,
#article_detail #poster_commentaire form#reaction_commentaire .conditions a:hover {
	color:#1C1E7C;
}

#article_detail #poster_commentaire form#reaction_commentaire .conditions {
	float:left;
	margin-top:10px;
}

#article_detail #poster_commentaire form#reaction_commentaire input.type_text,
#article_detail #poster_commentaire form#reaction_commentaire textarea {
	width:417px;
	border:1px solid #262626;
	font:10px/13px Verdana, sans-serif;
	padding:2px;
	color:#666;
}
#article_detail #poster_commentaire form#reaction_commentaire textarea#commentaire_texte {
	height:150px;
}
#article_detail #poster_commentaire form#reaction_commentaire input.type_text {
	margin-bottom:10px;
}

#article_detail #poster_commentaire form#reaction_commentaire input.disabled,
#article_detail #poster_commentaire form#reaction_commentaire textarea.disabled{
	background-color:#F2F2F2;
	color:#000;
	font-style:italic;
}

#article_detail #poster_commentaire form#reaction_commentaire .bouton {
	margin-top:5px;
	text-align:right;
}

#article_detail #poster_commentaire form#reaction_commentaire .bouton_type2 {
	margin-top:0;
}

.compteur_longueur_commentaire {
	float:right;
	color:#dddddd;
	font-family:Verdana,sans-serif;
}

.options_haut {
	clear:right;
	padding-top:4px;
}

#col_complement .savoir_plus .titre,
#col_complement aside.mots_cles .titre,
#col_complement aside.reactions .titre,
#col_complement .blogue_widget .titre {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.615em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 2px 0;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
}

#col_complement .savoir_plus ul li {
	padding-bottom: 12px;
}

#col_complement aside.reactions ul li {
	padding-bottom: 16px;
}

#col_complement .savoir_plus ul li a.titre_article,
#col_complement aside.reactions ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.153em;
	font-weight: bold;
	line-height: 1.2em;
}

#col_complement aside.reactions ul li a.titre_reaction {
	display: block;
	padding: 5px 0;
	font: bold 0.923em/1.2em Verdana, sans-serif;
	color: #000;
}

#col_complement aside.reactions ul li .auteur {
	color: #333;
	font-size: 0.924em;
	line-height: 1.2em;
	padding: 0 0 5px 0;
}

#col_complement .savoir_plus ul li .auteur {
	display: none;
}

#col_complement aside.mots_cles,#col_complement aside.savoir_plus  {
	background-color:#EDEFF2;
	padding: 10px 18px 15px 18px;
	border-top: 1px solid #D0D7E2;
	border-bottom: 1px solid #D0D7E2;
	box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

#col_complement aside.mots_cles .titre, #col_complement aside.savoir_plus .titre {
	font-size: 1.461em;
	line-height: 1.2em;
	border: 0;
	background: url(../images/ul/graphiques/pointilles_horiz_bleus.png) left bottom repeat-x;
	padding-top: 0;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#col_complement aside.mots_cles ul.mots_cles {
	font-size: 0.923em;
	line-height: 1.5em;
}

#col_complement aside.mots_cles ul li a {
	color: #1C1E7C;
	text-decoration: underline;
}

#col_complement aside.mots_cles ul li a:hover {
	color: #000;
}

/* Envoyer à un ami */

#dialog{
	font-size: 1em;
	line-height: 1.2em;
	display: none;
}

#dialog a.fermer {
	position: absolute;
	top:11px;
	right:32px;
	color:#ffffff;
	font-size:0.72em;
}
#dialog input, #dialog textarea {
	border:1px solid #262626;
	color:#666666;
	padding:2px;
	width:240px;
	height:20px;
}

#dialog textarea {
	height:200px;
}

#dialog label {
	text-transform: uppercase;
	color: black;
	display: block;
	margin-bottom: 3px;
	font-size: 0.846em;
	line-height: 1.2em;
}
#dialog .erreur {
	position:absolute;
	left:15px;
	bottom:17px;
	color:red;
	font-weight:bold;
	font-size:0.85em;
}

#dialog #bouton_envoyer_mail {
	color: #fff;
}

.transferer #dialog {
	display: block;
}

.transferer #dialog input, #dialog textarea {
	width: 500px;
}

.transferer a.fermer {
	display: none;
}

.transferer a#bouton_envoyer_mail {
	float: none;
	display: inline-block;
	margin-left: 440px;
}

.transferer .erreur {
	color: #ff0000;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.transferer .note {
	padding-top: 10px;
	font-size: 0.92em;
	color: #ff0000;
}

/* PAGES RESPONSIVE ------------------------------- */

.page_responsive #plus_commentes_aimes {
	margin-top: 0;
}

.page_responsive .pub {
	margin-top: 25px;
}

#col_complement .reactions .boite_inscription {
	width: 303px;
	height: 80px;
	position: relative;
	background: url(../images/fr/titrages/inscrivez_discussion.gif);
	border: 0;
	padding: 0;
	display: block;
}

#col_complement .reactions .boite_inscription .over {
	visibility: hidden;
	z-index: 2;
}

#col_complement .reactions .boite_inscription img {
	margin: 30px 0 0 226px;
	position: absolute;
	z-index: 1;
}

#col_complement .reactions .boite_inscription:hover img.over {
	visibility: visible;
}

#col_complement .idees .titre {
	margin-bottom: 12px;
}

/* PAGES LISTE D'ARTICLES ------------------------------- */

#accueil_section h1,
#continu_detail h1,
#wrapper #recherche h1 {
	font: bold 1.615em/1.2em Georgia, serif;
	color: #000;
	margin-bottom: 20px;
}

#accueil_section #manchette {
	margin-bottom: 20px;
}

/* RECHERCHE ------------------------------- */

#recherche a.rss_specifique:hover {
	text-decoration: none;
}

#recherche h1,
#edition h1 {
	font: 1.5em/1.1em Georgia, serif;
	color: #000;
	margin: 0 0 9px 0;
}

#recherche h1 span,
#edition h1 span {
	font-size: 0.54em;
	line-height: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}

#recherche h3 {
	font: bold 1.08em/1.1em Georgia, serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 9px 0;
}

#edition h3 {
	font: bold 1.08em/1.1em Georgia, serif;
	color: #000;
	text-transform: uppercase;
	margin: 9px 0;
}

#recherche #colonne_droite {
	margin-bottom:10px;
}

#recherche #colonne_droite .pub,
#edition #colonne_droite .pub {
	margin: 0 0 8px 0;
	padding: 0 0 15px 0;
	background: url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

#recherche a.cle,
#edition a.cle {
	display: inline-block;
	margin-left: 3px;
}

#edition #col_principale h2.section {
	font: 1.2em/1.3em Georgia, serif;
	margin: 0;
	margin-bottom: 5px;
	padding: 3px 8px 5px;
	background-color: #e6e6e6;
	cursor: pointer;
}

#edition #col_principale h2 a:hover {
	color: #000;
}

#edition #col_principale h3 span {
	font-family: Verdana, sans-serif;
}

#edition #col_principale #contenus_edition_jour span.date {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #1c1e7c;
}

#edition #col_principale #contenus_edition_jour ul {
	margin:0 0 20px;
	padding:0;
	height:1%; /* pour IE6 */
}

#edition #col_principale #contenus_edition_jour ul {
    overflow:hidden;
}

#edition #col_principale #contenus_edition_jour li {
	display: inline;
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}

#edition #col_principale #contenus_edition_jour li a {
	float: left;
	width: 205px;
	margin: 0 2px 2px 0;
	padding: 3px 5px;
	font: 0.85em/1.1em Verdana, sans-serif;
}

#edition #col_principale #contenus_edition_jour li a.dernier {
	margin-right: 0;
}

#edition #col_principale #contenus_edition_jour li a.pdf {
	background: #f2f2f2 url(../images/ul/icones/pdf.gif) no-repeat 179px center;
}

#edition #col_principale #contenus_edition_jour li a.virtuel {
	background: #f2f2f2 url(../images/ul/icones/virtuel.gif) no-repeat right bottom;
}

/* Formulaire de recherche */
#recherche form#recherche_form div.expression input {
	width: 360px;
	border: 1px solid #000;
	padding: 2px 3px;
	margin-left: 2px;
	font: 14px/17px Verdana, sans-serif;
	color: #2E2E2E;
}

#recherche form#recherche_form .selection_textuelle {
	cursor:pointer;
}

#recherche form#recherche_form .selection_textuelle .selectionne{
	font-weight:bold;
	color: #2880DF;
}

#recherche form#recherche_form .recherche_avance {
	display:none;
	position:relative;
	border-bottom: solid 1px #D2E6F3;
	font-family: Verdana, sans-serif;
}

#recherche .recherche_avance {
	margin: 0 0 5px 0;
	height: 120px;
}

#recherche .recherche_avance #bouton_fermer_recherche_avance {
	cursor:pointer;
	position:absolute;
	right:8px;
}

#recherche .recherche_avance table.conteneur  {
	font-family: Verdana, sans-serif;
	font-size:0.923em;
	padding-right:3px;
	border-collapse: collapse;
}

#recherche .recherche_avance a.lance_recherche {
	display: inline-block;
	margin-top: 8px;
}

#recherche .recherche_avance table.conteneur label {
	font-weight:bold;
}

#recherche .recherche_avance table.conteneur td {
	padding-top:12px;
	vertical-align: baseline;
}

#recherche .recherche_avance table.conteneur select {
	width:190px;
}

#recherche .recherche_avance .conteneur td.section {
	text-align: left;
	width:210px;
}

#recherche .recherche_avance .conteneur td.section select {
	width:100%;
}

#recherche .recherche_avance .conteneur td.label_section {
	text-align: left;
	padding-right:5px;
}

#recherche .recherche_avance .conteneur .calendrier {
	margin-left:5px;
	vertical-align: middle;
	position:relative;
	top:-1px;
	cursor:pointer;
}

#recherche .recherche_avance .conteneur td.date {
	padding-top:8px;
}

#recherche .recherche_avance .conteneur td.label_auteur {
	text-align: left;
	padding-left:15px;
	padding-right:5px;
}

#recherche .recherche_avance .conteneur td.auteur {
	text-align: left;
	width:190px;
    vertical-align: bottom;
}

#recherche .recherche_avance .conteneur td.auteur input {
	border: solid 1px #000;
	padding: 2px;
}

#recherche .recherche_avance .conteneur td.lancer_recherche_avance {
	padding-left:6px;
}

#recherche .recherche_avance .conteneur td.lancer_recherche_avance img {
	cursor:pointer;
}

#recherche form#recherche_form .recherche_avance .conteneur td.date_fin input,
#recherche form#recherche_form .recherche_avance .conteneur td.date_debut input {
	border:solid 1px black;
	width:27px;
	padding:1px 0;
	font-size:0.923em;
	text-align:center;
	color:#787878;
	margin:0 2px;
}

#recherche .recherche_avance table.conteneur td.date_fin {
	padding-left: 15px;
}

#recherche #tri_resultats {
	display: inline-block;
	margin-left: 10px;
}

#recherche #tri_resultats select {
	width: 190px;
}

#recherche #selection_formats {
	display:inline-block;
	padding-top:5px;
	font-family: Verdana, sans-serif;
	font-size:0.923em;

}

#recherche #selection_date {
	font-family: Verdana, sans-serif;
	font-size:0.923em;
	border-bottom:solid 1px #D2E6F3;
	padding-bottom:10px;
	margin-bottom:6px;
}

/* Expression */
#recherche #recherche_expression {
	font-family: Verdana, sans-serif;
	background-color:#E6F1F8;
	position:relative;
	padding: 10px 20px;
	border-bottom: solid 1px #fff;
}

#recherche #recherche_expression label {
	display: inline-block;
	margin-right:10px;
	cursor: default;
	font-size: 0.96em;
}

#recherche #recherche_expression div#expression {
	border:solid 1px #ACACAC;
	background-color: #fff;
	position: relative;
	display: inline-block;
	width: 330px;
}

#recherche #recherche_expression a#bouton_recherche_avance {
	white-space: nowrap;
	display: inline-block;
	margin-left:9px;
	font-size: 0.96em;
	color: #000;
	text-decoration: underline;
}

.lt-ie9 #recherche #recherche_expression a#bouton_recherche_avance {
	margin-left: 7px;
}

#recherche #recherche_expression div#expression input {
	font-family: Georgia, sans-serif;
	font-size:1.167em;
	font-style: italic;
	border:none;
	width:280px;
	overflow:visible;
	padding:4px;
	color: #666666;
	outline: none;
}

#recherche #recherche_expression div#expression img#bouton-bulle-aide {
	position:absolute;
	top:5px;
	right:24px;
	cursor:pointer;
}

#recherche #recherche_expression div#expression img#bouton-lancer-recherche {
	position:absolute;
	top:5px;
	right:6px;
	cursor:pointer;
}

#recherche #recherche_expression img.bouton {
	position:absolute;
	top:19px;
	left:589px;
	cursor:pointer;
}

#recherche #recherche_expression_bas img.bouton {
	position:absolute;
	top:19px;
	left:510px;
	cursor:pointer;
}

#recherche #recherche_expression #bulle-aide a {
	position:static;
	display:block;
	font-size:1em;
	margin-top:10px;
}

/* Expression bulle d'aide */
#recherche #bulle-aide {
	display:none;
	position:absolute;
	right:-81px;
	bottom:26px;
	width:225px;
	z-index:25000;
	cursor:pointer;
}

#recherche #bulle-aide img {
	display:block;
	position:relative;
}

#recherche #bulle-aide a {
	display:block;
	position:relative;
	color: #21A2D9;
}

#recherche #bulle-aide div {
	font-size:0.733em;
	background-color:white;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	padding:7px 11px;
	color:#666666;
}

#recherche #bulle-aide div .titre {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	display:block;
}

#recherche #bulle-aide div ul {
	padding-left:16px;
}

/* parametres */
#recherche .parametres {
	background-color: #F0F7FB;
	border-bottom:solid 1px #D2E6F3;
	padding: 10px 20px;
	font-size: 0.89em;
	margin-bottom: 10px;
}

/* Dropdown (simulation avec un ul) */
#recherche .ul_dropdown a.lien_deroulant {
	display:block;
	height:19px;
	padding:2px 2px 2px 3px;
	border:1px solid #262626;
	text-decoration:none;
	background:#fff url(../images/ul/icones/select_box.gif) no-repeat 189px 3px;
	font:0.87em/1.4em Verdana, sans-serif;
	z-index: 1;
	width:206px;
}

#recherche .ul_dropdown .options {
	display:none;
	position:absolute;
	z-index: 2;
	background-color:#fff;
	border:1px solid #262626;
	border-top:0;
	width:205px;
}

#recherche .ul_dropdown ul {
	position:relative;
	display:block;
	list-style-type:none;
	margin:0;
	padding:2px 0;
	font:0.77em/1.1em Verdana, sans-serif;
}

#recherche .ul_dropdown ul a {
	display:block;
	line-height:1.5;
	padding:0.2em 0.4em;
	margin:0;
	text-decoration:none;
	color:#666;
	cursor:pointer;
	width:100%;
}

#recherche .ul_dropdown ul a:hover {
	color: #2880DF;
}

/* colonne complement */
#recherche #col_complement #cedrom,
#edition #col_complement #cedrom {
	margin-bottom: 16px;
	font-size: 0.92em;
}

#recherche #col_complement #cedrom h4,
#edition #col_complement #cedrom h4 {
	color: #1C1E7C;
	font-family: Georgia, serif;
	font-size: 1.3em;
	text-transform: none;
	font-weight: bold;
}

#recherche #col_complement #cedrom img,
#edition #col_complement #cedrom img {
	padding-bottom: 10px;
	padding-left: 10px;
	float: right;
}

/* resultats de recherche */
.liste .nb_resultats {
	float: left;
	margin-bottom: 6px;
	font-size: 0.92em;
}

.liste ul.pagination {
	border:none;
	float: right;
	font-size: 0.92em;
	margin: 0 0 6px 0;
	padding: 0;
}

.liste ul.pagination li a.selected {
	color: #E10000;
}

.liste ul.pagination li a.suivant,
.liste ul.pagination li a.precedent {
	color: #1C1E7C;
	font-family: Georgia, serif;
	font-size: 1.076em;
	text-decoration: underline;
}

.liste ul.resultats {
	margin-bottom: 10px;
}

.liste ul.resultats li {
	clear: both;
	border-top: solid 1px #E0E0E0;
	padding: 10px 0;
}

.liste ul.resultats li:last-child {
	border-bottom: solid 1px #E0E0E0;
}

#edition .liste ul.resultats li:last-child {
	border-bottom: 0;
}

.liste ul.resultats li.avec_indice .zone_detail {
	padding-left: 30px;
}

.liste ul.resultats li .indice {
	float: left;
	color: #E0E0E0;
	font-size: 1.153em;
}

.liste ul.resultats li figure {
	position: relative;
}

.liste ul.resultats li figure .photo {
	margin: 0 10px 10px 0;
}

.liste ul.resultats li h2 {
	font-size: 1.153em;
	line-height: 1.2em;
	color: #1C1E7C;
	margin-bottom: 2px;
	font-family: Georgia, serif;
}

.liste ul.resultats li .specs {
	font-size: 0.924em;
}

.liste ul.resultats li .interactions {
	padding: 5px 0;
}

.liste ul.resultats li .interactions a,
.liste ul.resultats li .interactions span {
	font-size: 0.924em;
	line-height: 1.2em;
	color: #333;
}

.liste ul.resultats li span.splitter {
	padding: 0;
}

#liste_chroniqueurs ul.resultats li .auteur a {
	color: #1C1E7C;
}

/* autocomplete */
input.ui-autocomplete-input {
	border:1px solid #262626;
	display:block;
	padding:2px;
	padding-left:3px;
	font:0.87em/1.4em Verdana, sans-serif;
	width:184px;
}

ul.ui-autocomplete {
	list-style-type:none;
	padding:2px;
	font:0.77em/1.1em Verdana, sans-serif;
	background-color:#fff;
	border:1px solid #262626;
	border-top:none;
    width: 184px;
}

ul.ui-corner-all {
	border-radius:0;
}

ul.ui-autocomplete li a {
	display:block;
	padding:2px 0;
	text-decoration:none;
	color:#666;
	cursor:pointer;
	font-weight: normal;
	border:none !important;
}

ul.ui-autocomplete li.ui-menu-item a:hover {
	color:#000;
	outline:none;
	margin:0;
	border-radius:0;
	background-color:transparent;
}

.auteur .ui-helper-hidden-accessible {
    display: none;
}

/* Form pour envoyer un courriel à un collaborateur */

#recherche #colonne_principale h1 {
	position: relative;
}

#recherche #colonne_principale .vertical_spacer {
	line-height: 0.5em;
	font-size: 0.5em;
	height: 4px;
}

#recherche #colonne_principale table#par_chroniqueur tr td {
	vertical-align: top;
	text-align: left;
	width: 550px;
}

#recherche #col_principale table#par_chroniqueur tr td.collaborateur {
	width: 68px;

}

#recherche #col_principale table#par_chroniqueur tr td.sans_photo {
	width: 0;
}

#recherche #col_principale table#par_chroniqueur tr td img.photo {
	border: 1px solid #000000;
}

a#courriel {
	position: absolute;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #000000;
	line-height: 1.5em;
	padding: 0 4px;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 0.5em;
	text-transform: none;
}

a#courriel:hover {
	background-color: #e6f1f8;
	color: #000000;
}

a#courriel.ouvert {
	border-bottom: none;
	border-color: #b3b3b3;
	background-color: #e6f1f8;
}

#courriel_form {
	display: none;
	margin-top: 14px;
	background-color: #e6f1f8;
	width: 520px;
	padding: 10px;
	font-size: 0.5em;
	text-transform: none;
	border: 1px solid #b3b3b3;
	font-family: Arial, sans-serif;
	color: #000000;
}

#courriel_form #loading {
	margin-left: 155px;
	margin-bottom: 5px;
	margin-top: 5px;
	display: none;
}

#courriel_form table.captcha tr td {
	vertical-align: bottom !important;
}

#courriel_form label {
	font-size: 1.167em;
	margin-top: 5px;
}

#courriel_form #erreur,
#courriel_form #success {
	display: none;
	margin-top: 6px;
	font: 1.167em Arial, sans-serif;
	font-weight: bold;
	color: #ff0000;
	padding: 0 0 5px 0;
}

#courriel_form #success {
	color: #269c00;
}

#courriel_nom,
#courriel_courriel {
	width: 244px;
	padding: 3px 4px 3px;
	margin: 0 0 6px 0;
	border: 1px solid #b3b3b3;
}

#courriel_texte {
	width: 500px;
	height: 100px;
	padding: 4px 4px;
	border: 1px solid #b3b3b3;
}

#courriel_nom,
#courriel_courriel,
#courriel_texte {
	font: 1.167em Arial, sans-serif;
	color: #666666;
}

#courriel_envoyer {
	margin-right: 10px;
}

/* alerte courriel */
#alerte_courriel {
    background-color: #F2F2F2;
    border-bottom: solid 1px #E6E6E6;
    border-top: solid 1px #E6E6E6;
    padding: 8px 20px
}

#alerte_courriel h4 {
    font-family: Georgia, serif;
    font-size: 1.38em;
    color: #000;
    text-transform: none;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 4px 0 4px 0;
    background: url(../images/ul/tuiles/pointille_horizontal.png) repeat-x left bottom;
}

#alerte_courriel label {
    font-size: 0.92em;
    line-height: 1.1em;
    display: block;
    padding-bottom: 4px;
}

#alerte_courriel input {
    font-style: italic;
    display: block;
    border: solid 1px #ACACAC;
    color: #666666;
    font-family: Georgia, serif;
    font-size: 1em;
    padding: 6px 8px;
    width: 100%;
    margin-bottom: 12px;
}

#alerte_courriel .inscrire {
    background-color: #E6E6E6;
    padding: 10px;
    margin: 18px 0 10px 0;
}

#alerte_courriel .inscrire input {
    width: 100%;
}

#alerte_courriel .inscrivez_vous {
    font-size: 0.92em;
    color: #2880DF;
}


/* FOOTER ------------------------------- */
#raccourcis {
	margin: 20px;
	position: relative;
	font-size: 0.923em;
	line-height: 1.4em;
	background: #f2f2f2;
}

#raccourcis .promo {
	position: relative;
	float: left;
	width: 300px;
	padding: 14px 18px 195px 18px;
	background: url(../images/ul/tuiles/promo_abonnement.gif) left top repeat;
	box-shadow: inset -12px 0 15px -10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -12px 0 15px -10px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset -12px 0 15px -10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset -12px 0 15px -10px rgba(0, 0, 0, 0.1);
	color: #1C1E7C;
}

#raccourcis .promo a {
	display: block;
}

#raccourcis .promo h5 {
	font-size: 1.25em;
	line-height: 1.4em;
	color: #1C1C1A;
	text-transform: uppercase;
	font-weight: normal;
}

#raccourcis .promo h5 strong {
	font-weight: bold;
	color: #1C1E7C;
}

#raccourcis .promo_abonnement {
	position: absolute;
	width: 269px;
	height: 175px;
	left: 10px;
	bottom: 10px;
    padding: 20px 0 0 20px;
}

#raccourcis .liens {
	float: right;
	width: 638px;
	background-color: #f2f2f2;
}

#raccourcis .liens .col_wrapper {
	padding: 20px 0 10px 20px;
}

#raccourcis .liens .recherche_wrapper {
	padding: 20px 25px 0 20px;
	border-top: 1px solid #fff;
}

#raccourcis .col {
	float: left;
	width: 135px;
	margin-right: 23px;
}

#raccourcis .dernier {
	width: 105px;
	margin-right: 0 !important;
}

#raccourcis .col header h5 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}

#raccourcis .col header h5.suivez_nous {
	margin: 15px 0 5px 0;
}

#raccourcis .col .social {
	overflow: hidden;
	width: 100px;
	margin: 0;
}

#raccourcis .col .social li {
	float: left;
	padding: 0 2px;
}

#raccourcis .recherche {
	float: left;
	margin: 10px 0 0;
}

#raccourcis .recherche input[type=text] {
	width: 289px;
	font-size: 1.231em;
}

#raccourcis .recherche input[type=image] {
	position: absolute;
	right: 6px;
	top: 7px;
}

#raccourcis #logo {
	float: right;
}

#raccourcis #logo img {
	width: 152px;
	height: 50px;
}

/* Pied de page ------------------------- */
#pied_page {
	margin: 20px 20px;
	font-size: 0.8em;
}

#pied_page .splitter {
	padding: 0 4px;
	color: #666;
}

#pied_page .copy {
	margin-right: 10px;
}

#pied_page #utilitaires {
	overflow: hidden;
	background: #fff;
}

#pied_page #utilitaires li {
	float: left;
}

#pied_page #utilitaires li a {
	color: #666;
}

#pied_page #utilitaires .copy {
	padding-right: 10px;
}

#pied_page #signature,
#pied_page #signature a {
	color: #666;
}

#pied_page #signature span {
	color: #000;
}

/* Barre fixe --------------------------- */
#BF1 {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	padding: 0 !important;
	margin-bottom: -2px;
}

#barre_fixe {
width: 100%;
padding-top: 6px;
background: url(../images/ul/graphiques/barre_fix_top_shadow.png) left top repeat-x;
color: #FFF;
text-align: left;
}

#barre_fixe .wrapper {
max-width: 1140px;
margin: 0 auto;
padding: 0 20px;
}

#barre_fixe .header_wrapper {
background: -moz-linear-gradient(top,  #7793B8 0%, #5279AA  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7793B8), color-stop(100%,#5279AA )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7793B8 0%,#5279AA  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7793B8 0%,#5279AA  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7793B8 0%,#5279AA  100%); /* IE10+ */
background: linear-gradient(to bottom,  #7793B8 0%,#5279AA  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7793B8', endColorstr='#5279AA ',GradientType=0 ); /* IE6-9 */
}

#barre_fixe header {
padding: 12px 0;
}

#barre_fixe header .contenu {
width: 50%;
margin-left: 161px;
display: table-cell;
vertical-align: middle;
height: 50px;
text-align: center;
font: 1.615em/1.1em Georgia, "Times New Roman", Times, serif;
}

#barre_fixe header .contenu .nowrap {
white-space: nowrap;
}

#barre_fixe .gauche {
float: left;
}

#barre_fixe .droite {
float: right;
}

#barre_fixe header .gauche {
width: 161px;
}

@media only screen and (max-width: 768px) {
#barre_fixe header .gauche,
#barre_fixe header .droite {
padding-top: 15px;
}
}

#barre_fixe header .droite {
width: 115px;
text-align: right;
}

#barre_fixe header .normal {
font-size: 0.619em;
line-height: 1.2em;
}

#barre_fixe .bouton_toggle {
margin-top: 12px;
display: inline-block;
padding: 6px 30px 7px 15px;
text-align: left;
color: #000 !important;
font-size: 0.864em;
line-height: 1.2em;
font-weight: bold;
width: 101px;
height: 28px;
border-radius: 3px;
border: 1px solid #FFF !important;
background: url(../images/ul/boutons/toggle_barre_fixe.png) right -78px no-repeat;
box-shadow: 0 0 0 1px #333;
}

#barre_fixe.opened .bouton_toggle {
background-position: right top;
}

#barre_fixe .bouton_toggle:hover {
text-decoration: none;
background-position: right -52px;
}

#barre_fixe.opened .bouton_toggle:hover {
background-position: right -26px;
}

#barre_fixe .distinctif {
color: #feec02;
}

#barre_fixe .montant {
font-size: 1.238em;
line-height: 1.2em;
}

#barre_fixe .top_content_wrapper {
    background: #010D4D; /* Old browsers */
    background: -moz-linear-gradient(top,  #5279AA  0%, #7793B8 45%, #FFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5279AA ), color-stop(45%,#7793B8 ), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5279AA  0%,#7793B8  45%,#FFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5279AA  0%,#7793B8  45%,#FFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5279AA  0%,#7793B8  45%,#FFF 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5279AA  0%,#7793B8  45%,#FFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5279AA', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
}

/*#barre_fixe .top_content_shadow {
    background: url(../images/ul/graphiques/barre_fix_bottom_shadow.png) left top repeat-x;
}*/

#barre_fixe .top_content {
padding: 30px 2px 50px 2px;
max-width: 650px;
}

#barre_fixe h2 {
font: 2.461em/1.1em Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0 0 5px 0;
color: #feec02;
}

#barre_fixe h3 {
font: 1.538em/1.1em Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0 0 10px 0;
color: #FFF;
}

#barre_fixe .top_content ul {
list-style: none;
padding:0;
margin:0;
max-width: 410px;
}

#barre_fixe .top_content li {
padding: 5px 0 5px 10px;
text-indent: -.7em;
}

#barre_fixe .top_content li:before {
content: "• ";
color: #feec02;
}

#barre_fixe .bottom_content{
    color: #010D4D;
}

#barre_fixe .bottom_content_wrapper {
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
padding: 12px 0;
}

#barre_fixe .bottom_content .wrapper {
position: relative;
}

#barre_fixe .bottom_content .wrapper .distinctif{
color:#4C80C2;
}

#barre_fixe .bottom_content .wrapper #devices {
position: absolute;
text-align: right;
right: 0;
bottom: -52px;
}

#barre_fixe .bottom_content .wrapper #devices img {
width: 72%;
height: auto;
}

@media only screen and (max-width: 778px) {
#barre_fixe .bottom_content .wrapper #devices {
bottom: -32px;
}

#barre_fixe .bottom_content .wrapper #devices img {
width: 42%;
height: auto;
}
}

@media only screen and (min-width: 779px) and (max-width: 1026px) {
#barre_fixe .bottom_content .wrapper #devices {
bottom: -52px;
}

#barre_fixe .bottom_content .wrapper #devices img {
width: 64%;
height: auto;
}
}

@media only screen and (min-width: 1027px) and (max-width: 1179px) {
#barre_fixe .bottom_content .wrapper #devices {
bottom: -62px;
}

#barre_fixe .bottom_content .wrapper #devices img {
width: 80%;
height: auto;
}
}

@media only screen and (min-width: 1180px) {
#barre_fixe .bottom_content .wrapper #devices {
bottom: -118px;
}

#barre_fixe .bottom_content .wrapper #devices img {
width: 100%;
height: auto;
}
}

#barre_fixe a.bouton{
        font-family: Verdana, Arial, sans-serif;
        border: 1px solid #FFF;
        color:#000 !important;
        font-size: 1.076em;
line-height: 1.1em;
text-transform: uppercase;
padding: 8px 22px;
border-radius: 3px;
background: #2880e9; /* Old browsers */
background: -moz-linear-gradient(top,  #FFF 0%, #ffed83 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#ffed83)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFF 0%,#ffed83 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFF 0%,#ffed83 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFF 0%,#ffed83 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFF 0%,#ffed83 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#ffed83',GradientType=0 ); /* IE6-9 */
}

#barre_fixe .bottom_content_wrapper .wrapper a.bouton {
position: absolute;
top: -29px;
left: 21px;
}

#barre_fixe a.bouton:hover {
background: #006be5; /* Old browsers */
background: -moz-linear-gradient(top,  #ffed83 0%, #ffed83 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed83), color-stop(100%,#ffed83)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffed83 0%,#ffed83 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffed83 0%,#ffed83 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffed83 0%,#ffed83 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffed83 0%,#ffed83 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed83', endColorstr='#ffed83',GradientType=0 ); /* IE6-9 */
}

#barre_fixe .bottom_content_wrapper .infos {
padding: 25px 20px 20px 20px;
font-family: Georgia, "Times New Roman", sans-serif;
}

#barre_fixe .bottom_content_wrapper .infos .gauche {
float: none;
font-size: 1.23em;
line-height: 1.1em;
display: table-cell;
vertical-align: middle;
border-right: 1px solid #e4e4e4;
padding: 2px 55px 13px 0;
}

#barre_fixe .bottom_content_wrapper .infos .gauche .montant {
font-size: 2.5em;
line-height: 1.1em;
}

#barre_fixe .bottom_content_wrapper .infos .gauche .currency {
font-size: 2em;
line-height: 1.1em;
}

#barre_fixe .bottom_content_wrapper .infos .gauche .note {
top: -0.8em;
font-size: 0.812em;
line-height: 1.1em;
padding-right: 5px;
}

#barre_fixe .bottom_content_wrapper .infos .droite {
float: none;
display: table-cell;
vertical-align: middle;
font-size: 1.384em;
line-height: 1.3em;
padding-left: 30px;
}

#barre_fixe .bottom_content_wrapper .infos .droite a {
color: #333;
text-decoration: underline;
}

#barre_fixe .bottom_content_wrapper .infos .droite a:hover {
color: #2882E6;
}

#barre_fixe .tablet_only {
display: none;
font: 0.812em/1.2em Verdana, sans-serif;;
padding-top: 10px;
}

/* Surtitre --------------------------- */
.surtitre_accueil{
	font-weight: bold;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.2em;
}
.surtitre_manchette{
	font-weight: bold;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
}
.surtitre{
	font-weight: bold;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* Preambule --------------------------- */
.preambule{
	font-weight: bold;
}
/* Intertitre -------------------------- */
.intertitre{
	font-weight: bold;
}
/* video manchette ----------------------- */
figure .video_manchette_texte_large video{
height:165px; 
width:309px;
}
figure .video_manchette_photo_large video{
height:350px; 
width:620px;
}
#article .video_article video{
height:400px; 
width:620px;
padding-bottom: 10px;
}
#article .video_youtube{
padding-top: 20px;
}
#article .description_video_audio{
padding-top: 20px;
font-weight: bold
}
#article .audio_article audio{
margin-top: 20px;
}
/* Manchette 3 colonnes sans images */
#derniere_heure figure .photo_manchette_3_colonnes_sans_images {
	width: 290px;
	height: 190px;
	margin-right: 20px;
}
/* Article Extras: ------------------------------------ */
#col_complement aside.article_extras {
background-color: #EDEFF2;
padding: 10px 5px 15px 14px;
border-top: 1px solid #D0D7E2;
border-bottom: 1px solid #D0D7E2;
box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
#col_complement aside.article_extras .titre-chiffre, #col_complement aside.article_extras .titre-encadre{
font-size: 1.461em;
line-height: 1.2em;
border: 0;
padding-top: 0;
padding-bottom: 8px;
margin-bottom: 8px;
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
padding: 2px 0;
}
#col_complement aside.article_extras ul{
padding-left: 17px;
margin-bottom: 0;
}
#col_complement aside.article_extras li{
list-style-type: disc;
padding-bottom: 0;
}
/* Article Extras: Encadre Texte ------------------------ */
#col_complement aside.encadre_texte .photo .credit {
font-size: 0.75em;
line-height: 1.1em;
text-align: left;
color: #3876D3;
}
#col_complement aside.encadre_texte .photo .vignette {
margin-top: 2px;
font: 0.80em/1.8em Verdana, sans-serif;
color: #808080;
}
#col_complement aside.encadre_texte .titre {
font-size: 1.461em;
line-height: 1.2em;
border: 0;
padding-top: 0;
padding-bottom: 8px;
margin-bottom: 8px;
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
padding: 2px 0;
}
#col_complement aside.encadre_texte .texte_encadre_texte {

}
#col_complement aside.encadre_texte .photo{
float: right;
padding-left: 5px;
}
#col_complement aside.encadre_texte figcaption{
width: 140px;
}
#col_complement aside.encadre_texte .article_extras_encadre {
min-height: 180px;
}
#col_complement aside.encadre_texte .auteur-media {
margin-top: 20px;
font-weight: bold;
}
/* Article Extras: Encadre POURCENT ------------------------ */
#col_complement aside.encadre_pourcent .titre-pourcent {
font-size: 2.5em;
line-height: 1.2em;
border: 0;
padding-top: 0;
padding-bottom: 8px;
margin-bottom: 8px;
color: #080EA3;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
padding: 2px 0;
}
/* Article Extras: Encadre CHIFFRE ------------------------ */
#col_complement aside.encadre_chiffre .numerique {
margin: 9px 9px 25px 0;
font-size: 3.5em;
line-height: 1.2em;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
/* Séparateur de texte ------------------------------------- */
.caractere-section{
background: url(../images/ul/separateur_texte/separateur.png) repeat-y center;
display: block;
margin-bottom: 10px;
margin-top: 10px;
}
/* Idées et Libre opinion ----------------------------------- */
.liste ul.resultats li.edition-titre{
background-color: #F0EEEE; 
padding-left: 10px;
}
.liste ul.resultats li.edition-titre h5{
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.615em;
font-weight: bold;
line-height: 1.2em;
}
/* Commentaires --------------------------------------------- */
.infos-haut{
padding-bottom: 15px;
border-bottom: 2px solid #267DDD;
}
.infos-bas{
padding-top: 15px;
padding-bottom: 15px;
font-size: 0.96em;
}
.icone-info{
float: left;
padding-right: 12px;
}
.bouton-comment.jaune {
color: #000000;
text-shadow: 0px 1px 0px rgba( 250, 250, 250, 0.4);
}
.bouton-comment.jaune {
background: #FFD217;
background: -webkit-linear-gradient( #FFD217, #FFB515);
background: -moz-linear-gradient( #FFD217, #FFB515);
background: -ms-linear-gradient( #FFD217, #FFB515);
background: -o-linear-gradient( #FFD217, #FFB515);
background: linear-gradient( #FFD217, #FFB515);
}
.bouton-comment.medium {
font-size: 1.0em;
width: auto;
font-weight: bold;
padding: 7px;
}
.bouton-comment {
width: auto;
padding: 8px 0;
text-align: center;
display: inline-block;
/*margin: 0 15px 15px 0;*/
font-size: 1.6em;
border-radius: 7px;
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
font-size: 0.85em;
width: 120px;
color: #333;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
margin-top: 20px;
}
.bouton-comment.jaune:hover{
background: #FFDE1A;
background: -webkit-linear-gradient( #FFDE1A, #FFC217);
background: -moz-linear-gradient( #FFDE1A, #FFC217);
background: -ms-linear-gradient( #FFDE1A, #FFC217);
background: -o-linear-gradient( #FFDE1A, #FFC217);
background: linear-gradient( #FFDE1A, #FFC217);
	}	
.bouton-comment.jaune:active{box-shadow: 1px 1px 10px #E5B738 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}
a.bouton-comment{
text-decoration: none;
}
a.bouton-comment:visited{
text-decoration: none;
color:#000;
}

.bouton-comment.gris {
background: #C8C8C8;
background: -webkit-linear-gradient( #C8C8C8, #A0A0A0);
background: -moz-linear-gradient( #C8C8C8, #A0A0A0);
background: -ms-linear-gradient( #C8C8C8, #A0A0A0);
background: -o-linear-gradient( #C8C8C8, #A0A0A0);
background: linear-gradient( #C8C8C8, #A0A0A0);
margin-right: 15px;
	}	
.bouton-comment.gris:hover {
background: #D8D8D8;
background: -webkit-linear-gradient( #D8D8D8, #B0B0B0); 
background: -moz-linear-gradient( #D8D8D8, #B0B0B0); 
background: -ms-linear-gradient( #D8D8D8, #B0B0B0); 
background: -o-linear-gradient( #D8D8D8, #B0B0B0); 
background: linear-gradient( #D8D8D8, #B0B0B0);
	}
.bouton-comment.gris:active{box-shadow: 1px 1px 10px #999 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

.bouton-content{
padding-left: 26%;
}
.no-comment{
font-weight: bold;
}
.no-comment img{
width: 32px;
}

#profil .forgot-password-form {
	margin-bottom:50px;
}
#profil .forgot-password-form h1 {
	border-bottom:2px solid #9A9A9A;
	color:#000;
	font:400 1.84615384615385em/1.16666666666667em Georgia, "Times New Roman", Times, serif; /* 24/13 28/24 */
	margin:0 0 1.25em; /* 30/24 */
	padding:0 0 0.16666666666667em; /* 4/24 */
	text-transform:none;
}
#profil .forgot-password-form .box {
	background-color:#f0f0f0;
	border:4px solid #fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .15);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .15);
	box-shadow:0 0 3px rgba(0, 0, 0, .15);
	overflow:hidden;
	padding:20px 25px 26px 25px;
}
#profil .forgot-password-form .l-col {
	float:left;
	width:412px;
}
#profil .forgot-password-form h2 {
	color:#5A5A5A;
	font:700 1.15384615384615em/1.26666666666667em Arial, Verdana, sans-serif; /* 15/13 19/15 */
	margin:0;
	padding:0;
}
#profil .forgot-password-form p {
	color:#5A5A5A;
	font:400 1.07692307692308em/1.28571428571429em Arial, Verdana, sans-serif; /* 14/13 18/14 */
	margin:0;
	padding:0;
}
#profil .forgot-password-form .r-col {
	float:right;
	width:411px;
}
#profil .forgot-password-form #form_profil {
	background:none transparent;
	float:left;
	padding:0;
	width:100%;
}
#profil .forgot-password-form #form_profil .form-row {
	margin:0 -20px 0 0;
}
#profil .forgot-password-form #form_profil .form-group {
	float:left;
	margin:0 20px 16px 0;
	width:290px;
}
#profil .forgot-password-form #form_profil label {
	color:#5A5A5A;
	display:block;
	font:700 1.07692307692308em/1.28571428571429em Arial, Verdana, sans-serif; /* 14/13 18/14 */
	margin:0 0 0.42857142857143em; /* 6/14 */
	padding:0;
}
#profil .forgot-password-form #form_profil label.error {
	color:#E12528;
}
#profil .forgot-password-form #form_profil input {
	background:none #fff;
	border:1px solid #d1d1d1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	-moz-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	color:#5A5A5A;
	font:400 14px/30px Arial, Verdana, sans-serif;
	display:block;
	height:30px;
	margin:0;
	outline:none;
	padding:0 9px;
	width:290px;
}
#profil .forgot-password-form #form_profil input:focus {
	border-color:#72bcd5;
	-webkit-box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
	-moz-box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
	box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
}
#profil .forgot-password-form #form_profil input.error {
	border:2px solid #E12528;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	height:34px;
	margin:-1px -1px 9px;
	width:292px;
}

#profil .forgot-password-form #form_profil span.error-msg {
	color:#E12528;
	display:block;
	font:400 0.92307692307692em/1.33333333333333em Arial, Verdana, sans-serif; /* 12/13 16/12 */
	margin:-10px 0 0;
	padding:8px 0 6px;
}

#profil .forgot-password-form #form_profil span.error-msg a {
	color:#E12528;
	text-decoration:underline;
}

#profil .forgot-password-form #form_profil span.error-msg a:hover {
	color:#E12528;
	text-decoration:none;
}
#profil .forgot-password-form #form_profil .btn a {
	background:none #2882E6;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:#fff;
	float:left;
	font:700 14px/32px Arial, Verdana, sans-serif;
	height:32px;
	margin:0;
	padding:0 10px;
	text-transform:uppercase;
}
#profil .forgot-password-form #form_profil .btn a:hover {
	background-color:#5A5A5A;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}