/*
	CSS pour Le Devoir - Principal (en mode responsive)
	Emilie - egzakt.com
	2009/08/30

	Jeff - egzakt.com
	2012/10/29
*/

p {
    margin:0;
    padding:0;
}

ol {
    margin:0;
    padding:0 0 0 22px;
}

ol li {
    list-style-type: decimal;
}

span.lien {
    cursor:pointer;
    color:#000;
    text-decoration:underline;
    outline:none;
}

#opinion hr {
    margin:5px 0 7px;
    background:#fff url(../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
    border:0;
    height:4px;
}

.clear_print {
    display:none;
}

#accueil #caricature_milieu h4,
#accueil_section #caricature_milieu h4,
#opinion #caricature_milieu h4,
#continu_detail #caricature_milieu h4,
#accueil #photos h4,
#accueil_section #photos h4,
#opinion #photos h4,
#continu_detail #photos h4 {
    padding:3px 8px 5px;
    font:1em/1.1em Georgia, serif;
    color:#000;
    margin:0 0 5px 0;
    background-color:#E6E6E6;
    letter-spacing:0;
    text-transform:capitalize;
}

/* Connexion popup */
#login_popup {
    display:none;
    font-family: Verdana, sans-serif;
    position:fixed;
    top:33%;
    left:35%;
    background-color:#E4E4E4;
    z-index:999;
    border:solid 1px #000000;
    width:386px;
    _position:absolute;
    _top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    _margin-top:220px;
}

#login_popup .fermer {
    float:right;
    text-decoration:underline;
    font-size:0.830em;
    color:#888888;
    cursor:pointer;
}

#login_popup .haut {
    position:relative;
    background-color:#e4e4e4;
    padding:16px 15px 5px 15px;
}

#login_popup h1 {
    font-family: "Georgia", serif;
    font-size:1.460em;
    margin: 0 0 10px 5px;
    border-bottom:solid 1px #000000;
    padding-bottom:13px;
    font-weight:normal;
    color: #333;
}

#login_popup table {
    border-collapse:collapse;
    width:300px;
    margin:10px 0;
}

#login_popup tr th {
    text-align:left;
    font-weight:normal;
    padding:0 0 1px 2px;
    vertical-align:bottom;
    font-size:0.890em;
}

#login_popup tr td {
    vertical-align:top;
}

#login_popup td.gauche {
    padding-right:20px;
}

#login_popup input {
    display:block;
    border:solid 1px #262626;
    color:#666666;
    font:10px/13px;
    margin:2px 0;
    padding:2px 2px;
    width:160px;
}

#login_popup tr td a {
    font-size:0.860em;
    color:#757575;
    line-height:1.700em;
    padding-left:2px;
}

#login_popup .actions {
    padding:12px 15px;
    text-align:right;
    background-color:#ffffff;
}

#login_popup .actions a.creer_profil {
    font-size:0.860em;
    color:#000000;
    padding-right:10px;
}

#connexion .ou {
    color: #5A5A5A;
    display: block;
    font: 700 14px/18px Arial, Verdana, sans-serif;
    margin: 6px 0;
}

/* Ombrages avec les class de superfish pour que ça marche avec l'exception pour IE7 */
.sf-shadow ul.niveau2_deroulant.sf-shadow-off {
    background:transparent;
}
.sf-shadow ul.niveau2_deroulant {
    background:url(../images/ul/tuiles/shadow.png) no-repeat bottom right;
    padding:0 9px 9px 0 !important;
}

.sf-shadow .niveau3_deroulant.sf-shadow-off {
    background:transparent;
}
.sf-shadow .niveau3_deroulant {
    background:url(../images/ul/tuiles/shadow.png) no-repeat bottom right;
    padding:0 9px 9px 0 !important;
}

/* Le Devoir virtuel */
#devoir_virtuel {
    margin-top:12px;
    padding-bottom:17px;
    background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
    color:#363636;
    text-align:left;
}

#devoir_virtuel h3 {
    font:bold 1.08em/1.2em Verdana, sans-serif;
    color:#000;
    text-transform:uppercase;
    margin:0 0 8px 0;
}

#devoir_virtuel a.demo {
    display:block;
    width:100px;
    height:16px;
    padding-top:3px;
    margin:6px auto 0 auto;
    text-align:center;
    background:url(../../images/ul/boutons/demonstration.gif) no-repeat left top;
    font-size:0.92em;
    line-height:1.2em;
    color:#333333;
    text-decoration:none;
}

#devoir_virtuel a.demo:hover {
    background-position:left bottom;
    color:#fff;
}


/* CONTENU
-----------------------------------------*/
#wrapper_contenu {
    width:940px;
    margin:0 19px;
}

/* (La seule identique dans toutes les pages) */
#colonne_droite {
    float:right;
    width:300px;
}

/* Article */
.lettrine {
    float:left;
    margin-right:4px;
    font:4em/0.8em Georgia, serif;
    color:#BD1400;
}

/*.photo img,*/
/*.photo_principale img {*/
/*display:block;*/
/*border:1px solid #262626;*/
/*}*/

#accueil_section li.principale .specs {
    margin-bottom:8px;
}

#accueil_section #articles_vedettes li.principale .photo_portrait {
    float:left;
    width:224px;
    margin-right:10px;
}

.photo .credit,
.photo_principale .credit,
.photo .credit_portrait,
.photo_principale .credit_portrait {
    margin-top:2px;
    text-align:right;
    padding-right:4px;
    font:0.69em/1.2em Verdana, sans-serif;
    color:#808080;
}

.photo .credit_portrait,
.photo_principale .credit_portrait {
    width:222px;
}

.photo .vignette,
.photo_principale .vignette {
    margin-top:2px;
    font:0.69em/1.2em Verdana, sans-serif;
    color:#2E2E2E;
}

#accueil_section li.principale .photo .vignette {
    margin-bottom:8px;
}

#accueil_section .vignette {
    margin-bottom:10px;
}

.blogue_nom a {
    font:1em/1.1em Verdana, sans-serif;
    color:#787878;
}

.blogue_nom a:hover {
    color:#2882E6;
}

ul.mots_cles {
    list-style-type:none;
    margin:2px 0 0 0;
    padding:0;
    font:0.77em/1.3em Verdana, sans-serif;
}

ul.mots_cles li {
    display:inline;
}

ul.mots_cles a {
    color:#333;
}

ul.mots_cles a:hover {
    color:#2882E6;
}

.amorce_complete {
    display:none;
}

/* Boîtes d'inscription */
.boite_inscription {
    padding:14px 7px 8px 7px;
    border:4px solid #b0b0b0;
    background:url(../images/ul/icones/puce_boite_inscription.gif) no-repeat center 4px;
}

.boite_inscription .titre {
    display:block;
    margin:0 auto;
}

.boite_inscription a.minscrire {
    display:block;
    width:66px;
    height:16px;
    padding-top:3px;
    text-align:center;
    background:url(../images/ul/boutons/minscrire.gif) no-repeat left top;
    font:0.77em/1.2em Verdana, sans-serif;
    color:#333333;
    text-decoration:none;
}

.boite_inscription a.minscrire:hover {
    background-position:left bottom;
    color:#fff;
}


/* Clé */
.cle_avec_bulle,
.cle_sans_bulle {
    /*position:relative;
    float:left;*/
    display:inline-block;
    width:20px;
    margin-right:5px;
}

.cle_avec_bulle a.cle img,
.cle_sans_bulle img {
    display:block;
    padding-top:2px;
}

.cle_avec_bulle .bulle {
    display:none;
    position:absolute;
    width:85px;
    height:66px;
    padding:4px 6px 0 6px;
    background:url(../images/ul/graphiques/cle_bulle.gif) no-repeat left top;
    color:#666666;
    font:0.69em/1.1em Verdana, sans-serif;
}

.cle_avec_bulle .bulle a {
    font-weight:bold;
    color:#2882E6;
    text-decoration:underline;
    line-height:1.3em;
}

/* EN CONTINU
-----------------------------------------*/
#continu h4 {
    font:bold 0.85em/1em Georgia, serif;
    color:#000;
    text-transform:uppercase;
    margin:0 0 8px 0;
}

#continu ul {
    list-style-type:none;
    margin:0;
    padding:0 8px;
    overflow:auto;
    height:210px;
    border:1px solid #666666;
}

#continu li {
    border-bottom:1px solid #ccc;
    padding: 0 !important;
    margin: 0 !important;
    /* Attention, ne pas mettre de padding ou width ici à cause de IE */
}
#continu li.dernier {
    border-bottom:0;
}

#continu .heure {
    float:left;
    width:35px;
    color:#787878;
    padding:5px 0 4px 0;
    font:0.85em/1.1em Verdana,sans-serif;
}

#continu .article {
    float:right;
    width:225px;
    padding:5px 0 4px 0;
    font-size:0.92em;
    line-height:1.1em;
}

#continu a.titre {
    color:#1C1E7C;
    text-decoration:none;
    font:bold 0.92em/1.2em Georgia, serif;
    border: 0;
}

#continu a.titre:hover {
    text-decoration:underline;
}

/* PUBS COLONNE DROITE
-----------------------------------------*/
#colonne_droite .pub {
    margin-top:15px;
    padding:15px 0 0 0;
}

#colonne_droite .pub img {
    display:block;
}

#colonne_droite .pub span {
    font:0.69em/1.2em Verdana, sans-serif;
    color:#787878;
    letter-spacing:1px;
}

/* LES BLOGUES DU DEVOIR
-----------------------------------------*/
#blogues_main {
    margin-top:15px;
    padding-top:15px;
}

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

#blogues_main h4 {
    font:bold 0.85em/1.1em Georgia, serif;
    color:#000;
    text-transform:uppercase;
    margin:0 0 8px 0;
}

#blogues_main h5 {
    font:1em/1.1em Georgia, serif;
    color:#333333;
    background-color:#E6E6E6;
    margin:0 0 6px 0;
    padding:3px 8px 5px;
}

#blogues_main h5 a {
    color:#333333;
}

#blogues_main h5 a:hover {
    color:#333333;
    text-decoration: underline;
}

#blogues_main ul img.auteur {
    float:left;
    width:36px;
    padding-bottom:10px;
}

#blogues_main ul .article {
    float:right;
    width:257px;
    padding-bottom:10px;
}

#blogues_main ul li.sans_photo .article {
    float:none;
    width:auto;
}

#blogues_main ul a.titre {
    color:#1C1E7C;
    text-decoration:none;
    line-height:1.3em;
    font-weight:bold;
}

#blogues_main a.titre:hover {
    text-decoration:underline;
}

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

.blogues_archives ul li {
    line-height: 1.4em;
    padding: 0 0 5px 0 !important;
}

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

.blogues_archives ul li a:hover {
    color: #2882E6;
}


/* VOS RÉACTIONS (COLONNE DROITE)
-----------------------------------------*/
#colonne_droite .reactions h4 {
    font:bold 0.85em/1.1em Georgia, serif;
    color:#000;
    text-transform:uppercase;
    margin:0 0 8px 0;
}


#colonne_droite .reactions ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#colonne_droite .reactions li {
    padding-bottom:10px;
}

#colonne_droite .reactions .auteur {
    font:0.85em/1.3em Verdana, sans-serif;
    color:#787878;
}

#colonne_droite .reactions .auteur a {
    text-decoration:none;
    text-transform:uppercase;
    color:#787878;
}

#colonne_droite .reactions .auteur a:hover {
    text-decoration:underline;
    color:#2882E6;
}

#colonne_droite .reactions a.titre {
    color:#1C1E7C;
    text-decoration:none;
    line-height:1.1em;
    font-weight:bold;
    font-size:0.85em;
}

#colonne_droite .reactions a.titre:hover {
    text-decoration:underline;
}

#colonne_droite .reactions .votes {
    position:relative;
    height:17px;
    padding:8px 0 0 23px;
    margin-bottom:2px;
    color:#333333;
    font:0.77em/1.2em Verdana, sans-serif;
}

#colonne_droite .reactions .votes a {
    position:absolute;
    top:3px;
    left:0;
    display:block;
    width:17px;
    height:19px;
}

#colonne_droite .reactions .votes a:hover {
    background:none;
}

#colonne_droite .reactions .votes a img {
    position:absolute;
    top:0;
    left:0;
}

#colonne_droite .reactions .votes a img.over {
    position:absolute;
    visibility:hidden;
    z-index:1;
}

#colonne_droite .reactions .votes a:hover img.over {
    visibility:visible;
}

#colonne_droite .reactions a.titre_reaction {
    font:bold 0.85em/1.2em Verdana, sans-serif;
    color:#1A1A1A;
    text-decoration:none;
}

#colonne_droite .reactions a.titre_reaction:hover {
    text-decoration:underline;
}

#colonne_droite .reactions .intro {
    font:0.85em/1.3em Verdana, sans-serif;
    color:#666666;
}

/* Boîte d'inscription */
#colonne_droite .reactions .boite_inscription {
    width:303px; /* Important pour IE */
    height:80px;
    position:relative;
    background:url(../images/fr/titrages/inscrivez_discussion.gif);
    border:0;
    padding:0;
    display:block;
}

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

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

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

/* CONTACT RAPIDE (COLONNE DROITE)
-----------------------------------------*/
#contact_rapide {
    margin-bottom:15px;
    padding-bottom:11px;
    background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
    color:#363636;
    font:0.85em/1.2em Verdana, sans-serif;
}

#contact_rapide h4 {
    font:bold 0.92em/1.2em Verdana, sans-serif;
    color:#000;
    margin:0;
}

#contact_rapide .type {
    margin:4px 0;
}

#contact_rapide .note {
    color:#666666;
    font-size:0.92em;
    line-height:1.1em;
}

#contact_rapide a {
    color:#363636;
}

#contact_rapide a:hover {
    color:#2882E6;
}


/* ÉDITION OFFERTE AUX ABONNÉS (COLONNE DROITE)
-----------------------------------------*/
#edition_abonnes {
    background-color:#F1F8FB;
    border:1px solid #CCCCCC;
    padding:6px 6px 8px 6px;
}

#edition_abonnes h5 {
    font:1.17em/1em Georgia, serif;
    color:#000;
    border-bottom:1px solid #B3B3B3;
    margin:0 0 7px 0;
    padding-bottom:7px;
    background:url(../images/ul/icones/cle_verte.gif) no-repeat 204px 7px;
}

#edition_abonnes h6 {
    color:#343434;
    font:0.77em/1.1em Georgia, serif;
    margin:0;
    text-transform:uppercase;
}

#edition_abonnes ul {
    list-style-type:none;
    margin:2px 0 0 0;
    padding:0;
    line-height:1.1em;
}

#edition_abonnes li {
    padding-bottom:10px;
}

#edition_abonnes ul a {
    /*font:bold 0.85/1.1em Georgia,sans-serif;*/
    color:#1C1E7C;
    text-decoration:none;
}

#edition_abonnes ul a:hover {
    text-decoration:underline;
}

#edition_abonnes .autres {
    font:0.92em/1.1em Georgia,sans-serif;
}

#edition_abonnes .abonnement {
    width:286px; /* Important pour IE */
    position:relative;
    margin-top:4px;
    padding-top:4px;
    border-top:1px solid #B3B3B3;
}

#edition_abonnes .abonnement .titre {
    font-weight:bold;
    font-size:1.17em;
    line-height:1.1em;
}

#edition_abonnes .abonnement .sous_titre {
    color:#333333;
    font-size:1.08em;
    line-height:1.1em;
}

#edition_abonnes .abonnement .a_partir {
    margin-top:1px;
    font-size:0.92em;
    line-height:1.2em;
    color:#666666;
}

#edition_abonnes .abonnement .prix {
    margin-top:1px;
    font-size:1.23em;
    line-height:1.2em;
    font-weight:bold;
    color:#BD1400;
}

#edition_abonnes .abonnement a {
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    /*margin:4px 0 0 57px;*/
    width:66px;
    height:16px;
    padding-top:3px;
    text-align:center;
    background:url(../images/ul/boutons/minscrire.gif) no-repeat left top;
    font:0.77em/1.2em Verdana, sans-serif;
    color:#333333;
    text-decoration:none;
}

#edition_abonnes .abonnement a:hover {
    background-position:left bottom;
    color:#fff;
}


/* SOUS-NAVIG CÔTÉ (COLONNE DROITE)
-----------------------------------------*/
#sous_navig_cote {
    margin-bottom:11px;
    padding-bottom:15px;
    background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
}

#sous_navig_cote h4 {
    font:bold 1em/1.1em Verdana, sans-serif;
    color:#000;
    margin:0 0 4px 0;
}

#sous_navig_cote ul {
    list-style-type:none;
    margin:0;
    padding:0;
    font:0.85em/1.2em Verdana, sans-serif;
}

#sous_navig_cote li {
    padding:2px 0;
}

#sous_navig_cote ul a {
    color:#2E2E2E;
}

#sous_navig_cote ul a:hover {
    color:#2882E6;
}


/* RECEVOIR INFOLETTRES (COLONNE DROITE)
-----------------------------------------*/
#colonne_droite #recevoir_infolettres {
    position:relative;
    width:278px;
}

#colonne_droite #recevoir_infolettres .titre {
    padding-bottom:8px; /* En padding au lieu de margin pour IE6 */
}

#colonne_droite #recevoir_infolettres input {
    width:125px;
    padding:1px;
    border:1px solid #000;
    color:#666666;
    margin-left:8px;
    font:10px/13px Verdana, sans-serif;
}

#colonne_droite #recevoir_infolettres input.bouton {
    position:absolute;
    bottom:7px;
    right:13px;
    width:125px;
    padding:0;
    margin:0;
    border:0;
}

#colonne_droite #recevoir_infolettres a.bouton {
    position:absolute;
    bottom:7px;
    right:13px;
}


/* PAGINATION
-----------------------------------------*/
ul.pagination {
    list-style-type:none;
    margin:0;
    padding:0;
    font:0.85em/1.2em Verdana, sans-serif;
}
ul#pagination_haut,
ul.pagination_haut {
    float:right;
}
ul#pagination_bas,
ul.pagination_bas {
    text-align:right;
    padding-top:3px;
    border-top:1px solid #666666;
}

ul.pagination li {
    display:inline;
}

ul.pagination a {
    padding:0 1px;
    color:#333;
}

ul.pagination a:hover {
    color:#2882E6;
}

ul.pagination a.selected {
    font-weight:bold;
    text-decoration:none;
}


/* BOITE LIAISON ABONNEMENT
-----------------------------------------*/
.liaison_abonnement {
    background-color: #F2FAFE;
    border: 1px solid #CCCCCC;
	border-radius: 4px;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px;
    margin-top: 15px;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #000;
}

#abb_presentation .liaison_abonnement {
    font-size: 0.96em;
    line-height: 1.5em;
    margin-bottom: 15px;
}

/* PUB A2
-----------------------------------------*/
.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}


/*      EN CONTINU
****************************/

#continu_detail #colonne_principale,
{
    float:left;
    width:619px;
}

#continu_detail #colonne_droite
{
    float:right;
    width:300px;
}

#continu_detail .lien_interne_haut
{
    display:block;
    float:right;
    margin-right:20px;
}

#continu_detail .image
{
    float:left;
    margin-right:15px;
    margin-bottom:10px;
}


/* DIVERS
-----------------------------------------*/
a.rss_specifique {
    /*float:right;*/
    font:0.77em/1.2em Verdana, sans-serif;
    color:#262626;
    text-decoration:none;
    margin-left:5px;
    margin-top:20px;
    position:relative;
    top:-2px;
}

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

/*a.bouton {*/
/*	display:inline-block;*/
/*display:none;*/
/*height:19px;*/
/*padding-right:5px;*/
/*text-decoration:none;*/
/*font:10px/14px Verdana, sans-serif;*/
/*color:#333;*/
/*background:url(../images/ul/boutons/bouton_type1_droite.gif) no-repeat right top;*/
/*}*/

/*a.bouton span {*/
/*display:block;	*/
/*padding:2px 2px 3px 7px;*/
/*background:url(../images/ul/boutons/bouton_type1.gif) no-repeat left top;*/
/*text-decoration:none !important;*/
/*}*/

/*a.bouton:hover,*/
/*a.bouton_hover {*/
/*background-position:right -19px;*/
/*color:#fff !important;*/
/*}*/

/*a.bouton:hover span,*/
/*a.bouton_hover span {*/
/*background-position:left -19px;*/
/*}*/


a.bouton_type2 {
    display:inline-block;
    display:none;
    height:24px;
    padding-right:5px;
    margin-top:16px;
    text-decoration:none;
    color:#fff;
    font:0.77em/1.3em Verdana, sans-serif;
    text-transform:uppercase;
    background:url(../images/ul/boutons/bouton_type2_droite.gif) no-repeat right top;
}

a.bouton_type2 span {
    display:block;
    padding:6px 9px 5px 14px;
    background:url(../images/ul/boutons/bouton_type2.gif) no-repeat left top;
}

a.bouton_type2:hover {
    background-position:right -24px;
    color:#000;
}

a.bouton_type2:hover span {
    background-position:left -25px;
}


/*a.bouton_type3 {*/
/*	display:inline-block;*/
/*display:none;*/
/*height:34px;*/
/*padding-right:5px;*/
/*text-decoration:none;*/
/*font:10px/13px Verdana, sans-serif;*/
/*color:#333;*/
/*background:url(../images/ul/boutons/bouton_type3_droite.gif) no-repeat right top;*/
/*}*/

/*a.bouton_type3 span {*/
/*display:block;	*/
/*padding:4px 2px 4px 7px;*/
/*background:url(../images/ul/boutons/bouton_type3.gif) no-repeat left top;*/
/*text-decoration:none !important;*/
/*}*/

/*a.bouton_type3:hover {*/
/*background-position:right -34px;*/
/*color:#fff !important;*/
/*}*/

/*a.bouton_type3:hover span {*/
/*background-position:left -34px;*/
/*}*/


/*a.bouton_type4 {*/
/*	display:inline-block;*/
/*display:none;*/
/*height:37px;*/
/*width:259px;*/
/*padding-right:16px;*/
/*text-decoration:none;*/
/*font:bold 10px/14px Verdana, sans-serif;*/
/*color:#fff;*/
/*text-transform:uppercase;*/
/*background:url(../images/ul/boutons/bouton_type4_droite.gif) no-repeat right top;*/
/*}*/

/*a.bouton_type4 span.padding {*/
/*display:block;	*/
/*padding:6px 0 5px 12px;*/
/*background:url(../images/ul/boutons/bouton_type4.gif) no-repeat left top;*/
/*text-decoration:none !important;*/
/*}*/

/*a.bouton_type4 span.nom {*/
/*display:block;*/
/*color:#b3b3b3;*/
/*text-transform:none;*/
/*font-weight:normal;*/
/*}*/

/*a.bouton_type4:hover {*/
/*background-position:right -37px;*/
/*color:#000 !important;*/
/*}*/

/*a.bouton_type4:hover span.padding {*/
/*background-position:left -37px;*/
/*}*/

/*a.bouton_type4:hover span.nom {*/
/*color:#636363;*/
/*}*/

/* Sécurité de transaction */
#securite {
    margin-top:12px;
    padding-bottom:17px;
    background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
    color:#363636;
    font-family:Verdana,sans-serif;
    font-size: 0.85em;
}

#securite h4 {
    font:bold 0.92em/1.2em Verdana, sans-serif;
    color:#000;
    margin:0;
}

#securite .logos {
    float:right;
    margin:4px 0 0 8px;
}

#securite .logos img {
    display:block;
}

#securite .logos img#verifie_visa {
    margin-top:20px;
}

#securite a {
    color:#2882E6;
}

#securite a:hover {
    color:#1C1E7C;
}

#securite.sous_nouveau_contact {
    margin-top:24px;
    margin-right:10px;
}

/* Contact */
#contact {
    margin-top:12px;
    padding-bottom:13px;
    background:url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
    color:#363636;
    font-family:Verdana,sans-serif;
    font-size: 0.85em;
}

#contact h4 {
    font:bold 0.92em/1.2em Verdana, sans-serif;
    color:#000;
    margin:0;
}

#contact .type {
    margin:5px 0;
}

#contact .note {
    color:#666666;
    font-size:0.92em;
    line-height:1.1em;
}

#contact a {
    color:#2882E6;
}

#contact a:hover {
    color:#1C1E7C;
}

/* Nouveau contact - fond beige */
.contact {
	background-color:#FFF5E6;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 0 10px 0 0;
	padding: 15px 23px 17px;
	font-size: 0.9em;
	line-height: 1.2em;
}
.contact p.sub-title {
	color:#000;
	font:700 1.23076923076923em/1.25em Arial, Verdana, sans-serif; /* 16/13 20/16 */
	margin:0 0 0.1875em; /* 3/16 */
	padding:0;
}
.contact p {
	color:#5A5A5A;
	font:400 1.07692307692308em/1.21428571428571em Arial, Verdana, sans-serif; /* 14/13 17/14 */
	margin:0;
}
.contact .tel {
	border-bottom:1px solid #c0b1b1;
	border-top:1px solid #c0b1b1;
	margin:12px 0 14px;
	padding:5px 0;
	overflow:hidden;
}
.contact .tel img {
	float:left;
	height:auto;
	width:40px;
}
.contact .tel .phone {
	padding-top:6px;
	padding-left: 45px;
}
.contact .note {
	color:#5A5A5A;
	display:block;
	font:400 1em/1.30769230769231em Arial, Verdana, sans-serif; /* 13/13 17/13 */
	padding:0;
}

/* Lien pour les abonnés avec la clé */
#accueil #titres_jour .reserve,
#accueil #aussi .reserve,
#accueil_section .zone_detail .reserve,
#recherche .zone_detail .reserve,
#opinion .zone_detail .reserve {
    font:0.77em/1.2em Verdana, sans-serif;
}

#opinions #editoriaux .articles .intro .reserve,
#opinions #chroniques .articles .intro .reserve {
    font:0.69em/1.08em Verdana, sans-serif;
}

#accueil #titres_jour .reserve a,
#accueil #aussi .reserve a,
#accueil_section .zone_detail .reserve a,
#opinion .zone_detail .reserve a,
#recherche .zone_detail .reserve a,
#opinions #editoriaux .articles .intro .reserve a,
#opinions #chroniques .articles .intro .reserve a {
    color:#3D8DCA;
    text-decoration:none;
}

#accueil #titres_jour .reserve a span,
#accueil #aussi .reserve a span,
#accueil_section .zone_detail .reserve a span,
#opinion .zone_detail .reserve a span,
#recherche .zone_detail .reserve a span,
#opinions #editoriaux .articles .intro .reserve a span,
#opinions #chroniques .articles .intro .reserve a span {
    text-decoration:underline;
}

#accueil #titres_jour .reserve a:hover,
#accueil #aussi .reserve a:hover,
#accueil_section .zone_detail .reserve a:hover,
#opinion .zone_detail .reserve a:hover,
#recherche .zone_detail .reserve a:hover,
#opinions #editoriaux .articles .intro .reserve a:hover,
#opinions #chroniques .articles .intro .reserve a:hover {
    color:#1C1E7C;
}

#accueil #colonne_milieu_gauche .reserve img,
#accueil_section #colonne_milieu .reserve img{
    display:inline;
}

#accueil #colonne_milieu_droite #edition_abonnes ul li a {
    font:bold 0.85em/1em Georgia, serif;
}


/* PHOTOS
-----------------------------------------*/
#accueil_section #photos,
#continu_detail #photos,
#opinion #photos {
    margin-top:15px;
    padding-top:15px;
}

#accueil_section #photos ul,
#continu_detail #photos ul,
#opinion #photos ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#accueil_section #photos li,
#continu_detail #photos li,
#opinion #photos li {
    padding:0 0 10px 0;
}

#accueil_section #photos li a.photo,
#continu_detail #photos li a.photo,
#opinion #photos li a.photo {
    display:block; /* Pour IE */
    margin-bottom:2px;
}

#accueil_section #photos ul a.titre,
#continu_detail #photos ul a.titre,
#opinion #photos ul a.titre {
    text-decoration:none;
    color:#1C1E7C;
    line-height:1.1em;
}

#accueil_section #photos ul a.titre:hover,
#continu_detail #photos ul a.titre:hover,
#opinion #photos ul a.titre:hover {
    text-decoration:underline;
}

/* FAQS
-----------------------------------------*/
div.faq {

}

div.faq div.nom {
    font-weight:bold;
    font-size:1.14em;
    padding:5px 0px;
}

div.faq div.questions {

}

div.faq div.questions div.question {
    font-weight:bold;
    padding-top:10px;
}

div.faq div.questions div.reponse {

}

/* BLOGUES
-----------------------------------------*/
.presentation_blogue {
    font-size:1.08em;
    line-height: 1.3em;
    padding: 0 0 35px 0;
}

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

ul.liste_blogues li {
    display: inline-block;
    padding: 0 0 10px 0 !important;
    margin: 0;
}

.entete_blogue {
    width: 940px;
    height: 174px;
    padding: 16px 28px 20px 400px;
    margin: 0 auto;
    color: #000;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #fff;
    line-height: 1.4em;
}

.entete_blogue a,
.entete_blogue span {
    display: block;
    font-size: 2.461em;
    line-height: 1.1em;
    text-decoration: none;
    color: #000;
}

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

.blogue_widget {
    font-family:Arial,sans-serif;
    padding: 0;
    margin: 0 0 25px 0;
}

.twitter .twtr-join-conv {
    font-size: 0.833em;
    line-height: 1.5em;
}

.blogroll {
    padding-bottom: 0;
}

.blogroll ul {
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
}

.blogroll ul li {
    padding: 0 0 5px 0 !important;
    margin: 0;
}

.blogroll a {
    font-family: Arial, Verdana, sans-serif;
    color: #1C1E7C;
    text-decoration: underline;
}

.blogroll a:hover {
    color: #2882E6;
}

#opinion .twtr-hd h3,
#opinion .twtr-hd h4 {
    font-family: Verdana, sans-serif;
}

#liste_tags {
    background: url(../images/ul/tuiles/liste_tags.gif) left 43px no-repeat;
}

ul.liste_tags {
    float: left;
    width: 157px;
    padding: 0 20px 0 0;
    margin: 0 !important;
    list-style-type: none;
}

ul.liste_tags_droite {
    width: 140px;
    padding-right: 0;
}

ul.liste_tags li {
    padding: 0 0 4px 0 !important;
}

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

ul.liste_tags li a:hover {
    color: #2882E6;
}

.archive_padding {
    margin: 0 4px 20px 4px;
    border-bottom: 1px solid #CCCCCC;
}

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

.archives a.lien_deroulant {
    display: block;
    background: url(../images/ul/boutons/deroulant.gif) left 10px no-repeat;
    font: bold 0.92em/1.3em Verdana, Arial, sans-serif;
    color: #000;
    text-decoration: none;
    padding: 7px 20px 7px 20px;
    border-top: 1px solid #CCCCCC;
}

.bloc_deroulant_selected a.lien_deroulant {
    background-position: left -42px;
}

.archives .zone_deroulante {
    padding: 0 0 5px 20px;
}

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

.archives .zone_deroulante ul li {
    margin: 0;
    padding: 0 0 4px 0 !important;
}

.archives .zone_deroulante ul li a {
    color: #1C1E7C;
    text-decoration: underline;
}

.archives .zone_deroulante ul li a.selected,
ul.liste_tags a.selected {
    font-weight: bold;
}

.archives .zone_deroulante ul li a:hover {
    color: #2882E6;
}

/* JEUX
-----------------------------------------*/

#jeux #colonne_principale {
    float: left;
    margin-bottom: 50px;
    width: 619px;
}

/* PAGE TEXTE
-----------------------------------------*/
#page_texte {
    /*width: 940px;*/
}

#page_texte #devoir_com #colonne_principale {
    float: left;
    margin-bottom: 50px;
    width: 619px;
}

/* STYLES CKEDITOR
-----------------------------------------*/
span.titre_violet,
span.sous_titre_bleu {
    display: inline-block;
    font: bold 1.076em/1.2em Arial, Verdana, sans-serif;
    color: #1C1E7C;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}

span.sous_titre_bleu {
    text-transform: none;
    color: #3D8DCA;
}

/* GENERAL
-----------------------------------------*/
.message_succes,
.message_erreur {
    margin: 20px auto;
    width: 80%;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #39B54A;
}

.message_erreur {
    background-color: #DE4935;
}

/* HUMAN MSG
-----------------------------------------*/
html, body {
    height: 100%; /* Damn you IE! */
}

#humanMsg {
    font: normal 20px/50px Verdana, Sans-Serif;
    letter-spacing: -1px;
    position: fixed;
    top: 130px;
    left: 25%;
    width: 50%;
    color: white;
    text-align: center;
    display: none;
    opacity: 0;
    z-index: 100000;
}

#humanMsg.erreur {
    background-color: #BD1400;
}

#humanMsg.message {
    background-color: #2882E6;
}

#humanMsg p {
    padding: .3em;
    display: inline;
}

#humanMsg a {
    display: none;
}

/* METEO
-----------------------------------------*/
#meteo_wrapper #colonne_principale {
    float: left;
    width: 619px;
    margin-bottom: 50px;
}

#meteo_wrapper #selection_de_ville div.titre {
    border: 0;
}

#selection_de_ville {
    margin-bottom:10px;
    background:#e6e6e6;
    padding:10px;
}

#selection_de_ville div.titre{
    font:1em Verdana, sans-serif;
    margin-bottom:5px;
}

#selection_de_ville select {
    margin-top:5px;
    width:280px;
}

/* PAYWALL */
.paywall_infos {
    width: 300px;
    background-color: rgba(26, 25, 25, 0.8);
    position: fixed;
    bottom: 30px;
    left: 0;
    margin-left: 30px;
    color: #fff;
    font-family: Helvetica, sans-serif;
    z-index: 100;
    font-size: 13px;
    line-height: 15px;
}

.paywall_infos .top {
    background-color: #099fb4;
    margin-top: 5px;
    padding: 16px 5px 16px 60px;
    color: #000;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2em;
    background-image: url("/images/paywall/logo_d.png");
    background-repeat: no-repeat;
    background-position: 23px 50%;
}

.paywall_infos .top img {
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.paywall_infos .content {
    font-size: 1.26em;
    line-height: 1.3em;
    width: 228px;
    margin: 0 auto;
    padding: 15px 0 12px;
    border-bottom: solid 1px;
}

.paywall_infos .content strong {
    white-space: nowrap;
}

.paywall_infos .actions {
    width: 228px;
    margin: 6px auto 5px;
    text-transform: uppercase;
    padding: 10px 0;
}

.paywall_infos .actions .action {
    float: left;
    width: 114px;
}

.paywall_infos .actions .action.left a {
    width: 108px;
}

.paywall_infos .actions .action.right a {
    width: 110px;
}

.paywall_infos .actions .action.right {
    background-image: url("/images/paywall/avatar.png");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 72px 16px;
}

.paywall_infos .actions .action span {
    padding-bottom: 6px;
    display: inline-block;
    font-weight: 600;
}

.paywall_infos .actions .action a {
    display: inline-block;
    background-color: #0A9FB4;
    border-radius: 3px;
    color: #fff;
    padding: 8px 0;
    width: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.paywall_infos .actions .action a:hover {
    text-decoration: none;
}



.popup-msg {
    z-index: 2147483647;
	background-color:#333;
	border-top:5px solid #0A9FB4;
	bottom:30px;
	color:#fff;
	font:400 17px/20px Helvetica, Arial, Verdana, sans-serif;
	left:30px;
	padding:11px 15px 8px;
	position:fixed;
	width:300px;
}

body.fullpage {
	margin: 0;
	background-color: #333;
}

.fullpage .popup-msg {
	position: static;
	left: auto;
	margin: 0 auto;
	width: 290px;
	padding-left: 10px;
	padding-right: 10px;
}

.popup-msg .btn-close,
.popup-msg .btn-infos {
	background-color:#333;
	border:3px solid #f2f2f2;
	-webkit-border-radius:34px;
	-moz-border-radius:34px;
	border-radius:34px;
	height:34px;
	line-height:28px;
	position:absolute;
	right:-8px;
	text-align:center;
	text-decoration:none;
	top:-15px;
	transition:background-color 200ms linear;
	width:34px;
}
.popup-msg .btn-close {
	display:none;
}
.popup-msg.full .btn-close {
	display:block;
}
.popup-msg.full .btn-infos {
	display:none;
}
.popup-msg .btn-close:hover,
.popup-msg .btn-infos:hover {
	background-color:#0A9FB4;
}
.popup-msg .btn-close img,
.popup-msg .btn-infos img {
	vertical-align:middle;
}
.popup-msg .panel-content {
	display:none;
}
.popup-msg.full .panel-content {
	display:block;
}
.popup-msg .panel-content .indent {
	overflow:hidden;
	padding:8px 0 4px;
}
.popup-msg .panel-content p {
	font-size:14px;
	line-height:17px;
	margin:0;
	padding:0;
}
.popup-msg .panel-content p a {
	color:#fff;
	text-decoration:none;
}
.popup-msg .panel-content p a:hover {
	color:#fff;
	text-decoration:underline;
}
.popup-msg .panel-content .btn {
	background-color:#0A9FB4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	font-size:13px;
	line-height:15px;
	margin-bottom:14px;
	padding:8px 20px 7px;
	text-align:center;
	text-transform:uppercase;
	transition:background-color 200ms linear;
}
.popup-msg .panel-content .btn:hover {
	background-color:#1abcd3;
	text-decoration:none;
}
.popup-msg .panel-content .question {
	float:right;
	font-size:19px;
	font-weight:700;
}



#tenaeu10 .paywall {
	background-color:#333;
	border-top:5px solid #0A9FB4;
	color:#fff;
	font:400 32px/39px Helvetica, Arial, Verdana, sans-serif;
	padding:24px 26px;
    margin: 20px 0 10px 0;
}
#tenaeu10 .paywall .panel-content .indent {
	overflow:hidden;
	padding:24px 0 0 0;
}
#tenaeu10 .paywall .panel-content p {
	font-size:14px;
	line-height:16px;
	margin:0;
	padding:0;
}
#article_detail #article .texte #tenaeu10 .paywall .panel-content p a {
	color:#fff;
	text-decoration:none;
}
#article_detail #article .texte #tenaeu10 .paywall .panel-content p a:hover {
	color:#fff;
	text-decoration:underline;
}
#tenaeu10 .paywall .panel-content .btn {
	background-color:#0A9FB4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	font-size:15px;
	line-height:18px;
	margin-bottom:24px;
	padding:17px 34px;
	text-align:center;
	text-transform:uppercase;
	transition:background-color 200ms linear;
    width: 402px;
}
#tenaeu10 .paywall .panel-content .btn:hover {
	background-color:#1abcd3;
	text-decoration:none;
}
#tenaeu10 .paywall .panel-content .question {
	float:right;
	font-size:19px;
	font-weight:700;
}


/***
* Section Abonnements responsive begins
***/
body.abonnement_module.index_action {
	min-width:320px;
	width:100%;
}

@media only screen and (max-width: 979px) {
	body.abonnement_module.index_action {
		background:url(../images/ul/tuiles/bg_tablet.png) #F2F2F2 repeat-y center top;
	}

	body.abonnement_module.index_action #wrapper {
		width:748px;
	}

	body.abonnement_module.index_action #navigation_secondaire .menu,
	body.abonnement_module.index_action #navigation_secondaire .menu_dd {
		display:none;
	}

	body.abonnement_module.index_action #abb_presentation {
		padding: 0 10px;
		width:748px !important;
	}

	body.abonnement_module.index_action #abb_presentation #vue_ensemble #colonne_principale {
		padding-left:0;
		padding-right:0;
		width:100% !important;
	}

	body.abonnement_module.index_action #contenu-global {
		float:none;
	}

	body.abonnement_module.index_action #abb_presentation .main-titre h1.sub-title {
		margin-bottom:20px;
	}

	body.abonnement_module.index_action #contenu-global .mini-presentation {
		line-height:1.25em;
		padding:0 20px;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu {
		margin:0 20px;
		width:auto;
	}

	body.abonnement_module.index_action div.shadow-left {
		left:33.3333333%;
		margin-left:-20px;
	}

	body.abonnement_module.index_action div.shadow-right {
		left:66.6666666%;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu .colonne {
		width:33.3333333%;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu .colonne p {
		margin:0 15px;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu .colonne img.photo {
		display:block;
		height:auto;
		margin:0 auto;
		max-width:95%;
	}

	body.abonnement_module.index_action .abb-bouton.medium {
		width:90%;
	}

	body.abonnement_module.index_action .abb_contenu .colonne .options ul li {
		width:100%;
	}

	body.abonnement_module.index_action .abb_contenu .colonne .options span {
		padding:5px 0 5px 13px;
	}

	body.abonnement_module.index_action #wrapper_contenu {
		width:730px;
	}

	body.abonnement_module.index_action #entete_simple #conteneur_colonnes {
		margin-right:0;
		width:100%;
	}

	body.abonnement_module.index_action #colonne_principale {
		float:none;
		width:100%;
	}

	body.abonnement_module.index_action #colonne_droite {
		float: none;
		width: 100%;
	}

	body.abonnement_module.index_action #pied {
		width:708px;
	}
}

@media only screen and (max-width: 767px) {
	body.abonnement_module.index_action #wrapper {
		width:298px;
	}

	body.abonnement_module.index_action #abb_presentation {
		width:298px !important;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu {
		margin:0 10px;
		width:auto;
	}

	body.abonnement_module.index_action #wrapper_contenu {
		width:280px;
	}

	body.abonnement_module.index_action #abb_presentation .main-titre h1.sub-title {
		font-size:1.2em;
	}

	body.abonnement_module.index_action div.shadow-left,
	body.abonnement_module.index_action div.shadow-right {
		display:none;
	}

	body.abonnement_module.index_action #abb_presentation .abb_contenu .colonne {
		margin-top:0;
		width:100%;
	}

	body.abonnement_module.index_action .abb_contenu .option2 {
		margin-bottom:20px;
	}

	body.abonnement_module.index_action .abb_contenu .option2 ul li.autres-formules {
		display:none;
	}

	body.abonnement_module.index_action .abb_contenu .option3 ul li:first-child {
		display:none;
	}

	body.abonnement_module.index_action #pied {
		width:258px;
	}
}
/***
* Section Abonnements responsive ends
***/

/* Carrieres et professions DEBUT */
.liste-carrieres {
    font-size: 0.92em;
    line-height: 1.2em;
}

.liste-carrieres .en-vedette {
    float: right;
    color: #737779;
    padding-top: 7px;
}

.liste-carrieres .annoncer {
    padding-bottom: 10px;
    border-bottom: 2px solid #E0E0E0;
}

.liste-carrieres #soumettre-carriere {
    color: #2f84e3;
}

.liste-carrieres .pagination {
    padding-top: 20px !important;
}

.liste-carrieres ul.carrieres {
    overflow: hidden;
    padding: 0 0 30px 20px;
    border-bottom: 2px solid #E0E0E0;
}

.liste-carrieres ul.carrieres li {
    font-size: 0.916em;
    line-height: 1.2em;
    padding: 20px 20px 0 0;
    width: 33%;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
}

.liste-carrieres ul.carrieres li:nth-child(3n+1){
    clear: left;
}

.liste-carrieres ul.carrieres li .carriere-logo {
    height: 60px;
}

.liste-carrieres ul.carrieres li .row {
    padding-bottom: 3px;
}

.liste-carrieres ul.carrieres li .carriere-logo img {
    max-width: 100%;
}

.liste-carrieres ul.carrieres li .employeur {
    font-weight: bold;
    color: #2f84e3;
    padding: 10px 0 5px 0;
}

.liste-carrieres ul.carrieres li .employeur a {
    color: #2f84e3;
    text-decoration: underline;
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
}

.liste-carrieres ul.carrieres li .employeur a:hover {
    color: #214B95;
}

.liste-carrieres ul.carrieres li a.postuler,
#carrieres_professions a.postuler,
#carrieres_professions_tablet a.postuler {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    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;
    font: 700 12px/16px Arial, Verdana, sans-serif;
    margin: 10px 0 0 0;
    padding: 2px 10px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

#carrieres_professions a.postuler,
#carrieres_professions_tablet a.postuler {
    font-size: 11px;
    margin-top: 5px;
}

.liste-carrieres ul.carrieres li a.postuler:hover,
#carrieres_professions a.postuler:hover,
#carrieres_professions_tablet a.postuler:hover {
    background: none #214B95;
}

.carriere_details {
	float: right;
	width: 215px;
}

#soumettre-carriere-form {
    display: none;
    padding: 20px;
    margin: 20px 0;
    background-color: #F1F1F1;
}

form.styled-form input[type="text"],
form.styled-form select,
form.styled-form textarea {
    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;
    height:30px;
    outline:none;
    padding:0 9px;
}
form.styled-form input:focus,
form.styled-form select:focus,
form.styled-form textarea: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);
}
form.styled-form input,
form.styled-form select,
form.styled-form textarea {
    width:100%;
    display:block;
}
form.styled-form select {
    height:32px;
    line-height:30px;
    padding:0 0 0 5px;
}
form.styled-form textarea {
    height:200px;
}

form.styled-form .btn {
    clear: both;
}

form.styled-form .btn a {
    -webkit-appearance: none;
    -moz-appearance: none;
    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: right;
    font: 700 14px/26px Arial, Verdana, sans-serif;
    height: 26px;
    margin: 0 0 0 20px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    text-decoration: none;
}

form.styled-form .erreur {
    border: 2px solid #E12528 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

form.styled-form label {
    font-size: 1.1em;
    line-height: 1.2em;
    padding-top: 5px;
    display: block;
}

form.styled-form label span.requis {
    color: #E12528;
}

form.styled-form .col-lg-pull-3 {
    float: left;
    width: 30%;
    padding: 0 10px 0 0;
}

form.styled-form .col-lg-push-9 {
    float: right;
    width: 70%;
}

form.styled-form .row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

form.styled-form .row {
    padding: 0 0 15px 0;
    display: inline-block;
}

form.styled-form .row {
    display: block;
}

form.styled-form h3 {
    margin-bottom: 10px;
}

.carriere_banniere {
	padding-bottom: 10px;
}

/* Carrieres et professions FIN */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

div.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

div.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

div.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

span.error {
    color: #E12528;
}

.captcha-erreur iframe {
    border: 1px solid #E12528;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

#intro_section .alert {
	margin-top: 20px;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

/** Article extras */
.extra {
    background-color: #EDEDED;
    padding: 10px 12px;
    margin: 0 0 25px 0;
}

.extra_titre {
    font-weight: 700;
    display: block;
    margin-top: 8px;
    margin-bottom: 20px;
}

.extra_texte {
    display: block;
}

.extra_image {
    max-width: 100%;
}

.extra_legende {
    color: #000;
    font-size: 0.7em;
    display: block;
    line-height: 18px;
}

.extra_auteur {
    color: #000;
    display: block;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 8px;
}

.encadre_exergue_citation {
    background-color: transparent;
    font-weight: 700;
    font-size: 1.1em;
}

.encadre_exergue_citation .extra_texte {
    line-height: 22px;
}

.encadre_exergue_citation .extra_texte::before {
     padding-right: 5px;
     content: "\00AB";
     font-size: 1.2em;
     color: #d2dceb;
}

.encadre_exergue_citation .extra_texte::after {
     content: "\00BB";
     font-size: 1.2em;
     padding-left: 5px;
     color: #d2dceb;
}

.encadre_exergue_citation .extra_auteur {
    margin-bottom: 0;
    margin-top: 15px;
    color: #7f7f7f;
}

.photo_dans_le_texte .extra_legende {
    margin-top: 5px
}