@charset UTF-8;
@import url(ie6nomore.css);

/* CSS Document */
/* ///////////////////////////////////////////////// */
/* ///////////////////////GENERAL/////////////////// */
/* ///////////////////////////////////////////////// */
*,h1,h2,h3,h4 {
margin:0;
padding:0;
font-weight:normal;
}

html {
font-family:Arial, Helvetica, sans-serif;
}

body {
background-color:#fff;
}

a:focus {
outline:none;
}
@font-face {
    font-family: 'BebasRegular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'flyFont1';
    src: url('../fonts/flyfont1-webfont.eot');
    src: url('../fonts/flyfont1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flyfont1-webfont.woff') format('woff'),
         url('../fonts/flyfont1-webfont.ttf') format('truetype'),
         url('../fonts/flyfont1-webfont.svg#flyFont1Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'flyFont2';
    src: url('../fonts/flyfont2-webfont.eot');
    src: url('../fonts/flyfont2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flyfont2-webfont.woff') format('woff'),
         url('../fonts/flyfont2-webfont.ttf') format('truetype'),
         url('../fonts/flyfont2-webfont.svg#flyFont2Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'flyFont3';
    src: url('../fonts/flyfont3-webfont.eot');
    src: url('../fonts/flyfont3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flyfont3-webfont.woff') format('woff'),
         url('../fonts/flyfont3-webfont.ttf') format('truetype'),
         url('../fonts/flyfont3-webfont.svg#flyFont3Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.mouchevolante {
	position:absolute;
	width:52px;
	height:71px;
	left:-25px;
	top:180px;
	z-index:1000;
	visibility:visible;
}

.mouchevolante a {
	background-image:url(../images/design/mouchevolante.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	width:52px;
	height:71px;
}

.mouchevolante a:hover {
	background-image:url(../images/design/mouchevolante.png);
	background-repeat:no-repeat;
	background-position:-52px top;
	display:block;
	width:52px;
	height:71px;
}

/* ///////////////////////////////////////////////// */
/* ///////////////////////INDEX///////////////////// */
/* ///////////////////////////////////////////////// */
#container{
	width:100%;
	height:100%;
	position:fixed;
	z-index:-10;
}
#index {
	margin-top:125px;
	margin-left:-131px;
	left:50%;
	height:262px;
	width:262px;
	background:url(../images/design/IndexBouton2015.png) no-repeat;
	position: fixed;
	z-index:10
}
#index a {
	text-decoration:none;
	color:inherit;
}
#Accueil {
	margin-top:0px;
	margin-left:0px;
	height:262px;
	width:262px;
	z-index:12;
}
#indexbackground{
	background:url(../images/design/Index2015.png) center 0 no-repeat;
}

/* FOOTERINDEX */

.footerindex {
	height: 20px;
	width: 100%;
	position:fixed;
	border:none;
	z-index:20;
	bottom: 0px;
	background: rgba(255, 255, 255, 0.8);
	padding-top:5px;
}
.center {
	height: 20px;
	width: 560px;
	left:50%;
	margin-left:-280px;
	position:fixed;
}
.footerindex .Comp {
	font-family: FlyFont3;
	font-size: 8px;
	text-transform: uppercase;
	margin-right: 10px;
}
.footerindex .mail {
	font-family:  flyFont3;
	font-size: 8px;
	text-decoration: none;
	text-transform: uppercase;
}
.footerindex .mail a {
	color:#e2007a;
	transition: color .6s ease-out;
	-webkit-transition:color .6s ease-out;
	-moz-transition:color .6s ease-out;
	-o-transition:color .6s ease-out;
}
.footerindex .mail a:hover {
	color:#009ee0;
}
.footerindex .tel {
	font-family:flyFont3;
	font-size: 8px;
	color: #9c9e9f;
	margin-right: 10px;
	margin-left: 10px;
}
.footerindex .copyright {
	font-family: flyfont2;
	font-size: 10px;
}

/* Mouches bulles */
#main div.bigM {
	width:304px;
	background-color:none;
}
#main div.image {
	width:41px;
}
.content {
	left:0;
	top:0;
	position:absolute;
}

/* ///////////////////////////////////////////////// */
/* ///////////////////////LARGEUR/////////////////// */
/* ///////////////////////////////////////////////// */
.largeur {
background-color:#FFF;
height:auto;
width:100%;
float:left;
padding-bottom:15px;
}

/* ///////////////////////////////////////////////// */
/* ///////////////////////GLOBAL//////////////////// */
/* ///////////////////////////////////////////////// */
#global {
height:auto;
width:955px;
margin-right:auto;
margin-left:auto;
position:relative;
}

/* ///////////////////////HEADER//////////////////// */
#header {
background-image:url(../images/design/header.jpg);
background-repeat:no-repeat;
height:130px;
width:955px;
float:left;
}

.home {
float:left;
height:130px;
width:110px;
display:block;
}

/* ///////////////////////MENU//////////////////// */
.menu {
height:20px;
width:650px;
margin-top:98px;
position:absolute;
z-index:9000;
right:0;
}

.menu ul {
height:auto;
width:auto;
}

.menu li {
font-family:flyFont3;
font-size:8px;
text-transform:uppercase;
text-align:center;
float:left;
display:block;
list-style-type:none;
line-height:20px;
}

.menu li a {
text-decoration:none;
color:#000;
transition:background-color .6s ease-out;
-webkit-transition:background-color .6s ease-out;
-moz-transition:background-color .6s ease-out;
-o-transition:background-color .6s ease-out;
}

.menu li.rose a {
margin-right:10px;
display:block;
width:100px;
height:20px;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
}

.menu li.rose a:hover {
margin-right:10px;
background-color:#ea6ea3;
}

.menu li.contact a {
margin-right:10px;
display:block;
width:100px;
height:20px;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
}

.menu li.contact a:hover {
background-color:#ffed00;
}

.menu li.bonus a {
display:block;
width:100px;
height:20px;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
margin-right:10px;
}

.menu li.bonus a:hover {
background-color:#84d0f1;
}

.menu li.utile a {
display:block;
width:100px;
height:20px;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
margin-right:10px;
}

.menu li.utile a:hover {
background-color:#84d0f1;
}

.menu li.blog a {
display:block;
width:100px;
height:20px;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
}

.menu li.blog a:hover {
background-color:#000;
color:#FFF;
}

/* //////////////////////ARIANE//////////////////// */
.ariane {
float:left;
height:14px;
width:945px;
font-family:flyFont2;
font-size:10px;
text-transform:uppercase;
color:#000;
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left 0;
padding-left:10px;
line-height:5px;
text-align:left;
vertical-align:text-top;
position:relative;
margin-top:16px;
}

.ariane a {
color:#000;
text-decoration:none;
}

.ariane a:hover {
color:#e2007a;
}

.projetsuivant {
float:right;
height:5px;
width:auto;
position:absolute;
z-index:2;
right:0;
top:0;
}

.projetsuivant img {
height:5px;
width:5px;
margin-right:5px;
margin-left:5px;
}

/* //////////////////////BIENVENUE//////////////////// */
.bienvenue {
background-image:url(../images/design/bienvenue.jpg);
background-repeat:repeat;
float:left;
height:352px;
width:955px;
}

/* //////////////////////CLIENTS//////////////////// */
.clients {
background-image:url(../images/design/clients.jpg);
background-repeat:no-repeat;
float:left;
height:132px;
width:955px;
}

.listeclients {
float:left;
height:auto;
min-height:100px;
width:955px;
font-family:flyFont2;
font-size:10px;
text-transform:uppercase;
color:#000;
line-height:5px;
text-align:left;
vertical-align:text-top;
margin-top:10px;
}

.listeclients table tr td {
height:100px;
width:100px;
border:thin solid #CCC;
}

/* //////////////////////////A PROPOS//////////////////// */
.apropos {
background-image:url(../images/design/apropos.jpg);
background-repeat:no-repeat;
float:left;
height:132px;
width:955px;
}

.quiquoiou {
float:left;
height:auto;
width:955px;
margin-top:10px;
margin-bottom:10px;
}

.qui,.quoi,.ou {
height:450px;
}

.qui {
float:left;
width:300px;
padding-right:18px;
}

.qui h1,.quoi h1,.ou h1 {
font-family:flyfont1;
font-size:18px;
text-transform:uppercase;
}

.qui h2 {
font-family:flyfont3;
font-size:8px;
text-transform:uppercase;
margin-left:10px;
margin-top:20px;
margin-bottom:5px;
}

.qui h3,.quoi h3,.ou h3 {
font-family:flyfont2;
font-size:10px;
text-align:justify;
padding-left:10px;
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left 2px;
margin-top:10px;
vertical-align:text-top;
line-height:10px;
}

.qui h3 a {
color:#e2007a;
text-decoration:none;
}

.qui h3 a:hover {
color:#e2007a;
}

.qui table tr td {
font-family:flyfont2;
font-size:10px;
color:#999;
line-height:10px;
}

#stickof {
width:100px;
height:40px;
float:left;
}

#stickof a {
width:100px;
height:40px;
display:block;
background-image:url(../images/Partenaires/stickof.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#stickof a:hover {
background-image:url(../images/Partenaires/stickof.jpg);
background-repeat:no-repeat;
background-position:-100px top;
}

#cocorico {
width:100px;
height:40px;
float:left;
}

#cocorico a {
width:100px;
height:40px;
display:block;
background-image:url(../images/Partenaires/cocorico.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#cocorico a:hover {
background-image:url(../images/Partenaires/cocorico.jpg);
background-repeat:no-repeat;
background-position:-100px top;
}

#jeanjean {
width:100px;
height:40px;
float:left;
}

#jeanjean a {
width:100px;
height:40px;
display:block;
background-image:url(../images/Partenaires/JeanJeanDesign.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#jeanjean a:hover {
background-image:url(../images/Partenaires/JeanJeanDesign.jpg);
background-repeat:no-repeat;
background-position:-100px top;
}

#taboula {
width:100px;
height:40px;
float:left;
}

#taboula a {
width:100px;
height:40px;
display:block;
background-image:url(../images/Partenaires/taboularaza.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#taboula a:hover {
background-image:url(../images/Partenaires/taboularaza.jpg);
background-repeat:no-repeat;
background-position:-100px top;
}

#notice {
width:100px;
height:40px;
float:left;
}

#notice a {
width:100px;
height:40px;
display:block;
background-image:url(../images/Partenaires/notice.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#notice a:hover {
background-image:url(../images/Partenaires/notice.jpg);
background-repeat:no-repeat;
background-position:-100px top;
}

.quoi {
background-image:url(../images/design/pointilleV.gif);
background-repeat:repeat-y;
background-position:left top;
float:left;
width:300px;
padding-right:9px;
padding-left:9px;
}

.quoi h2 {
font-family:flyfont3;
font-size:8px;
text-transform:uppercase;
margin-left:10px;
margin-top:10px;
margin-bottom:5px;
}

.quoi ul li {
font-family:flyfont2;
font-size:10px;
line-height:10px;
list-style-type:none;
margin-left:10px;
}

.ou {
background-image:url(../images/design/cartesituation.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
width:310px;
padding-left:9px;
overflow:hidden;
}

.ou h2 {
font-family:flyfont3;
font-size:8px;
text-transform:uppercase;
margin-top:10px;
margin-bottom:5px;
text-align:left;
vertical-align:text-top;
}

.adresse {
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left 2px;
height:60px;
width:300px;
margin-top:240px;
font-family:flyfont2;
font-size:10px;
line-height:10px;
padding-left:10px;
}

/* //////////////////////////SLASH//////////////////// */
.slash {
background-image:url(../images/design/slash.gif);
background-repeat:repeat-x;
background-position:left bottom;
height:14px;
width:955px;
float:left;
}

/* /////////////////////NEWS//////////////////// */
.news {
float:left;
height:auto;
min-height:180px;
width:955px;
padding-top:10px;
width:955px;
}

.colgauche {
float:left;
height:100%;
min-height:170px;
width:155px;
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:10px;
font-family:flyfont2;
font-size:10px;
line-height:5px;
}

/* //////////////////////////TRAVAUX////////////////////// */
.travaux {
background-image:url(../images/design/travaux.jpg);
background-repeat:no-repeat;
float:left;
height:132px;
width:955px;
}

.colgauchetravaux {
float:left;
height:auto;
width:130px;
font-family:flyfont2;
font-size:10px;
}

.colgauchetravaux ul li {
float:left;
height:20px;
width:130px;
line-height:20px;
list-style-type:none;
text-align:center;
display:block;
}

.colgauchetravaux ul li a {
transition:background-color .6s ease-out;
-webkit-transition:background-color .6s ease-out;
-moz-transition:background-color .6s ease-out;
-o-transition:background-color .6s ease-out;
}

.en-cours a,.tous a,.divers a,.web a,.graphic a,.motion a {
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:center top;
color:#000;
text-decoration:none;
display:block;
}

.colgauchetravaux ul li.divers a:hover {
background-color:#000;
color:#FFF;
}

.colgauchetravaux ul li.web a:hover {
background-color:#84d0f1;
}

.colgauchetravaux ul li.graphic a:hover {
background-color:#ea6ea3;
}

.colgauchetravaux ul li.motion a:hover {
background-color:#ffed00;
}

.colgauchetravaux ul li.tous a:hover {
background-color:#999;
}

.colgauchetravaux ul li a.en-cours {
background-color:#EDEDED;
}

/* //////////////////////////FORMULAIRE//////////////////// */
.contactvisu {
background-image:url(../images/design/contact.jpg);
background-repeat:no-repeat;
float:left;
height:132px;
width:955px;
}

.formulaire {
float:left;
height:175px;
width:955px;
font-family:flyfont2;
font-size:10px;
}

.infos {
font-family:flyfont1;
font-size:16px;
height:20px;
width:955px;
float:left;
margin-top:10px;
}
.labels{
padding-top:10px;
height:10px;
line-height:5px;
float:left;
}
.formulaire form .leschamps {
float:left;
height:120px;
width:955px;
}

.formulaire form .col1 {
height:115px;
width:234px;
float:left;
}

.formulaire form .col2 {
float:left;
height:115px;
width:234px;
margin-right:19px;
margin-left:19px;
}

.formulaire form .col3 {
height:115px;
width:447px;
float:left;
}

.formulaire form .champ {
height:16px;
width:230px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
float:left;
}

.formulaire form .area {
height:100px;
width:447px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

.formulaire form div {
height:20px;
width:234px;
}

.formulaire form .envoyer {
float:left;
height:20px;
width:445px;
margin-top:10px;
padding-left:510px;
}

.envoyer span {
color:#CCC;
}

body input.boutonenvoyer {
height:20px;
width:100px;
font-family:flyfont3;
font-size:8px;
color:#000;
border:none;
float:right;
text-transform:uppercase;
background-color:#FFF;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:right top;
transition:background-color .6s ease-out;
-webkit-transition:background-color .6s ease-out;
-moz-transition:background-color .6s ease-out;
-o-transition:background-color .6s ease-out;
}

body input.boutonenvoyer:hover {
height:20px;
width:100px;
cursor:pointer;
background-color:#ffed00;
}

h5 {
background-image:url(../images/design/merci.jpg);
background-repeat:no-repeat;
height:440px;
width:955px;
}

h6 {
background-image:url(../images/design/desole.jpg);
background-repeat:no-repeat;
height:440px;
width:955px;
}

/* //////////////////////////VIGNETTE//////////////////// */
.masque {
height:170px;
width:250px;
margin-bottom:10px;
margin-left:10px;
float:right;
position:relative;
overflow:hidden;
}

.masque img {
position:absolute;
top:0;
left:0;
}

.vignetteNew {
background-image:url(../images/design/vignetteNew.png);
background-repeat:repeat;
height:170px;
width:250px;
position:absolute;
z-index:2;
}

.vignetteProEvo {
background-image:url(../images/design/vignetteProEvo.png);
background-repeat:repeat;
height:170px;
width:250px;
position:absolute;
z-index:2;
}

.vignetteProEvoJ {
background-image:url(../images/design/vignetteProEvoJ.png);
background-repeat:repeat;
height:170px;
width:250px;
position:absolute;
z-index:2;
}

.vignette {
background-image:url(../images/design/vignette.png);
background-repeat:repeat;
height:170px;
width:250px;
position:absolute;
z-index:2;
}

/* //////////////////////////VIGNETTEDRAGABLE//////////////////// */
.Draggable {
position:absolute;
z-index:1000;
overflow:hidden;
}

#dragProjet {
top:400px;
left:250px;
width:290px;
height:241px;
padding-right:29px;
background-image:url(../images/design/fondDragable.png);
background-repeat:no-repeat;
}

#dragProjet h3 {
height:42px;
width:37px;
cursor:url(../images/design/curseur.png), auto;
}

#dragProjet2 {
top:400px;
left:560px;
width:290px;
height:241px;
padding-right:29px;
background-image:url(../images/design/fondDragable.png);
background-repeat:no-repeat;
}

#dragProjet2 h3 {
height:42px;
width:37px;
cursor:url(../images/design/curseur.png), auto;
}

#dragVoeux {
top:329px;
left:208px;
width:206px;
height:206px;
}

#dragVoeux a {
width:206px;
height:206px;
display:block;
background-image:url(../images/design/BtnVoeux2011.png);
background-repeat:no-repeat;
background-position:0 top;
}

#dragVoeux a:hover {
width:206px;
height:206px;
display:block;
background-image:url(../images/design/BtnVoeux2011.png);
background-repeat:no-repeat;
background-position:-206px top;
}

#dragVoeux h3 {
height:37px;
width:37px;
cursor:url(../images/design/curseur.png), auto;
position:absolute;
z-index:1001;
left:0;
top:0;
}

#dragJumffi {
top:160px;
left:830px;
width:245px;
height:242px;
}

#dragJumffi a {
width:245px;
height:242px;
display:block;
background-image:url(../images/contenu/000_Projet/000_ProjetBtn.jpg);
background-repeat:no-repeat;
background-position:0 top;
}

#dragJumffi a:hover {
width:245px;
height:242px;
display:block;
background-image:url(../images/contenu/000_Projet/000_ProjetBtn.jpg);
background-repeat:no-repeat;
background-position:-245px top;
}

#dragJumffi h3 {
height:60px;
width:60px;
cursor:url(../images/design/curseur.png), auto;
position:absolute;
z-index:1001;
left:0;
top:0;
}

#dragWeTransfert {
top:180px;
left:833px;
width:262px;
height:206px;
}

#dragWeTransfert a {
width:262px;
height:206px;
display:block;
background-image:url(../images/design/WeTransfert.png);
background-repeat:no-repeat;
background-position:0 top;
}

#dragWeTransfert a:hover {
width:262px;
height:206px;
display:block;
background-image:url(../images/design/WeTransfert.png);
background-repeat:no-repeat;
background-position:-262px top;
}

#dragWeTransfert h3 {
height:58px;
width:40px;
cursor:url(../images/design/curseur.png), auto;
position:absolute;
z-index:1001;
left:0;
top:0;
}

/* /////////////////////CAPTIONVIGNETTE//////////////////// */
.captionVignetteRose {
background-image:url(../images/design/captionVignetteRose.png);
background-repeat:repeat;
height:45px;
width:232px;
position:absolute;
left:0;
top:170px;
font-family:flyfont2;
font-size:10px;
color:#FFF;
text-align:right;
line-height:12px;
vertical-align:baseline;
padding-top:125px;
padding-right:18px;
}

.captionVignetteJaune {
background-image:url(../images/design/captionVignetteJaune.png);
background-repeat:repeat;
height:45px;
width:232px;
position:absolute;
left:0;
top:170px;
font-family:flyfont2;
font-size:10px;
color:#FFF;
text-align:right;
line-height:12px;
vertical-align:baseline;
padding-top:125px;
padding-right:18px;
}

.captionVignetteBleu {
background-image:url(../images/design/captionVignetteBleu.png);
background-repeat:repeat;
height:45px;
width:232px;
position:absolute;
left:0;
top:170px;
font-family:flyfont2;
font-size:10px;
color:#FFF;
text-align:right;
line-height:12px;
vertical-align:baseline;
padding-top:125px;
padding-right:18px;
}

.captionVignetteNoir {
background-image:url(../images/design/captionVignetteNoir.png);
background-repeat:repeat;
height:45px;
width:232px;
position:absolute;
left:0;
top:170px;
font-family:flyfont2;
font-size:10px;
color:#FFF;
text-align:right;
line-height:12px;
vertical-align:baseline;
padding-top:125px;
padding-right:18px;
}

/* /////////////////////MASQUEBLANC//////////////////// */
#masqueblanc_Left {
height:620px;
width:30px;
position:absolute;
z-index:10;
left:0;
top:0;
background-image:url(../images/design/masqueblanc_Left.png);
background-repeat:no-repeat;
}

#masqueblanc_Right {
background-image:url(../images/design/masqueblanc_Right.png);
background-repeat:no-repeat;
height:620px;
width:30px;
position:absolute;
top:0;
right:0;
z-index:10;
}

#masqueblanc_Top {
background-image:url(../images/design/masqueblanc_Top.png);
background-repeat:repeat-x;
height:30px;
width:895px;
position:absolute;
left:30px;
top:0;
z-index:10;
}

#masqueblanc_Bottom {
background-image:url(../images/design/masqueblanc_Bottom.png);
background-repeat:repeat-x;
height:30px;
width:895px;
position:absolute;
left:30px;
bottom:0;
z-index:10;
}

/* /////////////////////LOOPERSLIDER//////////////////// */
/*
		 * Optional
		*/
#loopedslider,#newslider {
width:955px;
height:620px;
display:block;
clear:both;
float:left;
position:relative;
}

.previous {
cursor:url(../images/design/prev.png), pointer;
}

.next {
cursor:url(../images/design/next.png), pointer;
}

/*
		 * Required 
		*/
.container {
width:955px;
height:620px;
overflow:hidden;
position:relative;
}

.slides {
width:955px;
height:620px;
position:absolute;
top:0;
left:0;
}

.masqueGrand {
width:955px;
height:620px;
overflow:hidden;
position:relative;
float:left;
z-index:2;
}

.masqueGrand img {
position:absolute;
top:0;
left:0;
}

/* ////////////////////CAPTIONS////////////////////// */
.captionsans {
float:left;
position:absolute;
height:525px;
width:955px;
z-index:5;
top:620px;
background-image:url(../images/contenu/008_Projet/CaptionSans.png);
background-repeat:no-repeat;
}

.captionsans1 {
float:left;
position:absolute;
height:525px;
width:955px;
padding-top:95px;
z-index:4;
top:620px;
}

.captionsans2 {
float:left;
position:absolute;
height:525px;
width:955px;
z-index:3;
padding-bottom:95px;
bottom:620px;
}

.captionsans3 {
float:left;
position:absolute;
height:620px;
width:955px;
z-index:2;
left:955px;
}

.captionsans4 {
float:left;
position:absolute;
height:620px;
width:955px;
z-index:1;
right:955px;
}

.captionsans .ref {
float:right;
height:25px;
width:103px;
font-family:flyfont1;
font-size:15px;
text-transform:uppercase;
padding-left:20px;
z-index:5;
}

.captionrose {
float:left;
position:absolute;
height:195px;
width:955px;
background-image:url(../images/design/captionRose.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
}

.captionrose .ref {
float:left;
height:25px;
width:103px;
font-family:flyfont1;
font-size:15px;
text-transform:uppercase;
color:#000;
padding-left:20px;
margin-top:93px;
}

.captionjaune {
float:left;
position:absolute;
height:195px;
width:955px;
background-image:url(../images/design/captionJaune.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
}

.captionjaune .ref {
float:left;
height:25px;
width:103px;
font-family:flyfont1;
font-size:15px;
text-transform:uppercase;
color:#000;
padding-left:20px;
margin-top:93px;
}

.captionbleu {
float:left;
position:absolute;
height:195px;
width:955px;
background-image:url(../images/design/captionBleu.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
}

.captionbleu .ref {
float:left;
height:25px;
width:103px;
font-family:flyfont1;
font-size:15px;
text-transform:uppercase;
color:#000;
padding-left:20px;
margin-top:93px;
}

.captionnoir {
float:left;
position:absolute;
height:195px;
width:955px;
background-image:url(../images/design/captionNoir.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
}

.captionnoir .ref {
float:left;
height:25px;
width:103px;
font-family:flyfont1;
font-size:15px;
text-transform:uppercase;
color:#333;
padding-left:20px;
margin-top:93px;
}

.captionPortrait {
float:left;
position:absolute;
height:310px;
width:955px;
background-image:url(../images/design/captionPortrait.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
background-position:left top;
}

.captionTeteDe {
float:left;
position:absolute;
height:310px;
width:955px;
background-image:url(../images/design/captionTeteDe.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
background-position:left top;
}

.legende {
float:left;
height:25px;
width:832px;
text-align:right;
margin-top:95px;
}

.intitile {
font-family:flyfont1;
font-size:11px;
text-transform:uppercase;
color:#FFF;
margin-bottom:7px;
}

.contexte {
font-family:flyfont2;
font-size:10px;
text-transform:uppercase;
color:#FFF;
}

.contexte img {
height:5px;
width:5px;
margin-right:5px;
margin-left:5px;
}

.contexte a {
color:#FFF;
}

.contexte a:hover {
color:#999;
}

/* ////////////////////NAVIGATION////////////////////// */
.bandeaunavig {
width:945px;
height:35px;
float:right;
padding-right:10px;
margin-top:30px;
}

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

.bandeaunavig ul li {
float:right;
height:35px;
width:105px;
}

.bandeaunavig ul li a {
background-image:url(../images/design/navigLink.png);
background-repeat:no-repeat;
background-position:0 top;
font-family:flyfont2;
font-size:10px;
color:#333;
line-height:30px;
text-align:center;
text-decoration:none;
display:block;
height:35px;
width:105px;
}

.bandeaunavig ul li a:hover {
color:#CCC;
display:block;
background-image:url(../images/design/navigLink.png);
background-repeat:no-repeat;
background-position:-105px top;
}

.EnVoirPlus {
width:50px;
height:46px;
position:absolute;
z-index:1000;
left:15px;
top:84px;
}

.EnVoirPlus a {
width:50px;
height:46px;
background-image:url(../images/design/EnVoirPlus.png);
background-repeat:no-repeat;
background-position:0 top;
display:block;
}

.EnVoirPlus a:hover {
width:50px;
height:46px;
background-image:url(../images/design/EnVoirPlus.png);
background-repeat:no-repeat;
background-position:-50px top;
display:block;
}

/* ////////////////////NAVIGATION VIDEO////////////////////// */
.bandeaunavigvideo {
width:945px;
height:35px;
float:right;
padding-right:10px;
margin-top:30px;
}

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

.bandeaunavigvideo ul li {
float:right;
height:35px;
width:auto;
}

.bandeaunavigvideo ul li a {
background-image:url(../images/design/navigLink.png);
background-repeat:no-repeat;
background-position:0 top;
font-family:flyfont2;
font-size:10px;
color:#333;
line-height:30px;
text-align:center;
text-decoration:none;
display:block;
height:35px;
width:105px;
}

.bandeaunavigvideo ul li a:hover {
color:#CCC;
background-image:url(../images/design/navigLink.png);
background-repeat:no-repeat;
background-position:-105px top;
}

.bandeaunavigvideo ul li a.jouer {
background-image:url(../images/design/jouer.png);
background-repeat:no-repeat;
background-position:0 top;
color:#333;
height:35px;
width:127px;
}

.bandeaunavigvideo ul li .jouer:hover {
background-image:url(../images/design/jouer.png);
background-repeat:no-repeat;
background-position:-127px top;
color:#FFF;
}

/* //////////////////////BONUS//////////////////// */
.bonusvisu {
background-image:url(../images/design/Bonus_2016.jpg);
background-repeat:repeat;
float:left;
height:352px;
width:955px;
}

.bonusvisu a {
height:352px;
width:955px;
display:block;
cursor:pointer;
}

.telechargement {
float:left;
height:18px;
padding-top:10px;
width:945px;
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left 10px;
padding-left:10px;
font-family:flyfont2;
font-size:10px;
line-height:5px;
}

.telechargement a {
font-family:flyfont2;
font-size:10px;
color:#000;
text-decoration:none;
}

.telechargement a:hover {
color:#e2007a;
}

/* //////////////////////UTILE//////////////////// */
.utilevisu {
background-image:url(../images/design/utile.jpg);
background-repeat:no-repeat;
float:left;
height:132px;
width:955px;
}

.listeutile {
float:left;
height:auto;
min-height:100px;
width:955px;
font-family:flyFont2;
font-size:10px;
text-transform:uppercase;
color:#000;
line-height:10px;
text-align:left;
vertical-align:text-top;
margin-top:10px;
}

.listeutile ul li {
list-style-position:inside;
}

.listeutile ul li a {
text-decoration:none;
color:#000;
}

.listeutile ul li a:hover {
font-size:12px;
}

/* /////////////////////FOOTER//////////////////// */
.footeradress {
height:21px;
width:955px;
float:left;
padding-top:7px;
text-align:right;
background-image:url(../images/design/pointille.gif);
background-repeat:repeat-x;
background-position:left top;
}

.footer {
float:left;
height:58px;
width:955px;
}

.footeradress .mail {
font-family:flyFont3;
font-size:8px;
color:#000;
text-decoration:none;
}

.footeradress .mail:hover {
color:#e2007a;
}

.footeradress .tel {
font-family:flyFont3;
font-size:8px;
color:#9c9e9f;
margin-right:10px;
margin-left:10px;
}

.footeradress .copyright {
font-family:flyfont2;
font-size:10px;
}

.pieddepoule {
background-image:url(../images/design/pieddepoule.gif);
background-repeat:repeat;
float:left;
height:30px;
width:955px;
}

/* //////////////////////////KONAMI//////////////////// */
.konami {
background-image:url(../images/design/konami.jpg);
background-repeat:repeat;
float:left;
height:352px;
width:955px;
}

.konamicode {
float:left;
height:18px;
padding-top:10px;
width:945px;
background-image:url(../images/design/puceRose.gif);
background-repeat:no-repeat;
background-position:left 10px;
padding-left:10px;
font-family:flyfont2;
font-size:10px;
line-height:5px;
}

.konamicode a {
font-family:flyfont2;
font-size:10px;
color:#000;
text-decoration:none;
}

.konamicode a:hover {
color:#e2007a;
}

.captionKonami {
float:left;
position:absolute;
height:310px;
width:955px;
background-image:url(../images/design/captionKonami.png);
background-repeat:no-repeat;
z-index:3;
bottom:620px;
background-position:left top;
}

/* //////////////////////////EMAILING//////////////////// */
.voeux {
float:left;
height:405px;
width:955px;
}

.voeux2011 {
float:left;
height:478px;
width:955px;
border-top-width:thin;
border-bottom-width:thin;
border-top-style:dotted;
border-bottom-style:dotted;
border-top-color:#000;
border-bottom-color:#000;
}

.enimages {
float:left;
height:348px;
width:955px;
margin-top:10px;
}

.middle {
float:left;
height:348px;
width:335px;
background-image:url(../Memailing/ImagesMailing/middle.jpg);
background-repeat:no-repeat;
}

.btnjumffi {
float:left;
height:348px;
width:310px;
}

.btnjumffi a {
background-image:url(../Memailing/ImagesMailing/btn_Jumffi.jpg);
background-repeat:no-repeat;
background-position:0 top;
display:block;
float:left;
height:348px;
width:310px;
}

.btnjumffi a:hover {
background-image:url(../Memailing/ImagesMailing/btn_Jumffi.jpg);
background-repeat:no-repeat;
background-position:-310px top;
display:block;
float:left;
height:348px;
width:310px;
}

.btnmouches {
background-image:url(../Memailing/ImagesMailing/btn_Mouches.jpg);
background-repeat:no-repeat;
float:left;
height:348px;
width:310px;
}

.btnmouches a {
background-image:url(../Memailing/ImagesMailing/btn_Mouches.jpg);
background-repeat:no-repeat;
background-position:0 top;
display:block;
float:left;
height:348px;
width:310px;
}

.btnmouches a:hover {
background-image:url(../Memailing/ImagesMailing/btn_Mouches.jpg);
background-repeat:no-repeat;
background-position:-310px top;
display:block;
float:left;
height:348px;
width:310px;
}

/* //////////////////////////FOOTER 2//////////////////// */
/* bouton stay tune + Facebook */
.facelike {
cursor:pointer;
height:21px;
width:95px;
position:absolute;
z-index:50;
top:0;
right:92px;
}

.enplus {
cursor:pointer;
height:20px;
width:92px;
background-image:url(../images/design/EnplusClosed.png);
position:absolute;
z-index:50;
top:0;
right:0;
}

.enplusclosed {
/*class added to contents of 2nd demo when they are closed*/
background-image:url(../images/design/EnplusClosed.png);
background-repeat:repeat;
height:20px;
width:92px;
}

.enplus2open {
/*class added to contents of 2nd demo when they are open*/
background-image:url(../images/design/EnplusOpen.png);
background-repeat:repeat;
height:20px;
width:92px;
}

.accordeon {
background-color:#333;
height:150px;
width:955px;
float:left;
background-image:url(../images/design/FondEnplus.jpg);
background-repeat:no-repeat;
}

.recapnav {
float:left;
height:122px;
width:83px;
padding-top:28px;
padding-left:22px;
}

.recapnav li {
font-family:flyfont2;
color:#999;
font-size:10px;
line-height:14px;
text-decoration:none;
list-style-type:none;
}

.recapnav li a {
color:#999;
text-decoration:none;
list-style-type:none;
}

.recapnav li a:hover {
color:#e10079;
}

.staytuned {
float:left;
height:150px;
width:705px;
margin:0;
padding:0;
}

.staytuned img {
float:left;
height:150px;
width:310px;
margin:0;
padding:0;
border:0;
}

.textenews {
padding:35px;
height:80px;
width:325px;
float:left;
}

.textenews p {
font-family:flyfont2;
color:#999;
font-size:10px;
line-height:14px;
padding:0;
margin-top:2px;
margin-right:0;
margin-bottom:0;
margin-left:0;
}

.textenews h3 {
font-family:flyfont3;
color:#999;
font-size:9px;
text-transform:uppercase;
}

.textenews span {
color:#e10079;
}

.textenews span a {
color:#e10079;
text-decoration:none;
}

.textenews span a:hover {
color:#fff;
}

.reseaux {
float:left;
height:150px;
width:145px;
}

.reseaux img {
float:left;
margin-top:18px;
margin-left:16px;
border:0;
}

.FVB {
float:left;
height:42px;
width:129px;
padding-top:5px;
padding-left:16px;
}

.FVB img {
float:left;
height:21px;
width:21px;
padding:0;
margin-top:0;
margin-right:2px;
margin-bottom:0;
margin-left:0;
border:0;
}