/*
Theme Name : Brown Field Theme
Theme URI : http://www.agriconferences.com
Author : Mehdi Reghai | Synergie Media
Author URI : http://www.synergie-media.com
Version : 1.0
Tags : brown, widget-ready, field, maroc, morocco, agadir, conferences, tomates

Based on Blank 2 Column (by refueled - http://refueled.net/blank-themes)
*/


/* Basics */

*{margin:0; padding:0;}

body { background: #FFF url('images/bg_body.jpg') repeat-x; font-family: verdana, arial, tahoma, sans-serif; font-size: 8pt; margin:0; }	
h1 {font-size: 16pt;}
h2 {font-size: 12pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}
img{ padding: 0; }
img a{ border:none; }
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left:3px solid #40A444; margin: 25px 15px 25px 35px; padding:0 20px 0 15px; font-style:italic; clear: both; display: block; }
code { font-family:"Courier New", Courier, monospace; }
hr { clear: both; margin: 15px 0; visibility: hidden; *margin:0; }

/* Links */

a { color:#000; text-decoration:none; }
a:hover {text-decoration: underline; }

/* Container */

#container { width: 960px; margin: 0 auto; padding:0; background:#FFF; color:#333; overflow: hidden; }
	
/* Header */

#header {background: #FFF; width: 960px; height: 100px; }
#header h1 { font:normal 20pt georgia, times; margin:0; padding:0; background: url('images/logo.png') no-repeat top left; height: 95px; }	
#header h1 a { color: #404040; text-decoration: none; }
#header h1 a:hover { color: #666; text-decoration: none; }
#header h2 { font:normal 10pt georgia, times; color:#333; padding: 0 0 0 18px; margin:0; visibility:hidden; }
#langues { float: right; height: 25px; width: auto; margin-top: -35px; padding: 0 20px; color: #BECF31; }
#langues a { color: #BECF31; font-weight: bold; }
#langues a:hover { color: #2DB457; text-decoration: none; }

/* Banner */

#banner { background: url('images/bg_banner.jpg') repeat-x; width: 960px; height: 400px; color: #FFF; }
#banner img { margin: 20px 0 0 20px; }

/* Main Menu */

#menu { background: none; font-family: arial, verdana, sans-serif; font-size: 8pt; width: 940px; height: 78px; overflow:hidden; margin-left: 20px; *margin-top: -2px; }
#menu ul { margin:0; padding:0; width: 100%; height: 78px}
#menu ul li , #menu ul .symposium li, #menu ul .sombre li, #menu ul .clair li { display: block; list-style-type: none; float:left; margin: 0; padding: 0; width:117px; height: 78px; background: none; text-transform: uppercase; font-weight: bold; }
#menu ul .symposium li { background: url('images/bg_symposium.jpg'); width:121px; }
#menu ul .sombre li { background: url('images/bg_sombre.jpg'); }
#menu ul .clair li { background: url('images/bg_clair.jpg'); }
#menu ul li a, #menu ul .symposium li a, #menu ul .sombre li a, #menu ul .clair li a { margin: 0; color: #F4E3CF; display:block; padding: 10px 0 0 10px; height: 78px;}
#menu ul .symposium li a { color: #4D5116; }
#menu ul li a:hover, #menu ul .sombre li a:hover, #menu ul .clair li a:hover { background: url('images/bg_symposium.jpg'); color:#4D5116; text-decoration:none;}
#menu ul li p, #menu ul .symposium li p, #menu ul .sombre li p, #menu ul .clair li p { margin-top: -70px; color: #806550; padding: 10px 0 0 10px; height: auto; text-transform: none; }

/* Content */

#content { float:left; width:620px; overflow: hidden; margin: 30px 14px; }
.post { margin:0; padding:0; line-height: 14pt; text-align: justify; }
.post h2, h2.post { font-family: arial, verdana, sans-serif; color: #40A444; margin-bottom: 10px; }
.post h2 a { color: #000; text-decoration: none; color: #40A444; }
.post h2 a:hover { color: #777; text-decoration: none; color: #BECF31; }
.entry h3 { margin-top: 15px; color: #5F4232; }
.entry h3 a:hover { text-decoration: none; }
.post ul {}
.post li {}
.entry p { margin:12px 0 17px 2px; }
.entry p span{ color: #BECF31; font-weight:bold; }
.post span a { color: #BECF31; font-weight:bold; margin:0; padding:0; font-size: 12px; }
.post span a:hover { text-decoration: none; color: #BEBB00; }
.entry ul { margin-bottom: 17px; }
.entry li { list-style: square; line-height: 14pt; }
.entry img { border: 4px solid #40A444; margin-bottom: 10px; }
.entry a.more, #content a.more { font-family: arial, verdana, sans-serif; font-size: 8pt; margin-right: 5px; padding: 3px 5px; color: #40A444; font-style:italic; clear:both; float: right; }
.entry a:hover.more, #content a:hover.more { text-decoration: none; background: #40A444; color: #FFF; }
.entry img#portrait { float: left; background: #FFF; padding: 7px; border: 1px solid #C2C0AB; margin: 5px 15px 10px 2px; }
.entry img#portrait:hover{ border: 1px solid #BECF31; }
.postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; }
.navigation { font-size:8pt; width:100%;	float:left;	margin:0; padding:0; overflow:hidden; }	
.alignleft a { float:left; margin:25px 0; }
.alignright a { float:right; margin:25px 0; }

/* Homepage */

#colonne-left, #colonne-right { width: 300px; height: 600px; float:left; margin: 50px 0 0 0; overflow: hidden; }
#colonne-right { height:1500px; float:right; margin: 25px 0 0 0; }
#colonne-left h2, #colonne-right h2 { font-family: arial, verdana, sans-serif; color: #40A444; margin-bottom: 10px; }
#colonne-left h2 a, #colonne-right h2 a { text-decoration: none; color: #40A444; }
#colonne-left h2 a:hover , #colonne-right h2 a:hover { text-decoration: none; color: #BECF31; }
#colonne-left p, #colonne-right p { line-height: 14pt; text-align: justify; margin-bottom: 5px; }

#colonne-right ul.left, #colonne-right ul.right { float: left; width: 149px; height: 1080px; list-style: none; margin: 0; padding: 0; }
#colonne-right ul.right { float: right; }
#colonne-right li img, #colonne-right li.klapwijk img { width: 125px; background: #FFF; padding: 7px; border: 1px solid #C2C0AB; margin: 5px 2px 10px 2px; }
#colonne-right li.klapwijk img { background: #BECF31; }
#colonne-right li img:hover{ border: 1px solid #BECF31; }
#colonne-right ul ul { margin: 0; padding: 0 10px 0 20px; clear:both; }
#colonne-right ul ul li { font-family: arial, verdana, sans-serif; font-size: 8pt; line-height: 12px; list-style: square; margin: 2px 0; }
#colonne-right a.more { font-family: arial, verdana, sans-serif; font-size: 7pt; margin: 10px 5px 10px 0; padding: 2px 4px; color: #5F4232; font-style:italic; clear:both; float: right; }
#colonne-right a:hover.more { text-decoration: none; background: #5F4232; color: #FFF; }
#colonne-right .more a { font-family: arial, verdana, sans-serif; font-size: 8pt; margin-right: 5px; padding: 3px 5px; color: #40A444; font-style:italic; clear:both; float: right; }
#colonne-right .more a:hover { text-decoration: none; background: #40A444; color: #FFF; }

ul#actualite { margin: 10px 0 0 0; }
ul#actualite .title { color: #5F4232; display: block; font-size: 12px; font-weight: bold; margin: 5px 0 10px 0; }
ul#actualite .title:hover { text-decoration: none; color: #BECF31; }
ul#actualite p { margin: 10px 10px 0 0; }
ul#actualite .more a { font-family: arial, verdana, sans-serif; font-size: 8pt; margin-right: 5px; padding: 3px 5px; color: #40A444; font-style:italic; clear:both; float: right; display: block; }
ul#actualite .more a:hover { text-decoration: none; background: #40A444; color: #FFF; }

#actualite-menu a { color: #FFF; background: #40A444; padding: 1px 3px; font-weight:bold; font-size: 10px; border: 1px solid #40A444; }
#actualite-menu a:hover { text-decoration: none; background: #FFF; color: #40A444; border: 1px solid #40A444; }

/* Sidebar */

#sidebar { font-family: arial, verdana, sans-serif; font-size:8pt; width:300px; float:right; margin:20px 0; padding: 0; }
#sidebar h2{ font:normal 11pt arial, verdana, sans-serif; color: #000; margin: 0; padding: 0; }
#sidebar label{ font:normal 11pt arial, verdana, sans-serif; color: #000; margin: 0; padding: 0; }
#sidebar p {margin:0; padding: 0 6px 0 12px;}
#sidebar img {padding: 0; margin: 0;}
#sidebar ul { margin:12px; padding:0; }
#sidebar ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; } 
#sidebar ul ul { margin:14px 0; padding:0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul{ margin: 0; padding: 0; }
#sidebar ul ul ul li{	padding: 0 0 0 15px; list-style-type: square; color: #898989; }

#conference { background: url('images/pass.jpg') bottom left no-repeat; width: 100%; height: 175px; margin: 10px 0 15px 0; overflow:hidden; }
#conference h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin-bottom: 10px; padding: 5px 10px 5px 20px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: right;}
#conference p { font-family: arial, verdana, sans-serif; font-size: 9pt; padding: 10px 5px; color: #806550; text-align: justify; width: 155px; font-weight:bold; clear:both; float: right; }
#conference a.more { font-family: arial, verdana, sans-serif; font-size: 8pt; padding: 3px 5px; color: #806550; font-style:italic; clear:both; float: right; }
#conference a:hover.more { text-decoration: none; background: #806550; color: #FFF; }

#traduction { background: url('images/traduction.png') bottom left no-repeat; width: 100%; height: 145px; margin: 10px 0 15px 0; overflow:hidden; }
#traduction h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin-bottom: 10px; padding: 5px 10px 5px 20px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: right;}
#traduction p { font-family: arial, verdana, sans-serif; font-size: 9pt; padding: 10px 5px; color: #806550; text-align: justify; width: 155px; font-weight:bold; clear:both; float: right; }
#traduction a.more { font-family: arial, verdana, sans-serif; font-size: 8pt; padding: 3px 5px; color: #806550; font-style:italic; clear:both; float: right; }
#traduction a:hover.more { text-decoration: none; background: #806550; color: #FFF; }

#inscription { background: url('images/bg_inscription.jpg') repeat-x; width: 100%; height: 150px; margin: 10px 0 15px 0; overflow:hidden; }
#inscription h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin: 10px 0; padding: 5px 10px 5px 10px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: left;}
#inscription p { font-family: arial, verdana, sans-serif; font-size: 9pt; padding: 5px 10px; color: #806550; text-align: justify; width: 195px; font-weight:bold; clear:both; }

#sponsors { background: none; width: 100%; height: auto; margin: 5px 0; overflow:hidden; }
#sponsors h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin: 20px 0; padding: 5px 10px 5px 20px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: right;}
#sponsors img.sponsors {width:135px;height:auto;margin:5px;}

#sponsors-media{ background: none; width: 100%; height: auto; margin: 5px 0; overflow:hidden; }
#sponsors-media h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin: 20px 0; padding: 5px 10px 5px 20px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: right;}
#sponsors-media img.partenaires-media{width:135px;height:auto;margin:5px;}

#organisateurs { background: none; width: 100%; height: 175px; margin: 5px 0; overflow:hidden; }
#organisateurs h2{ font-family: arial, verdana, sans-serif; background: #5F4232; color: #F4E3CF; margin: 20px 0; padding: 5px 20px 5px 10px; font-size: 9pt; width: auto; height: auto; font-weight:bold; display:inline; float: left;}

/* Search */

#searchform { padding:0; margin:14px 0; }
#searchform input#s { margin:0; padding:2px; border:1px solid #000; }
#searchform input#searchsubmit { border:none; background:#333; color:#fff; text-transform:lowercase; }
	
/* Divers */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright {	padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { background: #FFF; padding: 7px; border: 1px solid #C2C0AB; margin: 5px 25px 25px 2px; display: inline; }
.alignright { float: right; }
.alignleft {	float: left	}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* Table */

.table-reservation { clear: both; font-size: 9px; width: 100%; margin: 15px 0; }

th.col1, th.col2, th.col3, th.col4, th.col5, th.col6, th.col7, th.col8, th.col9 { border-bottom:3px solid #bacfd3; padding: 8px 6px; line-height: 13px; text-align: center; }
th.col1, th.col2, th.col3, th.col4, th.col5, th.col6, th.col7, th.col8, th.col9 { border-right: none; }
th.col10 { background: #fff9bd url('images/reserver-head.jpg')no-repeat; width: 70px; border-bottom: 3px solid #BACFD3; text-align: center; }

td.cel1, td.cel2, td.cel3, td.cel4, td.cel5, td.cel6, td.cel7, td.cel8, td.cel9 { border:1px solid #bacfd3; border-left: 2px solid #bacfd3; padding: 2px 5px; text-align: center; border-right: none; border-top: none; }
td.cel1 { border-left: none; text-align: left; }
td.cel3, td.cel4 { background: #F3F7F8; }
td.cel1 a, td.cel2 a, td.cel3 a, td.cel4 a, td.cel5 a, td.cel6 a, td.cel7 a, td.cel8 a, td.cel9 a { color: #40A444; font-weight: bold; }
td.cel1 a:hover, td.cel2 a:hover, td.cel3 a:hover, td.cel4 a:hover, td.cel5 a:hover, td.cel6 a:hover, td.cel7 a:hover, td.cel8 a:hover, td.cel9 a:hover { color: #5F4232; text-decoration: none; }
td.reservation { background:#fff9bd url('images/reserver.jpg') center no-repeat; border-bottom: 1px solid #BACFD3; border-right: 1px solid #FFEC86; border-left: 1px solid #FFEC86; border-top: none; padding: 0 5px; text-align: center; display: bloc; }
td.reservation a { text-decoration: none; font-weight: bold; }

/* Footer */

#footer { background: url('images/bg_footer.jpg') repeat-x; clear: both; width: 100%; margin-top: 10px; }	
#footer p { padding:14px 0; margin: 0; color: #5F4232; text-align:center; }
#footer a { color: #5F4232; text-decoration: none; }
#footer a:hover { color: #5F4232; text-decoration: underline; }