@charset "UTF-8";
/*
	(orange = rgb(236,117,38);)
	(blue = rgb(54,140,143);)
	light-green = rgb(166,211,176);
	dark-blue = rgb(0,73,130);
	lightBlue = rgb(147,177,194);
*/

a{
	color: rgb(0,73,130);
}

#main{
	color: rgb(150,150,150);
}
#main img{
	width: 100%;
	max-width: 300px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.titre{
	padding: 25px 0px 20px 0px;
	margin-bottom: 40px;
	background-color: rgb(166,211,176);
	color: white;
}

#cover img{
	display: block;
	margin: auto;
	margin-bottom: 15px;
}
.eshop_link{
    margin: 0 0 30px 0;
    background: rgb(166,211,176);
}
.eshop_link a{
    padding: 10px 14px;
    border: 2px solid rgb(166,211,176);
    border-radius: 5px;
    background: white;
    /*box-shadow: 0 0 2px 0px rgba(0,0,0,.75);*/
    color: rgb(166,211,176);
    font-size: 17px;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}.eshop_link a:hover{
    /*box-shadow: none;*/
    background: rgb(166,211,176);
    color: white;
    /*border-color: rgb(166,211,176);*/
}
.contact-revue{
        display: block;
	word-break: break-all;
	text-align: left;
	font-size: 12px;
}.contact-revue a{ color: rgb(0,73,130);}
.contact-revue-master{
        padding: 15px 10px 0 0;
	word-break: normal;
	font-size: 14px;
}
#baseline{
	text-align: justify;
	font-weight: lighter;
	font-size: 20px;
}
#revue-data{
	margin: 30px 0 30px 0;
	text-align: left;
}
.data-slot{
	padding: 3px 0 3px 0;
}.data-result{
	color: rgb(0,73,130);
}
#modal-btn{
	padding: 20px;
}
#presentation-revue{
        padding-right: 20px;
	margin-bottom: 30px;
        text-align: justify;
        line-height: 25px;
        letter-spacing: 1.5px;
        font-size: 15px;
}

#revues-univers{
}
#revues-univers h3{
	margin-top: 0;
	color: rgb(150,150,150);
	letter-spacing: 1.5px;
	font-size: 15px;
}
.revue-univers img{
	display: inline-block;
	margin-top: 18px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.modal-body{
	padding: 20px;
}

@media screen and (max-width: 768px){
	#cover img{
		margin-bottom: 40px;
	}
	#baseline{
		width: 80%;
		margin: auto;
		text-align: center;	
	}
}