body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
}
.dg.main {
	display:none;
}
#btRetour2 {
	margin-top:40px;
	margin-left:10px;
	cursor:pointer;
}
#canv {
	background:black;
	z-index:100;
	display:none;
}
#logo {
	position:fixed;
	top:10px;
	right:10px;
	

}
#centrer {
	margin-top:100px;
}
button {
	
	color: red;
	font-size:20px;
	font-weight: bold;
	border: 1px ridge #33ff00;
    padding: 10px;
	text-align: center;
	cursor:pointer;
	
}
#retour {
	display:none;
	margin-top:80px;
	margin-left:40%;
}
.clear {
	clear: both;
	display: block;
}
.f_right {
	float: right;
}
.f_left {
	float: left;
}
.hidden {
	display: none;
}
#main {
	border: 0px ridge #3399cc;
	text-align:left;
}
.left_side {
	background:#F90;
	width:8em;
	height: 5em;
	border:  2px solid #039;
	text-align: center ;
	display:inline-block;
	vertical-align: top;
	margin: 0px 2px 10px 20px;
	padding-left:1em;
	padding-right:1em;
}
.sansLien {
	background:transparent;
	width:auto;
	height: 5em;
	text-align: center !important;
	display:inline-block;
    padding-left:2em;

 }
h4 {
	margin-top:2px;
}
.point {
	width: 8px;
	height: 8px;
	text-align: center !important;
	display:inline-block;
	margin: 0px auto 0px 7px;
}
.point, .left_side {
	/* Prevent text from being selectable */
-webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#dragcenter {
	margin-top:0px;
	margin-left:10px;
	text-align:left;
}

#auteur {
	font-style: italic;
	font-size:.7em;
}
.centrer {
    padding-top:20px;
	text-align: center;
	background:#CCC;
    padding-bottom:20px;
}
#sujet, #sujet-inverse, #attribut-du-sujet, #attribut-du-cod, #cod, #coi, #cos, #cc-temps, #cc-lieu, #cc-maniere, #epithete, #apposition, #complement-de-nom, #complement-d-agent {
	font-size:1.1em;
	background-color: #1e8da8;
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding: 3px;
	margin: 4px;
	width:auto;
	display:inline-block;
	vertical-align:top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* Prevent text from being selectable */
    -webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ligne2 {
	font-size:0.85em;
	color: #ffffff;
}
#feedback {
	border: 0px solid #ff0000;
	float:left;
	background-color: transparent;
	color: #000000;
	width: auto;
	margin-left:50px;
	padding:0;
}
#contenant {
	margin-top:15px;
}
#compteur {
	float:left;
	width: auto;
	padding:0;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 50px;
}
h3 {
	margin-top:0;
	padding:0;
}

#reflechir {
	margin-top: 10px;
	padding:0;
	text-align:center;
}