@charset "UTF-8";
/* adaptation visionluxe*/
body {
text-align:center;
margin:0;
padding:0;
}
/* code pour les écrans de taille inférieure à 768 px 
@media (min-width: 320px) and (max-width: 767px) {
#center {
margin:auto;
width:100%;
height:100%;
position:relative;
}
.slideshow {
height:100%;
width:100%;
position:relative;
margin:auto;
}
.header-header {
background:url(../images/fond-header.png);
height:14%;
width:100%;
position:absolute;
top:0px;
z-index:1000;
}
.container-header {
margin:auto;
width:100%;
height:100%;
}
.header-top {
height:60%;
width:15%;
float:right;
text-align:right;
}
.header {
width:100%;
height:40%;
margin:auto;
padding-top:0;
}
.mod-languages {
width:100%;
height:100%;
float:right;
}
.logo {
float:left;
padding:0 0 0 0.5%;
height:auto;
}
.slogan {
float:right;
padding:0 3% 0 0;
height:5%;
width:50%;
}
.container-middle {
background:transparent;
height:20%;
width:100%;
position:absolute;
top:100%;
z-index:1000;
}
.vignette-left p, .vignette-left p {
margin:0;
padding:0;
}
.vignette-left {
height:100%;
margin:auto;
width:20%;
background:transparent;
margin:0 0 0 30%;
float:left;
}
.vignette-left img {
width:100%;
height:100%;
}
.vignette-right {
height:100%;
width:20%;
background:transparent;
margin:0 0 0 1%;
float:left;
}
.vignette-right img {
width:100%;
height:100%;
}
.container-footer {
background:#141414;
height:20%;
width:100%;
position:absolute;
top:80%;
z-index:1000;
}
.footer {
background:#141414;
height:100%;
width:100%;
margin:auto;
}
.footer-1 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
text-align:left;
line-height:2em;
}
.footer-1 a {
text-decoration:none;
color:#fff;
}
.footer-2 {
width:20%;
float:left;
padding:2.3% 0 0 0;
text-align:left;
line-height:2em;
}
.footer-2 a {
text-decoration:none;
color:#fff;
}
.footer-3 {
width:10%;
float:left;
padding:2.3% 0 0 0;
line-height:2em;
}
.footer-3 a {
text-decoration:none;
color:#fff;
}
.footer-4 {
width:5%;
float:left;
padding:2.3% 0 0 0;
line-height:2em;
}
.footer-4 ul {
padding:25% 0 0 0;
margin:0;
}
.footer-4 ul li {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
.footer-4 a {
text-decoration:none;
color:#fff;
}
.footer-5 {
width:20%;
height:100%;
float:left;
padding:0;
background:url(../images/etoiles.png) no-repeat #141414;
background-position:50% 100%;
text-align:right;
}
.footer-5 a {
text-decoration:none;
color:#fff;
}
.footer-5 ul {
padding:10% 10% 0 0;
}
.footer-5 ul li {
display:inline;

}
.footer-6 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
color:#fff;
text-align:left;
line-height:2em;
}
.footer-6 a {
text-decoration:none;
color:#fff;
}
}   */
/* fin code pour les écrans de taille comprise entre 768 px et 980 px */
/* code pour les écrans de taille comprise entre 768 px et 999 px */
@media (min-width: 768px) and (max-width: 999px) {
#center {
margin:auto;
width:100%;
height:100%;
position:relative;
}
.slideshow {
height:100%;
width:100%;
position:relative;
margin:auto;
}
.header-header {
background:url(../images/fond-header.png);
height:14%;
width:100%;
position:absolute;
top:0px;
z-index:1000;
}
.container-header {
margin:auto;
width:100%;
height:100%;
}
.header-top {
height:60%;
width:15%;
float:right;
text-align:right;
}
.header {
width:100%;
height:40%;
margin:auto;
padding-top:0;
}
.header h1 {
line-height:1em;
}
.mod-languages {
width:100%;
height:100%;
float:right;
}
.logo {
float:left;
padding:0 0 0 10px;
}
.logo img {
height:3em;
}
.slogan {
float:right;
padding:2% 3% 0 0;
height:5%;
width:50%;
}
.container-middle {
background:transparent;
height:20%;
width:100%;
position:absolute;
top:50%;
z-index:1000;
}
.vignette-left p, .vignette-left p {
margin:0;
padding:0;
}
.vignette-left {
height:100%;
margin:auto;
width:20%;
background:transparent;
margin:0 0 0 30%;
float:left;
}
.vignette-left img {
width:100%;
height:100%;
}
.vignette-right {
height:100%;
width:20%;
background:transparent;
margin:0 0 0 1%;
float:left;
}
.vignette-right img {
width:100%;
height:100%;
}
.container-footer {
background:#141414;
height:20%;
width:100%;
position:absolute;
top:80%;
z-index:1000;
}
.footer {
background:#141414;
height:100%;
width:100%;
margin:auto;
}
.footer-1 {
width:18%;
float:left;
padding:2% 0 0 1%;
text-align:left;
line-height:2em;
}
.footer-1 a {
text-decoration:none;
color:#fff;
}
.footer-2 {
width:18%;
float:left;
padding:2.3% 0 0 0;
text-align:left;
line-height:2em;
}
.footer-2 a {
text-decoration:none;
color:#fff;
}
.footer-3 {
width:14%;
float:left;
padding:2.3% 0 0 0;
line-height:2em;
}
.footer-3 a {
text-decoration:none;
color:#fff;
}
.footer-4 {
width:5%;
float:left;
padding:2.3% 0 0 0;
}
.footer-4 ul {
padding:25% 0 0 0;
margin:0;
}
.footer-4 ul li {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
.footer-4 a {
text-decoration:none;
color:#fff;
}
.footer-5 {
width:20%;
height:100%;
float:left;
padding:0;
background:url(../images/etoiles.png) no-repeat #141414;
background-position:50% 100%;
text-align:right; 
}
.footer-5 a {
text-decoration:none;
color:#fff;
}
.footer-5 ul {
padding:10% 10% 0 0;
}
.footer-5 ul li {
display:inline;

}
.footer-6 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
color:#fff;
text-align:left;
line-height:2em;
}
.footer-6 a {
text-decoration:none;
color:#fff;
}
}    
/* fin code pour les écrans de taille comprise entre 768 px et 980 px */

/* code pour les écrans de taille comprise entre 1000 et 1299 px */
@media (min-width: 1000px) and (max-width: 1299px) {
#center {
margin:auto;
width:100%;
height:100%;
position:relative;
min-width:1200px;
}
.slideshow {
height:100%;
width:100%;
min-width:1200px;
position:relative;
margin:auto;
}
.header-header {
background:url(../images/fond-header.png);
height:14%;
width:100%;
min-width:1200px;
position:absolute;
top:0px;
z-index:1000;
}
.container-header {
margin:auto;
width:100%;
min-width:1200px;
height:100%;
}
.header-top {
height:60%;
width:15%;
float:right;
text-align:right;
}
.header {
width:100%;
height:40%;
margin:auto;
padding-top:1%;
}
.header h1 {
padding:0;
margin:0;
}
.mod-languages {
width:100%;
height:100%;
float:right;
}
.logo {
float:left;
padding:0 0 0 10px;
}
.slogan {
float:left;
padding:6% 3% 0 20%;
height:5%;
width:50%;
}
.container-middle {
background:transparent;
height:20%;
width:100%;
position:absolute;
top:50%;
z-index:1000;
}
.vignette-left p, .vignette-left p {
margin:0;
padding:0;
}
.vignette-left {
height:100%;
margin:auto;
width:20%;
background:transparent;
margin:0 0 0 30%;
float:left;
}
.vignette-left img {
width:100%;
height:100%;
}
.vignette-right {
height:100%;
width:20%;
background:transparent;
margin:0 0 0 1%;
float:left;
}
.vignette-right img {
width:100%;
height:100%;
}
.container-footer {
background:#141414;
height:20%;
width:100%;
position:absolute;
top:80%;
z-index:1000;
}
.footer {
background:#141414;
height:100%;
width:100%;
min-width:1200px;
margin:auto;
}
.footer-1 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
text-align:left;
line-height: 2em;
}
.footer-1 a {
text-decoration:none;
color:#fff;
}
.footer-2 {
width:20%;
float:left;
padding:2.3% 0 0 0;
text-align:left;
line-height: 2em;
}
.footer-2 a {
text-decoration:none;
color:#fff;
}
.footer-3 {
width:10%;
float:left;
padding:2.3% 0 0 0;
}
.footer-3 a {
text-decoration:none;
color:#fff;
}
.footer-4 {
width:5%;
float:left;
padding:2.3% 0 0 0;
line-height: 2em;
}
.footer-4 ul {
padding:25% 0 0 0;
margin:0;
}
.footer-4 ul li {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
.footer-4 a {
text-decoration:none;
color:#fff;
}
.footer-5 {
width:20%;
height:100%;
float:left;
padding:0;
background:url(../images/etoiles.png) no-repeat #141414;
background-position:50% 100%;
text-align:left;
}
.footer-5 a {
text-decoration:none;
color:#fff;
}
.footer-5 ul {
padding: 16% 0 0 20%;
}
.footer-5 ul li {
display:inline;

}
.footer-6 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
color:#fff;
text-align:left;
line-height:2em;
}
.footer-6 a {
text-decoration:none;
color:#fff;
}
}    
/* fin code pour les écrans de taille comprise entre 1000 et 1299 px */
/* code pour les écrans de taille supérieure à 1300 px */
@media (min-width: 1300px) {
body {
background:#141414;
}  
#center {
margin:auto;
width:100%;
height:100%;
position:relative;
text-align:center;
min-width:1200px;
}
.slideshow {
height:100%;
width:1582px;
min-width:1200px;
position:relative;
margin:auto;
}
.header-header {
background:url(../images/fond-header.png);
height:14%;
width:100%;
position:absolute;
top:0px;
z-index:1000;
}
.container-header {
margin:auto;
width:1300px;
height:100%;
}
.header-top {
height:60%;
width:15%;
float:right;
text-align:right;
}
.header {
width:100%;
height:40%;
margin:auto;
padding-top:1.5%;
}

.mod-languages {
width:100%;
height:100%;
float:right;
}
.logo {
float:left;
padding:0 0 0 10px;
}
.slogan {
float:right;
padding:5.8% 3% 0 0;
height:5%;
width:70%;
font-size:1.3em;
}
.container-middle {
background:transparent;
height:20%;
width:100%;
position:absolute;
top:50%;
z-index:1000;
}
.vignette-left p, .vignette-left p {
margin:0;
padding:0;
}
.vignette-left {
height:100%;
margin:auto;
width:20%;
background:transparent;
margin:0 0 0 30%;
float:left;
}
.vignette-left img {
width:100%;
height:100%;
}
.vignette-right {
height:100%;
width:20%;
background:transparent;
margin:0 0 0 1%;
float:left;
}
.vignette-right img {
width:100%;
height:100%;
}
.container-footer {
background:#141414;
height:18%;
width:100%;
position:absolute;
top:80%;
z-index:1000;
}
.footer {
background:#141414;
height:100%;
width:100%;
min-width:1200px;
margin:auto;
}
.footer-1 {
width:12%;
float:left;
padding:2.3% 0 0 0;
text-align:left;
line-height:2em;
}
.footer-1 a {
text-decoration:none;
color:#fff;
}
.footer-2 {
width:16%;
float:left;
padding:2.3% 0 0 0;
text-align:left;
line-height:2em;
}
.footer-22 {
width:16%;
float:left;
/*padding:2.3% 0 0 0;  */
margin:1% 0 0 0;
text-align:left;
line-height: 2.0em;
font-size:80%;

}
li.item428, li.item429, li.item430, li.item431, li.item432, li.item433 {
color:#fff;
margin:0 0 0 1%;
}
.footer-2 a {
text-decoration:none;
color:#fff;
}
.footer-3 {
width:10%;
float:left;
padding:2.3% 0 0 0;
}
.footer-3 a {
text-decoration:none;
color:#fff;
}
.footer-4 {
width:5%;
float:left;
padding:2.3% 0 0 0;
line-height:2em;
}
.footer-4 ul {
padding:25% 0 0 0;
margin:0;
}
.footer-4 ul li {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
.footer-4 a {
text-decoration:none;
color:#fff;
}
.footer-5 {
width:10%;
height:100%;
float:left;
padding:0;
/*background:url(../images/etoiles.png) no-repeat #141414;  
background-position:50% 100%;    */
text-align:left;
}
.footer-5 a {
text-decoration:none;
color:#fff;
}
.footer-5 ul {
padding:16% 0 0 20%;
}
.footer-5 ul li {
display:inline;

}
.footer-6 {
width:20%;
float:left;
padding:2.3% 0 0 2.3%;
color:#fff;
text-align:left;
line-height:2em;
}
.footer-6 a {
text-decoration:none;
color:#fff;
}
}    
/* fin code pour les écrans de taille supérieure à 1300 px */



/* Text styles */
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-footer {
	font-size: .9em;
	margin-bottom: 30px;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.rg-ss-slice-container {line-height: 0 !important; }