body				{
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.75em;
color: #000;
background-image:url(images/fond.jpg);
background-repeat:repeat;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}

#page				{
background-color:#FFF;
border-left: 2px solid #808080;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
margin-left:auto;
margin-right:auto;
width:800px;
}

#ban				{
width:800px;
height:150px;
background-color:#a3c238;
background-image:url(images/ban.jpg);
background-repeat:no-repeat;
}

#ban_menu			{
margin-left:630px;
padding-top:10px;
height:126px;
}

#barre-menu			{
width:800px;
height:25px;
}

#contenu			{
width:760px;
padding:20px 0px 0px 20px;

}

#edito				{
width:540px;
text-align:justify;
float:left;
}


#bouton				{
margin-left:10px;
margin-top:10px;
width:200px;
float:right;
}


#barre				{
clear: both;
visibility: hidden;
height:1px;
}

.barre				{
clear: both;
visibility: hidden;
height:1px;
}


#zone_gauche		{
width:150px;
text-align:center;
float:left;
}

#zone_centre		{
width:430px;
padding:0px 15px 0px 15px;
text-align:justify;
float:left;
}

#zone_droite		{
width:150px;
text-align:center;
float:right;
}

#zone_un		{
width:360px;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

#zone_deux		{
width:360px;
margin-left:20px;
background-color:#fdede7;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

#zone_a		{
width:360px;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

#zone_b		{
width:360px;
margin-left:20px;
text-align:justify;
padding: 5px 5px 5px 5px;
float:right;
}

#zone_deux_suite	{
width:360px;
margin-left:20px;
background-color:#eefab6;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

.zone_infos			{
width:445px;
padding-right:5px;
float:left;
}



#photo				{
width:400px;
height:142px;
margin-left:10px;
padding-left: 3px;
padding-right:3px;
padding-bottom:3px;
margin-top:15px;
background-color:#D9DEE1;
float:right;
border-left: 1px solid #92A8B6;
text-align:justify;
}

.indexphoto			{
float:left;
margin-right:2px;
border:0;
}

.doc				{
margin-bottom:15px;
}

#reussite			{
width:140px;
margin-top:40px;
background-color:#D9FF3A;
font-size:14px;
padding:5px 5px 5px 5px;
border-top:1px solid #C0C0C0;
border-left:1px solid #C0C0C0;
border-right:2px groove #404040;
border-bottom:2px groove #404040;
}

#bas				{
width:800px;
font-size:11px;
color: #000;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.hautpage			{
float:right;
margin-right:20px;
border:0;
}
/*... Contact ............................................................ */
#contact_gauche		{
width:150px;
text-align:center;
float:left;
}

#contact_form		{
width:420px;
padding:0px 20px 0px 20px;
float:left;
}

#contact_droite		{
width:150px;
text-align:center;
float:right;
}

input, select		{
font-size:12px;
border: 1px solid #b1d12e;
}

textarea			{
font-size:12px;
border: 1px solid #b1d12e;
}

.bouton				{
background-color:#ab4900;
color:#FFF;
font-size:1em;
border: 1px solid #b1d12e;
}

.zone_text			{
width:120px;
}
/* ... Texte ............................................................. */

h1					{
font-size:1.50em;
color:#c2441c;
margin: 0px 0px 10px 0px;
}

h2					{
font-size:1.25em;
color:#c2441c;
margin: 10px 0px 0px 0px;

}

.titrephoto			{
font-size:1.20em;
font-weight:bold;
color:#7d6c26;
}

.zone_ul			{
margin-top:15px;
}

.zone_li			{
color:#000;
margin-left:50px;
margin-bottom:5px;
list-style-type: disc;
}

.afftitre			{
font-size:1.25em;
font-weight:bold;
color:#7d6c26;
width:99%;
padding-right:5px;
}

.affsujet			{
text-align:justify;
width:99%;
padding-right:5px;
}

.publie			{
font-size:0.80em;
text-align:right;
background-color:#D4E874;
border-bottom: 1px dotted #555553;
border-top: 1px dotted #555553;
padding-right:5px;
width:99%;
}

.liste_nouvelles	{
margin-bottom:5px;
}

.lien			{
color : #246008;
text-decoration : underline;

}
.lien:hover 	{
color :#b1d22d;
text-decoration : none;

}

.lienbas			{
color:#993300;
text-decoration : underline;

}
.lienbas:hover 	{
color :#993300;
text-decoration : none;

}

.centre				{
text-align:center;
}

.citation			{
font-weight:bold;
color:#c2441c;
width:80%;
margin-left:auto;
margin-right:auto;
}

p					{
margin-bottom:20px;
}

/* ... Pages photos ....................................................... */

.photo_left			{
width:242px;
text-align:center;
padding: 5px 5px 5px 5px;
float:left;
}

.photo_right			{
width:242px;
text-align:center;
padding: 5px 5px 5px 5px;
float:right;
}

.album_un			{
width:360px;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

.album_deux			{
width:360px;
margin-left:20px;
text-align:justify;
padding: 5px 5px 5px 5px;
float:left;
}

.serie_photo		{
width:190px;
text-align:center;
float:left;
margin-bottom:10px;
}

.seriephoto		{
border-right:5px groove #C0C0C0;
border-bottom:5px groove #C0C0C0;
border-left:0px;
border-top:0px;
margin-bottom:2px;
}

/* ......................................................................... */

/* ... Images ............................................................. */
.noborder			{
border:0;
}

.photoinfo			{
border:0;
float:left;
margin: 0px 3px 1px 0px;
}

.img_sep1			{
margin-top: 40px;
border:0;
}

.img_sep2			{
margin-top: 100px;
border:0;
}

.divbout1			{
background-image:url(images/notes1.jpg);
background-repeat:no-repeat;
width:166px;
height:63px;
border:0;
}

.divbout1:hover	{
background-image:url(images/notes2.jpg);
background-repeat:no-repeat;
width:166px;
height:63px;
border:0;
}

.divbout2			{
background-image:url(images/apel1.jpg);
background-repeat:no-repeat;
width:166px;
height:63px;
}

.divbout2:hover	{
background-image:url(images/apel2.jpg);
background-repeat:no-repeat;
width:166px;
height:63px;
}

/* Evénement .......................................................... */
#cadre_forme1 {
width : 200px;
background-color : #C298C4;
color : #643D65;
margin-bottom:15px;
}
#hautgauche_forme1, #hautdroit_forme1, #basgauche_forme1, #basdroit_forme1 {
height : 5px;
width : 5px;
background-repeat : no-repeat;
font-size : 1px;
}
#hautgauche_forme1 {
background : url(images/arrondi_a_hg.jpg);
}
#basgauche_forme1 {
background : url(images/arrondi_a_bg.jpg);
}
#hautdroit_forme1 {
float : right;
background : url(images/arrondi_a_hd.jpg);
}
#basdroit_forme1 {
float : right;
background : url(images/arrondi_a_bd.jpg);
}
#contenu_forme1 {
text-align : left;
margin : 0px 3px 0px 3px;
} 