/* Feuille unique du site. L'ordre des sections est celui de l'ancienne cascade (ne pas le changer sans vérifier le rendu). */

/*===============================================================
 * Mobile (écrans de 751 px et moins), ex resp-small.css
 * ===============================================================*/

/* titre de l'accueil : <h1> avec l'apparence de l'ancien <h2> (avant la section mobile, qui le surcharge) */
.page-header h1 {
	font-size: 1.2em;
	line-height: inherit;
	margin: .83em 0;
}

@media screen and (max-width: 751px) {

/*---------------------------------------------------------------
 * 		 Template specific layout elements 
 * ---------------------------------------------------------------*/

#page_bg { padding: 0; margin-bottom: 1px;	background: #494947;}
div#wrapper {
	width: 100%;
	border-radius: 10px;
	background-color: #A5A9D9;
}

/*---------------------------------------------------------------
 * 		 Header 
 * ---------------------------------------------------------------*/

header {
	z-index: 3;
	width: 100%;
	left: 0;
	top: 0;
	position: relative;
	height: 60px;
	background: linear-gradient(to bottom, #c5c9f8, #A5A9D9);
	box-shadow: 0px 0px 20px rgba(93,97,148,0.3) inset;
}

div#logo {
	position: absolute;
	width: calc(100% - 60px);
	height: 60px;
}

.title-mobile{text-decoration: none;padding: 0px 0px;text-transform: uppercase;margin: 0 auto;}
a.title-mobile {color: #FFF;font-weight: bold;line-height: 55px;}
.title-mobile img{max-height:60px;}

/*---------------------------------------------------------------
 * 		 Menu 
 * ---------------------------------------------------------------*/
 
#pillmenu {display:none;}
#leftcolumn {display:none;}

/*---------------------------------------------------------------
 * 		 Corps 
 * ---------------------------------------------------------------*/

#whitebox {
	margin: 0;
	padding-top:8px;
	padding-bottom:8px;
	background: #fff;
	width: auto;
	border-top:10px solid #e9e9ff;
	border-left:1px solid #e9e9ff;
	border-right:1px solid #e9e9ff;
	border-bottom:1px solid #e9e9ff;
}

/*	---- Colonne principale */

#maincolumn_full {
	padding: 0 10px;
	list-style-image: url(../images/puce.png);
}

#maincolumn_full img {max-width:100%;border:0;}
#maincolumn_full ul, #maincolumn_full ol {margin-left: 1em;padding-left: 1em;}
#maincolumn_full table {max-width:inherit;}
#maincolumn_full h1 {text-align:center;}
.page-header h2, .page-header h1 {text-align:center;line-height: 1em;font-size: 1.5em;padding-bottom:1em;border-bottom:1px solid #ccc}
.category-desc h1 {text-align:center;line-height: 1em;font-size: 1.8em;}

.mascotte-menu {max-width:50%;}

/*	---- News */

.item.column-1 h2 {text-align:left;font-size: 1em;width:90%;margin: 0 0 0.3em 20px;}
.category-desc p {border-top:1px solid #ccc;}

/*	---- La page team */

.memb-right, .memb-left {max-width : 100%}

/*	---- La page contact */

#whitebox textarea, #whitebox input[type="text"], input[type="email"] {
	width: 90%;
	max-width: 350px;
	box-sizing: border-box;
	margin: 0 10px;
}
button[type="submit"] {margin: 0 10px;}
div.label {width:90%;margin-left: 1em;}

/*	---- Les tests */

.ud-title{display:none;}
.tabtests-ico img{max-width:20%;}
.tabtests {font-size:0.7em;}

/*#maincolumn_full table,#maincolumn_full tbody { display: block; }
#maincolumn_full tr { display: table; }
#maincolumn_full td { display: table-row; }*/

.scrncrck {text-align:center;padding-right:5px;} /*Alignement des screens de la page cracktros*/
.scrncrck img {max-width:50%;}

/*---------------------------------------------------------------
 * 		 Footer 
 * ---------------------------------------------------------------*/

div#footer {
	padding-top:3px;
	color:#f7f7f7;
	background: #3b3b3b;
	text-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5) inset;
	/*height: 80px;*/
}
.search-footer {width: calc(100% - 70px);}
.search-footer label {margin: 0;}

.search-footer input[type="search"] {
	appearance: none;
	background:#333;
	border : 2px solid #222;
	border-radius: 5px;
	max-width: 350px;
	box-shadow: 0 2px 7px #222222 inset;
	margin: 5px;
	color: #bbb;
}

/* texte d'exemple « Rechercher... » : même gris que le texte tapé (contraste 6,6:1 sur #333) */
.search-footer input[type="search"]::placeholder {
	color: #bbb;
	opacity: 1;
}

.nav-footer p{margin: 5px auto;}
.nav-footer a {padding:3px 5px}

.nav-footer a:hover {	
	text-decoration:none;
	border-radius:5px;
	background: #363636;
	background: -o-linear-gradient(top, #3e3e3e, #383838);
	background: -ms-linear-gradient(top, #3e3e3e, #383838);
	background: -moz-linear-gradient(top, #3e3e3e, #383838);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
	background: -webkit-linear-gradient(#3e3e3e, #383838);
	background: linear-gradient(top, #3e3e3e, #383838);
	border-top: 1px solid #484848;
	border-bottom: 1px solid #2E2E2E;
	color: #fff;
}
	
.nav-footer a:active {
	background: #363636;
	background: -o-linear-gradient(top, #3e3e3e, #2e2e2e);
	background: -ms-linear-gradient(top, #3e3e3e, #2e2e2e);
	background: -moz-linear-gradient(top, #3e3e3e, #2e2e2e);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
	background: -webkit-linear-gradient(#3e3e3e, #2e2e2e);
	background: linear-gradient(top, #3e3e3e, #2e2e2e);
	-moz-box-shadow: 0 2px 7px #222222 inset;
	-webkit-box-shadow: 0 2px 7px #222222 inset;
	box-shadow: 0 2px 7px #222222 inset;
	border-top-color: #222222;
}
.nav-footer a:link, .nav-footer a:visited {color: #bbb;} /* contraste 5,8:1 sur #3b3b3b */

div#footer_l {
	display:none;
	position: absolute;
	top: 40px;
	margin-left: 1em;
	height: 37px;
}

div#footer_r {
	height: 37px;
}

div#footer_r p {
	font-size: .90em;
}

#syndicate{display:none;}
#power_by br{display:none}
}

/*===============================================================
 * Bureau (écrans de 752 px et plus), ex resp-big.css
 * ===============================================================*/

@media (min-width: 752px) {

/*---------------------------------------------------------------
 * 		 Template specific layout elements 
 * ---------------------------------------------------------------*/

#page_bg { padding: 10px 0; margin-bottom: 1px;	background: #494947 url(../images/bg.png) 0 0 repeat;}
div#wrapper {
	margin: 10px auto;
	width: 752px;
	box-shadow: 5px 5px 51px 11px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #A5A9D9;
}

/*---------------------------------------------------------------
 * 		 Header 
 * ---------------------------------------------------------------*/

/*div#header*/header {
	position: relative;
	height: 230px;
	overflow: hidden;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background: linear-gradient(to bottom, #c5c9f8, #A5A9D9)
}

.title-mobile{display:none;}

div#logo {
	position: absolute;
	margin:0 auto;
	width: 752px;
	height: 230px;
	background: url(../images/bann/bann-test.png) center center no-repeat;
/*	background: url(../images/bann/bann-test_ANNIV6.png) 0 0 no-repeat;          */
}

/*---------------------------------------------------------------
 * 		 Menu 
 * ---------------------------------------------------------------*/

div#tabarea {
	background: #A5A9D9 url(../images/DA_header_b.png) 0 0 repeat-x;
	height: 32px;
}

#pillmenu {
	white-space: nowrap;
	height: 32px;
	margin: 0 auto;
	width:100%;
	text-align: center;
	background: url(../images/DA_menu_normal_bg.png) repeat-x;
}

.nav-toggle {display:none;}
.nav-collapse {display:none;}
 
/*---------------------------------------------------------------
 * 		 Corps 
 * ---------------------------------------------------------------*/

#whitebox {
	margin: 10px 10px 10px 10px;
	border:1px solid #ccc;

	padding-top:8px;
	padding-bottom:8px;
	background: #fff;
	width: auto;
	border-radius: 10px;
}

/*	---- Menu gauche */

#leftcolumn {
	padding: 0 0 0 10px;
	margin: 0;
	width: 20%;
	float:left;
}

/*	---- Colonne principale */

#maincolumn_full {
	float:left;
	padding-left: 15px;
	width: 75%;
	list-style-image: url(../images/puce.png);
}

/* les images plus larges que la colonne sont réduites (comme dans la section mobile) */
#maincolumn_full img {max-width:100%;}
/* dans un tableau, max-width: 100% laisse la cellule écraser l'image */
#maincolumn_full td img {max-width:none;}

/*	---- News */

.item.column-1 h2 {
	margin: 0 0 0.3em 20px;
}

/*	---- La page team */

.memb-left {float : left; width : 250px; display : block;}
.memb-right {width : 250px;	position : relative; margin-left : 265px; padding-left : 5px; display : block;}

.scrncrck {text-align:center;padding-right:5px;} /*Alignement des screens de la page cracktros*/

/*---------------------------------------------------------------
 * 		 Footer 
 * ---------------------------------------------------------------*/

div#footer {
	background-color:#F7F7F7;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 47px;
}

.nav-footer{display:none;}
.search-footer{display:none;}

div#footer_l {
	float:left;
	padding-top: 1em;
	margin-left: 3em;
	height: 37px;
	overflow: hidden;
}

div#footer_r {
	padding-top: 1em;
	height: 37px;
	overflow: hidden;
}

div#footer_r p {
	text-align: right;
	font-size: .90em;
}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{float:right;padding-right: 25px;}
#power_by br{display:none}
}

/*===============================================================
 * Gabarit, ex template.css
 * ===============================================================*/

/*---------------------------------------------------------------
 * 		Core html
 * 		Template specific layout
 * 		Menu
 * 		Corps
 * 		News
 * 		Footer
 * ---------------------------------------------------------------*/

/*** Core html setup stuff ***/

html {height: 100%; margin-bottom: 1px;}
form {margin: 0; padding: 0;}
body {font-family: "HelveticaNeue","Helvetica","Arial",sans-serif; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333;}
a:link, a:visited {text-decoration: none;color: #990033;}
a:hover {text-decoration: underline;color: #990033;}
#maincolumn_full a[href^="http://"]:after, #maincolumn_full a[href^="https://"]:after {
	content: url(../images/ico_ext_link.gif);
  	margin: 0 0 0 2px;
}
input.button { cursor: pointer; }
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }
.justify { text-align: justify; }

/*---------------------------------------------------------------
 * 		 Template specific layout elements
 * ---------------------------------------------------------------*/

/* lien « Aller au contenu » : hors de l'écran, visible quand il a le focus (navigation au clavier) */
.skip-link {
	position: absolute;
	top: -100px;
	left: 10px;
	z-index: 100;
	padding: 8px 15px;
	border-radius: 0 0 10px 10px;
	background: #990033;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.skip-link:focus {
	top: 0;
}

/* la colonne principale reçoit le focus du lien d'évitement : pas de cadre autour */
#maincolumn_full:focus {
	outline: none;
}

/*---------------------------------------------------------------
 * 		 Menu
 * ---------------------------------------------------------------*/

/* contexte d'empilement : le fond de l'onglet actif (z-index -1) reste au-dessus du fond de la barre */
#pillmenu {
	position: relative;
	z-index: 0;
}

#pillmenu ul {
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	list-style:none;
}

#pillmenu li {
	display:inline;
	text-align:center;
	margin: 0;
	padding: 0;
}

#pillmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
	color: #000;
	text-decoration: none;
}

#pillmenu a#active_menu-nav {
	position: relative;
	height: 26px;
}

/* dégradé glossy de l'onglet actif, dans le mauve du site (#A5A9D9) */
#pillmenu a#active_menu-nav::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	/* effet « glossy » de l'ancienne image DA_menu_active_bg.png : reflet en haut, cassure à mi-hauteur */
	background: linear-gradient(
		#E4E5F4 0,
		#C9CBE8 48%,
		#A5A9D9 48%,
		#A5A9D9 100%
	);
	opacity: .6;
}

#pillmenu a:hover {
  color: #990033;
}

/*---------------------------------------------------------------
 * 		 Corps
 * ---------------------------------------------------------------*/

#whitebox div {
	text-align: left;
}

#whitebox_m {
	width: auto;
	padding: 1px 8px;
}

#leftcolumn nav.menu {
	width: auto;
}

/*	---- Champ de recherche en haut du menu gauche (comme le module de recherche du Joomla) */

form.search-menu {
	position: relative;
	margin: 10px 10px 10px 0;
}

form.search-menu input[type="search"] {
	appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: 3px 28px 3px 10px;
	border: 1px solid #999;
	border-radius: 10px;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
	font-size: .9em;
}

/* loupe dans le champ, à droite */
form.search-menu button {
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	padding: 2px 4px;
	border: 0;
	border-radius: 0;
	background: none;
	color: #666;
	cursor: pointer;
}

form.search-menu button:hover {
	border: 0;
	background: none;
	color: #990033;
}

.mascotte-menu {float:left;height:134px;line-height:134px;}
.mascotte-menu h1 {vertical-align:middle;display:inline-block;line-height:normal;}

/*	---- News */

.corps-news {
	background-color: #EFEFF9;
	border: 1px solid #CAA7CF;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.details-news {
	width: 30%!important;
	display: inline-block;
	float:right;
	height: 20px;
	width: 100%;
	text-align:right;
	vertical-align: top;
	font-size: .90em;
	color: #6b6585; /* contraste 4,8:1 sur le fond mauve clair, 5,5:1 sur blanc */
	font-weight: normal;
	margin: 0 20px 0.3em 0;
/*	padding: 0 0 5px 0;*/
}

.h2-title-news {width: 60%!important;display: inline-block;}

.corps-news p{	text-align:justify;}

/* ---- Les pages listes PAL/US/JP */

.tablistes {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#sequence-boot-dc {background : #333333;color : white;}

/* ---- La page de covers DVD */

.field-covdvd td {/*font-size : small;*/}
.x-small {font-size : 10px;}

/* ---- La page team */

.member {
		background-color: #EFEFF9;
		border: 2px solid #CAA7CF;
		padding: 20px 10px 10px 10px;
		border-radius: 10px;
		margin-bottom: 20px;
}
.member h2 { margin-top : 0px; margin-bottom : 5px; text-align: center;}
p.member-tagline { text-align: center; color : #990033;}

/* ---- page de contact */

input:focus, textarea:focus {border:0.2em solid #990033;}
label {margin-left:1em;}

/* texte blanc sur #A5A9D9 gardé tel quel (choix visuel) ; survol : blanc sur #6266A8, contraste 5,3:1 */
button[type="submit"] {border-radius: 2em 1em 4em / 0.5em 3em;background-color: #A5A9D9;border:0.2em solid #A5A9D9;color:white;}
button[type="submit"]:hover {background-color: #6266A8;color:white;border:0.2em solid #6266A8;cursor:pointer;}

/* ---- Recherche (page de résultats) */

form.search-page {
	margin: 1em 0;
}

form.search-page input[type="search"] {
	width: 60%;
	max-width: 300px;
	padding: 3px 10px;
	border: 1px solid #999;
	border-radius: 10px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
	font-size: .9em;
	vertical-align: middle;
}

.search-count {
	font-weight: bold;
}

ol.search-results {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* le cadre est celui des news (corps-news) : survol bleu clair comme sur le Joomla */
.search-result:hover .corps-news {
	background-color: #DEEFF8;
}

.search-result .corps-news p {
	margin: 0;
	text-align: justify;
}

mark {
	background-color: #CAA7CF;
	color: inherit;
	border-radius: 2px;
}

/*---------------------------------------------------------------
 * 		 Footer
 * ---------------------------------------------------------------*/

div#footer_r a:link, div#footer_r a:visited  {
	color: #bbb;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */

h1 {
	padding: 0;
	line-height : 1.3em;
	font-family: Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #990033;
	text-align: left;
	width: 100%;
}

/* titre de page qui est une image (logo) : même rendu que l'ancien <div> centré */
h1.logo-title {
	margin: 0;
	font: inherit;
	line-height: inherit;
	text-align: center;
}

/* logo suivi d'icônes en lien sur la même ligne : seul le logo est le titre */
h1.logo-title-inline {
	display: inline;
}

h2, .page-header {
	padding: 0;
	font-family: Helvetica ,Arial,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: bottom;
	color: #990033;
	text-align: left;
	width: 100%;
}

table.contentpaneopen h3 {
	margin-top: 10px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990033;
}

h3, legend {
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

/* small text */
.small {
	font-size: .90em;
	color: #6b6585;
	font-weight: normal;
	text-align: left;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* menu links */

ul.nav.menu {
	padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	list-style-type: none;

}

/* spacers */

.clr {
	clear: both;
}

/* content styles */
table.contentpaneopen {
	margin: 0;
	padding: 0;
	width: 100%; /*avant:auto*/
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border : 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990033;
}

.highlight {
	background-color: #EFEFF8;
	font-weight: bold;
}

/* module control elements */

div.module {
  margin-bottom: 25px;
}

/* forms */

div.search input {
	background : url(../images/search/bg-searchfield-frontpage.png) no-repeat;
	width : 119px;
	height : 20px;
	border : none;
	padding : 1px 15px 1px 10px;
	vertical-align: middle;
	font-size : 0.9em;
	margin: 0 0 0 0;
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Pagination */
div.pagination ul li {
	background-color: #EFEFF9;
	border: 1px solid #CAA7CF;
	display: inline;
}

.pagination-item {
/*    display: inline-block;*/
    padding: 2px 5px 0px 5px; /*    padding: 0px 9px;*/
    margin-right: 5px;
    border-radius: 3px;
    border: solid 1px #CAA7CF;
    background: #EFEFF9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
/*    font-size: .875em;*/
    font-weight: bold;
    text-decoration: none;
    color: #717171;
/*    text-shadow: 0px 1px 0px rgba(255,255,255, 1);*/
}

.pagination-item:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pagination-item.active {
    border: none;
    background: #CAA7CF;
    box-shadow: inset 0px 0px 8px #CAA7CF, 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.active.début, .active.précédent, .active.fin, .active.suivant {display:none;}

.pagination-item.disabled {
	/*	https://stackoverflow.com/a/4407335 */
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
            opacity: 0.5;
            display: none;
}
.pagination-item.prev.disabled:hover {
	pointer-events: none;
}

div.pagination ul,
div.pagination p.counter {
text-align: center;
}

/* espace entre la pagination et les cadres des news ou des résultats */
div.pagination {
	margin: 2.5em 0;
}

.item-76 img, .item-76 span {vertical-align:middle;}
.not-found img {width : 100%;}

/*------------------homebrew*/

.mauve{background-color: #e9e9ff;vertical-align:top;border-top:2px solid black;}
.grey{background-color: #eeeeee;}

.rwd-table {margin: 1em 0;min-width: 300px;}
.rwd-table tr {border-top: 1px solid #000;border-bottom: 1px solid #000;}
.rwd-table th {display: none;}
.rwd-table td {display: block;vertical-align:middle;}
.rwd-table td:first-child {padding-top: .5em;}
.rwd-table td:last-child {padding-bottom: .5em;}
.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 7em;
	display: inline-block;
}

.rwd-table th, .rwd-table td {text-align: left;}
@media (min-width: 480px) {
	.rwd-table td:before {display: none;}
	.rwd-table th, .rwd-table td {display: table-cell;padding: .25em .5em;}
	.rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
	.rwd-table th:last-child, .rwd-table td:last-child {padding-right: 0;}
	/*.rwd-table th, .rwd-table td {padding: 0.5em !important;}*/
	.rwd-table td img{text-align:center;}
}
.rwd-table th, .rwd-table td:before {color: #903;}

/*------------------divers*/
@media (min-width: 752px) {
.divers-left {
    float: left;
    width: 250px;
    display: block;

}

.divers-right {
    width: 250px;
    position: relative;
    margin-left: 265px;
    padding-left: 5px;
    display: block;
}
}

@media screen and (max-width: 751px) {
.divers-right .divers-left {max-width: 100%;}
}

.clear {clear: both;}

/*===============================================================
 * DreamAgain, ex DA.css
 * ===============================================================*/

/* DA */

h3 {
  color: #990033;
}

.center {
	text-align: center !important;
}

#area { padding: 0; background: url(../images/bg_pad.png) bottom right no-repeat; }

/*===============================================================
 * Articles et tests, ex DA-articles.css
 * ===============================================================*/

.tabtests {
	border-radius: 10px;
	width: 100%;
	height : 160px;
	background-color: #EFEFF9;
	border: 2px solid #CAA7CF;
/*	border-collapse : collapse;*/
	margin-top: 1em;
}

.tabtests-titre-jeu {
	padding : 5px 0 0 25px;
	color : #990033;
	text-align : left;
	font-weight : bold;
	border-right : 2px solid #C5A8CB;
	border-bottom : 2px solid #C5A8CB;
}

.tabtests-cover {
	text-align : center;
	border-bottom : 2px solid #C5A8CB;
}

.tabtests-cover img {
	vertical-align : middle;
}

.tabtests-cell {
/*	padding : 0 0 0 5px;*/
	text-align : center;
	border-right : 2px solid #C5A8CB;
	border-bottom : 2px solid #C5A8CB;
}

.tabtests-cell-2 {
	padding : 0 5px 0 0;
	color : #990033;
	text-align : right;
	font-weight : bold;
	border-right : 2px solid #C5A8CB;
	border-bottom : 2px solid #C5A8CB;
}

.tabtests-ico {
	text-align : center;
}

/*===============================================================
 * Divers, ex DA-divers.css
 * ===============================================================*/

.notes {
	font-style : italic;
	margin : 5px 5px 5px 5px;
	padding : 10px;
	border-left : 5px solid;
	border-right : 1px solid;
	border-top : 1px solid;
	border-bottom : 1px solid;
	background: #F0F0F0; /*url(http://dreamagain.free.fr/media/system/images/exclamation_icon.jpg) no-repeat -15px -15px*/
}

.terminal {
font-size: 0.9em;
	font-family:monaco,"Bitstream Vera Sans Mono","Courier New",courier,monospace;
	margin : 5px 3px 5px 3px;
	padding : 10px;
	color: #FFFFFF;
	background: #000000;
}

.h2links {text-transform: uppercase;text-align: center;font-size: 1.3em;line-height: 1.3em;letter-spacing: .3rem;word-spacing: .5rem;font-weight: bold;}

/*===============================================================
 * Menu mobile (responsive-nav), ex nav.css
 * ===============================================================*/

@media (max-width: 751px) {


/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 751px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 751px) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  /*width: 50%;
  float: right;*/
  width: 100%;
  float: left;
  margin-bottom:20px;
}

@media screen and (min-width: 40em) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 50%; /*50%*/
}

@media screen and (min-width: 751px) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-shadow: 0 -1px 2px #222222;
	color: #f7f7f7;
	text-decoration: none;
	text-transform: uppercase;
	background: #3b3b3b;
	background: -o-linear-gradient(top, #3e3e3e, #383838);
	background: -ms-linear-gradient(top, #3e3e3e, #383838);
	background: -moz-linear-gradient(top, #3e3e3e, #383838);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
	background: -webkit-linear-gradient(#3e3e3e, #383838);
	background: linear-gradient(top, #3e3e3e, #383838);
	border-top: 1px solid #484848;
	border-bottom: 1px solid #2E2E2E;
	font-weight: bold;
	padding: 0.7em 1em;
	color: #fff;
	width: 100%;
	float: left;
}

.nav-collapse a:hover {
      background: #404040;
      background: -o-linear-gradient(top, #484848, #383838);
      background: -ms-linear-gradient(top, #484848, #383838);
      background: -moz-linear-gradient(top, #484848, #383838);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
      background: -webkit-linear-gradient(#484848, #383838);
      background: linear-gradient(top, #484848, #383838); }

.nav-collapse a:active,
.nav-collapse .active a {
      background: #363636;
      background: -o-linear-gradient(top, #3e3e3e, #2e2e2e);
      background: -ms-linear-gradient(top, #3e3e3e, #2e2e2e);
      background: -moz-linear-gradient(top, #3e3e3e, #2e2e2e);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
      background: -webkit-linear-gradient(#3e3e3e, #2e2e2e);
      background: linear-gradient(top, #3e3e3e, #2e2e2e);
      -moz-box-shadow: 0 2px 7px #222222 inset;
      -webkit-box-shadow: 0 2px 7px #222222 inset;
      box-shadow: 0 2px 7px #222222 inset;
      border-top-color: #222222;
}

@media screen and (min-width: 751px) {
  .nav-collapse a {
    border-left: 1px solid white;
    padding: 1.02em 2em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 751px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	text-indent: -300px;
	position: relative;
	overflow: hidden;
	width: 60px;
	height: 60px;
	float: right;
	background: #3b3b3b;
	background: -o-linear-gradient(top, #3e3e3e, #383838);
	background: -ms-linear-gradient(top, #3e3e3e, #383838);
	background: -moz-linear-gradient(top, #3e3e3e, #383838);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
	background: -webkit-linear-gradient(#3e3e3e, #383838);
	background: linear-gradient(top, #3e3e3e, #383838);
	text-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5) inset;
}

.nav-toggle:before {
  color: #f7f7f7; /* Edit this to change the icon color */
  font: normal 2em/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 2em;
  content: "\78"; /* Close icon */
}

}