@font-face{
    font-family: "loma";
    src: url('../fonts/loma.ttf');
}
body{
/* 	background-color: rgb(254,253,84);   */
	background-color: #FFDD54;
	color: rgb(67,74,250); /* bleu */
	font-size: medium; 
	font-family: loma, arial;
	font-size: 12pt;
	text-shadow: 
		black 1px 1px,
		black -1px 1px,
		black -1px -1px,
		black 1px -1px;
}
#all{
	margin: auto;
	width: 1100px;
}
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
#header{
	margin: -8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
/* -------------------------------------------------------------- */
#titre{
 	height: 150px;
}
#titre img{
	vertical-align: top;
	display: inline-block;
	height: 150px;
}
#titre a{
	color: inherit;
	text-decoration: none;
}
#titre a:hover{
	color: inherit;
}
#titre a:visited{
	color: inherit;
}
#titreTexte{
	vertical-align: middle;
	display: inline-block;
}
#titreBleu{
	margin: -15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	font-size: 115pt;
	letter-spacing: 14pt;
	text-shadow: 
		black 11px 11px,
		black 2px 2px,
		black -2px 2px,
		black -2px -2px,
		black 2px -2px;
}
#titreRouge{
	margin: -25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20pt;
	letter-spacing: 4pt;
	color: rgb(219,6,5);
	text-shadow: 
		black 1px 1px,
		black -1px 1px,
		black -1px -1px,
		black 1px -1px;
}
/* -------------------------------------------------------------- */
#menu{
 	height: 55px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 115px;
	background-image: url(../images/menu.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-size: 29pt;
	letter-spacing: 2px;
}
#menu img{
	height: 32px;
	padding: 0px 8px 0px 0px;
	margin-top: 0px;
}
#menu ul{
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 4px 0px;
    list-style: none;
}
#menu li{
	float : left;
	margin: 0px 20px 0px 20px;
	padding: 0px 7px 0px 7px;
}
#menu a{
	padding: 0px 0px 0px 0px;
	display: block;
	color: rgb(219,6,5); /* rouge */
	text-decoration: none;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	text-shadow: inherit;
}
#menu a:visited{
	color: rgb(219,6,5); /* rouge */
}
#menu a:hover{
	color: rgb(67,74,250); /* bleu */
}
#menu #actif a {
    color: rgb(67,74,250); /* bleu */
}
#menu #actif a:visited{
	color: rgb(67,74,250); /* bleu */
}
#menu #actif a:hover {
    color: rgb(219,6,5); /* rouge */
}
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
#body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 580px;
}
/* -------------------------------------------------------------- */
#gadgetsG{
	float: left;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	width: 150px;
	height: 700px;
	background-image: url(../images/gadgets.png);
	background-size: 100%;
}
/* -------------------------------------------------------------- */
#news{
	float: right;
	padding: 10px 0px 0px 0px;
	margin : 65px 0px 0px 0px;
	width: 250px;
	height: 500px;
	background-image: url(../images/news.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-size: 11pt;
}
.new{
	margin: 0px 18px 10px 18px;
}
.new p{
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	font-size: 11pt;
}
span.newDate{
	color: rgb(219,6,5); /* rouge */
}
span.newTitre{
	color: rgb(67,74,250); /* bleu */
}
#gadgetsD{
	padding: 0px 0px 0px 0px;
	margin : 240px 0px 0px 0px;
	width: 150px;
	height: 150px;
	background-image: url(../images/gadgets.png);
	background-size: 100%;
}
/* -------------------------------------------------------------- */
#accueil{
	padding: 0px 0px 0px 0px;
	margin : -8px 250px 0px 120px;
}
.videoHaut{
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 75px 0px 0px 0px;
	background-image: url(../images/videoHaut.png);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 14pt;
}
.video{
	height: 454px;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
	background-image: url(../images/video.png);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 14pt;
}
.videoBas{
	height: 489px;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 20px 0px;
	background-image: url(../images/videoBas.png);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 14pt;
}
.videoDate{
	width: 300px;
	margin: 150px 0px 0px -60px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	color: rgb(219,6,5); /* rouge */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	font-size: 20pt;
	text-align: center;
	text-shadow: inherit;
}
.videoYouTube{
	margin: -199px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
/* -------------------------------------------------------------- */
#contact{
	margin : 10px 250px 0px 120px;
	padding: 75px 0px 0px 0px;
	height: 468px;
	background-image: url(../images/lettre.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#contactContenu{
	margin: 0px 0px 0px 0px;
	padding: 135px 0px 0px 130px;
	letter-spacing: 2px;
	text-shadow: none;
}
#contactContenu {
	font-size: 15pt;
}
/* -------------------------------------------------------------- */
#faq{
	margin : -7px 250px 0px 120px;
	padding: 70px 70px 70px 70px;
	height: 550px;
	background-image: url(../images/bulleFaq.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
/* -------------------------------------------------------------- */
#boutique{
	margin : 30px 250px 0px 120px;
	padding: 0px 30px 20px 30px;
}
.objet{
	height: 240px;
	margin: -10px 0px 0px 0px;
	padding: 40px 140px 0px 150px;
	background-image: url(../images/objet.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.objet img{
	float: left;
	width: 120px;
	margin: 10px 10px 50px 10px;
	padding: 0px 0px 0px 0px;
	border: 2px solid black;
}
.objet span{
	color: rgb(67,74,250); /* bleu */
}
#faq p{
	font-size: 80%;
}
/* -------------------------------------------------------------- */
#commentaires{
	height: 1000px;
	margin : -7px 250px 0px 130px;
	padding: 70px 70px 70px 70px;
	background-image: url(../images/bulleCommentaires.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: local;
}
#commentairesDate{
	width: 300px;
	margin: 190px 0px 0px -130px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	color: rgb(219,6,5); /* rouge */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	font-size: 20pt;
	text-align: center;
	text-shadow: inherit;
}
#commentairesYouTube{
	margin: -210px 0px 6px 60px;
	padding: 0px 0px 0px 0px;
}
#commentairesContenu{
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	
}
.commentaire{
	margin: 0px 0px 0px 0px;
}
.commentaire img{
	float: left;
	width: 60px;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
.commentaire span{
	color: rgb(67,74,250); /* bleu */
	font-size: 13pt;
	text-shadow: none;
}
/* -------------------------------------------------------------- */
#versions{
	text-align: center;
}
#versions img{
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
/* -------------------------------------------------------------- */
h1{
	margin:  0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 44pt;
	letter-spacing: 2px;
	text-align: center;
}
h2{
	margin:  0px 0px 0px 0px;
	padding:  15px 0px 10px 0px;
	font-size: 24pt;
	letter-spacing: 2px;
	color: rgb(67,74,250); /* bleu */
	text-align: center;
}
h3{
	margin:  0px 0px 0px 0px;
	padding:  15px 0px 0px 0px;
	font-size: 20pt;
	letter-spacing: 3px;
	color: rgb(219,6,5); /* rouge */
}
h4{
	margin:  0px 0px 0px 0px;
	padding:  15px 0px 0px 0px;
	font-size: 16pt;
	letter-spacing: 3px;
	color: rgb(219,6,5); /* rouge */
	text-shadow: none;
}
input{
	width: 120px;
	height: 25px;
	margin:  0px 0px 0px 20px;
	font-size: 13pt;
	font-family: loma;
	letter-spacing: 3px;
	background-color: rgb(231, 231, 231);
	color: red;
	text-shadow: 
		black 1px 1px,
		black -1px 1px,
		black -1px -1px,
		black 1px -1px;
}
p{
	text-shadow: none;
}
span{
	font-weight: bold;
	color: rgb(219,6,5); /* rouge */
}
a:link{
	color: rgb(219,6,5); /* rouge */
	text-decoration: none;
	text-shadow: none;
}
a:hover{
	color: rgb(67,74,250); /* bleu */
	text-decoration: underline;
}
a:visited{
	color: rgb(219,6,5); /* rouge */
}
a img{
	border: none;
}
textarea{ 
	resize:none;
}
.black{
	color: black;
}
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
#footer{
	font-size: 13pt;
	letter-spacing: 1px;
	text-shadow: none;
}
#footer ul{
    margin: 0px 0px 0px 0px;
    padding: 9px 0px 8px 0px;
    list-style: none;
}
#footer li{
	float : left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
}
#footer a{
	color: rgb(67,74,250); /* bleu */
	text-decoration: none;
}
#footer a:visited{
	color: rgb(67,74,250); /* bleu */
}
#footer a:hover{
	color: rgb(219,6,5); /* rouge */
}
#footer .chut a{
	color: black;
	text-decoration: none;
}
#footer .chut a:hover{
	color: black;
}
#footer .chut a:visited{
	color: black;
} 
#footer .vChut a{
	color: rgb(67,74,250); /* bleu */
	text-decoration: none;
}
#footer .vChut a:hover{
	color: rgb(67,74,250); /* bleu */
}
#footer .vChut a:visited{
	color: rgb(67,74,250); /* bleu */
}
/* -------------------------------------------------------------- */
#legende{
 	/*border: 1px solid #333;*/ 
 	height: 55px;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 50px;
	margin : -5px 0px 0px 0px;
	padding: 8px 0px 0px 90px;
	background-image: url(../images/footer.png);
	background-size: 100%;
	background-repeat: no-repeat;	
}