/*Feuille écrite par Isabelle Blondelle-www.iblondelle.com - Mai 2008-avril 2010*/

body { 
font-size:14px;
font-style:normal;
line-height: 20px;
color: #3f9303;
background-image: url(images/background-image.gif);
background-repeat: repeat-x;
background-color: #add63c;
margin: 0 ;
}	

#global 
  { border: 4px solid white;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
	text-align: left;
    }
a:link {
	color:#3f9303;
	text-decoration: underline;
}
a:visited {
	color: #3f9303;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	/*padding-left:20 px;*/
	text-align:justify;
}

/* LE MENU */
#menu  { 
font-family: Arial, Helvetica, sans-serif;
position:absolute;
font-size: 11px;
width: 751px;
height:auto; 
margin-left: auto;
margin-right: auto;
text-align:center;
background-image: url(images/index_r1_c1.gif); 
background-repeat : no-repeat;
} 

#menu ul {  /*ajout du 21 avril */
margin-left: auto;
margin-right: auto;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 
#menu li {
margin:0;
padding:0;
border:0;
float:left;
width:94px; 

}
#menu li a {
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
list-style-type: none;
text-decoration:none;
}

#menu li a:link  #menu li a:visited
{
height:1%;
margin:0;
text-decoration:none;
padding: 4px 8px;
width:94px;
}  

#menu .sousmenu {
/*position:relative; /*ajout du 16 avril*/
display: none;
 list-style-type: none;
 text-decoration:none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menu .sousmenu li
{

 /*float: none;*/
 margin: 0;
 padding: 0;
 border: 0;
 width: 104px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menu .sousmenu li a:link,
#menu .sousmenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background:#3f9303;
}
#menu .sousmenu li a:hover
{
 background-image: none;
 background-color: #ff7b33;
}
#menu .sousmenu.sfhover {
		top: auto;
		min-height: 0; /* corrige un bug IE7 */
	}
	
#menu li:hover > .sousmenu { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/


/* FIN DU MENU */


img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 0;
margin-top : 10px;
margin-left : 5px;
padding : 3px;
border : 1px solid #caff7a;} 

img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
padding : 3px;
border : 1px solid #caff7a;
} 
img.floatC { 
float : left;
margin-right : 10px;
margin-bottom : 0;
margin-top : 10px;
margin-left : 150px;
padding : 3px;
border : 1px solid #caff7a;} 

#headdiapo {
	width: 751px;
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
}
#bodyarea {
background-color:white;
width: 751px;
	margin-top:55px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: hidden;
	height: auto;
}

.clear { 
clear : both;
} 

.orange {
font-family: Arial;
color: #ff6600;
}
.image { 
float : left;
height : 190px;
width : 155px;
background : white;
border : 2px solid #caff7a;
margin : 3px 3px 3px 3px;
padding :5px 0 0 0;
} 
#maintextarea {
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom:40px;
	width: 510px;
	float: left;
	}
	
#maintextarea h1{
margin: 10px 0px 3px 5px;
padding: 2px 10px 1px 45px;
background: transparent url(images/fleur.gif) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
text-align:left;
color:#ff9933;
}

#main {
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom:40px;
	width: 710px;
	float: left;
	}	
	

#main h1{
margin: 10px 0px 3px 5px;
padding: 2px 10px 1px 45px;
background: transparent url(images/fleur.gif) no-repeat;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
text-align:left;
color:#ff9933;

}

#main h2{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#336600;
text-align:center;
}

#main h4{
margin-top:0;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9933;
text-align:center;
}


#rightcolumntextarea {
margin-top:10px;
margin-left:5px;
margin-bottom:25px;

	padding-left: 5px;
	padding-right: 5px;
	width: 185px;
	float: left;
}
#news {
background-image: url(images/agenda.gif);
margin-top:15px;
	width: 183px;
	height: 268px;
	}
	
#newsscrollbar {
	color: #FFFFFF;
	width: 185px;
	height: 268px;
	overflow: auto;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 10px;
}
#newsscrollbar p { color: #FFFFFF; }

#news h3 { 
color : white;
font-family : verdana;
font-size : 1.5em;
} 
#news h4 { 
width:150px;
font-family : verdana;
font-size : 0.9em;
text-align:left;
color : white;
} 

#news a { 
padding-right : 10px;
} 

#footer { 
width : 751px;
background-color:#669933;
height : 41px;
margin : 10px 0 0px 0;
text-align : center;
} 
#footer p { 
margin : 0;
padding-top : 3px;
text-align : center;
line-height : normal;
font-size : x-small;
font-size : xx-small;
} 
#footer a { 
text-decoration : underline;
color : #e78229;
} 
#footer a:hover { 
text-decoration : none;
}