body, html{
  margin:0;
  padding:0;
  font-family:Georgia;
}
a, img, object, iframe{
  outline:none;
  border:0;
}
.box{
		padding:10px;
		
}
.infos{
  font-family:"Trebuchet Ms";
  font-size:12px;
  text-transform:uppercase;
}

h1{
  font-family:Arial, Helvetica, sans-serif;
  margin-top:0;
  font-size:14px;
  text-transform:uppercase;
}
h3{
  text-transform:uppercase;
  text-align:center;
  font-family:"Trebuchet MS";
  margin:0px 0 10px 0;
  font-size:24px;
}

 ul, li{
  list-style:none;
 }
#content {
		text-align:justify;
		width: 950px;
	 
		margin:30px auto 60px auto;
		
		background-color:#FFF;
}

#pageTitle{
  position:fixed;
  width:100%;
  text-align:center;
 
  top:10px;
}
#menu{
  position:fixed;
  left:10px;
  top:10px;

  width:150px;
  
  
}

#menu ul{
  display:none;
  margin:5px 0 0 0;
  padding:0;
  background:#FFF;
}
#menu li{
   margin:0 0 5px 15px;
   line-height:14px;
}
#menu li a{
  background:#FFF;
}
#menu li a.active{
  text-decoration:line-through;
}
#about{
    position:fixed;
    
    width:220px;
    
    top:10px;
    right:10px;
   
}
#about #insideAbout{
  display:none;
  margin-left:20px;
  background:#FFF;
}
#about #insideAbout p{
  margin:0;
}
#about span{
  background:#FFF;
}
#about a{
  
}
.newsletter{
    margin:0 0 5px 0;
}

.mailInput{
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
    width:100%;
    color:#BBB;
    border:none;
    
    margin:0 0 5px 0;
}

.submitBut{
	
    display:none;
   
}
a.sendForm:link{
  text-align:center;
  text-transform:none;
}
a.sendForm:visited{
  text-align:center;
  text-transform:none;
}
.formEnd{
  text-align:center;
}
#content #insideContent{
  margin-top:0px;
}
#content h1{
  text-align:center;
}
#vid{
  margin-left:auto;
  margin-right:auto;
  width:650px;
}
#contact{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  position:fixed;
  text-align:center;
  width:100%;
  bottom:10px;
 
}

#content a.reference:link{
		font-size: smaller;
  text-transform: uppercase;
		color:#000;
		text-decoration:underline;
		cursor:help;
}
#content a.reference:visited{
		font-size: smaller;
    text-transform: uppercase;
		color:#000;
		text-decoration:underline;
		cursor:help;
}
#content a.reference:hover{
		color:#000;
		text-decoration:line-through;
		cursor:help;
}

#content p{
    text-align:justify;
		display:block;
		font-size:21px;
	  
		margin:0 0 10px 0;
		padding:0;
	
}
#content img{
  margin-bottom:10px;
}
#content .posts p{
  padding:0 0 0 50px;
  line-height:28px;
}
#content h2{
    text-decoration:underline;
    
    margin:20px 0 10px 0;
    text-align:center;
    font-size:42px;
    font-family:"Trebuchet MS";
    text-transform:uppercase;
}

#content .header{
  
  line-height:35px;
  margin:0px 0 5px 0;
  font-size:28px;
}
#content .header p{
    font-size:28px;
}

#content .title{
		font-size:20px;
		font-family: Arial, Helvetica, sans-serif;
		
		line-height:18px;
		margin: 0 0 5px 0;
}
#content .head{
		font-family: "Trebuchet Ms";
	  text-align:center;
		color:#000;
		
		font-size:14px;
		margin:0px auto 20px auto;
		width:200px;
		
}
#content .head p{
		
}
#content .subtitle{
		
		font-family: "Trebuchet Ms";
		margin-top:10px;
		font-size: 21px;
		text-transform:uppercase;
		font-weight:bold;
	 text-align:center;
	  text-decoration:underline;
	  margin:0 0 20px 0;
		
}
#content p.citation{
	
		margin:15px 0 15px 80px;
	  font-style:italic;
		
		color:#000;
		
}
#refBox{
    display:none;
		position:fixed;
		padding:10px;
		background-color:#FFF;
		z-index:10;
		

}



/*CYCLE COLORS*/
.cycle110 a:link{
		color:#0F0;
		text-decoration:none;
}
	
.cycle110 a:visited{
		color:#0F0;
		text-decoration:none;
}
	
.cycle110 a:hover{
		color:#00F;
}

.cycle118 a:link{
		color:#F00;
		text-decoration:none;
}
	
.cycle118 a:visited{
		color:#F00;
		text-decoration:none;
}
	
.cycle118 a:hover{
		color:#0F0;
		
}
.cycle110 #refBox{
  border:1px solid #00F;
}
.cycle118 #refBox{
  border:1px solid #0F0;
}
.cycle110 a.sendForm:link{
  color:#00F;
  
}
.cycle118 a.sendForm:link{
 color:#0F0;
 
}
.cycle118 .mailInput{
  border-bottom: 1px dotted #00F;
}
.cycle110 .mailInput{
  border-bottom: 1px dotted #0F0;
}
/************************SPLASH SCREEN************************/
#step2{
  float:left;
}

#step1{
  float:right;
  
}

#splash{
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 950px; 
  height: 500px; 
  margin-top: -250px; /* moitié de la hauteur */ 
  margin-left: -475px; /* moitié de la largeur */ 
}
.cycleDesc{
  
  text-align:center;
  margin-top:40px;
}
.cycleDesc p{
  font-family:"Trebuchet Ms";
  font-size:14px;
  text-transform:uppercase;
}
/*************************************************************/
#newsletterThanks{
  text-align:center;
  color:#09F;
  font-size:42px;
  font-family: Arial, Helvetica, sans-serif;
  width:600px;
  margin-left:auto;
  margin-right:auto;
}
#newsletterThanks a{
  font-size:16px;
  color:#F00;
}