/* design for desktop*/
@media (min-width: 1001px) {
/* CSS Document */
/* forums */
#header #searchBar .content
{ width: 250px;
}
#corps_forum
{
	border: 1px solid black;
	width: 76%;
	margin-top: 50px;
	margin-left: 5%;
	margin-bottom: 10Opx;
	padding: 5px;
	float: right;
}

.titre { width:61%; }
.nombremessages { width:2%; }
.nombrevu { width:4%; }
.nombresujets { width:2%; }
.auteur { width:7%; }
.derniermessage { width:18%; }
.categorie { width:92%; background-color : rgb(244,238,250); }

label {
display:block;
width:150px;
float:left;
}

.vt_auteur
{
width:20%;
}
.vt_mess
{
width:75%;
}

#quote
{
width: 100%;
background-color : #F5F5F5;
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}

.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }

/* tables */
td {  background-color: #CCFF99; vertical-align:top; }
tr {  background-color: #66CC00; }
table { background-color: #669900;  border : 3px;}
th { background-color: #663300; color:#FBFBFB;}
th a {color:#00FF00;}
th a:hover{color:#FF0000}

/*searchBar*/
#searchBar
{
  width: auto;
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
}
/* barmenu*/
#barmenu { background: #CCFF99; height:30px; margin-top:47px;}
#barmenu ul { margin:0; padding:0;}
#barmenu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center; }
#barmenu a { display:block; float:left; width:104px; color:#FBFBFB; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:8px; background:url(../../images/floating/button.png) no-repeat 0 4px; height:22px;}
#barmenu a:hover{background:url(../../images/floating/button_over.png) no-repeat 0 4px; padding-top:8px; height:22px;}
#menu2 {display: none;}

/* body */
body { margin:0; font-size:0.9em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial;  background-color:#C16100;}
#body {
	width: 87%;
	float: right;
	border: 1px solid # #000000;
	background-color: #FBFBFB;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}
a { color:#871A2F;}
h1 { margin:0; padding:0; text-transform:uppercase; font-size:2em; color:#84807a;}
a:hover { text-decoration:none;}

/* header */
#header { background: #C16100;}
#logo { padding:30px 0 0 40px; height:34px; color:#FFFFFF;}
#logo a{ color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
#logo a:hover{ color:#00FF00;}
#header #logo .title {
	width: 240px;
	float: left;
}
#header #logo .subtitle {
	width: 260px;
	float: right;
	font-size: small;
	color: #FFFFFF;
}
#header #logo .logo_container {
	width: 500px;
}

/* menu */
#menu
{
	width: 12%;
	float: left;
	font-size: 0.9em;
	color: #000000;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
	border: 2px solid #66CC00;
	background-color: #CCFF99;
}
#menu ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#menu ul.links li
{
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  
}

#menu ul.links li a
{
  padding: 2px 6px;
  display: block;
  color: #000000;
  text-decoration: none;
}

#menu ul.links li a:hover
{
	background-color: #66CC00;
}

/* footer */
#bottom
{
  clear: both;
  position: relative;
  bottom: 0 !important;
  bottom: -1px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#footHead
{
  clear: both;
  margin: 0;
  padding: 0;
}

#footHead .head
{
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
  line-height: .8em !important;
  line-height: .7em;
  height: .8em !important;
  height: .7em;
}
#footHead .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody
{
  clear: both;
  width: 100%;
  background: #CCFF99;
  margin: 0;
  padding: 0;
}
#footBody .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody .content
{
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
}
.clear
{
  clear: both;

}
#footer #footBody ul


{
  list-style: none;
  list-style-image: none;
  margin: 5px 0;
  padding: 0;
  border: none;
  width: 95%;
}
#footer #footBody ul li
{
  padding: 0;
  margin: 0 10px; 
  border-bottom: 1px solid #000000;
}
#footer #footBody ul li a
{
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 3px;
}
#footer #footBody ul li a:hover
{
  background: #66CC00;
}
#copyright
{
  background: #CCFF99;
  color: #000;
  border-top: 1px solid;
  height: 3.2em;
  text-align: right;
}

/* index */
#body .body_content .pure_content .element_site_description,
#body .body_content .pure_content .element_month_topic,
#body .body_content .pure_content .random_phrasal_verb,
#body .body_content .pure_content .random_idiom,
#body .body_content .pure_content .element_week_proverb,
#body .body_content .pure_content .element_joke,
#body .body_content .pure_content .element_news,
#body .body_content .pure_content .suggested_material {
	margin: 2px;
	border: 1px solid #66CC00;
}
#body .body_content .pure_content .element_pic {
	margin: 2px;
}

#container1 {
	width: 48%;
    float:left;
	}
#container2 {
	width: 48%;
    float:left;
	}	
/*
#body .body_content .pure_content .element_month_topic {
	width: 48%;
	float: right;
	margin: 2px;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .random_idiom {
	margin: 2px;
	width: 48%;
	float: left;
	border: 1px solid #66CC00
}

#body .body_content .pure_content .random_phrasal_verb {
	margin: 2px;
	width: 48%;
	float: left;
	border: 1px solid #66CC00

}
#body .body_content .pure_content .element_week_proverb {
	margin: 2px;
	width: 48%;
	float: right;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_joke {
	margin: 2px;
	float: left;
	width: 48%;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_news {
	margin: 2px;
	width: 48%;
	float: right;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_site_description {
	width: 48%;
	float: left;
	margin: 2px;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .suggested_material {
	width: 48%;
	float: left;
	margin: 2px;
	border: 1px solid #66CC00
}*/

/* leftstyle */
.leftstyle {
	color: #FFFFFF;
	font-weight: bold;
}
.leftstyle1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C16100;
}

.leftstyle2 {
	font-family: "Comic sans MS", Arial, Verdana, serif;
	
}

.leftstyle4 {
	color: #000000;
	font-weight: bold;
	font-style:italic;
	font-size:16px;
}

.leftstyle2 a{
     text-decoration:none;
}
.leftstyle2 a:hover{
     background-color: #FBFBFB;
}
.leftstyle3 {
	color: #000000;
	font-weight: bold;
	background: #CBCBCB;
}
.exstyle {
	color: #0000FF;
	font-weight: bold;
}

/* skyscraper */
#body .body_content .skyskraper {
	float: right;
	height: auto;
	width: 18%;
}

#body .body_content .skyskraper .element_skyscraper1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li {
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  height: 1.7em;
}
#body .body_content .skyskraper .element_skyscraper1 ul li a{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li a:hover 
{
	background-color: #66CC00;
}


/* pure_content */
#body .body_content {
	height: auto;
	width: auto;
	padding: 1px;
	margin: 1px;
	border: thin;
}

#body .body_content .pure_content {
	height: auto;
	width: 81%;
	float: left;
}
#body .divers {
	background-color: #F5F5F5;
	border: thin solid #0000FF;
	margin: 5px;
	padding: 5px;
	float: none;
	height: auto;
	width: auto;
	clear: none;
}
#body #content_bottom .content_bottom_ads {
	z-index: auto;
	margin: 2px;
	padding: 2px;
	height: auto;	
}
#body #content_bottom .content_bottom_donation {
	margin: 2px;
	padding: 2px;
	height: auto;
}
#body .topblock {
	height: auto;
	width: auto;
	margin: 1px;
	padding: 1px;
}
#body .pic {
	float: left;
	height: 150px;
	width: 150px;
}
#body .ads {
	padding: 1px;
	float: right;
	height: auto;
	margin: 1px;
	top: 1px;
	right: 1px;
}
#body #content_bottom {
	height: auto;
	width: 80%;
	margin: 1px;
	padding: 1px;
	clear: both;
}
#body .body_content .pure_content .menu_table_1 {
	width: 48%;
	float: left;
	margin: 2px;
}
#body .body_content .pure_content #table {
	width: 100%;
}
#body .body_content .pure_content .menu_table_2 {
	margin: 1px;
	padding: 1px;
	width: 48%;
	float: right;

}
#body .body_content .pure_content .menu_table_3 {
	margin: 2px;
	width: 48%;
	float: left;
}
#body .body_content .pure_content .menu_table_4 {
	margin: 2px;
	float: right;
	width: 48%;
}
#body .body_content .pure_content #table ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .pure_content #table td  {
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  height: 1.7em;
}
#body .body_content .pure_content #table td a{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}
#body .body_content .pure_content #table td a:hover 
{
	background-color: #FBFBFB;
}
#body .body_content .pure_content #logo
{display:none;}
#body .body_content .pure_content #logo {
	font-size: large;
	font-weight: bold;
	text-decoration: blink;
	background-color: #FF0000;
	float: left;
	width: 100%;
	border: thin solid #000000;
	font-style: oblique;
	margin: 2px;
	padding: 2px;
	color: #000000;
}
#body .body_content .pure_content #links .links1 {
	width: 23%;
	float: left;
}
#body .body_content .pure_content #links {
	width: 100%;
	float: left;
}

#body .body_content .pure_content #links .links2 {
	float: right;
	width: 75%;
}
#body .body_content .pure_content h2 {
	font-weight: bold;
	color: #663300;
}
#body .body_content .pure_content h3 {
	font-weight: bold;
	color: #871A2F;
}
#body .body_content .pure_content h4 {
	font-weight: bold;
	color: #66CC00;
}
#body .body_content .pure_content .multiclmn1 {
width:47%;float:left; border:#999 1px solid; border-radius: 10px; box-shadow: 3px 3px 0px #999; background:#FFDDFF; padding:2px;
}
#body .body_content .pure_content .multiclmn2 {
float:right; width:51%; border:#999 1px solid; border-radius: 10px; box-shadow: 3px 3px 0px #999; padding:2px; 
}

#body .body_content .pure_content .submulticlmn1 {
width:48%;float:left;
}
#body .body_content .pure_content .submulticlmn2 {
float:right; width:48%;
}

 
/*search-results*/
#body .body_content .search_results {
	height: auto;
	width:auto;
	float: left;
}


#left .content
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

/* Pagination */
pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.pure_content img {
    padding:2px;
	}
}

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

/* CSS Document */
/* forums */
#header #searchBar .content
{ width: 250px;
}
#corps_forum
{
	border: 1px solid black;
	width: 76%;
	margin-top: 50px;
	margin-left: 5%;
	margin-bottom: 10Opx;
	padding: 5px;
	float: right;
}

.titre { width:61%; }
.nombremessages { width:2%; }
.nombrevu { width:4%; }
.nombresujets { width:2%; }
.auteur { width:7%; }
.derniermessage { width:18%; }
.categorie { width:92%; background-color : rgb(244,238,250); }

label {
display:block;
width:150px;
float:left;
}

.vt_auteur
{
width:20%;
}
.vt_mess
{
width:75%;
}

#quote
{
width: 100%;
background-color : #F5F5F5;
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}

.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }

/* tables */
td {  background-color: #CCFF99; vertical-align:top; }
tr {  background-color: #66CC00; }
table { background-color: #669900;  border : 3px;}
th { background-color: #663300; color:#FBFBFB;}
th a {color:#00FF00;}
th a:hover{color:#FF0000}

/*searchBar*/
#searchBar
{
  width: auto;
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
}
/* barmenu*/
#barmenu { background: #CCFF99; height:30px; margin-top:47px;}
#barmenu ul { margin:0; padding:0;}
#barmenu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center; }
#barmenu a { display:block; float:left; width:104px; color:#FBFBFB; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:8px; background:url(../../images/floating/button.png) no-repeat 0 4px; height:22px;}
#barmenu a:hover{background:url(../../images/floating/button_over.png) no-repeat 0 4px; padding-top:8px; height:22px;}
#menu2 {display: none;}

/* body */
body { margin:0; font-size:0.9em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial;  background-color:#C16100;}
#body {
	width: 85%;
	float: right;
	border: 1px solid # #000000;
	background-color: #FBFBFB;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}
a { color:#871A2F;}
h1 { margin:0; padding:0; text-transform:uppercase; font-size:2em; color:#84807a;}
a:hover { text-decoration:none;}

/* header */
#header { background: #C16100;}
#logo { padding:30px 0 0 40px; height:34px; color:#FFFFFF;}
#logo a{ color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
#logo a:hover{ color:#00FF00;}
#header #logo .title {
	width: 240px;
	float: left;
}
#header #logo .subtitle {
	width: 260px;
	float: right;
	font-size: small;
	color: #FFFFFF;
}
#header #logo .logo_container {
	width: 500px;
}

/* menu */
#menu
{
	width: 14%;
	float: left;
	font-size: 0.9em;
	color: #000000;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
	border: 2px solid #66CC00;
	background-color: #CCFF99;
}
#menu ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#menu ul.links li
{
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  
}

#menu ul.links li a
{
  padding: 2px 6px;
  display: block;
  color: #000000;
  text-decoration: none;
}

#menu ul.links li a:hover
{
	background-color: #66CC00;
}

/* footer */
#bottom
{
  clear: both;
  position: relative;
  bottom: 0 !important;
  bottom: -1px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#footHead
{
  clear: both;
  margin: 0;
  padding: 0;
}

#footHead .head
{
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
  line-height: .8em !important;
  line-height: .7em;
  height: .8em !important;
  height: .7em;
}
#footHead .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody
{
  clear: both;
  width: 100%;
  background: #CCFF99;
  margin: 0;
  padding: 0;
}
#footBody .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody .content
{
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
}
.clear
{
  clear: both;

}
#footer #footBody ul


{
  list-style: none;
  list-style-image: none;
  margin: 5px 0;
  padding: 0;
  border: none;
  width: 95%;
}
#footer #footBody ul li
{
  padding: 0;
  margin: 0 10px; 
  border-bottom: 1px solid #000000;
}
#footer #footBody ul li a
{
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 3px;
}
#footer #footBody ul li a:hover
{
  background: #66CC00;
}
#copyright
{
  background: #CCFF99;
  color: #000;
  border-top: 1px solid;
  height: 3.2em;
  text-align: right;
}

/* index */
#body .body_content .pure_content .element_month_topic {
	width: 48%;
	float: right;
	margin: 2px;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_pic {
	margin: 2px;
	float: right;
	width: 48%;
	height: 300px;
}
#body .body_content .pure_content .random_idiom {
	margin: 2px;
	width: 48%;
	float: left;
	border: 1px solid #66CC00
}

#body .body_content .pure_content .random_phrasal_verb {
	margin: 2px;
	width: 48%;
	float: left;
	border: 1px solid #66CC00

}
#body .body_content .pure_content .element_week_proverb {
	margin: 2px;
	width: 48%;
	float: right;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_joke {
	margin: 2px;
	float: left;
	width: 48%;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_news {
	margin: 2px;
	width: 48%;
	float: right;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .element_site_description {
	width: 48%;
	float: left;
	margin: 2px;
	border: 1px solid #66CC00
}
#body .body_content .pure_content .suggested_material {
	width: 48%;
	float: left;
	margin: 2px;
	border: 1px solid #66CC00
}

/* leftstyle */
.leftstyle {
	color: #FFFFFF;
	font-weight: bold;
}
.leftstyle1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C16100;
}

.leftstyle2 {
	font-family: "Comic sans MS", Arial, Verdana, serif;
	
}

.leftstyle4 {
	color: #000000;
	font-weight: bold;
	font-style:italic;
	font-size:16px;
}

.leftstyle2 a{
     text-decoration:none;
}
.leftstyle2 a:hover{
     background-color: #FBFBFB;
}
.leftstyle3 {
	color: #000000;
	font-weight: bold;
	background: #CBCBCB;
}
.exstyle {
	color: #0000FF;
	font-weight: bold;
}

/* skyscraper */
#body .body_content .skyskraper {
	float: right;
	height: auto;
	width: 18%;
}

#body .body_content .skyskraper .element_skyscraper1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li {
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  height: 1.7em;
}
#body .body_content .skyskraper .element_skyscraper1 ul li a{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li a:hover 
{
	background-color: #66CC00;
}


/* pure_content */
#body .body_content {
	height: auto;
	width: auto;
	padding: 1px;
	margin: 1px;
	border: thin;
}

#body .body_content .pure_content {
	height: auto;
	width: 81%;
	float: left;
}
#body .divers {
	background-color: #F5F5F5;
	border: thin solid #0000FF;
	margin: 5px;
	padding: 5px;
	float: none;
	height: auto;
	width: auto;
	clear: none;
}
#body #content_bottom .content_bottom_ads {
	z-index: auto;
	margin: 2px;
	padding: 2px;
	height: auto;	
}
#body #content_bottom .content_bottom_donation {
	margin: 2px;
	padding: 2px;
	height: auto;
}
#body .topblock {
	height: auto;
	width: auto;
	margin: 1px;
	padding: 1px;
}
#body .pic {
	float: left;
	height: 150px;
	width: 150px;
}
#body .ads {
	padding: 1px;
	float: right;
	height: auto;
	margin: 1px;
	top: 1px;
	right: 1px;
}
#body #content_bottom {
	height: auto;
	width: 80%;
	margin: 1px;
	padding: 1px;
	clear: both;
}
#body .body_content .pure_content .menu_table_1 {
	width: 48%;
	float: left;
	margin: 2px;
}
#body .body_content .pure_content #table {
	width: 100%;
}
#body .body_content .pure_content .menu_table_2 {
	margin: 1px;
	padding: 1px;
	width: 48%;
	float: right;

}
#body .body_content .pure_content .menu_table_3 {
	margin: 2px;
	width: 48%;
	float: left;
}
#body .body_content .pure_content .menu_table_4 {
	margin: 2px;
	float: right;
	width: 48%;
}
#body .body_content .pure_content #table ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .pure_content #table td  {
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  height: 1.7em;
}
#body .body_content .pure_content #table td a{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}
#body .body_content .pure_content #table td a:hover 
{
	background-color: #FBFBFB;
}
#body .body_content .pure_content #logo
{display:none;}
#body .body_content .pure_content #logo {
	font-size: large;
	font-weight: bold;
	text-decoration: blink;
	background-color: #FF0000;
	float: left;
	width: 100%;
	border: thin solid #000000;
	font-style: oblique;
	margin: 2px;
	padding: 2px;
	color: #000000;
}
#body .body_content .pure_content #links .links1 {
	width: 23%;
	float: left;
}
#body .body_content .pure_content #links {
	width: 100%;
	float: left;
}

#body .body_content .pure_content #links .links2 {
	float: right;
	width: 75%;
}
#body .body_content .pure_content h2 {
	font-weight: bold;
	color: #663300;
}
#body .body_content .pure_content h3 {
	font-weight: bold;
	color: #871A2F;
}
#body .body_content .pure_content h4 {
	font-weight: bold;
	color: #66CC00;
}
#body .body_content .pure_content .multiclmn1 {
width:47%;float:left; border:#999 1px solid; border-radius: 10px; box-shadow: 3px 3px 0px #999; background:#FFDDFF; padding:2px;
}
#body .body_content .pure_content .multiclmn2 {
float:right; width:51%; border:#999 1px solid; border-radius: 10px; box-shadow: 3px 3px 0px #999; padding:2px; 
}

#body .body_content .pure_content .submulticlmn1 {
width:48%;float:left;
}
#body .body_content .pure_content .submulticlmn2 {
float:right; width:48%;
}

 
/*search-results*/
#body .body_content .search_results {
	height: auto;
	width:auto;
	float: left;
}


#left .content
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

/* Pagination */
pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
}
.paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
}
.pure_content img {
    padding:2px;
	}
}


/* design for tablets*/
@media (min-width: 769px) and  (max-width: 900px) {

#header #searchBar .content
{ width: 250px;
}

 #body {
   margin-right:2%;
   padding:1%;
   background-color: #FBFBFB;
   border:1px solid #000000;
   float:right;
   margin-left: 0;
   width:77%;
   margin-bottom: 10px;   

}  
#menu {
    float:left;
    width:16%;
	font-size: 0.9em;
	color: #000000;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 2%;
	background-color: #CCFF99;
	border:1px solid #000000

}
#menu ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#menu ul.links li
{
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  
}

#menu ul.links li a
{
  padding: 2px 6px;
  display: block;
  color: #000000;
  text-decoration: none;
}

#menu ul.links li a:hover
{
	background-color: #66CC00;
}

/* footer */
#bottom
{
  clear: both;
  position: relative;
  bottom: 0 !important;
  bottom: -1px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#footHead
{
  clear: both;
  margin: 0;
  padding: 0;
}

#footHead .head
{
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
  line-height: .8em !important;
  line-height: .7em;
  height: .8em !important;
  height: .7em;
}
#footHead .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody
{
  clear: both;
  width: 100%;
  background: #CCFF99;
  margin: 0;
  padding: 0;
}
#footBody .container
{
  padding: 0 0 0 15px;
  margin: 0;
}
#footBody .content
{
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
}
.clear
{
  clear: both;
}
#footer #footBody ul


{
  list-style: none;
  list-style-image: none;
  margin: 5px 0;
  padding: 0;
  border: none;
  width: 95%;
}
#footer #footBody ul li
{
  padding: 0;
  margin: 0 10px; 
  border-bottom: 1px solid #000000;
}
#footer #footBody ul li a
{
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 3px;
}
#footer #footBody ul li a:hover
{
  background: #66CC00;
}
#copyright
{
  background: #CCFF99;
  color: #000;
  border-top: 1px solid;
  height: 3.2em;
  text-align: right;
}

a {
   color : #871A2F;
}
#menu2 {
   margin:2%;
   background-color: #FBFBFB;
   border:#000000 solid 1px;
	}
#nav.js {
	display: none;
	}
#barmenu {
    display: none;
	}

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
   padding:0px;
   margin:0px;
 }
 .content
 .element_pic,
 #body .pic,
 #menu,
 #body .body_content .pure_content #logo,
 #searchBar,
 #body .divers,
 
       {
		display: none;
		}
h1, h2, h3, h4, h5, h6 {
		text-align:left;
		}
h2 {
	color: #663300;
}
h3
{
	color: #871A2F;
}
h4 {
	color: #66CC00;
}
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 /* added design*/
 
td {  background-color: #CCFF99; vertical-align:top; font-style: bold;}
tr {  background-color: #66CC00;}
table { background-color: #669900;;  border : 1px;}
th { background-color: #663300; color:#FBFBFB; }
th a {color:#FFFFFF; font-style: bold;}
th a:hover{color:#0000FF;}
td a {color:#F0066FF; font-style: bold;}
td a:hover{color:#0066FF;}

 #header #logo h2, h3 {
 text-align:center;
 color:#000000;
 }
 #header #logo h2 a {
 color:#000000;
 }
 
 #logo {
 margin:2%;
 background-color: #FBFBFB;
 border:#000000 solid 1px;
 text-align:center;
 text-shadow:#000000;}
 
 #header #barmenu {
 background: #871A2F;
 text-align:center;
 text-transform:uppercase;
 border:#99CCFF;
 font-size:x-large;
 font-weight:bold;
 }
  
 #barmenu ul { 
  list-style: none;
  list-style-image: none;
  padding: 0;
 }
 #barmenu ul li{ 
  padding: 0;
  border: 1px dotted #FFF;
 }
 #barmenu a { 
  color:#FFF;
  text-decoration: none;
  padding: 3px;

 }

 
 body {
   background-color:#C16100;
   }
 
 
 #footer{
   margin:2%;
   background-color: #CCFF99;
   border:#000000 solid 1px;


 }
 
 #barmenu{
   margin:2%;
   background-color: #FBFBFB;
   border:#000000 solid 1px;


 }
 
#body .body_content .skyskraper .element_skyscraper1 ul {
  background: #99CCFF;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li {
  padding: 0;
  border-bottom: #000000 solid 1px;
  height: 1.7em;
}
#body .body_content .skyskraper .element_skyscraper1 ul li a{
  padding: 2px 6px;
  display: block;
  color: #0000FF;
  text-decoration: none;
}



.leftstyle1 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C16100;
}

.exstyle {
	color: #0000FF;
	font-weight: bold;
}


 /* Un message personnalisé */
 body:before {
   content: "Have Fun Learning English";
   display: block;
   color: #CCFF99;
   font-size:large;
   background:#871A2F;
   border-bottom: 3px solid #CCFF99; 
   text-align: center;
   font-style: bold;
   padding:5px;
 }
  body:after {
   content: "My English Pages | Helping English Learners Everywhere in the World";
   display: block;
   color: #CCFF99;
   font-size:large;
   text-align: center;
   font-style: bold;
   padding:5px;
   background:#871A2F;
   border-top: 3px solid #CCFF99; 

 }

}

/* design for mobile*/
@media (max-width: 768px) {

#header #searchBar .content {
width : 100%;
}
a {
   color : #871A2F;
}
#menu2 {
   margin:2%;
   background-color: #FBFBFB;
   border:#000000 solid 1px;
	}
#nav.js {
	display: none;
	}
#barmenu {
    display: none;
	}

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
   padding:0px;
   margin:0px;
 }
 .element_menu {display:none;}
 .element_menu1 .leftstyle1 {background: #CCFF99; }
 #body .body_content .pure_content #logo,
 .content .element_pic,
 #body .pic,
 #menu,
 #body .body_content .pure_content #logo,
 #searchBar,
 #body .divers,
  {
		display:none;
	}
h1, h2, h3, h4, h5, h6 {
		text-align:left;
		}
h2 {
	color: #663300;
}
h3
{
	color: #871A2F;
}
h4 {
	color: #66CC00;
}
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 /* added design*/
 
td {  background-color: #CCFF99; vertical-align:top; font-style: bold;}
tr {  background-color: #66CC00;}
table { background-color: #669900;;  border : 1px;}
th { background-color: #663300; color:#FBFBFB; }
th a {color:#FFFFFF; font-style: bold;}
th a:hover{color:#0000FF;}
td a {color:#F0066FF; font-style: bold;}
td a:hover{color:#0066FF;}

 #header #logo h2, h3 {
 text-align:center;
 color:#000000;
 }
 #header #logo h2 a {
 color:#000000;
 }
 
 #logo {
 margin:2%;
 background-color: #FBFBFB;
 border:#000000 solid 1px;
 text-align:center;
 text-shadow:#000000;}
 
 #header #barmenu {
 background: #871A2F;
 text-align:center;
 text-transform:uppercase;
 border:#99CCFF;
 font-size:x-large;
 font-weight:bold;
 }
  
 #barmenu ul { 
  list-style: none;
  list-style-image: none;
  padding: 0;
 }
 #barmenu ul li{ 
  padding: 0;
  border: 1px dotted #FFF;
 }
 #barmenu a { 
  color:#FFF;
  text-decoration: none;
  padding: 3px;

 }

 
 body {
   background-color:#C16100;
   }

   
 #body {
   margin:2%;
   padding:1%;
   background-color: #FBFBFB;
   border:1px solid #000000;
  
}  
 
 
 #footer{
   margin:2%;
   background-color: #CCFF99;
   border:#000000 solid 1px;


 }
 #menu{
   margin:2%;
   border:#000000 solid 1px;
   	font-size: 0.9em;
	color: #000000;
	background-color: #CCFF99;

 }
 #barmenu{
   margin:2%;
   background-color: #FBFBFB;
   border:#000000 solid 1px;


 }
 
 #footer #footBody ul
{
  background: #CCFF99;
  list-style: none;
  list-style-image: none;
  padding: 0;
  border: none;
}

#footer #footBody ul li
{
  padding: 0;
  border-bottom: 1px solid #000000;
}

#footer #footBody ul li a
{
  color:#871A2F;
  text-decoration: none;
  display: block;
  padding: 2px 6px;
}


#body .body_content .skyskraper .element_skyscraper1 ul {
  background: #99CCFF;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#body .body_content .skyskraper .element_skyscraper1 ul li {
  padding: 0;
  border-bottom: #000000 solid 1px;
  height: 1.7em;
}
#body .body_content .skyskraper .element_skyscraper1 ul li a{
  padding: 2px 6px;
  display: block;
  color: #0000FF;
  text-decoration: none;
}


#menu ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#menu ul.links li
{
  padding: 0;
  border-bottom: #000000 solid 1px;
  
}

#menu ul.links li a
{
  padding: 2px 6px;
  display: block;
  text-decoration: none;
}

.leftstyle1 {
	color: #FFFFFF;
	font-weight: bold;
    background: #C16100;
    border-bottom: #000000 solid 1px;
	border-top: #000000 solid 1px;

}

.exstyle {
	color: #0000FF;
	font-weight: bold;
}

#footHead {
display:none;
}
 /* Un message personnalisé */
 body:before {
   content: "Have Fun Learning English";
   display: block;
   color: #CCFF99;
   font-size:large;
   background:#871A2F;
   border-bottom: 3px solid #CCFF99; 
   text-align: center;
   font-style: bold;
   padding:5px;
 }
  body:after {
   content: "My English Pages | Helping English Learners Everywhere in the World";
   display: block;
   color: #CCFF99;
   font-size:large;
   text-align: center;
   font-style: bold;
   padding:5px;
   background:#871A2F;
   border-top: 3px solid #CCFF99; 

 }

}
@media (max-width 800px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}