body
{
	z-index: 1;
    color: white; /* Le texte de la page sera blanc */
    font-family: "texgyreadventorregular", Arial, sans-serif;
  	behavior: url("csshover.htc");
    background-color: none /* pas de fond de la page  */
}

#bloc_page
{
   	width: 100%;
    margin: auto;
}

#bloc_page2
{
    width: 100%;
    margin: auto;
}

@media all and (max-width: 980px)
{
    #bloc_page
    {
        width: auto;
    }
}

#eponges
{
	position: absolute;
	z-index: 6;
    left: 1000px;
	width: 1000px;
	top: 0px;
}

#souris
{
	position: absolute;
	z-index: 5;
    left: 800px;
	top: 0px;
}

#coulures
{
	position: absolute;
	z-index: 5;
    left: 600px;
	top: 0px;
}

#ciseaux
{
	position: absolute;
	z-index: 5;
    left: 800px;
	top: 0px;
}

#mannequin
{
	position: absolute;
	z-index: 9;
    left: 1000px;
	top: 30px;
	width: 1000px;	height: 550px;}

#planisphere{	z-index: 3;	position: absolute;	top: 0px;	left: -75px;	display: inline-block;	width: 1000px;	height: 550px;	background: url("planisphere_terre.png") no-repeat;}planisphere:hover
{
	z-index: 10;	position: absolute;	display: inline-block;	left: -110px;	background: url("planisphere.png") no-repeat;}

#voyages
{
	position: absolute;
	z-index: 6;
    left: 800px;
	top: 140px;
}

#cable
{
	position: absolute;
	z-index: 4;
    left: 850px;
	top: -150px;
}

header
{
	position: absolute;
	top: 0px;
	width: 1200px;
	z-index: 10;
    left: 0px;
}

header h1, h3
{
	text-align: left;
    margin-left: 20px;
	font-size: 1.6em;
	font-weight: bold;
}

#entete 
{
	display: inline-block;
	position: absolute;
	top: 0px;
	width: 500px;
	z-index: 8;
    left: 3px;
  	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	text-decoration: none;
}

#bande2 /* tetiere de la page Accueil */
{
	position: fixed;
	top: 0px;
	width: 500px;
	height: 120px;
	z-index: 3;
    left: 0px;
	background: url("fond_accueil_estamp600_souffl_fondu2.jpg") no-repeat;
}

#carre2  /* carre de la page Accueil */
{
	position: absolute;
	top: 80px;
	width: 60px;
	height: 60px;
	z-index: 7;
    left: 72px;
    background-color: rgb(187, 213, 53); /* Le carre sera vert fluo */
}

#carre0  /* carre des pages Edition */
{
	position: absolute;
	top: 82px;
	width: 60px;
	height: 60px;
	z-index: 7;
    left: 72px;
    background-color: rgb(230, 150, 0); /* Le carre sera orange et verticale */
}

#bande  /* tetiere des pages details edition */
{
	position: fixed;
	top: -200px;
	height: 380px;
	z-index: 5;
    left: 0px;
	width: 1500px;
	background: url("etagere02.png") repeat-X;
}

#carre3  /* carre des pages Graphisme */
{
	position: absolute;
	top: 82px;
	width: 60px;
	height: 60px;
	z-index: 7;
    left: 72px;
    background-color: rgb(80, 134, 165); /* Le carre sera bleu */
}

#bande3  /* tetiere des pages details Graphisme */
{
	position: fixed;
	top: -20px;
	height: 202px;
	z-index: 5;
    left: 0px;
	width: 1500px;
	background: url("collage2.png") repeat-X;
}

#carre4  /* carre des pages Perso */
{
	position: absolute;
	top: 82px;
	width: 60px;
	height: 60px;
	z-index: 7;
    left: 72px;
    background-color: rgb(10, 171, 169); /* Le carre sera turquoise */
}

#bande4  /* tetiere des pages Perso */
{
	position: relative;
	top: 5px;
	width: 70px;
	height: 70px;
	z-index: 5;
    left: 64px;
    background-color: rgb(10, 171, 169); /* La bande sera carré et turquoise */
}

#carre5  /* carre des pages Liens */
{
	position: absolute;
	top: 82px;
	width: 60px;
	height: 60px;
	z-index: 7;
    left: 72px;
    background-color: rgb(255, 85, 0); /* Le carre sera brique */
}

#bande5  /* tetiere des pages Liens */
{
	position: relative;
	top: 5px;
	width: 70px;
	height: 70px;
	z-index: 5;
    left: 64px;
    background-color: rgb(255, 85, 0); /* La bande sera brique */
}

#bande6  /* tetiere de la page Contact */
{
	position: relative;
	top: 5px;
	width: 70px;
	height: 70px;
	z-index: 5;
    left: 64px;
    background-color: rgb(187, 213, 53); /* Le carre sera vert fluo */
}

#charlie
{
	z-index: 5;
	background: url("charlie.jpg") no-repeat;
	position: absolute;
    left: 75px;
    top: 570px;
   	width:200px;
    height: 200px;
}
	
p, ul
{
    font-size: 0.9em;
    text-align: justify
}

h1
{
	font-size: 1.6em;
	font-weight: bold;
}

#titre1
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 100px;
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(56, 91, 0);  /* Le texte sera vert foncé */
}

#titre1E /* titre des pages edition */
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 100px;
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(230, 150, 0);  /* Le texte sera orange */
}

#titre1G /* titre des pages graphisme */
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 100px;
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(10,171,169); /* texte sera turquoise */
}

#titre1C /* titre des pages création */
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 100px;
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(255, 255, 255);   /* Le texte sera blanc */
}

#titre1V /* titre vert moyen */
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 60px;
	left: 100px;
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(167, 190, 48); /* texte sera vert moyen */
}
		
#titre2
{
	display: inline-block;
	position: absolute;
	z-index: 8;
	top: 75px;
	left: 20px;
	font-size: 1.3em;
	font-weight: bold;
	color: rgb(255, 255, 255);   /* Le texte sera blanc */
}

	
#titre4
{
	position: relative;
	z-index: 3;
	font-size: 0.7em;
	font-weight: bold;
	color: rgb(255, 255, 255);   /* Le texte sera blanc */
	top: 20px;
	left: 0px;
}

#titre3
{
	position: relative;
	z-index: 8;
	font-size: 0.6em;
	font-weight: bold;
	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
	top: 0px;
	top: 20px;
	left: 0px;
}
		
.separateur
{
	color: white;  /* La ligne sera blanche */
}


#CG
{
	z-index: 8;
	position: absolute;
    top: 12px;
    left: 20px;
}

nav  /* menu de navigation */
{
 	display: block;
	z-index: 8;
	position: absolute;
    top: 120px;
	width: 100%;
	height: 30px;
    vertical-align: top;
    left: 0px;
}

#menupro
{
	width: 1200px;
	z-index: 5;
	background-color: rgba(255,255,255,0.8); /* bandeau menu blanc translucide */
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
	position: absolute;
    top: 0px;
   	text-align: left;
	padding-left: 0px;
}

#menuperso
{
    background-color: rgb(10,171,169); /* bandeau menu sera turquoise */
	position: relative;
    top: -14px;
}

#menuliens
{
    background-color: rgb(255, 85, 0); /* bandeau menu sera brique */
	position: relative;
    top: -14px;
}

#menucontact
{
    background-color: rgb(187, 213, 53); /* bandeau menu sera vert fluo */
	position: relative;
    top: -14px;
}

nav ul
{
   	list-style-type: none;
	margin-left: 20px;
}

nav a
{
  	display: inline-block;
   	text-align: left;
	font-size: 1.0em;
	font-weight: bold;    
	color: rgb(124, 142, 36); /* texte sera vert */
    text-decoration: none;
    padding-right: 10px;
	padding-left: 0px;
}

nav li
{
  	display: inline-block;
    vertical-align: top;
	padding-top: 10px;
	padding-left: 0px;
}

nav li.end  /* blocs des sous menus */
{
	z-index: 9;
	position: relative;
 	display: block;
	height: 42px;
 	width: 100%;
   	text-align: left;
	font-size: 0.9em;
	font-weight: normal;    
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
 	top: 10px;
	left: 0px;
}

nav ul li ul
{
  display: none; /* pour masquer les sous menus quand on ne les survole pas  */
}

nav ul li:hover ul, nav ul li:hover ul li:hover  /* enchainement des blocs quand on les survole  */
{
  	display: block;  /* pour afficher les sous menus quand on les survole  */
	z-index: 9;
	margin-left: 0px;
	padding-left: 0px;
}

nav a:hover /* blocs du menu principal quand on les survole */
{
	color: rgb(56, 91, 0); /* Le texte devient vert foncé*/
   	text-decoration: none;
}

nav li.end:hover  /* blocs des sous menus quand on les survole */
{
	color: rgb(56, 91, 0); /* Le texte devient vert foncé*/
   	text-decoration: none;
}

nav ul li.end:hover  /* pour eviter debords avec internet explorer qd survol des blocs des sous menus */
{
	height: 42px;
 	width: 170px;
	overflow:hidden;
}

#Viet
{
	position: fixed;
	z-index: 8;
    left: 200px;
	top: 150px;
}

#Halong
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 900px;
	height: 100%;
	background: url("1185.png") no-repeat;
}

#Texte
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url("cartonPlume2.png") no-repeat;
}

#Marelle
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 900px;
	height: 100%;
	background: url("michelin.png") no-repeat;
}

#Etagere
{
	z-index: 1;
	position: fixed;
    top: 0px;
    left: 0px;
	display: inline-block;
	width: 300%;
	height: 100%;
	background: url("etagere02.png") repeat-X;
}

#Carton
{
	z-index: 1;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1150px;
	background: url("carton.jpg") repeat-X;
}

#Collage
{
	z-index: 1;
	position: fixed;
    top: 112px;
    left: 0px;
	display: inline-block;
	width: 300%;
	height: 100%;
	background: url("collage2.png") repeat-X;
}

#Page
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 900px;
	height: 100%;
	background: url("Indesign2.jpg") no-repeat;
}

#Pixel
{
	z-index: 3;
	position: relative;
    top: 0px;
    left: 0px;
	width: 300%;
	height: 1150px;
	background: url("lotuspixel.jpg") repeat-X;
}

#Papierdesoie
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 900px;
	height: 100%;
	background: url("papiersoie.jpg") no-repeat;
}

#Carton
{
	z-index: 1;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1150px;
	background: url("carton.jpg") repeat-X;
}

#Soiejaune
{
	z-index: 1;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1150px;
	background: url("soiejaune.jpg") repeat;
}

#Lotus
{
	z-index: 4;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1150px;
	background: url("lotus_large.jpg") repeat-Y;
}

#Gallimard
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 900px;
	height: 100%;
	background: url("papier.png") no-repeat;
}

#Liens
{
	z-index: 3;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1300px;
	background: url("plancher2.png") no-repeat;
}

#cordoue
{
	z-index: 3;
	position: relative;
    top: -10px;
	left: 300px;
	display: inline-block;
	width: 300%;
	height: 1200px;
	background: url("Estamp600_transp_Cordoue.png") no-repeat;
}

#FondIndex
{
	z-index: 1;
	position: relative;
    top: -10px;
    left: -10px;
	width: 300%;
	height: 1150px;
	background: url("FondPilePages.jpg") no-repeat;
}

#fond4
{
	z-index: 1;
	position: relative;
    left: -10px;
	top: -10px;
	width: 300%;
	height: 1050px;
 	background: url("FondEtagere13.png") no-repeat;
}

#cordouefond
{
	z-index: 3;
	position: fixed;
    top: 0px;
    left: 270px;
	display: inline-block;
	width: 1200px;
	height: 1200px;
	background: url("fond_accueil_estamp300_71.jpg") repeat;
}


section  /* sections de la pages 0 */
{
	z-index: 6;
	position: absolute;
    left: 0px;
    top: 150px;
	display: inline-block;
	width: 979px;
 	color: rgb(195, 199, 70); /* Le texte de la page sera vert */
}

section h1
{
	z-index: 4;
	text-align: left;
    margin-left: 150px;
	font-size: 1.6em;
	font-weight: bold;
}

section h2, h3, h4, ul, p, a
{
   	padding-left: 0px;
}

#logos  /* logos reseaux sociaux */
{
	z-index: 7;
	display: inline-block;
	position: absolute;
	top: 20px;
	width: 500px;
}

#logos img /* logos reseaux sociaux */
{
    padding-left: 5px;
}

#logos2  /* logos reseaux sociaux pages croquis*/
{
	z-index: 8;
	display: inline-block;
	position: absolute;
	margin-top: 87px;
	width: 50px;
    left: 1390px;
}

#logos2 img /* logos reseaux sociaux */
{
    padding-bottom: 20px;
}

#carte
{
   	padding-top: 132px;
   	left: 70px;
   	padding-left: 90px;
}

section ul
{
    list-style-type: none;
}

section li
{
 	text-align: left;
   	padding-left: 0px;
}

section a
{
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	color: rgb(230, 150, 0);   /* Le texte sera orange */
}

#galerie  /* bandeau vignettes couv editing  */
{
	position: absolute;
	z-index: 6;
    top: 500px;
    left: 72px;
    width: 600px;
   	height: 84px;
   	overflow: hidden;
}

#galerie3  /* bandeau vignettes couv mise en page  */
{
	position: absolute;
	z-index: 6;
    top: 600px;
    left: 72px;
    width: 600px;
   	height: 84px;
   	overflow: hidden;
}

.slider
{
	position: absolute;
    top: 0px;
    right: 0px;
   	width: 5000px;
}


.slideshow ul  /* reglage vitesse et mode defilement dans fichier slideshow du dossier js */
{
	position: relative;
    top: 0px;
	float: left;
 	width: 300%;
  	list-style: none;
}

.slideshow li
{
	float: left;
}

.slideshow li img
{
	float: left;
    width: 230px;
   	height: 420px;
   	overflow: hidden;
}

#galerie2  /* bandeau vignettes Edition  */
{
	position: absolute;
	z-index: 6;
   	top: 500px;
    left: 72px;
	width: 900px;
	height: 83.5px;  /* faire correspondre avec hauteur fleches navigation */
   	overflow: hidden;
}

#galerie4  /* bandeau vignettes Edition  */
{
	position: absolute;
	z-index: 6;
   	top: 600px;
    left: 72px;
	width: 900px;
	height: 83.5px;  /* faire correspondre avec hauteur fleches navigation */
   	overflow: hidden;
}

.slider2  /* navigation bandeau vignettes Edition  */
{
	position: absolute;
    top: 0px;
    right: 0px;
   	width: 5000px;
}


.slideshow2 ul
{
	position: relative;
    top: 0px;
	float: left;
 	width: 250%;
  	list-style: none;
}

.slideshow2 li
{
	float: left;
}

.slideshow2 li img
{
	float: left;
	width : 59px;
	height : 89px;
   	overflow: hidden;
   	border-right: 59px solid rgb(187, 213, 53);    /* gouttieres vertes fluo*/
}



#accroche  /* accroche de la premiere page */

{
	display: inline-block;
	position: absolute;
	z-index: 6;
	top: 250px;
	left: 72px;
   	width: 1000px;
	font-size: 0.9em;
	font-weight: normal;
	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
}
	
	article  /* chapo de presentation */
{
	z-index: 6;
	position: absolute;
    left: 72px;
    top: 220px;
	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
	text-align: left;
    font-size: 1.1em;
    width: 297px;
   	height: 210px;
    padding-top: 15px;
    padding-left: 35px;
	font-weight: normal;
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
	background-color: rgba(255,255,255,1); /* fond blanc transparent */
}


article h2
{
	text-align: left;
}

article h3
{
    font-size: 1.6em;
	text-align: left;
}	

#fleche /* passage page suivante de l'index  */
{
	position: absolute;
	z-index: 11;
    left: 300px;
	top: 360px;
	width: 30px;
}

#fleche2 /* passage d'une page à la suivante */
{
	position: absolute;
	z-index: 11;
    left: 880px;
	top: 30px;
	width: 30px;
}

#fleche3 /* passage d'une page à la précédente */
{
	position: absolute;
	z-index: 11;
    left: 850px;
	top: 30px;
	width: 10px;
}

#fleche4 /* passage précédente du contact */
{
	position: absolute;
	z-index: 11;
    left: 850px;
	top: 20px;
	width: 10px;
}

aside  /* colonne de texte gauche  */
{
	position: absolute;
	z-index: 6;
    left: 72px;
   	top: 90px;
	width: 250px;
  	height: 650px;
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

aside h3
{
	color: rgb(70, 90, 100); /* Le texte devient grisbleu */
	text-align: center;
    font-size: 1.2em;
	width: 230px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}	

#offres3  /* colonne texte Graphisme  */
{
	position: absolute;
	z-index: 6;
    left: 72px;
   	top: 90px;
	width: 250px;
  	height: 680px;
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#offres3 h3
{
	color: rgb(70, 90, 100); /* Le texte devient grisbleu */
	text-align: center;
    font-size: 1.2em;
	width: 230px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
}	

#offres3 ul li
{
	color: rgb(70, 90, 100); /* Le texte devient grisbleu */
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	width: 230px;
	margin-left: 0px;
	padding-top: -10px;
	padding-left: 10px;
}	

.intertitre2
{
	color: rgb(70, 90, 100); /* Le texte devient grisbleu */
	text-align: center;
	font-weight: normal;
	font-size: 0.9em;
	padding-top: 12px;
	vertical-align: top;
}		
	
.suiv
{
	padding-left: 20px;
	width: 33px;
  	overflow:hidden;
}

.suiv:hover
{
	left: 0px;
}

#offres  /* sections des pages PRO */
{
 	display: inline-block;
	z-index: 6;
	position: absolute;
   	top: 120px;
   	padding-top: 9px;
   	padding-bottom: 9px;
    left: 340px;
 	width: 900px;
 	height: 560px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

#offres img
{
	z-index: 6;
	vertical-align: bottom;
	margin-left: 0px;
	margin-bottom: 0px;
   	padding-right: 0px;
}

#offres figcaption
{
    padding-left: 5px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-weight: bold;
}


#offres2  /* sections des pages PRO */
{
 	display: inline-block;
	z-index: 6;
	position: absolute;
   	top: 102px;
   	padding-top: 6px;
    left: 120px;
 	width: 600px;
  	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	text-decoration: none;
	font-weight: bold;
 	background-color: rgba(255,255,255,0.6); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#offres2 img
{
	z-index: 6;
	vertical-align: top;
	margin-left: 25px;
	margin-top: 5px;
	padding-bottom: 18px;
}

#offres2 figcaption
{
    padding-left: 5px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-weight: bold;
}

.imageflottante
{
    float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.imageflottante2
{
    float: left;
	margin-left: 10px;
	margin-top: 48px;
}

.imageflottante3
{
    float: left;
	margin-left: 10px;
	margin-top: 32px;
}

#developpement  /* sections des pages détaillées PRO edition*/
{
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 120px;
  	top: 102px;
 	width: 400px;
	text-decoration: none;
	font-weight: bold;
}

#developpement img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
    padding-left: 20px;
}

#developpement figcaption
{
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	z-index: 5;
   	position: relative;
	vertical-align: top;
  	width: 500px;
    height: 110px;
    padding-top: 40px;
    padding-left: 230px;
    padding-right: 20px;
    margin-bottom: 20px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-size: 1em;
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#developpement2  /* sections des pages détaillées PRO graphisme*/
{
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 120px;
  	top: 102px;
 	width: 400px;
	text-decoration: none;
	font-weight: bold;
}

#developpement2 img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
}

#developpement2 figcaption
{
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	z-index: 5;
   	position: relative;
	vertical-align: top;
  	width: 310px;
    height: 110px;
    padding-top: 40px;
    padding-left: 320px;
    padding-right: 20px;
    margin-bottom: 20px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-size: 1em;
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#developpement3  /* sections des pages détaillées PRO edition textes*/
{
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 120px;
  	top: 102px;
 	width: 400px;
	text-decoration: none;
	font-weight: bold;
}

#developpement3 img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
    padding-left: 20px;
}

#developpement3 figcaption
{
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	z-index: 5;
   	position: relative;
	vertical-align: justify;
  	width: 460px;
    height: 120px;
    padding-top: 30px;
    padding-left: 270px;
    padding-right: 20px;
    margin-bottom: 20px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-size: 1em;
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#developpement3 figcaption h3
{
  	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-size: 1.1em;
}

#developpement4  /* sections des pages détaillées PRO edition*/
{
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 120px;
  	top: 102px;
 	width: 400px;
	text-decoration: none;
	font-weight: bold;
}

#developpement4 img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
}

#developpement4 figcaption
{
	background-color: rgba(255,255,255,0.7); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	z-index: 5;
   	position: relative;
	vertical-align: top;
  	width: 400px;
    height: 110px;
    padding-top: 40px;
    padding-left: 230px;
    padding-right: 20px;
    margin-bottom: 20px;
 	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
	font-size: 1em;
	box-shadow: -1px 1px 30px 0px rgb(200, 200, 200);
}

#developpement5  /* sections des pages Liens*/
{
	background-color: rgba(255,255,255,0.5); /* La couleur de fond du texte prend le pas sur celle de toute la page */
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 50px;
  	top: 102px;
 	width: 700px;
	text-decoration: none;
    padding-left: 20px;
   	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
}

#developpement5 img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
    padding-right: 20px;
}

#developpement5 figcaption
{
	z-index: 5;
   	position: relative;
	vertical-align: justify;
	width: 600px;
    height: auto;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-left: 120px;
    padding-right: 0px;
   	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
   	font-size: 0.8em;
}

#developpement5 h3
{
  	color: rgb(70, 90, 100); /* Les titres de la page sera grisbleu */
	font-size: 1.1em;
}

#creation  /* sections des pages Liens  */
{
	background-color: rgba(255,255,255,0.5); /* La couleur de fond du texte prend le pas sur celle de toute la page */
  	display: inline-block;
	z-index: 6;
	position: absolute;
    left: 70px;
  	top: 102px;
 	width: 750px;
	text-decoration: none;
    padding-left: 20px;
   	color: rgb(70, 90, 100); /* Le texte de la page sera grisbleu */
}

#creation h4  /* intertitres et paragraphes des pages Diverses */
{
	z-index: 6;
}

#creation ul /* textes des pages Liens */
{
	text-align: left;
	font-size: 0.9em;
	font-weight: normal;
}

#creation img
{
 	display: inline-block;
	z-index: 6;
   	position: relative;
    padding-right: 10px;
}

.fantaisie   /* page33 */
{
	position: relative;
  	z-index: 6;
   	top: 67px;
   	left: 70px;
	margin-bottom: 30px;
}

.fantaisie ul
{
  	list-style: none;
  	width: 1200px;
	padding-top: 20px;
}

.fantaisie li 
{
 	display: inline-block;
 	position: relative;
	margin-right: 25px;
	height: 178;
	border: 5px solid white;    /* cadre blanc */
}

.fantaisie h2 
{
	background-color: rgba(255,255,255,0.3); /* fond blanc transparent */
 	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
	width: 1500px;
	height: auto;
}

#missions  /* sections des pages Creation */
{
	z-index: 7;
   	margin-top: 102px;
 	width: 730px;
 	margin-left: 70px;
 	color: rgb(170, 190, 72); /* Le texte de la page sera vert */
}

#missions h3  /* intertitre des pages Creations */
{
	z-index: 4;
    margin-top: 0px;
 	margin-left: 0px;
 	padding-left: 20px;
 	padding-bottom: 20px;
 	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
 	background-color: rgba(255,255,255,0.6); /* fond blanc transparent */
	width: 500px;
 }

#missions img
{
	margin-right: 10px;
}

#missions td
{
	vertical-align: top;
}

#missions tr a figcaption
{
	visibility: hidden;
	position: relative;
	top: -44px;
	width: auto;
	margin-right: 10px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: white;
}

#missions tr a:hover figcaption
{
	visibility: visible;
	z-index: 6;
	background-color: rgb(195, 199, 70); /* Le fond sera vert et transparent */	
}

#missions tr a:hover img
{
    opacity: 0.4;
}

#missions0  /* section de Index */
{
	z-index: 7;
   	margin-top: 350px;
 	width: 730px;
 	margin-left: 70px;
}

#missions0 h3  /* intertitre des pages Creations */
{
	z-index: 4;
    margin-top: 0px;
 	margin-left: 0px;
 	padding-left: 20px;
 	padding-bottom: 20px;
 	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
 	background-color: rgba(255,255,255,0.6); /* fond blanc transparent */
	width: 500px;
 }

#missions0 img
{
	margin-right: 0px;
}

#missions0 td
{
	vertical-align: top;
}

#missions0 tr a figcaption
{
	visibility: hidden;
	position: relative;
	top: -44px;
	width: auto;
	margin-right: 10px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: white;
}

#missions0 tr a:hover figcaption
{
	visibility: visible;
	z-index: 6;
	background-color: rgb(195, 199, 70); /* Le fond sera vert et transparent */	
}

#missions0 tr a:hover img
{
    opacity: 0.4;
}


#pays  /* 1e colonne des pages Voyage */
{
  	display: inline-block;
	z-index: 8;
	position: absolute;
	top: 102px;
	width: 120px;
    left: 70px;
 	height: auto;
   	padding-top: 6px;
    padding-left: 30px;
    padding-right: 30px;
  	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
 	background-color: rgba(255,255,255,0.6); /* fond blanc transparent */
}

#pays2  /* 2e colonne des pages Voyage */
{
  	display: inline-block;
	z-index: 8;
	position: absolute;
	top: 102px;
	width: 120px;
    left: 280px;
 	height: auto;
   	padding-top: 6px;
    padding-left: 30px;
    padding-right: 30px;
  	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
 	background-color: rgba(255,255,255,0.6); /* fond blanc transparent */
}

.intertitre
{
	font-size: 1.2em;
	font-weight: bold;
}

#catalogue  /* section de la page stylisme annule pour linstant*/
{
	z-index: 6;
 	position: relative;
   	top: -50px;
    left: 0px;
 	width: 730px;
 	margin-left: 70px;
 	color: rgb(56, 91, 0); /* Le texte de la page sera vert */
}

.venise 
{
	position: relative;
  	z-index: 6;
  	display: inline-block;
   	top: 102px;
   	left: 70px;
	background-color: rgba(255,255,255,0.3); /* fond blanc transparent */
 	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
	width: auto;
	height: 270px;
	margin-bottom: 30px;
}

.venise ul
{
  	list-style: none;
  	width: 1200px;
	float: left;
}

.venise li 
{
	float: left;
 	position: relative;
	height: 198px;
	margin-top: -15px;
	margin-right: 5px;
	border: 5px solid black;    /* gouttieres noires */
}

#noirblanc 
{
	position: relative;
  	z-index: 6;
  	display: inline-block;
	background-color: rgba(255,255,255,0.3); /* fond blanc transparent */
	width: auto;
	height: 180px;
}

#noirblanc ul
{
	position: relative;
    top: 10px;
  	list-style: none;
}

#zipvert 
{
	position: relative;
  	z-index: 6;
  	display: inline-block;
	background-color: rgba(255,255,255,0.3); /* fond blanc transparent */
	width: auto;
	height: 180px;
}

#zipvert ul
{
	position: relative;
    top: 10px;
  	list-style: none;
}

#zipvert li
{
	float: left;
}

.slider2
{
	position: relative;
    right: -1350px;
   	width: 5000px;
}

#prec
{
  	display: inline-block;
  	z-index: 5;
	cursor: pointer;
	position: absolute;
	top: -25px;
	left: -40px;
    vertical-align: middle;
	height: 150px;
	width: 33px;
	background: url("slider_fleche_g.png") left no-repeat;
}

#prec:hover
{
	background-position: -33px;
}

#bande_couvertures /* ancien reglage bandeau vignettes couv */
{
   	z-index: 4;
	position: relative;
}

.music  /* pour affichage du curseur musique */
{
	z-index: 4;
	position: relative;
    right: 0px;
    bottom: -200px;
	border: 0;
}

.commentaire  /* Bienvenue */
{
	z-index: 6;
	background-color: rgba(255,255,255,0.8); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	position: absolute;
    left: 110px;
    top: 30px;
	text-align: justify;
    font-weight: bold;
	color: rgb(56, 91, 0); /* Le texte de la page sera vert foncé*/
   	font-size: 1.4em;
    padding-top: 5px;
   	padding-left: 50px;
    width: 900px;
    height: 40px;
}

.construction  /* Page en construction */
{
	z-index: 6;
	background-color: rgba(255,255,255,0.8); /* La couleur de fond du texte prend le pas sur celle de toute la page */
	position: relative;
    left: 600px;
    top: 102px;
	text-align: center;
    font-weight: bold;
	color: rgb(230, 150, 0);   /* Le texte sera orange */
   	font-size: 1.5em;
    margin-top: 0px;
   	padding-left: 20px;
   	padding-right: 20px;
   	width: 200px;
    height: 80;
}

footer
{
  	display: inline-block;
  	z-index: 7;
	background-color: rgba(255,255,255,0.7); /* bandeau pied de page blanc */
	position: relative;
    bottom: 0px;
	width: 110%;
	height: 50px;
	left: 0px;
}

footer ul
{
   	text-align: center;
	list-style-type: none;
	width: 819px;
}

footer li
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.8em;
	font-weight: normal;
	color: rgb(230, 150, 0);   /* Le texte sera orange */
}

footer a
{	
	color: rgb(230, 150, 0);   /* Le texte sera orange */
   	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}

footer a:hover
{
 	color: rgb(70, 90, 100); /* Le texte devient grisbleu */
   	text-decoration: none;
	font-size: 1em;
}

#foot
{
  	display: inline-block;
  	z-index: 7;
   	text-align: left;
	margin-left: 40px;
	width: 800px;
	font-size: 0.8em;
	font-weight: normal;
	color: rgb(230, 150, 0);   /* Le texte sera orange */
}
	
.haut
{
  	display: inline-block;
  	z-index: 5;
	position: relative;
	font-size: 0.6em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: rgb(230, 150, 0);   /* Le texte sera orange */
    left: 0px;
}

.copyright
{
  	display: inline-block;
  	z-index: 5;
	position: absolute;
	font-size: 0.8em;
	text-decoration: none;
	color: rgb(187, 213, 53);    /* texte vert fluo*/
	font-weight: bold;
    text-align: left;
    left: 1000px;
}
				
.dessous
{
	color: white;
	text-decoration: none;
}	

mark
{
    /* La couleur de fond prend le pas sur celle de toute la page */
    background-color: white;
    color: rgb(190, 199, 70);
    opacity: 0.7
}

@font-face 
{
    font-family: "texgyreadventorregular";
    src: url("texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot");
    src: url("texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff") format("woff"),
         url("texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.ttf") format("truetype"),
         url("texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
    font-weight: normal;
}mat("svg");
    font-weight: normal;
}