@import url("reset.css");

/**
 * Generic styles
 */
body {
        background: white;
        color: #065c00;
	font-family: Verdana, Arial, Helvetica, cursive, sans-serif;
	font-size: 16px;
}

h1, h2, h3 { 
	margin: 20px 0 10px 0;
}
h4, h5, h6 {
	margin: 10px 0;
}
h1 { 
    background:url('../img/title_graph.gif') left no-repeat;
    height:32px;
    text-indent: 50px;    
    font-size: 1.5em;
}
h2, h3, h4, h5, h6 {
    background:url('../img/title_puce.gif') left no-repeat;
    margin-left:20px;
    text-indent: 20px;
}
h2 {
	font-size: 1.4em;
	border-bottom: 1px solid;
}
h3 {
	font-size: 1.3em;
	text-decoration: underline;
}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
p {
	line-height: 16px;
	margin: 10px 0;
}
a {
	/*color: #733D17;*/
        color: #339933;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
strong { font-weight: bold; }
em { font-style: italic; }
code { font-family: "Lucida Console", Courier, monospace; }
blockquote {
	border-left: 2px solid #065c00;
	margin: 10px;
	padding-left: 10px;
}
ul {
	list-style: disc inside;
	margin-left: 10px;	
}
pre {
	margin: 10px 0px;
	padding: 0px;	
}
dt { font-weight: bold; }
dd {
	display: list-item;
	list-style: circle inside;
	margin-bottom: 10px;
}

/**
 * Notices and Errors 
 */
div.message {
	color: #900;
	font-size: 1.2em;
	margin: 1em 0;
}
div.error-message {
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 1.4em;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**
 * Other generic markup
 */
.paging {
	margin: 1em 0;
}
.actions {
	border-top: 1px solid #331E09;
	line-height: 1.2em;
	margin: 15px auto 10px auto;
	padding-top: 10px;
}

/**
 * Tables
 */
table {
	border: 1px solid #339933;
	border-collapse: collapse;
	width: 98%;
	margin: 20px auto;
}
table th {
	border: 1px solid #339933;
	background: #339933;
	color: #FFFFFF;
	font-size: 1.1em;
	font-variant: small-caps;
	padding: 10px;
}
table th a { color: #FFFFFF; }
table td { padding: 5px 10px; }
table tbody tr:hover { background: #DED2A6; }

/**
 * Forms
 */
.input {
	clear: left;
	min-height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
}
.input input, .input select {
	/*background: #D9C271;*/
	border: 1px solid #065c00;
	/*color: #733D17;*/
	font-size: 1.1em;
	padding: 5px 10px;
	width: 300px;
}
.input input:hover, .input select:hover { 
	background: #DED2A6; 
	border: 1px solid #331E09; 
}
.input input:focus, .input select:focus {
	padding: 4px 9px;
	border: 2px solid #542E08 ; 
}
 
.input label {
	clear: left;
	display: block;
	float: left;
	width: 120px;	
}
.input label:after, .radio legend:after { content: ":"; }
.checkbox label:after, .radio label:after { content: ""; }
.checkbox label, .radio label {
	clear: right;
	float: left;
	margin: 0 20px 0 2px; 
	width: auto;
}
.checkbox input, .radio input {
	float: left;
}
.radio fieldset {
	display: block;
	overflow: hidden;	
}
.submit input {
	background: #339933;
	border: 2px solid #331E09;
	/*color: #D9C271;*/
        color:#FFFFFF;
	cursor: pointer;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 10px 0;
	padding: 5px 10px;
}
.submit input:hover {
	background: #542E08;
        color:#FFFFFF;
}
.ckeditor table tr:hover {
	background: inherit;	
}

/**
 * Layout 
 */
#container {
	background-color: #339933;
	/*border: 10px solid #D9C271;*/
	margin:5px auto 20px auto;
	padding: 1px;
	width: 797px;
	/*-moz-border-radius: 20px;*/
	/*-webkit-border-radius: 20px;*/
        font-family: Verdana, Arial, sans-serif;
}
.newsItem h3{
  background:none;
  margin:10px 0;
  padding:0;
  text-indent:0;
}

.newsItem h3 a{
  font-size:14px;
  font-weight:bold;
  color:#000;
}
.newsItem p.infos, .news p.infos{display:none;}
.newsItem div.excerpt, .news div.excerpt{
  text-align:justify;
}

/* Pour plus tard */
.box_news {
    background: #CDCEC2;
}
div#logo  {
	float: left;
}
div#logoEC  {
	float: right;
}
#headerhome {

        background: #339933;
	color: #FFFFFF;
	text-align: center;
        height:300px;
}
	#headerhome div#topheaderhome  {
        background: #FFFFFF;
		height: 100px;
		padding: 5px 30px 0 30px;
	}
	#headerhome div#bottomheaderhome  {
		margin-left: 30px;
	}
	#headerhome #nav {

                font-size:  0.8em;
                padding-top:10px;
		list-style: none;
		margin: 0px;
		overflow: hidden;
	}
	#headerhome #nav li {
		float: left;
	}
	#headerhome #nav li a {
                color: #FFFFFF;
		display: block;
		font-variant: small-caps;
		height: 1.5em;
		line-height: 1.5em;
		padding: 5px 10px;
		margin-left:27px;
                /*width:92px;*/
	}
	#headerhome #nav li a:hover {
                /* Mettre image bacground bouton actif */
    background-color: #A5C097;
		border-bottom: 0px;
		text-decoration: none;
	}
	#headerhome #nav li.active a {
		border-bottom: none;
		/*padding: 5px 15px 6px 15px;*/
    padding: 5px 10px;
    background-color: #A5C097;
	}
#header {
        
         background: #339933;
	color: #FFFFFF;
	text-align: center;
        height:134px;
}
        #bandeau_photo {
            width: 738px;
            height: 158px;
            background:url('../img/bandeau_photo.png') no-repeat;
        }
	#header div#topheaderhome  {
        background: #FFFFFF;
		height: 100px;
		padding: 5px 30px 0 30px;
	}
	#header div#title  {
		color: #339933;
		display: block;
		font-size: 20px;
    font-family: "Myriad Pro", serif;
		letter-spacing: 2px;
		margin: 0 auto 10px auto;
		padding: 7px 30px;
    text-align:left;
		width: 62%;
		line-height:24px;
	}
	#header #title a:hover {
		text-decoration: none;
	}
	#header #nav {

                font-size:  0.8em;
		list-style: none;
		margin: 0px;
		overflow: hidden;
	}
	#header #nav li {
		float: left;
	}
	#header #nav li a {
    color: #FFFFFF;
		display: block;
		font-variant: small-caps;
		height: 1.5em;
		line-height: 1.5em;
		padding: 5px 10px;
    margin-left:27px;            
	}
	#header #nav li a:hover {
    /* Mettre image background bouton actif */
    background-color: #A5C097;
		border-bottom: 0px;
		text-decoration: none;
	}
	#header #nav li.active a {
		border-bottom: none;
		/*padding: 5px 15px 6px 15px;*/
    padding: 5px 10px;
    background-color: #A5C097;
	}
#texte_home {
    float:left;
    left:0px;
    width:400px;
            
}
#cadre_info {
    float:right;
    width:250px;
    height:320px;
    padding:15px;
    margin-top:30px;
    color:#000000;
}
#img_info {
    width:248px;
    height:141px;
    background:url('../img/lunette.jpg');
    color: #4f4f4e;
    font-size:2.2em;
    font-variant:small-caps;
    font-family: Arial,Helvetica,sans-serif;
}
#text_img_info {
     padding-top:110px;
}

#footer {
	background-color: #339933;
	border-top: 1px solid #D9C271;
	/*color: #D9C271;*/
        color: #FFFFFF;
	clear: both;
	padding: 5px 10px;
	font-size: 0.8em;
	font-variant: small-caps;
	letter-spacing: 1px;
	text-align: center;
}
	#footer a {
                
		/*color: #D9C271;*/
                color: #FFFFFF;
		letter-spacing: 0px; 
	}
        #footer_2 {
            margin-top: -15px;
            font-size:0.6em;
            text-align:center;
        }
        #footer_2 a {
            font-weight:normal;
        }

#content {
	background: white;
	margin: 0;
	overflow: hidden;
	padding: 10px 30px;
        font-size:80%;
}
	#content ul li {
		margin: 5px 0;
	}
	/* List + form for admin pages */
	#content ul#leftList {
		background: #D9C271;
		border: 1px solid #733D17;
		float:left;
		list-style: none;
		width: 200px;
	}
		#content ul#leftList li {
			height: 1.7em;
			line-height: 1.7em;
			margin: 2px 1px;
		}
		#content ul#leftList li a {
			background: #733D17;
			color: #D9C271;
			display: block;
			text-align: center;
		}
		#content ul#leftList li a:hover {
			background: #542E08;
			color: #DED2A6;
			text-decoration: none;
		}
		#content ul#leftList li.highlighted a {
			background: #331E09;
		}
	#content #formPlaceholder {
		margin-left: 230px;
	}

.clear{
  clear:both;
}
	
/**
 * Admin sortable menus
 */
.menu #children {
	/*background: #D9C271;*/
	border: 1px solid #733D17;
	list-style: none;
	margin: 10px auto;
	padding: 5px 10px;
	width: 70%;
}
	.menu #children li {
		padding: 5px 10px;
	}
	.menu #children li:hover {
		border: 1px dashed #733D17;
		cursor: move;
		background: #DED2A6;
		padding: 4px 9px;
	}