@charset "utf-8";
/* CSS Document */
.texteB {
	width:358px;
	position:relative;
	z-index:20;
}
.texteB p {
	margin-top:0px;
} 
.persosB {
	position:relative;
}
a.lienDieu {
	display:block;
	float:left;
	height:47px;
	width:91px;
	margin:1px 1px 0px 0px;
	border-radius:2px;
	color:#FFF;
	font-weight:600;
	text-align:center;
	padding-top:30px;
}
body .b_bleu {
	background-color:#22A1CB;
}
body .b_marine {
	background-color:#2674CB;
}
body .b_violet {
	background-color:#5247CD;
}
body .b_pourpre {
	background-color:#703DD4;
}
body .b_rose {
	background-color:#D55DC4;
}
body .b_rouge {
	background-color:#D64F66;
}
body .b_orange {
	background-color:#DC6F49;
}
body .b_marron {
	background-color:#AC6C58;
}
body .b_beige {
	background-color:#C09767;
}
body .b_jaune {
	background-color:#D2B742;
}
body .b_anis {
	background-color:#86B94E;
}
body .b_vert {
	background-color:#529558;
}
body .b_cyan {
	background-color:#41BCBA;
}
body .b_noir {
	background-color:#343C49;
}
.persoA.p_bleu:hover {
	background-color:rgba(34,161,203,0.5);
}
.persoA.p_marine:hover {
	background-color:rgba(38,116,203,0.5);
}
.persoA.p_violet:hover {
	background-color:rgba(82,71,205,0.5);
}
.persoA.p_pourpre:hover {
	background-color:rgba(112,61,212,0.5);
}
.persoA.p_rose:hover {
	background-color:rgba(213,93,196,0.5);
}
.persoA.p_rouge:hover {
	background-color:rgba(214,79,102,0.5);
}
.persoA.p_orange:hover {
	background-color:rgba(220,111,73,0.5);
}
.persoA.p_marron:hover {
	background-color:rgba(171,107,87,0.5);
}
.persoA.p_beige:hover {
	background-color:rgba(189,149,101,0.5);
}
.persoA.p_jaune:hover {
	background-color:rgba(208,181,65,0.5);
}
.persoA.p_anis:hover {
	background-color:rgba(134,185,78,0.5);
}
.persoA.p_vert:hover {
	background-color:rgba(82,148,88,0.5);
}
.persoA.p_cyan:hover {
	background-color:rgba(64,183,181,0.5);
}
.persoA.p_noir:hover {
	background-color:rgba(31,36,45,0.5);
}
@media all and ( max-width:989px ) {
.p_bleu .int,
.Dzeus a.int {
	background-color:rgba(34,161,203,0.5);
}
.p_marine .int,
.Dposeidon a.int {
	background-color:rgba(38,116,203,0.5);
}
.p_violet .int,
.Dhera a.int {
	background-color:rgba(82,71,205,0.5);
}
.p_pourpre .int,
.Ddionysos a.int {
	background-color:rgba(112,61,212,0.5);
}
.p_rose .int,
.Daphrodite a.int {
	background-color:rgba(213,93,196,0.5);
}
.p_rouge .int,
.Dares a.int {
	background-color:rgba(214,79,102,0.5);
}
.p_orange .int,
.Dathena a.int {
	background-color:rgba(220,111,73,0.5);
}
.p_marron .int,
.Dhephaistos a.int {
	background-color:rgba(171,107,87,0.5);
}
.p_beige .int,
.Dhestia a.int {
	background-color:rgba(189,149,101,0.5);
}
.p_jaune .int,
.Dapollon a.int {
	background-color:rgba(208,181,65,0.5);
}
.p_anis .int,
.Dartemis a.int {
	background-color:rgba(134,185,78,0.5);
}
.p_vert .int,
.Ddemeter a.int {
	background-color:rgba(82,148,88,0.5);
}
.p_cyan .int,
.Dhermes a.int {
	background-color:rgba(64,183,181,0.5);
}
.p_noir .int,
.Dhades a.int {
	background-color:rgba(31,36,45,0.5);
}
}
.box_persos {
	width:368px;
	position:absolute;
	left:50%;
	margin-left:-184px;
}
.phrase_selection {
	position:absolute;
	left:400px;
	top:85px;
	color:#FFF;
	font-size:21px;
	font-weight:300;
	width:200px;
}
.phrase_selection span {
	display:block;
	padding-left:100px;
}
.rub_text .lire {
	color:#FFF;
}
.dieuO .int {
	display:none;
	position:absolute;
	top:0px;
	right:-430px;
	width:409px;
}
.dieuO:hover .int {
	display:block;
}
.dieuO .int h2 {
	margin:0px;
	color:#FFF;
	font-size:36px;
	font-weight:300;
}
.dieuO .int .dieuR {
	color:#FFF;
	font-size:21px;
	font-weight:300;
}
.dieuO .dieu_info {
	width:170px;
	font-size:18px;
	color:#000;
	padding-top:6px;
}
.dieuO .dieu_img {
	position:absolute;
	right:-40px;
	top:0px;
}
.dieuLittle {
	display:none;
	position:absolute;
	bottom:-220px;
	left:50%;
	margin-left:25px;
	width:190px;
	height:190px;
}
.dieuO:hover .dieuLittle {
	display:block;
}
.dieuLittle img {
	width:100%;
	height:100%;
}
.little {
	display:block;
	bottom:-210px;
	margin-left:40px;
	width:150px;
	height:150px;
}
.persosA {
    width:68%;
	float:right;
}
.persosA .box_persos {
    left:auto;
    margin-left:0px;
    position: relative;
    width:auto;
}
.persoA {
	width:30%;
	height:300px;
	float:left;
	padding:1%;
	margin-right:1%;
	margin-bottom:70px;
	border-radius:4px;
	transition:0.2s;
}
.persoA a {
	color:#000;
}
.persoA a h2 {
	margin:0px;
	color:#FFF;
}
.persoA a:hover {
	color:#FFF;
}
.persoA img {
	display:block;
	margin:auto;
	width:auto;
	height:auto;
	max-height:265px;
}
.persoA .dieu_info {
	padding:4px 0px;
}
.persoA .dieuR {
	color:#FFF;
}
.mythe {
	width:97%;
	height:auto;
	float:none;
	margin-bottom:10px;
}
.mythe img {
    max-height: none;
    width: 100%;
}