/*

CSS par défaut, pouvant servir de modèle
Mathieu Lafourcade et Colin Vidal - 2012

*/

body {
	font-family:Sans-Serif;
	font-size:14px;
	margin:0px;
    overflow: hidden;
    text-align: center;
    background-image:url(../../tierce_pics/motifdada_dark.jpg);
	background-repeat:repeat;
}

.about {
	/*background-color:#488AC7;*/
    background-color:#006634;
    display:inline-block;
    height:16px;
	width:20px;
    position:absolute;
    top:0px;
    right:0px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:white;
	font-weight:bolder;
	font-size:14px;
}
.about a {
        color:white;
}

.about-page-titles{
	color:orange;
	margin:5px;
	margin-top:20px;
}
.a-bottom{
        font-size:15px;
	    display:block;
        width: 100%;
        border:0px solid red;
}


.a-top{font-size:30px;margin:0px;}

.a-middle{font-size:25px;}

table {
	/*max-width:90%;*/
	margin: 0px auto;
	margin-left:50px;
	margin-right:50px;
	width: calc(100% - 100px);
	height:90%;
    text-align: center;
    border-spacing:10px 10px;
    border-radius: 0px;
}

.tab-about {
	margin:5px;
	width:600px;
	height:100px;
    text-align: center;
    border: 1px solid grey;
    background-color: rgba(255,255,255,0.5);
    cursor:default;
}

.tab-about-contour{
	display:inline;
	border:solid 0px red;
    align:center;
	text-align:center;
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
}

tr, td {
	text-align:center;
	margin:20px;
	border-radius: 0px;
}

td {
	height:33%;
	margin:20px;
	border-radius: 0px;
}

.submit {
    display: inline-block;
	position:relative;
	bottom: 5px;

	margin:auto;
	margin-left:auto;
	margin-right:auto;


	width:auto;
	height:80px;
	font-size:25px;
	text-align:center;
	letter-spacing: 15px;
	font-weight:bolder;

	border-top: 1px solid #96d1f8;
	border: 5px solid white;

	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#003300), to(#006634));
	background: -webkit-linear-gradient(top, #003300, #006634);
	background: -moz-linear-gradient(top, #003300, #006634);
	background: -ms-linear-gradient(top, #003300, #006634);
	background: -o-linear-gradient(top, #003300, #006634);
	padding: 20px 40px;
	
	/*
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
*/

	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 24px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
    cursor:pointer;
}

.submit:hover {
	border-top-color: #28597a;
	background: #006634;
	border: 5px solid white;
	color: #ccc;
       cursor:pointer;
   }

.submit:active {
	border-top-color: #1b435e;
	background: #006634;
	border: 5px solid white;
        cursor:pointer;
}

.reset-game, .reset-game a{
	text-align:center;
	/*color:#488AC7;
       color:#006634;*/
	color:white;
	font-weight:bold;
	font-size:24px;
	padding-left:10%;
	padding-right:10%;
	padding-top:0px;
	text-shadow: black 0.1em 0.1em 0.2em;
	position:relative;
	bottom: 5px;
}

.reset-game-end {
	display:none;
}

a, a:hover, a:visited{
	text-decoration:none;
}

.menu, .menu a{
	/*background-color:#488AC7;*/

        background-color:#006634;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:white;
	font-weight:bolder;
	font-size:16px;
}

.page-resultats {
	/*display:none;*/
}

.subject, .line-resultats{
	text-align:center;
	/*color:#488AC7;*/
 color:white;
	font-weight:bold;
	font-size:24px;
	padding-left:10%;
	padding-right:10%;
	padding-top:16px;
	/* text-shadow: black 0.1em 0.1em 0.2em;*/
	 text-shadow: grey 2px 2px 4px;
}

.subject-about {
	font-size:23px;
}

.target {
	text-align:center;
	font-family:Sans-Serif;
	font-weight:bold;
	
	font-size:45px;
	color:orange;
    padding:14px;
	letter-spacing:3px;
	text-shadow: grey 2px 2px 4px;
	/* text-shadow: black 0.1em 0.1em 0.2em;*/
}

.rapsep {
	display:inline;
	position:relative;
	padding-left:3px;padding-lright:3px;
}
.rapsepterm {
}
.rapseptarget {
}

.score {
	font-size:30px;
	color:#ff2e2e;
}

.table-selection {
}

.tbl {
}

.proposition, .proposition a, .proposition a:hover, .proposition a:visited,
.proposition_pos, .proposition_pos a, .proposition_pos a:hover, .proposition_pos a:visited,
.proposition_neg, .proposition_neg a, .proposition_neg a:hover, .proposition_neg a:visited,
.proposition_inactive, .proposition_inactive a, .proposition_inactive a:hover, .proposition_inactive a:visited {
	/*border-radius: 12px;*/
	border-radius: 2px;
	
	font-family:Sans-Serif;
	/*text-shadow: black 1px 1px 0;*/
    text-shadow: grey 0.1em 0.1em 0.2em;
	margin:3px;
	width:25%;
	background-color: rgba(255,255,255,0.5);
    cursor:inherit;
	/*color:#488AC7;*/
    /* color:#006634;*/
	color:grey;
	color:#006634;
	padding:10px;
}

.txt-prop{
        cursor:inherit;
}


.proposition, .proposition a, .proposition a:hover, .proposition a:visited{
	font-size:30px;
	text-align:center;
	font-weight:bolder;
	opacity:0.75;
	box-shadow: inset 0px 2px 3px #666;
        cursor:pointer;
}

.proposition:hover{
	font-size:36px;
}

.proposition_pos, .proposition_pos a, .proposition_pos a:hover, .proposition_pos a:visited{
	color:#006634;
	font-size:30px;
	text-align:center;
	font-weight:bolder;
        cursor:pointer;
}

.proposition_pos:hover{
	font-size:36px;
}

.proposition_neg, .proposition_neg a, .proposition_neg a:hover, .proposition_neg a:visited{
	color:red;
	width:200px;
	font-size:30px;
	text-align:center;
	font-weight:bolder;
        cursor:pointer;
}

.proposition_neg:hover{
	font-size:36px;
}

.proposition_inactive, .proposition_inactive a, .proposition_inactive a:hover, .proposition_inactive a:visited{
	font-size:30px;
	text-align:center;
	font-weight:bolder;
	opacity:0.5;
	box-shadow: inset 0px 2px 3px #666;
}

.order_sticker {
	float:right;
	display:inline-block;
	position:relative;
	bottom:-30px;;
	right:30px;

	background: radial-gradient( 5px -9px, circle, white 8%, purple 26px );
	background-color: purple;
	border: 2px solid white;
	border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
	box-shadow: 1px 1px 1px black;
	color: white;
	font: bold 15px/13px Helvetica, Verdana, Tahoma;
	height: 16px; 
	min-width: 14px;
	padding: 4px 3px 0 3px;
	text-align: center;
	box-shadow: inset 0px 2px 3px #666;
}

.res_true {
	dislay:inline;
	font-size:30px;
	text-shadow: black 1px  1px 0;
}

.res_choix{
	dislay:inline;
	font-size:30px;
	text-shadow: black 1px  1px 0;
}

.pos_pds {
	color:#006634;
	text-shadow: black 1px  1px 0;
}

.neg_pds {
	color:red;
	text-shadow: black 1px  1px 0;
}

.score {
		text-align:center;
	font-family:Sans-Serif;
	font-weight:bold;
	
	font-size:45px;
	color:orange;
        padding:14px;
	letter-spacing:3px;
	/*text-shadow: black 1px 1px 0;*/
	/* text-shadow: black 0.1em 0.1em 0.2em;*/
	 text-shadow: grey 2px 2px 4px;
}

.layout-div-top{
	display:block;
	position:relative;
	top:0%;
	width:100%;
}

.layout-div-middle{
	display:block;
	position:relative;
	top:0%;
	width:100%;
	height:50%;
        text-align: center;
}

.layout-div-bottom{
	display:block;
	position:absolute;
	bottom: 0px;
        left: 0px;
        width: 100%;
        height:15%
        border:0px solid red;
}

.layout-div-bottom-about {
        position:fixed;
        bottom:0px;
}