Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live

Ocultar sin cambios

Sin ajuste de línea

Vista

Nivel de detalle

Resaltado de sintaxis

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

Untitled diff

Creado hace 7 añosEl diff nunca expira

251 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

512 líneas

129 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

388 líneas

/*--------------------------------------

/* --------------------------------------

design.css

Contient les conteneurs de mise en page.

Le design.css permet de mettre en forme votre site web avec le design de votre choix

--------------------------------------*/

-------------------------------------- */

/* -- Elements HTML generiques specifique au theme -- */

/* -------------------------------------------------- */

html {

font-size: 100%;

font-size: 10px;

}

body {

position: relative;

height: auto;

min-height: 100%;

font-size: 1.3em;

font-size: 1.456em;

font-family: 'Open Sans', sans-serif;

font-weight: 300;

line-height: 1.6;

}

@media (max-width: 768px) {

@media (min-width: 769px) {

body {

font-size: 1.4em;

font-size: 1.618em;

}

/* -- Gestion de la taille du site -- */

/* ---------------------------------- */

#header,

#global,

#footer {

width: 100%;

padding: 0.809em;

}

@media (min-width: 768px) {

@media (min-width: 769px) {

#header,

#header {

padding: 1.618em 0;

}

#top-header,

#sub-header,

#global,

#footer {

max-width: 1024px;

margin: auto;

padding: 1.618em 0;

}

#top-header,

#sub-header,

#global,

#footer {

width: 768px;

}

/* -- Gestion des couleurs principales -- */

@media (min-width: 1025px) { #top-header, #sub-header, #global, #footer { width: 1024px; } }

/* -------------------------------------- */

@media (min-width: 1367px) { #top-header, #sub-header, #global, #footer { width: 1280px; } }

Blue => #021B34; #1E5083; #366493; #517BA6; #81A4C8;

Green => #003524; #168561; #2F9674; #4BAA8B; #7CCAB0;

red => #490011; #B81F43; #CF4162; #EA6886; #F294AA;

Orange => #511B00; #C95A21; #E27B47; #FFA172; #FFBF9C;

Yellow => #513000; #C98621; #E2A447; #FFC672; #FFD79C;

Purple => #080437; #2E278B; #47409D; #645CB1; #8F8ACF;

body { background-color: #F1F1F1; }

#header, #global { background-color: #FAFAFA; }

#sub-header { background-color: #366493; }

#footer { background-color: #81A4C8; }

#top-header, #global { border-color: #E1E1E1; }

#footer { border-color: #366493; }

.footer-infos { border-color: #366493; }

body { color: #021B34; }

#site-name { color: #366493; }

#site-slogan { color: #81A4C8; }

#sub-header,

#sub-header a { color: #FFFFFF; }

.footer-infos span { color: #366493; }

.footer-infos span a { color: #021B34; }

/* -- En-tete de page - Header -- */

/* ------------------------------ */

#header {

margin: auto;

}

/* --- Partie superieure du header --- */

#top-header {

position: relative;

display: flex;

display: -ms-flexbox;

display: -webkit-flex;

flex-direction: row;

-ms-flex-direction: row;

-webkit-flex-direction: row;

margin: auto;

min-height: 139px;

border-width: 0 1px 0 1px;

border-style: solid;

}

#top-header-content {

flex: 1 1 auto;

-ms-flex: 1 1 auto;

-webkit-flex: 1 1 auto;

}

@media (max-width: 768px) {

#top-header {

flex-direction: column;

-ms-flex-direction: column;

-webkit-flex-direction: column;

}

#top-header-content {

align-self: flex-end;

-ms-align-self: flex-end;

-webkit-align-self: flex-end;

}

/* --- Partie inferieur du header --- */

#sub-header {

min-height: 35px;

}

#sub-header-content{

margin: auto;

}

/* --- Logo et Nom du site web --- */

#site-infos {

display: flex;

display: -ms-flexbox;

display: -webkit-flex;

margin: 1.5em 0 0 1.5em;

max-width: 940px;

flex: 1 1 auto;

}

#site-logo {

margin: 0 1em 0 0;

width: 60px;

height: 60px;

background-image: url(images/logo.png);

background-position: center;

background-repeat: no-repeat;

background-size: cover;

flex: 0 0 auto;

-ms-flex: 0 0 auto;

-webkit-flex: 0 0 auto;

}

#site-name-container {

margin: 0.4em 0 0 0;

margin: 0.2em 0 0 0.809em;

}

#site-name {

font-size: 3em;

font-size: 1.618em;

font-weight: bold;

display: block;

line-height: 1em;

font-weight: 400;

letter-spacing: 0.02em;

text-decoration: none;

}

#site-slogan {

display: block;

padding: 0.1em 0 0 0.1em;

padding: 0.3236em 0 0 0.1618em;

font-size: 1em;

font-size: 0.8em;

letter-spacing: 0.1em;

}

@media (min-width: 769px) {

#site-logo {

width: 90px;

height: 90px;

}

#site-name-container {

margin: 1em 0 0 0;

margin: 0 0 0 1.618em;

}

#site-name {

font-size: 4em;

font-size: 3.236em;

line-height: 1.2em;

}

#site-slogan {

font-size: 1em;

padding: 0.1em 0 0 0.1618em;

}

/* -- Conteneur global du site -- */

/* ------------------------------ */

#global {

display: flex;

display: -ms-flexbox;

display: -webkit-flex;

flex-direction: column;

-ms-flex-direction: column;

-webkit-flex-direction: column;

margin: 0 auto 0 auto;

padding: 0;

border-width: 0 1px 0 1px;

border-style: solid;

}

#main {

padding: 0 0 10px 0;

width: 100%;

max-width: 100%;

order : 1;

-ms-flex-order: 1;

-webkit-flex-order: 1;

}

#menu-left,

#menu-right {

width: 100%;

}

#menu-left {

order : 2;

-ms-flex-order: 2;

-webkit-flex-order: 2;

}

#menu-right {

order : 3;

-ms-flex-order: 3;

-webkit-flex-order: 3;

}

@media (min-width: 769px) {

#global {

#menu-left { margin-right: 1.618em; }

min-height: 100vh;

#menu-right { margin-left: 1.618em; }

flex-direction: row;

-ms-flex-direction: row;

-webkit-flex-direction: row;

}

#main {

padding: 0 10px;

order : 2;

-ms-flex-order: 2;

-webkit-flex-order: 2;

flex: 1 0 auto;

-ms-flex: 1 0 100%;

}

#menu-left,

#menu-right {

width: 200px;

width: calc(100% / 13 * 3.5);

}

#menu-left {

#menu-left.narrow-menu-left { margin-right: 0.809em; }

order : 1;

#menu-right.narrow-menu-right { margin-left: 0.809em; }

-ms-flex-order: 1;

-webkit-flex-order: 1;

#menu-left.narrow-menu-left,

#menu-right.narrow-menu-right {

width: calc(100% / 13 * 2.5);

}

#menu-right {

order : 3;

#main {

-ms-flex-order: 3;

padding: 0 0 1.618em;

-webkit-flex-order: 3;

}

#main.main-with-left,

#main.main-with-right {

width: calc(100% - 200px);

width: calc(100% - ((100% / 13 * 5)));

-ms-flex: 1 0 auto; /*Tricks IE*/

}

#main.main-with-left.main-with-right {

width: calc(100% - 400px);

width: calc(100% - ((100% / 13 * 8)));

-ms-flex: 1 0 auto; /*Tricks IE*/

}

#top-footer {

padding: 0.5em 0;

padding: 0.809em;

}

/* -- Contenu de la page -- */

/* ------------------------ */

/* --- Contenu central --- */

#main-content {

padding: 1.5em 0.8em;

}

.block-container {

margin-top: 15px;

margin-top: 1em;

}

/* --- Emplacement au dessus et en dessous du contenu de la page --- */

#top-content {

margin: 0 0 2% 0;

margin: 0 0 1.618em 0;

padding: 0.1em 0.8em;

}

/* --- Emplacement au dessus du pied de page --- */

#bottom-content {

margin: 2% 0 0 0;

margin: 1.618em 0 0;

padding: 0.1em 0.8em;

}

/* -- Pied de page - Footer -- */

/* --------------------------- */

#footer {

margin: auto;

clear: both;

border-width: 4px 0 0 0;

border-style: solid;

border-color: transparent;

}

.footer-content {

margin: 0 auto 0 auto;

padding: 1.5em 0;

padding: 0.809em;

}

.footer-infos {

margin: auto;

padding-top: 10px;

padding: 0.809em;

min-height: 40px;

border-width: 1px 0 0 0;

border-style: solid;

border-color: transparent;

text-align: center;

}

Text moved with changes to lines 310-315 (82.4% similarity)

@media (min-width: 769px) {

.footer-infos {

width: 400px;

}

.footer-infos span {

font-size: 0.8em;

display: block;

}

@media (max-width: 768px) {

.footer-infos span.footer-infos-separator {

.footer-infos span {

display: none;

display: block

}

@media (min-width: 769px) {

.footer-infos span,

.footer-infos span.footer-infos-separator {

display: none;

display: inline-block;

}

.footer-infos {

padding: 10px;

padding: 0.618em 0 0;

}

/* -- Elements specifiques PHPboost -- */

/* ----------------------------------- */

/* --- Compteur de visites --- */

#visit-counter {

position: absolute;

right: 0;

right: 1.618em;

bottom : 1em;

top : 92.5%;

margin-right: 10px;

font-size: 0.9em;

text-align: right;

}

/* --- Barre de lien rapide --- */

#breadcrumb {

margin: 0 0 20px 10px;

padding: 0.618em;

text-indent: 10px;

font-size: 0.809em;

}

#breadcrumb ol {

margin: 0;

list-style: none;

}

#breadcrumb li {

display: inline;

}

#breadcrumb li:not(.current):after {

content: '/';

color: #616161;

}

/* --- Scroll to Top --- */

.scroll-to {

position: fixed;

z-index: 10;

display: none;

background-color: rgba(15, 15, 16, 0.8);

cursor: pointer;

}

#scroll-to-top {

right: 25px;

right: 0;

bottom: 0;

bottom: 0.618em;

padding: 2px 11px 3px 10px;

padding: 0.618em 0.809em;

transition: 0.2s;

}

#scroll-to-top,

.scroll-to i {

color: rgba(255, 255, 255, 0.8);

transition: 0.2s;

}

#scroll-to-top:hover,

.scroll-to:hover i {

color: rgba(255, 255, 255, 1);

transition: 0.3s;

}

@media (min-width: 769px) {

#scroll-to-top {

bottom: 25px;

right: 0.618em;

padding: 9px 11px 11px 10px;

}

.scroll-to i {

font-size: 2em;

font-size: 1.618em;

}

@media (max-width: 768px) {

#scroll-to-top:hover {

padding: 9px 11px 11px 10px;

transition: 0.3s;

}

/* -- Cookie Bar -- */

/* --- Cookie Bar --- */

/* ------------------- */

.cookiebar-container {

z-index: 100;

left: 0;

right: 0;

top: 0;

padding: 7px 20px;

padding: 0.456em 1.309em;

background-color: #F2F2F2;

font-size: 0.809em;

border-bottom: 1px solid #E2E2E2;

font-size: 0.9em;

text-align: center;

}

@media (max-width: 768px) {

.cookiebar-container {

position: fixed;

top: auto;

bottom: 0;

padding: 1.309em 1.309em 0.456em 1.309em;

margin: 1em 0.456em;

Text moved with changes from lines 320-325 (82.4% similarity)

border-style: solid;

border-width: 1px;

font-size: 1em;

}

.cookiebar-container.fixed {

position: fixed;

}

.cookiebar-content {

text-align: justify;

}

@media (min-width: 769px) {

.cookiebar-content {

display: inline-block;

max-width: calc(100% - 250px);

max-width: calc(100% - 400px);

vertical-align: middle;

vertical-align: top;

}

.cookiebar-actions {

display: inline-block;

width: 250px;

width: 400px;

}

@media (max-width: 768px) {

.cookiebar-content {

margin-bottom: 5px;

margin-bottom: 0.309em;

}

.cookiebar-actions {

margin: 15px 0 5px 0;

margin: 1em 0 0.309em 0;

}

.cookiebar-button {

margin: 0 5px 0 5px;

margin: 0 0.309em;

border-radius: 4px;

color: #FEFEFE;

}

@media (max-width: 768px) {

.cookiebar-button {

margin: 0 10px 0 10px;

margin: 0 0.618em;

}

.cookiebar-button-understand { background-color: #337AB7; border-color: #2E6DA4; }

.cookiebar-button-understand:hover { background-color: #2E6DA4; }

.cookiebar-button-allowed { background-color: #5CB85C; border-color: #4CAE4C; }

.cookiebar-button-allowed:hover { background-color: #4CAE4C; }

.cookiebar-button-declined { background-color: #E84E40; border-color: #CE271A; }

.cookiebar-button-declined:hover { background-color: #CE271A; }

@media (max-width: 468px) {

.cookiebar-more {

display: block;

margin: 10px 0 5px 0;

margin: 0.618em 0 0.309em 0;

}

.aboutcookie-title {

font-size: 1.3em;

line-height: 1.3em;

font-weight: bold

}

.aboutcookie-title + p {

margin: 0px 0 20px 0px;

margin: 0 0 1.309 0;

}

#cookiebar-change-choice {

margin-top: 10px;

margin-top: 0.618em;

text-align: center;

}

.cookiebar-change-choice-link {

text-align: center;

}

/* --- Search engines --- */

.robot {

font-size: 0.9em;

font-weight: bold;

}

Diferencias guardadas

Texto original

Abrir archivo

/*--------------------------------------
		design.css
Contient les conteneurs de mise en page.
Le design.css permet de mettre en forme votre site web avec le design de votre choix
--------------------------------------*/

/* -- Elements HTML generiques specifique au theme -- */
/* -------------------------------------------------- */
html {
	font-size: 100%;
	font-size: 10px;
}

body {
	position: relative;
	height: auto;
	min-height: 100%;
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif;
}

@media (max-width: 768px) {
	body {
		font-size: 1.4em;
	}
}

/* -- Gestion de la taille du site -- */
/* ---------------------------------- */

#header,
#global,
#footer {
	width: 100%;
}

@media (min-width: 768px) {
	#header,
	#global,
	#footer {
		max-width: 1024px;
	}
}

/* -- Gestion des couleurs principales -- */
/* -------------------------------------- */

/*
	Blue   => #021B34; #1E5083; #366493; #517BA6; #81A4C8;
	Green  => #003524; #168561; #2F9674; #4BAA8B; #7CCAB0;
	red    => #490011; #B81F43; #CF4162; #EA6886; #F294AA;
	Orange => #511B00; #C95A21; #E27B47; #FFA172; #FFBF9C;
	Yellow => #513000; #C98621; #E2A447; #FFC672; #FFD79C;
	Purple => #080437; #2E278B; #47409D; #645CB1; #8F8ACF;
*/

body 					{ background-color: #F1F1F1; }
#header, #global 		{ background-color: #FAFAFA; }
#sub-header 			{ background-color: #366493; }
#footer 				{ background-color: #81A4C8; }

#top-header, #global 	{ border-color: #E1E1E1; }
#footer 				{ border-color: #366493; }
.footer-infos			{ border-color: #366493; }

body 					{ color: #021B34; }
#site-name 				{ color: #366493; }
#site-slogan 			{ color: #81A4C8; }
#sub-header,
#sub-header a 			{ color: #FFFFFF; }
.footer-infos span 		{ color: #366493; }
.footer-infos span a 	{ color: #021B34; }

/* -- En-tete de page - Header -- */
/* ------------------------------ */
#header {
	margin: auto;
}

/* --- Partie superieure du header --- */
#top-header {
	position: relative;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	margin: auto;
	min-height: 139px;
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#top-header-content {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}

@media (max-width: 768px) {
	#top-header {
		flex-direction: column;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	#top-header-content {
		align-self: flex-end;
		-ms-align-self: flex-end;
		-webkit-align-self: flex-end;
	}
}

/* --- Partie inferieur du header --- */
#sub-header {
	min-height: 35px;
}

#sub-header-content{
	margin: auto;
}

/* --- Logo et Nom du site web --- */
#site-infos {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin: 1.5em 0 0 1.5em;
	max-width: 940px;
	flex: 1 1 auto;
}

#site-logo {
	margin: 0 1em 0 0;
	width: 60px;
	height: 60px;
	background-image: url(images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

#site-name-container {
	margin: 0.4em 0 0 0;
}

#site-name {
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.02em;
	text-decoration: none;
}

#site-slogan {
	display: block;
	padding: 0.1em 0 0 0.1em;
	font-size: 1em;
	letter-spacing: 0.1em;
}

@media (min-width: 769px) {
	#site-logo {
		width: 90px;
		height: 90px;
	}

#site-name-container {
		margin: 1em 0 0 0;
	}

#site-name {
		font-size: 4em;
	}
	
}

/* -- Conteneur global du site -- */
/* ------------------------------ */
#global {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	margin: 0 auto 0 auto;
	padding: 0;
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#main {
	padding: 0 0 10px 0;
	max-width: 100%;
	order : 1;
	-ms-flex-order: 1;
	-webkit-flex-order: 1;
}

#menu-left,
#menu-right {
	width: 100%;
}

#menu-left  {
	order : 2;
	-ms-flex-order: 2;
	-webkit-flex-order: 2;
}
#menu-right {
	order : 3;
	-ms-flex-order: 3;
	-webkit-flex-order: 3;
}

@media (min-width: 769px) {
	#global {
		min-height: 100vh;
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
	}

#main {
		padding: 0 10px;
		order : 2;
		-ms-flex-order: 2;
		-webkit-flex-order: 2;
		flex: 1 0 auto;
		-ms-flex: 1 0 100%;
	}

#menu-left,
	#menu-right {
		width: 200px;
	}

#menu-left  { 
		order : 1;
		-ms-flex-order: 1;
		-webkit-flex-order: 1;
	}
	#menu-right { 
		order : 3;
		-ms-flex-order: 3;
		-webkit-flex-order: 3;
	}
	
	#main.main-with-left,
	#main.main-with-right {
		width: calc(100% - 200px);
		-ms-flex: 1 0 auto; /*Tricks IE*/
	}
	
	#main.main-with-left.main-with-right {
		width: calc(100% - 400px);
		-ms-flex: 1 0 auto; /*Tricks IE*/
	}
}

#top-footer {
	padding: 0.5em 0;
}

/* -- Contenu de la page -- */
/* ------------------------ */

/* --- Contenu central --- */
#main-content {
	padding: 1.5em 0.8em;
}

.block-container {
	margin-top: 15px;
}

/* --- Emplacement au dessus et en dessous du contenu de la page --- */
#top-content {
	margin: 0 0 2% 0;
	padding: 0.1em 0.8em;
}

/* --- Emplacement au dessus du pied de page --- */
#bottom-content {
	margin: 2% 0 0 0;
	padding: 0.1em 0.8em;
}

/* -- Pied de page - Footer -- */
/* --------------------------- */
#footer {
	margin: auto;
	clear: both;
	border-width: 4px 0 0 0;
	border-style: solid;
}

.footer-content {
	margin: 0 auto 0 auto;
	padding: 1.5em 0;
}

.footer-infos {
	margin: auto;
	padding-top: 10px;
	min-height: 40px;
	border-width: 1px 0 0 0;
	border-style: solid;
	text-align: center;
}

@media (min-width: 769px) {
	.footer-infos {
		width: 400px;
	}
}

.footer-infos span {
	font-size: 0.8em;
}

@media (max-width: 768px) {
	.footer-infos span {
		display: block
	}

.footer-infos span.footer-infos-separator {
		display: none;
	}

.footer-infos {
		padding: 10px;
	}
}

/* -- Elements specifiques PHPboost -- */
/* ----------------------------------- */

/* --- Compteur de visites --- */
#visit-counter {
	position: absolute;
	right: 0;
	bottom : 1em;
	margin-right: 10px;
	font-size: 0.9em;
	text-align: right;
}

/* --- Barre de lien rapide --- */
#breadcrumb {
	margin: 0 0 20px 10px;
	text-indent: 10px;
}

#breadcrumb ol {
	margin: 0;
	list-style: none;
}

#breadcrumb li {
	display: inline;
}

#breadcrumb li:not(.current):after {
	content: '/';
	color: #616161;
}

/* --- Scroll to Top --- */
.scroll-to {
	position: fixed;
	z-index: 10;
	display: none;
	background-color: rgba(15, 15, 16, 0.8);
}

#scroll-to-top {
	right: 25px;
	bottom: 0;
	padding: 2px 11px 3px 10px;
	transition: 0.2s;
}

.scroll-to i {
	color: rgba(255, 255, 255, 0.8);
	transition: 0.2s;
}

.scroll-to:hover i {
	color: rgba(255, 255, 255, 1);
	transition: 0.3s;
}

@media (min-width: 769px) {
	#scroll-to-top {
		bottom: 25px;
		padding: 9px 11px 11px 10px;
	}

.scroll-to i {
		font-size: 2em;
	}
}

@media (max-width: 768px) {
	#scroll-to-top:hover {
		padding: 9px 11px 11px 10px;
		transition: 0.3s;
	}
}

/* --   Cookie Bar  -- */ 
/* ------------------- */
.cookiebar-container {
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	padding: 7px 20px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #E2E2E2;
	font-size: 0.9em;
	text-align: center;
}

.cookiebar-container.fixed {
	position: fixed;
}

.cookiebar-content {
	text-align: justify;
}

@media (min-width: 769px) {
	.cookiebar-content {
		display: inline-block;
		max-width: calc(100% - 250px);
		vertical-align: middle;
	}

.cookiebar-actions {
		display: inline-block;
		width: 250px;
	}
}

@media (max-width: 768px) {
	.cookiebar-content {
		margin-bottom: 5px;
	}

.cookiebar-actions {
		margin: 15px 0 5px 0;
	}
}

.cookiebar-button {
	margin: 0 5px 0 5px;
	border-radius: 4px;
	color: #FEFEFE;
}

@media (max-width: 768px) {
	.cookiebar-button {
		margin: 0 10px 0 10px;
	}
}

.cookiebar-button-understand 		{ background-color: #337AB7; border-color: #2E6DA4; }
.cookiebar-button-understand:hover 	{ background-color: #2E6DA4; }

.cookiebar-button-allowed 			{ background-color: #5CB85C; border-color: #4CAE4C; }
.cookiebar-button-allowed:hover 	{ background-color: #4CAE4C; }

.cookiebar-button-declined 			{ background-color: #E84E40; border-color: #CE271A; }
.cookiebar-button-declined:hover 	{ background-color: #CE271A; }

@media (max-width: 468px) {
	.cookiebar-more {
		display: block;
		margin: 10px 0 5px 0;
	}
}

.aboutcookie-title {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold
}

.aboutcookie-title + p {
	margin: 0px 0 20px 0px;
}

#cookiebar-change-choice {
	margin-top: 10px;
	text-align: center;
}

.cookiebar-change-choice-link {
	text-align: center;
}

Texto modificado

Abrir archivo

/* --------------------------------------
		design.css
Contient les conteneurs de mise en page.
Le design.css permet de mettre en forme votre site web avec le design de votre choix
-------------------------------------- */

/* -- Elements HTML generiques specifique au theme -- */
/* -------------------------------------------------- */
html {
	font-size: 100%;
	font-size: 10px;
}

body {
	position: relative;
	height: auto;
	min-height: 100%;
	font-size: 1.456em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.6;
}

@media (min-width: 769px) {
	body {
		font-size: 1.618em;
	}
}

/* -- Gestion de la taille du site -- */
/* ---------------------------------- */
#header,
#global,
#footer {
	width: 100%;
	padding: 0.809em;
}

@media (min-width: 769px)  {
	#header {
		padding: 1.618em 0;
	}

#top-header,
	#sub-header,
	#global,
	#footer {
		margin: auto;
		padding: 1.618em 0;
	}

#top-header,
	#sub-header,
	#global,
	#footer { 
		width: 768px;
	}
}

@media (min-width: 1025px) { #top-header, #sub-header, #global, #footer { width: 1024px; } }
@media (min-width: 1367px) { #top-header, #sub-header, #global, #footer { width: 1280px; } }

/* -- En-tete de page - Header -- */
/* ------------------------------ */
#header { 
	position: relative;
}

/* --- Partie inferieur du header --- */
#site-logo {
	width: 60px;
	height: 60px;
	background-image: url(images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#site-name-container {
	margin: 0.2em 0 0 0.809em;
}

#site-name {
	font-size: 1.618em;
	display: block;
	font-weight: 400;
	text-decoration: none;
}

#site-slogan {
	display: block;
	padding: 0.3236em 0 0 0.1618em;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

@media (min-width: 769px) {
	#site-logo {
		width: 90px;
		height: 90px;
	}

#site-name-container {
		margin: 0 0 0 1.618em;
	}

#site-name {
		font-size: 3.236em;
		line-height: 1.2em;
	}

#site-slogan {
		font-size: 1em;
		padding: 0.1em 0 0 0.1618em;
	}
}

/* -- Conteneur global du site -- */
/* ------------------------------ */
#main {
	width: 100%;
}

#menu-left,
#menu-right {
	width: 100%;
}

@media (min-width: 769px) {
	#menu-left { margin-right: 1.618em; }
	#menu-right { margin-left: 1.618em; }

#menu-left,
	#menu-right {
		width: calc(100% / 13 * 3.5);
	}

#menu-left.narrow-menu-left  { margin-right: 0.809em; }
	#menu-right.narrow-menu-right { margin-left: 0.809em; }

#menu-left.narrow-menu-left,
	#menu-right.narrow-menu-right {
		width: calc(100% / 13 * 2.5);
	}

#main {
		padding: 0 0 1.618em;
	}

#main.main-with-left,
	#main.main-with-right {
		width: calc(100% - ((100% / 13 * 5)));
	}

#main.main-with-left.main-with-right {
		width: calc(100% - ((100% / 13 * 8)));
	}
}

#top-footer {
	padding: 0.809em;
}

.block-container {
	margin-top: 1em;
}

/* --- Emplacement au dessus et en dessous du contenu de la page --- */
#top-content {
	margin: 0 0 1.618em 0;
}

/* --- Emplacement au dessus du pied de page --- */
#bottom-content {
	margin: 1.618em 0 0;
}

/* -- Pied de page - Footer -- */
/* --------------------------- */
#footer {
	clear: both;
	border-width: 4px 0 0 0;
	border-style: solid;
	border-color: transparent;
}

.footer-content {
	margin: 0 auto 0 auto;
	padding: 0.809em;
}

.footer-infos {
	margin: auto;
	padding: 0.809em;
	min-height: 40px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: transparent;
	text-align: center;
}

.footer-infos span {
	font-size: 0.8em;
	display: block;
}

.footer-infos span.footer-infos-separator {
	display: none;
}

@media (min-width: 769px) {
	.footer-infos span,
	.footer-infos span.footer-infos-separator {
		display: inline-block;
	}

.footer-infos {
		padding: 0.618em 0 0;
	}
}

/* -- Elements specifiques PHPboost -- */
/* ----------------------------------- */

/* --- Compteur de visites --- */
#visit-counter {
	position: absolute;
	right: 1.618em;
	top : 92.5%;
	font-size: 0.9em;
	text-align: right;
}

/* --- Barre de lien rapide --- */
#breadcrumb {
	padding: 0.618em;
	font-size: 0.809em;
}

#breadcrumb ol {
	margin: 0;
	list-style: none;
}

#breadcrumb li {
	display: inline;
}

#breadcrumb li:not(.current):after {
	content: '/';
}

/* --- Scroll to Top --- */
.scroll-to {
	position: fixed;
	z-index: 10;
	display: none;
	cursor: pointer;
}

#scroll-to-top {
	right: 0;
	bottom: 0.618em;
	padding: 0.618em 0.809em;
}

#scroll-to-top,
.scroll-to i {
	transition: 0.2s;
}

#scroll-to-top:hover,
.scroll-to:hover i {
	transition: 0.3s;
}

@media (min-width: 769px) {
	#scroll-to-top {
		right: 0.618em;
	}

.scroll-to i {
		font-size: 1.618em;
	}
}

/* --- Cookie Bar --- */
.cookiebar-container {
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	padding: 0.456em 1.309em;
	font-size: 0.809em;
	text-align: center;
}

@media (max-width: 768px) {
	.cookiebar-container {
		position: fixed;
		top: auto;
		bottom: 0;
		padding: 1.309em 1.309em 0.456em 1.309em;
		margin: 1em 0.456em;
		border-style: solid;
		border-width: 1px;
		font-size: 1em;
	}
}

.cookiebar-container.fixed {
	position: fixed;
}

.cookiebar-content {
	text-align: justify;
}

@media (min-width: 769px) {
	.cookiebar-content {
		display: inline-block;
		max-width: calc(100% - 400px);
		vertical-align: top;
	}

.cookiebar-actions {
		display: inline-block;
		width: 400px;
	}
}

@media (max-width: 768px) {
	.cookiebar-content {
		margin-bottom: 0.309em;
	}

.cookiebar-actions {
		margin: 1em 0 0.309em 0;
	}
}

.cookiebar-button {
	margin: 0 0.309em;
}

@media (max-width: 768px) {
	.cookiebar-button {
		margin: 0 0.618em;
	}
}

@media (max-width: 468px) {
	.cookiebar-more {
		display: block;
		margin: 0.618em 0 0.309em 0;
	}
}

.aboutcookie-title {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold
}

.aboutcookie-title + p {
	margin: 0 0 1.309 0;
}

#cookiebar-change-choice {
	margin-top: 0.618em;
	text-align: center;
}

.cookiebar-change-choice-link {
	text-align: center;
}

/* --- Search engines --- */
.robot {
	font-size: 0.9em;
	font-weight: bold;
}