body
{
    width :100%;
	margin:auto;
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
}

#global
{
    width :100%;
    margin :auto;
    padding :5px;
    background :#ffffff;
}

header
{
    width :100%;
}
.menu
{
    width :90%;
	text-align:center;
	margin:auto;	
}
.bouton1 {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-radius:6px;
	box-shadow:2px 2px 6px #999;
	background:#fff;
	font:bold 13px Arial;
	color:#555;
	width:25%;
	max-width:250px;
	font-size:25px;
	text-align:center;
	margin:auto;
	margin-top:10px;
}


.bouton2 {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-radius:6px;
	box-shadow:2px 2px 6px #999;
	background:#fff;
	font:bold 13px Arial;
	color:#555;
	width:25%;
	max-width:250px;
	font-size:25px;
	text-align:center;
	margin:auto;
	margin-top:10px;
}

.bouton3 {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:3px 1px 3px 1px;
	border-radius:6px;
	box-shadow:2px 2px 6px #999;
	background:#fff;
	font:bold 13px Arial;
	color:#555;
	width:11%;
	height:58px;
	vertical-align:middle;
    max-width:110px;
	font-size:18px;
	text-align:center;
	margin:auto;
	margin-top:5px;
}

.boutonclasse {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:1px 1px 1px 1px;
	border-radius:4px;
	box-shadow:2px 2px 6px #999;
	background:#c0c0c0;
	font:bold 22px Arial;
	color:#000000;
	width:8%;
	height:26px;
	vertical-align:middle;
   	max-width:110px;
	font-size:22px;
	text-align:center;
	margin:auto;
	margin-top:5px;
}

.boutonclasseselect {
	text-decoration:none;
	display:inline-block;
	border:2px solid green;
	padding:1px 1px 1px 1px;
	border-radius:4px;
	box-shadow:2px 2px 6px #999;
	background:#c0c0c0;
	font:bold 22px Arial;
	color:#000000;
	width:8%;
	height:26px;
	vertical-align:middle;
   	max-width:110px;
	font-size:22px;
	text-align:center;
	margin:auto;
	margin-top:5px;
}

h1 { font-size:30px;}
h2 { font-size:25px;}	
h3 { font-size:22px;}

.texos {
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-color:#000000;
	border-radius:6px;
	box-shadow:2px 2px 6px #999;
	background:#fff;
	font:bold 13px Arial;
	color:#555;
	width:29%;
	vertical-align:top;
	font-size:18px;
	text-align:center;
	margin:6px;
}

.tdicts {
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-color:#000000;
	border-radius:10px;
	box-shadow:2px 2px 6px #999;
	background:#fff;
	font:bold 13px Arial;
	color:#555;
	width:90%;
	vertical-align:top;
	font-size:18px;
	text-align:center;
	margin:auto;
}

.boutontitre {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-radius:6px;
	box-shadow:4px 4px 12px #999;
	background:#A4FFFF;
	font:bold 28px Arial;
	color:#5CAEDA;
	width:90%;
	max-width:620px;
	font-size:28px;
	text-align:center;
	margin:auto;
	margin-top:10px;
}

.boutontemps {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-radius:12px;
	box-shadow:6px 6px 12px #999;
	background:#A4FFFF;
	font:bold 20px Arial;
	color:#000;
	width:90%;
	max-width:200px;
	font-size:20px;
	text-align:center;
	margin:auto;
	margin:10px;
}
.boutonhom {
	text-decoration:none;
	display:inline-block;
	border:none;
	padding:6px 6px 6px 6px;
	border-radius:12px;
	box-shadow:6px 6px 12px #999;
	background:#A4FFFF;
	font:bold 20px Arial;
	color:#000;
	width:90%;
	max-width:120px;
	font-size:20px;
	text-align:center;
	margin:auto;
	margin:10px;
}


.soustitre {
	color:#000000;	
	font-size:20px;
}
.jereussis {
	font-size:14px;	
	text-align:left;
	padding-left:2px;
}

.jereussis2 {
	font-size:14px;	
	text-align:left;
	padding-left:2px;
}
#menu{
padding-top:10px;
width:100%;
	margin:auto;
	text-align:center;	
}
#logo
{
	width:60%;
	margin:auto;
	text-align:center;	
	display:inline-block;
}

.blocconjug
{
	display:inline-block;
	width:20%;
	padding:10px;
	text-align:center;
	margin:auto;
	font-size:22px;
	border-radius:12px;
	box-shadow:2px 2px 4px #999;
	background:#A4FFFF;
	margin-top:10px;	
}
.blocconjug2
{
	display:inline-block;
	width:23%;
	padding:10px;
	text-align:center;
	margin:auto;
	font-size:20px;
	border-radius:12px;
	box-shadow:2px 2px 4px #999;
	background:#A4FFFF;
	margin-top:10px;	
}
.blocconjug3
{
	display:inline-block;
	width:30%;
	padding:5px;
	text-align:center;
	margin:auto;
	font-size:20px;
	border-radius:12px;
	box-shadow:2px 2px 4px #999;
	background:#A4FFFF;
	margin-top:10px;	
}
.laconjug
{
	text-align:justify;
	margin:auto;
}

.tinfinitif
{
	text-align:center;
	margin:auto;
	font-size:28px;
	font:bold 26px Arial;
}
.blocexo
{
	display:inline-block;
	width:19%;
	max-width:250px;
	
	font-size:20px;
	height:220px;
	vertical-align:top;
}

.blocdict
{
	display:inline-block;
	width:16%;
	max-width:250px;	
	font-size:12px;
	height:160px;
	vertical-align:top;
}

.blocexo2
{
	display:inline-block;
	width:16%;
	max-width:250px;
	
	vertical-align:top;
}
.ttitre
{
	text-align:center;
	margin:auto;
	width:80%;
	font-size:30px;
}

.marge {margin-left: 1em;}
 
.tstitre
{
	font-size:26px;
}
.ttexte
{
	text-align:justify;
	margin:auto;
	width:80%;
	border:2px solid red;
	padding:15px;
	font-size:20px;
	border-radius:10px;
	
}

.tstexte
{
	text-align:justify;
	margin:auto;
	width:60%;
	font-size:20px;
	border-radius:10px;
	
}
#champsconnexion
{
	width:40%;
	float:right;
	text-align:center;
	padding-top:10px;
}

input[type="submit"]
{
	font-size:22px;
	border: #DDEEFF 1px solid;
	border:2px ridge black;
	border-radius:5px;
}

input[type="submit"]:hover
{
	background-color: #abcdef;
	cursor: pointer;
}


#openfl-content { background: #ffffff; width: 100%; height: 100%; }


#contenu
{ 
    width :60%;
	float:left;
}

#cotegauche
{
	width :19%;
	float:left;
	vertical-align:top;
}

#cotedroit
{	
	 width :19%;
	float:left;
	vertical-align:top;
}


#commentaire
{
	width :60%;
    margin-left:400px;
	text-align:justify;
}
#textcomment
{
	text-align:justify;
	font-size:18px;
	width:100%;
		
}

#vignette
{
   float:left;
   width:24%;
   vertical-align:top;
}
 
 

@media(min-width: 601px) and (max-width: 1000px)
{ 

#commentaire
{
    margin:auto;
	width :100%;
}
#cotegauche
{
    width:18%;
}

#contenu
{ 
    width :80%;
}

#cotedroit
{	
	display:none;	
}


#textcomment
{
	font-size:16px;
}

.boutontitre {
	font-size:20px;
}

.soustitre {
	color:#000000;	
	font-size:16px;
}
.blocconjug
{
	width:30%;
	font-size:20px;
	padding:6px;
	
}
.blocconjug2
{
	width:32%;
	font-size:18px;
	padding:6px;
	
}

.blocconjug3
{
	width:32%;
	font-size:16px;
	padding:5px;
	
}
.tinfinitif
{	
	font-size:22px;
}	
.ttitre
{
	font-size:24px;
}

.tstitre
{
	font-size:20px;
}
.ttexte
{
	font-size:16px;
	padding:10px;
	width:90%;
	
}

.tstexte
{
	font-size:16px;
	padding:10px;
	width:90%;
	
}

.bouton1 {
	width:50%;
	max-width:250px;
}

.bouton2 {
	width:30%;
	max-width:250px;
	font-size:20px;	
}

.bouton3 {
	width:18%;
	max-width:110px;
	font-size:16px;	
	height:50px;
	
}
.boutonclasse {
	font-size:15px;		
	box-shadow:1px 1px 4px #999;
		max-width:54px;
	
}
.jereussis2
{
	font-size:12px;	
}


.boutontemps {
	
	font-size:16px;
}


.boutonhom {
	
	font-size:16px;
}



.blocexo
{
	width:19%;
	max-width:250px;	
	
	font-size:16px;
	height:200px;
}

.blocdict
{
	width:16%;
	max-width:250px;
	font-size:12px;
	height:140px;	
}

h1 { font-size:26px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
.texos {
	width:28%;
	margin:5px;
	font-size:16px;
}
.tdicts {
	width:90%;
	margin:5px;
	font-size:16px;
}

}

@media(max-width: 600px)
{	

.marge {margin-left: 0em;}
h1 { font-size:20px;}
h2 { font-size:14px;}
h3 { font-size:13px;}
.texos {
	width:26%;
	margin:2px;
	font-size:12px;
}
.tdicts {
	width:95%;
	margin:2px;
	font-size:12px;
}
.blocexo
{
	width:32%;
	max-width:250px;	
	
	font-size:12px;
	height:160px;
}

.blocdict
{
	width:16%;
	max-width:250px;
	font-size:12px;
	height:120px;	
}

.blocexo2
{
	width:24%;	
}
#commentaire
{
	width :100%;
}
#cotegauche
{
    width:0%;
   display:none;
}

#contenu
{ 
    width :100%;
}

#cotedroit
{	
	display:none;	
}

.boutontemps {
	
	font-size:12px;
}

.boutonhom {
	
	font-size:12px;
}
.boutontitre {
	font-size:18px;
}

.soustitre {
	color:#000000;	
	font-size:14px;
}

.blocconjug
{
	width:42%;
	font-size:14px;
	padding:3px;
	
}
.blocconjug2
{
	width:44%;
	font-size:12px;
	padding:3px;
	
}
.blocconjug3
{
	width:44%;
	font-size:12px;
	padding:3px;
	
}

.tinfinitif
{	
	font-size:16px;
}	
.ttitre
{
	font-size:20px;
}

.tstitre
{
	font-size:18px;
}
.ttexte
{
	font-size:14px;
	padding:5px;
	width:95%;
	
}
.tstexte
{
	font-size:14px;
	padding:5px;
	width:95%;
	
}
.bouton1 {
	width:100%;
	max-width:250px;
}

.bouton2 {
	width:28%;
	max-width:250px;
	font-size:16px;	
}

.bouton3 {
	width:25%;
	max-width:110px;
	font-size:14px;	
}

.boutonclasse {
	font-size:12px;		
	max-width:30px;
	
}

.jereussis2
{
	font-size:10px;	
}

}