@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);






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

}
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h5,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,
section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;font-size:100%;
	font:inherit;vertical-align:baseline;}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
		display:block}
		body{line-height:1}
		ol,ul{list-style:none}
		blockquote,q{quotes:none}
		blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }


/* Base Style */
html,body {
	

    color:rgba(51,204,204,1);

}


::-moz-focus-inner {border:0;}

html{
	height: 100%;
	width:100%;
	overflow-x:hidden;

    color:rgba(51,204,204,1);
}


/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #000;

}
/* Reset */

/* texte */


h1,h2,h3{
	
	text-align: center;

text-transform: uppercase;
cursor:default;
opacity:0.9;
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
	
h2 {
	font-size:16px; font-family: 'Trade';
Text-Shadow: 0 0 1px rgba(0, 0, 0,0.1);
}	


h4,h5,h6{font-size:16px; 

 font-family: trade,din;

}

h4{ 
font-size:80px;
text-transform:uppercase;
opacity:.9;


	text-align: center;
}



h5{color: #CCCC99;
	 font-size:20px;
text-transform:uppercase;
opacity:.9;
text-align:center;





}

h6{ font-size:30px;
opacity:0.95;
color:#64A5AA;
 margin:1em 0 0;
font-family: 'Old Standard TT', serif;
}




h7{ font-size:20px; margin:1em 0 0;  line-height:30px; 
 }
 
p{font-family: 'PT Sans';font-size:15px;font-weight:100; opacity:0.9;}

strong{ font-weight:bold;}

hr{background: #333;border: 0;height: 2px;margin: 42px auto 8px;width: 60px;}

#line{background: #333;border: 0;height: 1px;margin: 90px auto 70px;width: 65%; opacity:.4;}
#line2{background: #fff;border: 0;height: 1px;margin: 15px auto 15px;width: 700px; opacity:1;}
a{color:#1074ce;text-decoration:none;}
a:hover{color:#0a487f;}








/*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*/
/*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*/
/*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*//*PAGE ESPRIT PHOTO*/

 #fondesprit2{
	position: relative;  z-index:10;
top:100%;
height:1200px;
}
 
.story { position: relative; z-index:10}

#third { background: url(../img/esprit/esprit1.jpg) 0% 0 no-repeat fixed;
   width: 100%; 
 max-width: 2120px;
  min-height: 1000px;
  position: absolute; 
  top: 0; 
  
}

#third2 { background: url(../img/esprit/esprit4.jpg) 0% 0 no-repeat fixed;
   width: 100%; 
 max-width: 2120px;
  min-height: 1000px;
  position:relative; 
  top: 350%;
 
}

/* IMAGE PAR DESSUS */
#third article {background: url(../img/esprit/esprit2.png) 100% 0 no-repeat fixed;  

 width: 100%; 
 
  min-height: 2800px;
  position: absolute; 
  top: 0; 
  
    z-index:10
	}
 
#third #photograph { background: url(../img/esprit/titre2.png) transparent 10% 0 no-repeat fixed; 
min-height:4500px;

position: absolute;
top: 100%; 
  width: 100%; 
  max-width:2120px; 
  position: relative;
 z-index:10

   }
   
 #third2 article2 {background: url(../img/esprit/esprit2.png) 100% 0 no-repeat fixed;  

 width: 100%; 
 
  min-height: 2800px;
  position: absolute; 
  top: 200%; 

    z-index:10
	}
 
#third2 #photograph2 { background: url(../img/esprit/titre3.png) transparent 50% 0 no-repeat fixed; 
min-height:5000px;

position: absolute;
 top: 0%; 
  width: 100%; 
  max-width: 2120px; 
  position: relative;
 z-index:10

   }
 

#cont{
font-size:25px;
position:relative;
color:#FFFFFF;
text-align:center;
top:370px;
width:95px;
margin:auto;
font-family: 'Trade';
 border-bottom: 2px solid rgba(255, 255, 255, .8);
 border-top: 2px solid rgba(255, 255, 255, .8);
 border-style: double;
z-index:999900;
opacity:0.9;

}


#cont2 {
font-size:10px;
position:relative;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
top:380px;
width:195px;
margin:auto;
font-family: 'Trade';

z-index:999900;
opacity:0.7;


}
#cont3 {
font-size:12px;
position:relative;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
top:395px;
width:195px;
margin:auto;
font-family: 'Trade';

z-index:999900;
opacity:0.9;


}
/*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*/
/*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*/
/*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*//*PAGE ESPRIT TEXTE*/

#titre3{
font-size:45px;
position:relative;
top:100%;


z-index:200;
opacity:0.9;

}



article{

    padding:0px 0;
    width:90%;
    margin:0 auto;
}

 head1 span{
	 color:#CC9;
	 font-size:50px;
 }

header{

}
 header p{  
 	font-size:52px;
	 font-family: 'Trade';
	 color:#FFF;
Text-Shadow: 0 0 1px rgba(0, 0, 0,0.3);
line-height:60px;
text-transform:uppercase;
 
   
  
}
header p span { color:#CCCC99;
Text-Shadow: none;font-size:18px;
line-height:29px;
}

article strong{
	 font-weight:bold;
	 text-transform:uppercase;
		
}
articlefond {
display:table;
margin-left:-20px;

}
articlefond  .cell1{
	width:33%;
	padding:20px;
	

display:table-cell;

}


articlefond span{
	 font-weight:bold;
		 color:#960;;
text-align:center;
}	

articlefond p{
	
		 color:#960;;
		 

}	
    article h4:first-child{ margin:0; }
    article p{ opacity:1;
	text-align:justify;
	 padding:0px 0px;
	 padding-top:00px;
	 color:#FFF;
	
	 }



.align-center{text-align: center;}









/*PAGEvotrevoyage*//*PAGEvotrevoyage*//*AGEvotrevoyage*//*AGEvotrevoyage*//*AGEvotrevoyage*/
/*PAGEvotrevoyage*//*PAGEvotrevoyage*//*AGEvotrevoyage*//*AGEvotrevoyage*//*AGEvotrevoyage*/

#titre4{

font-size:45px;
position:relative;
top:100%;
width:100%;
height:100%;


z-index:60;


	
}

#titre42{


position:relative;
top:100%;
width:100%;
height:100%;



z-index:9990; opacity:1;


	
}
#titre43{


position:relative;
top:100%;
width:100%;
height:100%;
background:#fd6a62;

z-index:9990;


	
}

#titre44{


position:relative;
top:100%;
width:100%;
height:100%;
background:  #77CBDD;

z-index:9990;


	
}
/*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES */
/*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES */
/*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES *//*GUIDES PAGES */



#titreguide{
	
		top:400%;
		 z-index:100;   
		 
	
						
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:relative;

	   
	 
}
#titreguide2{
	
		top:400%;
		 z-index:100;   
		 
	
						
				   background-size:cover;
				   background:#71c8d2;
	min-height: 100%;
	min-width:100%;
	position:relative;

	   
	 
}


#titreguide2 header{


    width:90%;
    margin:0 auto;
	

}


#titreguide2 p {

  
    width:90%;
	padding-top:100px;
    margin:0 auto;
	text-align:justify;
	text-justify:distribute;


	font-size:55px;
	color:#fff;
	line-height:60px;

Text-Shadow: 0 0 1px rgba(0, 0, 0,0.1);
}




#titre5{	top:400%;
		 z-index: 800;   
		 
	
						background:transparent url(../img/guides/guides.jpg) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:relative;

	   opacity:1;

}
.button1{
	font-family: 'trade';
    display:inline-block;
    line-height:1;
	font-weight:bold;
    text-transform: uppercase;
    font-size: 11px;
   position:absolute;
    border-radius: 3px;
    padding: 6px 8px;
    background:#C93;
    color:#FFF;
    margin: 0;
	margin-top:20px;
		bottom:260px;
  left: 50%;
	  z-index:999999999;
		 margin-left: -110px;	
	
		
}

    .button1:hover{
        color:#FFF;
        background-color:#444;
    }
	
    .button+.button{margin-left:1em;}
	

/*/*contact *//*/*contact *//*/*contact *//*/*contact *//*/*contact */
/*/*contact *//*/*contact *//*/*contact */
/*/*contact *//*/*contact *//*/*contact *//*/*contact *//*/*contact */
/*/*contact *//*/*contact */

	#contacts {
	
		top:400%;
		 z-index:100;   
		 
	
						background:transparent url(../img/contacts/contacts4.jpg) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
	position:relative;

	   
	 
}
/*  PETITS MISES EN FORMES*//*  PETITS MISES EN FORMES*//*  PETITS MISES EN FORMES*/
/*  PETITS MISES EN FORMES*/

/*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*/
/*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*/
/*LOGOHAUTGAUCHE*//*LOGOHAUTGAUCHE*/

#titre h1{


  font-family:trade,din;
	z-index:9999;
	position:fixed;
left: 25px;
top:23px;
text-transform:uppercase;
color:#666;
font-weight:100;

font-size:16px;


	
}

#titre h2{


 font-family: 'Lato', Calibri, Arial, sans-serif;
	z-index:9999;
	position:fixed;
left: 148px;
font-weight:100;
top:23px;
text-transform:uppercase;
transition: all 0.2s ease-out;
color:#00477f;
font-size:12px;



	
}



#menu{
	background-color:#FFFFFF;
	width:100%;
	height:60px;
	opacity:.95;
	z-index:9995;
	position:fixed;
	top:0px;


	
}
#logo{
background-image:url(../img/logo2small.png);
background-repeat:no-repeat;
	width:150px;
	height:33px;
	opacity:0.8;
	z-index:9999;
	position:fixed;
left: 20px;
top:13px;
	
	}









/*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*/
/*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*/

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 30%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(0,0,0,0.8);
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background: #000;
	opacity: 0;
}

.ch-img-1 { 
	background-image: url(../img/esprit/espritcercle1.png);
}

.ch-img-2 { 
	background-image: url(../img/esprit/espritcercle1.png);
}


.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 15px;
	padding: 60px 0 0 0;
	height: 110px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-align:center;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

.ch-grid {
	margin:200px 0 100px 0;

	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}



/*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*/
/*petit cerckle contenant image*//*petit cerckle contenant image*//*petit cerckle contenant image*/

.ch-item2 {
	width: 100%;
	height: 100%;
	border-radius: 30%;
	position: relative;
	cursor: default;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	z-index:9999;
}
.ch-info2{	cursor: default;
	position: absolute;	z-index:9999;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info2 > div {
	z-index:9999;
	position: absolute;
	width: 100%;
	height: 100%;

	background-position: center center;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.ch-info2 .ch-info-front2 {	z-index:9999;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6);
}

.ch-info2 .ch-info-back2 {
	-webkit-transform: translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-120px) rotate3d(1,0,0,90deg);
	background: #89cdce;
	opacity: 0;
}

.ch-info2 .ch-info-back2 h3 {
	
	color: #fff;

	
}


.ch-info2 h3 {	z-index:9999;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	margin: 0 5px;
	padding: 10px 0 0 0;
	height: 10px;
	font-family: 'Open Sans', Arial, sans-serif;
			cursor:pointer;
}

.ch-info2 p {
	color: #fff;	z-index:9999;
	padding: 0px 0px;
	font-style: italic;
	margin: 0px 20px;
	font-size: 14px;
			cursor:pointer;
	text-align:center;
}



.ch-item2:hover .ch-info-front2 {
	-webkit-transform: translate3d(0,50px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,50px,0) rotate3d(1,0,0,-90deg);	z-index:9999;
	-o-transform: translate3d(0,50px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,50px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,50px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

.ch-item2:hover .ch-info-back2 {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

.ch-grid2 {
	margin:600px 0 200px 0px;

	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	z-index:9999;
}

.ch-grid2:after,
.ch-item2:before {
	content: '';
    
}

.ch-grid2:after {
	clear: both;
}

.ch-grid2 li {
	width:120px;
	height: 30px;
	display: inline-block;
	margin-left: 50px;
		margin-right: 50px;
			cursor: default;
}


/*
BLOG*//*BLOG*//*BLOG*//*BLOG*//*
BLOG*//*BLOG*//*BLOG*//*BLOG*/

.blog {

/*  width:60px;
  height:60px;
    border-radius: 50%;
  position :fixed;
 top:90px;
  right:50px;
  z-index:999999999999999;

  background: #000;
  opacity:0.9;
  cursor:pointer;

  transition: all 0.2s ease-out;

  /* Font styles */


/*   color:#FFF;
 font-size:11px;
 text-transform:uppercase;
font-weight:bold;
 text-align:center;
 padding-top:24px;*/
 
  position :fixed;
 top:90px;
  right:50px;
    z-index:999;
 display:block;
 width:auto;height:auto;
 
 border-radius:50%;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%;
   -khtml-border-radius: 50%; 
 color:#fff; 
 font-size: 0.7em;
  line-height:2.7em; 
    background: #000;
 text-align:center;
text-transform:uppercase;
  opacity:1;
  cursor:pointer;
 float: left;
  margin-right: 5px; 
 padding: 1%; 
 
  transition: all 0.2s ease-out;
}

.blog:hover { background: #fff;
color:#000;
  transform:rotate(345deg);
-ms-transform:rotate(345deg); /* IE 9 */
-webkit-transform:rotate(345deg); /* Safari and Chrome */

 }

 .blog3 {


  position :absolute;
  top:120px;
  right:65px;
    z-index:999999999999999;
 display:block;
 width:50px;height:50px;
	 background: url(../greentripper-logo.png);
 background-size:cover

}

 .blog2 {


  position :absolute;
  top:30px;
  right:50px;
    z-index:999999999999999;
 display:block;
 width:auto;height:auto;
 
 border-radius:50%;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%;
   -khtml-border-radius: 50%; 
 color:#fff; 
 font-size: 0.7em;
  line-height:1.2em; 
    background:rgba(255,51,102,1);
 text-align:center;
text-transform:uppercase;
  opacity:0.9;
  cursor:pointer;
 float: left;
  margin-right: 5px; 
 padding: 1%; 
 
  transition: all 0.2s ease-out;
}
 .blog2:hover { background: rgba(255,255,255,1);
color:#000;
  transform:rotate(345deg);
-ms-transform:rotate(345deg); /* IE 9 */
-webkit-transform:rotate(345deg); /* Safari and Chrome */

 }
.blog:active  { background: #C4E1F8; }
.blog:visited { background: #F2BF97; }


 @media (max-width: 2560px) {
      
}
		 	  @media (max-width:1860px) {


} 
 	  @media (max-width:1600px) {
		  
	#titreguide2 p {

	padding-top:120px;
	font-size:45px;
		line-height:45px;
}	  

} 
	 	  @media (max-width:1420px) {
			   header p{  
 	font-size:42px;
	line-height:45px;
}
 .ch-grid2 {
	margin:550px 0 200px 0px;
   
  
}
.ch-grid {
	margin:200px 0 40px 0;

	
}

#titreguide2 p {

	padding-top:120px;
	font-size:40px;
		line-height:40px;
}
   
   .button1{

		bottom:230px;

		
}
#third2 #photograph2 { 

background: url(../img/esprit/titre3.png) transparent 0% 0 no-repeat fixed; 





   }
   
} 





		 	  @media (max-width: 1305px) {
		#third2 #photograph2 { 

background: url(../img/esprit/titre3.png) transparent 0% 0 no-repeat fixed; 

min-height:2900px;



   }
	
} 

	 	  @media (max-height: 700px) {
		#third2 #photograph2 { 

background: url(../img/esprit/titre34.png) transparent 0% 0 no-repeat fixed; 

min-height:2300px;



   }
	
}