body 
 {
 background: rgb(0, 102, 255) url("https://www.oviaivo.net/images/bae-douarnenez.jpg") no-repeat fixed center;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 100%;
 }

#a-home{text-decoration: none;}
#i-home{vertical-align: middle;}

.main
{max-width: 100%}
.maininter
 {
 width: 1004px;   font-size:130%;color:rgb(255,255,100);font-weight: bold; font-family:"Times New Roman",Times,serif;
 /*margin-left: 10%; margin-right: 10%; margin-top: 5%;*/
  padding: 2px; text-align: justify;
 }
 
#new-star
{text-align:center;}
 
div
 {width: auto; height: auto;margin: 0 auto;text-align: center;}

.contact
 {text-align: right; color: rgb(153, 255, 153); font-size:1em; }

.moroplogo
 {text-align: right; color: black; text-decoration: underline; font-weight: bold;}
 
 .signature
 {text-align: right; color: yellow; font-size: 0.9em;}
 
.citation
{text-align: right; background: rgba(0, 0, 255,0.5);font-weight: normal;
}
blockquote {
    margin: 0; padding: 0;
}

blockquote p {
    padding: 0px; text-align: right; margin: 0;
	color: yellow; font-size: 1.1em; 
	font-style: italic;
	font-weight: bold;
    border-radius: 5px;
}

blockquote p::before {
    content: '\201C';
}

blockquote p::after {
    content: '\201D';
}

 
.puce
 {
 font-size:1.5em; 
 color:rgb(204,0,0);
 text-align:left;
 }
 
.tab
 {margin-left: 4.5%;}
 
h1
 {font-family:"Constantia, serif";font-size:1.5em;text-align:left;}
p
{text-align: justify;}
.dieu
 {text-align: center;}
 
/* Pas de bordure autour des images dans les liens */
a img {border: none;}

.divdrapeau
  {text-align: justify;}
.drapeau
 {border: 0;}
 
.drapeaubzh
 {
        width: 100%;
		
        margin: 0 auto;
        max-width: 100%;
      }
.big-bang_de_quasar
 {border: 0px;}
#quasar
 {display:flex;}
#iframe1{
	position: relative;
	width:490px;
	height:370px;
 }
#iframe2{
	position: relative;
	width:490px;
	height:370px;
 }
.conseil{
	font-size: 12pt;
	text-align: center;
	color:black;
}
#canvas-cristal{
	width:1300px;
	margin:auto auto auto -148px;
	background-color: black;
	position:relative;
	font-size: 12pt;
	color: red;
}
#cristal-oviaivo{
	border-style: none;}
.oviaivo-cristal-univers
 {float:left;}

.oviaivo_cristal_tube
{
	float:right;
	/*display: inline-block;*/
	background: url("images/cristal_tube_oviaivo.png") no-repeat;
	background-position: left top;
}
#fractal-oviaivo{background:url("https://www.img.oviaivo.net/images/fractale-oviaivo-univers-dieu-2-small.png") no-repeat}
#caribbean{ width:1000px; height:1000px;}
#kerosene{text-align: center}


#div3liens{
  -webkit-columns: 3;-moz-columns: 3;columns: 3;
  column-count: 3;
  column-gap: 1em;
  column-rule: 1px solid #009;
  text-align: center; text-decoration: underline;
  background: rgba(0, 155, 155,0.5);
 }

#div3liens p{break-after: column;}


#div2liens{
  -webkit-columns: 2;-moz-columns: 2;columns: 2;
  column-count: 2;
  column-gap: 1em;
  column-rule: 1px solid #009;
  text-align: center; text-decoration: underline;
  background: rgba(10, 155, 155,0.7);
 }

#div2liens p{break-after: column;}



#iframeyoutube
{ margin-left: auto;
  margin-right: auto;
  width: 500px;
  height:350px;}
  
  
.skfb{width: 1500px;height: 1000px;}
.isketchfab{border:none; width: 900px; height:750px;}

.lettreouverte{width: 1000px; height: 1500px;}
.soustitre
  {font-weight: normal; font-size: medium; color: white;}
.wind-turbine
  {font-weight: normal; color: rgb(5, 255, 5); font-size: 0.8em;}
.gauche  {float: left;}
.droite  {float: right;}
.liensfin
  {font-size: 1%;color:#464a2f;text-decoration:inherit;}
.skf {border: 0}
.spaneolienne{width: 100px;height: 100px;}
.iframeeolienne
{width: 100px;height: 100px;margin-left: 5px; margin-right: 5px;}
ul
{background: rgba(0, 155, 200,0.6);text-align: center;margin:0;padding:0;list-style:none;}
ul li{display:inline;text-align: center;}
ul a{display:inline-block;padding:20px;color:#c00;
text-decoration:none; }
ul a:hover{text-decoration:underline;} 
.imageh {margin-top: 50%;}

/* MEDIA QUERIES */

@media (max-width: 480px){
maininter
{
width: 400px;
margin: 2px 2px 2px 2px;
}
}