body {
	margin: 0;
	padding: 0;
	background: url(img/BG.jpg) #A0C144 center top repeat-y;
	font: 80% verdana, helvetica, sans-serif;
	text-align: left;
	color: #5b5036;
	line-height:1.5em;
}
/***********************************************/
/* ID     structure de base           */
/**********************************************/

#header {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
#logo {
	padding-top: 50px;
	margin-bottom: -10px;
}
#nav, #siteinfo{
	position:absolute;
	width: 980px;
	height:38px;
	top: 2px;
	padding-top:11px;
	background: url(img/bg_menu.jpg) no-repeat;
	background-color: #aec075;
	font:110% Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#siteinfo {
	clear: both;
	position: relative;
	padding: 10px 0px 0px 0px;

	background-image:none;
	border:none;
}
#copyright{background-color: #d6df8a; padding-top: 20px; padding-bottom:40px; }

#content {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#actus {
	float:left;
	width: 705px;
	margin-right: 0px;
	background-color: #FFF;
}
#conteneur1col {
	float: left;
	width: 620px;
	padding: 0 0px 20px 0px;
	margin-left: 50px;
}
#droite {
	float: right;
	width: 235px;
	padding: 0 20px;
	background-color:#F4ECEA;
}


/**************COLONNES CENTRE***************/

.conteneur2col .colonne1 {
	float: left;
	width: 335px;
	padding: 0px 0px 20px 20px;
}
.conteneur2col .colonne2 {
	float: left;
	width: 310px;
	padding: 0 15px 20px 20px;
}

.conteneur3col .colonne {
	float: left;
	width: 160px;
}
/***********************************************/
h1 { /*logo*/
	color: #5b5036;
	font: bold 56px "Lucida Sans Unicode", Arial, sans-serif;
	margin: 10px 0px 1px 20px;
}
h1 a { 	color: #5b5036;	margin-bottom: 1px;}
/*titre article */

#actus h2, #conteneur1col h2  {
	font: normal 23pt "Lucida Sans Unicode", Arial, sans-serif;
	margin:15px 0px 15px 0px ;
	padding-bottom: 10px;
	line-height:1em;
	border-bottom:1px solid #D1E051;

}
#actus h2{ margin:52px 15px 20px 15px; }

#actus h3, #conteneur1col h3  {
	font: bold 20px "Lucida Sans Unicode", Verdana, sans-serif;
	color: #9E8B5F;
}
h4 {
	font-weight: bold;
	font-size: 100%;
}
#conteneur1col .colonne img {
	float: left;
	padding-right: 15px;
}
.conteneur2col .colonne1  img {	margin-TOP: 15px;}
/***********************************************/
/*  FORMULAIRES         */
/***********************************************/
form, input {
	margin: 0px;
	padding:0px;
	text-indent: 0px;
}
textarea {
	font: 100% verdana, helvetica, sans-serif;
	color:  #5B5036;
	width:170px;
}
input {
	border: 1px solid #506B83;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5B5036;
	background-color: #FFF;
	padding: 2px;
	padding-right: 0px;
}

.newsletter {
	font-size: 120%;
	color: #5B5036;
	font-weight: bold;
	padding-left: 10px;
}
.marginlabel {
	margin-top: -100px;
	top: -100px;
}
/***************STYLES  LIENS*************************/
#logo a {	text-decoration: none;}

#actus a,  #conteneur1col a, .conteneur2col a{
	color:#aec075;
	font-weight:bold;
	text-align: left;	
	display: block;
}
#actus a:hover, #conteneur1col a:hover, .conteneur2col a:hover{
	background-color: #8f9d61;
	color: #FFF;
	text-decoration:none;
}

#nav a, #siteinfo a {
	border-right: 1px solid #E1EB8E;
	padding: 14px 12px ;
	color: #FFF;
	text-decoration:none;
	font:  bold 120%  Arial, Helvetica, sans-serif;
}
#siteinfo a {	padding: 14px 6px ;}

 #amis a, .encadreborderblanc a {
	background-color:#aec075;
	color:#FFF;
	padding:3px;
	text-decoration: none;
	font-weight:bold;
}
.lien_etudiant {
	border: 1px SOLID #CCC;
	width: 611px;
	color: #FFF;
}
#lien_formulaire  {
	color: #FFF;
	text-decoration: none;
	background: #aec075;
	padding: 4px 0px;
	margin: 4px 0px;
	text-align:center;
}

#nav a:hover, #siteinfo a:hover, #amis a:hover, #lien_formulaire:hover, .lien_etudiant:hover, .encadreborderblanc a:hover   {
	background-color: #8f9d61;
	color:#FFF;
} 
.lien_etudiant a{
	display:block;
	margin:  4px;	
	padding: 4px;
	background: #D1E04F;
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
	border: 1px SOLID #FFF;
	text-align:center;
}
#lien_formulaire a{ color: #FFF;
	text-decoration:none; font-weight:bold;}
	
#lien_formulaire a img{
	border:none;
	text-decoration:none;
}

#droite .interne { background-color : transparent; 	color: #5b5036; text-decoration:underline }
/***************STYLES  AUTRES*************************/

.lien_noir {
	font-size: 120%;
	color: #5B5036;
	font-weight: bold;

}
.vert {
	font-weight: normal;
	color: #D6DF8A;
}

.leg {
	width:329px;
	margin-top: 0px;
	padding: 3px;
	background-color: #FCFAFA;
	text-align:left;
	border: 1px SOLID #EAE7DD;
	font-size: 90%;
}

.titredroite {
	margin-top: 43px;
	padding: 4px 4px 6px 4px;
	background-color: #a79591;
	color: #FFF;
	font: bold 160% "Lucida Sans Unicode", "Arial", sans-serif;
	line-height:1.1em;
	border-top: 2px solid #C0B496;
	border-bottom: 2px solid #C0B496;
}

#content #actus .conteneur2col .colonne2 ul {
	margin: 15px;
	PADDing: 0px;
}
.fleche {
	background: transparent url(img/fleche-droite.png) no-repeat left top;
	margin: 0;
	text-indent: 20px;
}
.marginleft {	margin-left: 26px;}


.inputdon {
	border: 0;
	background-color : #EDDFDC;
	margin: 10px 0;
}

p {
	margin: 10px 0;
	padding: 0;
	text-indent: 0px;
}

.encadretxt {
	margin: 1px;
	padding: 4px;
	background-color: #DBD5C4;
	font: bold 140% Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align: center;
	width: 21px;
}
/***************ENCADRES*************************/
.fondfonce {
	padding:11px 0px;
	background-color : #f3e6e3;
}

.encadreborderblanc, #amis {
	padding:11px 12px;
	border: 1px solid #FFF;
	border-top:none;
	margin-bottom:50px;
}
.encadre {
	background-color: #FFF;
	border: 6px solid #CEC6AE;
	padding: 1px 1px 1px;
	text-align: left;
	padding-right: 4px;
}
#content #actus .conteneur2col .colonne1 .encadre ul {
	margin-left: 1px;
	padding-left: 22px;
}
.textsmall { font-size: 80%; }
.img_left {	border: 0; 	float: left;}
.textjustify {	text-align: justify;}
.center {	text-align: center;}
.border0, a img {	border:0;}
.border1 {	border:1px solid;}
.bold {	font-weight: bold;}
.stabilo {
	padding: 3px;
	line-height:1.7em;
	border: 1px SOLID #ccc;
}

 hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: 0;
}


.spacer {
	clear: both;
	border-bottom: 1px solid #CEC6AE;
	height:11px;
}


/* tooltip styles ***************/


div#tooltip {
	position:absolute;
	visibility:hidden;
	z-index:100;
	background-color: #C0B496;
	COLOR:#FFF;
	border:41px solid white;
	padding:1em;
	width: 400px;
	cursor: text;
	background: url(img/bg_tooltip.jpg) repeat-y;
}
.tooltip  {
	color: #5B5036;
	text-decoration: none;
	cursor: text;
}

 #content #actus h2 a {
	color: #5b5035;
	text-decoration: none;
	font-weight: normal;
}

#content #actus h2 a:hover {
	color: #5b5035;
	text-decoration: underline;
	background-color: #FFF;
}