@charset "UTF-8";
/* CSS Document */


/*-------------------------------------------------------------------------------+
+ Page Actualité                                                                 +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-designnumerique-actualite-archives .colonne-gauche {
	width: 690px;
}

.page-designnumerique-actualite-archives .colonne-droite {
	width: 300px;
}


/* Module "Actualité" **************************************************/

.page-designnumerique-actualite-archives #module-actualite h1 {
	background: url(../../img/titres/tt-actualite-L.png) no-repeat left top;
}

.page-designnumerique-actualite-archives #module-actualite .bt-rss {
	position: absolute;
	top: 18px;
	left: 140px;
}


/* Liste des articles */

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article {
	width: 635px;
	padding: 10px 15px 5px 0;
	overflow: hidden;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article:before {
	content: " ";
    clear: both;
	background: url(../../img/separateurs/sep-hor-gris-660.gif) no-repeat left top;
    display: block;
	width: 100%;
    height: 1px;
	padding-bottom: 25px;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .premier:before {
    display: none;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .date {
	margin-bottom: 3px;
	color: #9F9F9F;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article h3 {
	display: inline;
	margin-bottom: 10px;
	padding-right: 8px;
	font-size: 1.6em;
	line-height: 1.2em;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article h3 a {
	text-decoration: none;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article h3 a:hover {
	text-decoration: underline;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article h3 a:active {
	color: #418BD5;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .auteur {
	display: inline;
	font-size: 1.1em;
	color: #9F9F9F;
	font-style: italic;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .commentaires {
	display: inline;
	position: relative;
	padding-left: 25px;
	font-family: Verdana, Arial, sans-serif;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .commentaires a.commentaires-nombre {
	position: absolute;
	top: -3px;
	left: 8px;
	display: block;
	background: url(../../img/puces/bulle-commentaires-noir-m.gif) no-repeat left 3px;
	width: 17px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .commentaires a.commentaires-nombre:hover {
	background-image: url(../../img/puces/bulle-commentaires-bleu-m.gif);
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .commentaires a.commentaires-nombre:active {
	background-image: url(../../img/puces/bulle-commentaires-bleu-m.gif);
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .commentaires span.commentaires-nombre {
	position: absolute;
	top: -3px;
	left: 8px;
	display: block;
	background: url(../../img/puces/bulle-commentaires-fermes-m.gif) no-repeat left 3px;
	width: 17px;
	line-height: 20px;
}


.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume {
	margin-bottom: 0;
	padding: 10px 10px 0 0;
	font-size: 1em;
	line-height: 1.4em;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .visuel-article {
	float: left;
	margin: 0 13px 10px 0;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .visuel-article img {
	width: 110px;
	height: 110px;
	border: 3px solid #E2E2E2;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .visuel-article:hover img {
	border-color: #BFBFBF;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .visuel-article:active img {
	border-color: #418BD5;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .lire-suite-article {
	color: #9F9F9F;
	line-height: 2em;
	font-style: italic;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .lire-suite-article:hover {
	color: #000000;
}

.page-designnumerique-actualite-archives #module-actualite #liste-articles .article .resume .lire-suite-article:active {
	color: #418BD5;
}

.page-designnumerique-actualite-archives #module-actualite .pagination ul {
	float: right;
	margin-right: -5px;
}



/*-------------------------------------------------------------------------------+
+ Page détail d'un article                                                       +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-designnumerique-actualite-detail .colonne-gauche {
	width: 690px;
}

.page-designnumerique-actualite-detail .colonne-droite {
	width: 300px;
}


/* Module entête de l'article ******************************************/

.page-designnumerique-actualite-detail #module-entete-article .lien-bouton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article {
	background: url(../../img/separateurs/sep-hor-gris-960.gif) no-repeat left bottom;
	min-height: 25px;
	margin: -7px 0 20px 0;
	overflow: hidden;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p {
	float: left;
	margin-right: 10px;
	padding: 3px 10px 3px 0;
	color: #9F9F9F;
	font-style: italic;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p#date-publication-article, .page-designnumerique-actualite-detail #module-entete-article #infos-article p#auteur-article {
	border-right: 1px solid #E2E2E2;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p span {
	font-weight: bold;
	font-style: normal;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p a {
	color: #9F9F9F;
	text-decoration: none;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p a:hover {
	text-decoration: underline;
}

.page-designnumerique-actualite-detail #module-entete-article #infos-article p a:active {
	color: #000000;
}

.page-designnumerique-actualite-detail #module-entete-article h1 {
	margin-bottom: 5px;
	font-size: 2em;
	line-height: 1.2em;
}


/* Module détail de l'article ******************************************/

.page-designnumerique-actualite-detail #module-detail-article h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-designnumerique-actualite-detail #module-detail-article h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-designnumerique-actualite-detail #module-detail-article p {
	clear: both;
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.5em;
	overflow: hidden;
}

.page-designnumerique-actualite-detail #module-detail-article p img.alignleft {
	margin: 0 10px 10px 0;
}

.page-designnumerique-actualite-detail #module-detail-article ul, .page-designnumerique-actualite-detail #module-detail-article ol {
	margin-bottom: 10px;
	padding-left: 5px;
}

.page-designnumerique-actualite-detail #module-detail-article ul li, .page-designnumerique-actualite-detail #module-detail-article ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.7em;
	padding: 3px 0 3px 15px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.page-designnumerique-actualite-detail #module-detail-article a {
	color: #418BD5;
}

.page-designnumerique-actualite-detail #module-detail-article a:hover {
	color: #9F9F9F;
}

.page-designnumerique-actualite-detail #module-detail-article a:active {
	color: #000000;
}


/* Module commentaires *************************************************/

.page-designnumerique-actualite-detail #module-commentaires-article h2 {
	background: url(../../img/titres/tt-commentaires-M.png) no-repeat left top;
}

.page-designnumerique-actualite-detail #module-commentaires-article #comments {
	margin-bottom: 30px;
	font-size: 1.1em;
}

.page-designnumerique-actualite-detail #module-commentaires-article h3 {
	background: url(../../img/titres/st-laisser-commentaire.png) no-repeat left top;
	height: 23px;
	margin-bottom: 10px;
}

.page-designnumerique-actualite-detail #module-commentaires-article .option-admin {
	font-weight: bold;
	color: #FF0000;
}

.page-designnumerique-actualite-detail #module-commentaires-article #infos-champs-obligatoires {
	font-style: italic;
}

.page-designnumerique-actualite-detail #module-commentaires-article .obligatoire {
	font-weight: bold;
	color: #FF0000;
}

.page-designnumerique-actualite-detail #module-commentaires-article .nocomments {
	background: url(../../img/puces/attention-rouge-m.gif) no-repeat left center;
	margin-top: -15px;
	padding-left: 35px;
	line-height: 1.8em;
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
}


/* Formulaire */

.page-designnumerique-actualite-detail #module-commentaires-article form .ligne {
	padding: 5px 0 15px 0;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .ligne label {
	display: block;
	padding-bottom: 7px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .ligne label .precision {
	font-size: 0.8em;
	color: #9F9F9F;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .ligne input {
	width: 320px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .ligne textarea {
	width: 650px;
	height: 100px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .subscribe-to-comments {
	margin-bottom: 0;
	padding: 5px 0 15px 0;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .subscribe-to-comments input {
	margin-right: 5px;
	vertical-align: bottom;
}

.page-designnumerique-actualite-detail #module-commentaires-article form .subscribe-to-comments .inscrit {
	display: block;
	background: url(../../img/puces/info-bleu-m.gif) no-repeat 2px center;
	margin-bottom: 10px;
	padding-left: 30px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form #validation {
	position: relative;
	min-height: 40px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form #validation #bouton-validation-formulaire {
	position: absolute;
	top: 5px;
}

.page-designnumerique-actualite-detail #module-commentaires-article form #validation #bouton-validation-formulaire #submit {
	background: none;
	width: 87px;
	height: 25px;
	border: none;
}

.page-designnumerique-actualite-detail #module-commentaires-article form #validation #info-publication-commentaire {
	padding: 10px 0 0 100px;
	color: #9F9F9F;
}


/* Liste des commentaires */

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist {
	margin-top: -10px;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li {
	margin-bottom: 25px;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li .auteur-commentaire {
	font-weight: bold;
	font-size: 1.1em;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li .auteur-commentaire a:hover {
	color: #418BD5;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote {
	background-color: #DFEBF7;
	width: 630px;
	padding: 20px 10px 10px 10px;
	font-style: italic;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote .haut {
	background: url(../../img/divers/commentaire-actualite-designnumerique/bulle-bord-haut.png) no-repeat left top;
	width: 650px;
	height: 13px;
	margin: -20px -10px 7px -10px;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote .bas {
	background: url(../../img/divers/commentaire-actualite-designnumerique/bulle-bord-bas.png) no-repeat left bottom;
	width: 650px;
	height: 3px;
	margin: 7px -10px -10px -10px;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote p {
	line-height: 1.3em;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote a:hover {
	color: #418BD5;
}

.page-designnumerique-actualite-detail #module-commentaires-article .commentlist li blockquote .attente-validation {
	background: url(../../img/puces/info-bleu-s.gif) no-repeat left top;
	margin-bottom: 15px;
	padding-left: 20px;
	font-weight: bold;
	color: #418BD5;
	font-style: normal;
}



/*-------------------------------------------------------------------------------+
+ Page "Qu'est-ce que le design numérique"                                       +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-designnumerique-definition-detail .colonne-gauche {
	width: 690px;
}

.page-designnumerique-definition-detail .colonne-droite {
	width: 300px;
}


/* Module de détail de la page *****************************************/

.page-designnumerique-definition-detail #module-detail-definition {
	font-size: 1.1em;
}

.page-designnumerique-definition-detail #module-detail-definition h1 {
	background: url(../../img/titres/tt-questceque-designum-L.png) no-repeat left top;
}

.page-designnumerique-definition-detail #module-detail-definition h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-designnumerique-definition-detail #module-detail-definition h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-designnumerique-definition-detail #module-detail-definition p {
	line-height: 1.3em;
}

.page-designnumerique-definition-detail #module-detail-definition ul, .page-designnumerique-definition-detail #module-detail-definition ol {
	margin-bottom: 0.7em;
}

.page-designnumerique-definition-detail #module-detail-definition ul li, .page-designnumerique-definition-detail #module-detail-definition ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.7em;
	padding: 3px 0 3px 15px;
	line-height: 1.3em;
}

.page-designnumerique-definition-detail #module-detail-definition a {
	color: #418BD5;
}

.page-designnumerique-definition-detail #module-detail-definition a:hover {
	color: #9F9F9F;
}

.page-designnumerique-definition-detail #module-detail-definition a:active {
	color: #000000;
}