﻿/**
*
* @author Almeras Antoine (antoine.almeras@gmail.com)
* @lastmodified $Date: 2012-07-27
*
**/

*{
	margin:0;
	padding:0;
}

body{
	background-image: url(http://innophyt.univ-tours.fr/jsp/styles/defaut/img_innophyt/fond.png);
	background-repeat: no-repeat;
	background-position: center 0;
	display:block;
	color: #454545;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 85%;
	/*border : 1px solid green;*/
	/*line-height: 1.2;*/
}

div#page{
	margin:auto;
	position:relative;
	width:1000px;
	/*border : 1px solid blue;*/
}
div#entete{
	background-image: url('../img/innophyt.png');
	background-repeat: no-repeat;
	margin-left: 56px;
	height: 161px;
	position: relative;
	margin-bottom: 1em;
	/*border : 1px solid red;*/
}

nav#menu{	
	background: #707072 no-repeat right bottom;
	list-style: none;
	position:absolute;
	top: 113px;
	width: 944px;
	height: 47px;
	border-top: 1px solid;
	
}

nav#menu li {
	display: inline;
}

nav#menu  a {
	color:white;
	text-decoration: none;
	float: left;
	padding: 0 0.8em;
	border-left: 1px dotted white;
	line-height:47px;
	}
nav#menu  a:hover {
	background-color: #BDCF31;;
}
nav#menu li:first-child a{
	border-left:0;
}

div#booty{
	margin-left:60px;
	/*border : 1px dashed red;*/
	margin-right : 4px;
}
a#retour_accueil {
	height: 440px;
	left: 1px;
	position: absolute;
	top: 0;
	width: 50px;
	border: none;
	text-decoration: none;
}

a#innophyt{

	height: 60px;
	left: 60px;	
	position: absolute;
	top: 0;
	width: 175px;
	text-decoration: none;
}

h1{
	color :#000080;
}


/***************************** Menu déroulant **********************************/

li#log ul li{
	display : none;
	float : right;
	clear:both;
	margin : 0;
	background-color: #BDCF31;
	width : 125px;
	border-left : none;
}

li#log{
	float : right;
	display : block;
	width : 125px;
}

li#log:hover{
	background-color : #BDCF31;
	
	/*border-radius : 0 0 15px 15px;*/
}


li#log:hover ul li{
	display : block;
}

li#login:hover{
	background-color : #BDCF31;
	border-radius : 0 0 15px 15px;
}
li#logout{
	border-radius : 0 0 15px 15px;
}
li#logout a:hover{
	border-radius : 0 0 15px 15px;
	width : 103px;
}

li#log ul li:first-child a{
	border-left: 1px dotted white;
}

/************************************* Les flash() personnalisés ********************************/

div#message_succes{
	font-size : 17px;
	color : #000000  ;
	background-color : #00CC00;
	border : 2px #336600 solid;
	height : 30px;
	border-radius : 10px;
	padding-left : 2px;
	background-image: url('../img/icon-ok.png');
	background-repeat : no-repeat;
	margin-right : 5px;
}

div#message_erreur{
	font-size : 17px;
	color : #000000  ;
	background-color : #FF0000;
	border : 2px #990000 solid;
	height : 30px;
	border-radius : 10px;
	padding-left : 2px;
	background-image: url('../img/icon_error.png');
	background-repeat : no-repeat;
	margin-right : 5px;

}
.message_texte{
	margin-top : 4px;
	margin-left : 35px;
}


/************************************* Pour les cadres bleus sous IE ****************************/
a, img{
	border : none;
}

/************************************* Pied de page ************************************************/
div#footer{
	margin-top : 50px;
	font-size : 100%;
	clear : both;
	float : right;
	width : 943px;
	border-top : 1px dotted black;
	padding-top : 10px;
	margin-bottom : 10px;
}

div#onema{
	background-image: url('../img/onema_logo.jpg');
	background-repeat: no-repeat;
	width : 204px;
	height : 81px;
	float : left;
	border : 1px solid black;
}

a#lonema {
	height: 81px;
	width: 204px;
	position : absolute;
}

div#ecophyto{
	background-image: url('../img/ecophyto2018.jpg');
	background-repeat: no-repeat;
	width : 250px;
	height : 104px;
	float : left;
	margin : 0px 150px 0 150px;
	border : 1px solid black;
}

a#lecophyto{
	height: 104px;
	width: 250px;
	position : absolute;
}

div#agriculture{
	background-image: url('../img/ministereAgriculture2012.jpg');
	background-repeat: no-repeat;
	width : 114px;
	height : 145px;
	float : right;
}

a#lagriculture{
	height: 145px;
	width: 114px;
	position : absolute;
}

/************************************************************************/