* {margin:0; padding:0; }

html {
	margin: 0;
	padding: 0;	
}

body { font-family: Arial, Helvetica, sans-serif; font-size: 70% ; padding: 0; margin: 0; color: #ffffff; background: #0b3a01 url(../img/motif_fond.gif) top center; text-align: center; }

a { color: #edd569; text-decoration: none; position: relative; z-index: 1; }
a:hover {  color: #edd569; text-decoration: underline;}
img a:hover { color: #FFFFFF;}

p {text-align:left;}

hr {padding: 0; margin: 0;}

h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	line-height: 1em;
}

h1.persan {
	text-align: right;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	line-height: 1em;
}

h2 {
	font-size: 11px;
	padding: 5x 0 5px 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom : 10px;
	color:#BBBBBB;
	font-weight: normal;
}

h2.persan {
	text-align: right;
	font-size: 11px;
	padding: 5x 0 5px 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom : 10px;
	color:#BBBBBB;
	font-weight: normal;
}

h3 {
	text-align: left;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom : 5px;
	color:#fff;
	font-weight: bold;
}

h3 {
	text-align: left;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom : 5px;
	color:#fff;
	font-weight: bold;
}

h3:hover {
	text-decoration: underline;
}

img { border: 0px; }
.picto { margin-bottom: 1px; vertical-align:middle; margin-right:2px; }
#picto-lettre { float: left; width: 70px; margin-bottom: 5px; padding: 0px; }
.image-titre { padding: 0px; margin: 0; text-align: left; }
.push { margin-top: 0px; padding: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; } 
.yellow { color: #edd569; }

#clear { clear:both; }
#right { text-align: right; }

.right { text-align: right;}

div.img-shadow {
	width: 90%;
  	float:left;
	background: url('../img/shadowAlpha.png') no-repeat bottom right !important;
	padding: 0;
	position: relative;
	background: url('../img/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

div.text-shadow_A {
	margin-left: 160px;
}

div.text-shadow_B {
	margin-left: 107px;
}

div.text-shadow_C {
	margin-left: 5px;
	margin-top: 5px;
}


div.img-shadow img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}

/**html div.img-shadow img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 5px;
	position: relative;
	vertical-align: bottom;
}*/

#Main { display: block; width:700px; height: auto; padding: 0; color: #ffffff;  margin-left: -350px; margin-top: 0px; position:absolute; left: 50%; }

#Content { position:relative; width:auto; height: auto; padding: 0; margin: 0px; color: #ffffff; background: #76192c url(../img/bg_fondContainer.jpg) repeat-x top left; }

#Container { position:relative; width: auto; height: auto; padding: 0; background: url(../img/bg_fondContainerDegr.jpg) repeat-y top right; }

#menu {width: 700px; clear:both; padding:0; height:30px; margin: 0; }
#menu ul {float:left; margin: 0; padding: 0;}
#menu li {float:left; color: #ffffff; list-style: none; margin: 0; padding: 0;}
#menu li a {margin:0; display:block; color: #ffffff;  padding: 12px 0 0 0;  }
#menu li a:hover {color:#ffffff;}

.panel1 {width:90px; height:30px;background: url(../img/accueil.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel1 {width:90px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/accueil.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}
.panel2 {width:184px; height:30px;background: url(../img/qui.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel2 {width:184px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/qui.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}
.panel3 {width:98px; height:30px;background: url(../img/activites.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel3 {width:98px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/activites.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}
.panel4 {width:154px; height:30px;background: url(../img/regards.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel4 {width:154px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/regards.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}
.panel5 {width:78px; height:30px;background: url(../img/liens.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel5 {width:78px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/liens.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}
.panel6 {width:95px; height:30px;background: url(../img/contact.gif) 0 0 no-repeat; margin: 0; padding: 0;}
#on.panel6 {width:95px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/contact.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:30px; voice-family: "\"}\"";}

.panel1 a {color:#fff; font-weight:normal; text-align: center; width:90px; height:18px; margin: 0; padding: 0; text-decoration: none;}
.panel2 a {color:#fff; font-weight:normal; text-align: center; width:184px; height:18px; margin: 0; padding: 0; text-decoration: none;}
.panel3 a {color:#fff; font-weight:normal; text-align: center; width:98px; height:18px; margin: 0; padding: 0; text-decoration: none;}
.panel4 a {color:#fff; font-weight:normal; text-align: center; width:154px; height:18px; margin: 0; padding: 0; text-decoration: none;}
.panel5 a {color:#fff; font-weight:normal; text-align: center; width:78px; height:18px; margin: 0; padding: 0; text-decoration: none;}
.panel6 a {color:#fff; font-weight:normal; text-align: center; width:95px; height:18px; margin: 0; padding: 0; text-decoration: none;}

.panel1 a:hover, li.panel1over a {width:90px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/accueil.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:18px; voice-family: "\"}\"";}
.panel2 a:hover, li.panel2over a {width:184px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/qui.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:18px; voice-family: "\"}\"";}
.panel3 a:hover, li.panel3over a {width:98px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/activites.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:18px; voice-family: "\"}\"";}
.panel4 a:hover, li.panel4over a {width:154px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/regards.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit;height:18px; voice-family: "\"}\"";}
.panel5 a:hover, li.panel5over a {width:78px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/liens.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:18px; voice-family: "\"}\"";}
.panel6 a:hover, li.panel6over a {width:95px; height:30px; color:#C6B19C; text-decoration: none; background: url(../img/contact.gif) 0 -30px no-repeat; voice-family: "\"}\""; voice-family:inherit; height:18px; voice-family: "\"}\"";}


#Bienvenue { position:relative; width: 70Opx; height: 184px; background: url(../img/Bienvenue2.gif) no-repeat top center; margin-top:0; float: left; text-align: left; }
#Bienvenue p { padding-top: 63px; padding-left: 255px; padding-right: 30px; margin: 0px; color: #000000; }
#Bienvenue a { font-weight: bold; color: #c50f35; }



#Agenda { clear: both; position:relative; width: 448px;  margin-top : 10px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 25px; z-index:100;}
#Agenda p { padding-top: 2px; }

#AgendaAdmin { clear: both; position:relative; width: 680px;  margin-top : 10px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 15px; }
#AgendaAdmin p { padding-top: 2px; }

#edit { margin-top: 10px; margin-bottom:10px; padding: 10px; background:#6a1628; text-align: right;  }



#Ajout { position: relative; float: left; margin: 0; padding :0;  }
#greenLine {border-top: solid 1px #914756; margin-top: 15px; margin-bottom: 20px; }
.left { position: relative; float: left; width: 100px; margin: 0; padding :0; }
.center { position: relative; float: left; width: 225px; text-align: center; margin: 0; padding :0;}
.right { position: relative; float: right; width: 100px; margin: 0; padding :0; text-align: right; }

#QuiSommesNous { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; }
#QuiSommesNous p { padding-top: 2px; padding-bottom: 6px; }

#IntroQui { padding-top: 0; padding-left: 0; padding-right: 170px; position:relative; width: 278px; height: 56px; background: url(../img/Titre_Qui.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; margin: 0;}
#BlocNote { position:relative; float:left; width: auto; height: 126px; background-image:url(../img/BlocNote.jpg); background-position:top left; background-repeat:no-repeat; padding-top:95px;padding-left: 15px; padding-right: 15px; margin-bottom: 12px; color: #000000;}
#QuiSommesNous ul#objectifs {margin-left: 30px; list-style: url(../img/puce.gif);}
#QuiSommesNous ul#objectifs li {margin-bottom: 5px; }

#Activites { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; }
#Activites ul#langues {margin-left: 30px; list-style: url(../img/puce.gif);}
#Activites ul#langues li {margin-bottom: 5px; }
#IntroActivites { padding-top: 70px; padding-left: 0; padding-right: 170px; position:relative; width: 278px; height: 90px; background: url(../img/Titre_Activites.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; margin-bottom: 10px;}
#IntroActivites p { margin: 0; padding: 0;}
ul#Liste { margin-left: 30px; list-style: url(../img/puce.gif); margin-top: 5px; margin-bottom: 5px; padding: 0}
ul#Liste li {margin-bottom: 5px; }

#Articles { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; }
#IntroArticles { padding-top: 70px; padding-left: 0; padding-right: 150px; position:relative; width: 298px; height: 90px; background: url(../img/Titre_Articles.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; margin-bottom: 10px;}
#IntroArticles p { margin: 0; padding: 0;}
#ArticleRepet { position:relative; width: 428px; background:#6a1628 url(../img/bg_ArticleRepet.jpg) no-repeat left; margin-bottom: 20px; padding-left: 20px; height: auto; }

#Contact { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; z-index:1000;}
#IntroContact  { padding-top: 70px; padding-left: 0; padding-right: 170px; position:relative; width: 278px; height: 90px; background: url(../img/Titre_Contact.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; margin-bottom: 10px;}
#IntroContact  p { margin: 0; padding: 0;}

#Liens { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; }
#IntroLiens  { padding-top: 70px; padding-left: 0; padding-right: 170px; position:relative; width: 278px; height: 90px; background: url(../img/Titre_Liens.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; margin-bottom: 10px;}
#IntroLiens  p { margin: 0; padding: 0;}
#LienRepet1 { position:relative; width: 448px; background: url(../img/bg_Lien1.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet1 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet2 { position:relative; width: 448px; background: url(../img/bg_Lien2.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet2 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet3 { position:relative; width: 448px; background: url(../img/bg_Lien3.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet3 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet4 { position:relative; width: 448px; background: url(../img/bg_Lien4.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet4 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet5 { position:relative; width: 448px; background: url(../img/bg_Lien5.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet5 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet6 { position:relative; width: 448px; background: url(../img/bg_Lien6.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet6 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }
#LienRepet7 { position:relative; width: 448px; background: url(../img/bg_Lien7.jpg) no-repeat top left; margin-bottom: 30px; padding:0; height: 113px; }
#LienRepet7 p { padding-left: 10px; padding-top: 20px; padding-right: 170px;padding-bottom:0; margin:0; }

#MentionsLegales { clear: both; position:relative; width: 448px; margin-top : 20px; padding-left: 10px; padding-right:10px; float: left; text-align: left; padding-bottom: 30px; }
#MentionsLegales p { padding-top: 2px; padding-bottom: 6px; }
#IntroMentions { position:relative; width: 448px; height: 66px; background: url(../img/Titre_Mentions.jpg) no-repeat top center; float: left; text-align: left; color: #FFFFFF; }

#ColumRight { position:relative; width: 210px; height: auto; padding-right: 10px; margin-top : 20px; float:right; text-align: left; z-index:100; padding-bottom: 25px; voice-family: "\"}\""; voice-family:inherit; width: 200px; voice-family: "\"}\""; margin-right: 10px !important; margin-right: 0px; }
#ColumRightHP { position:relative; width: 210px; height: auto; padding-right: 10px; margin-top : 10px; float:right; text-align: left; z-index:100; padding-bottom: 25px; voice-family: "\"}\""; voice-family:inherit; width: 200px; voice-family: "\"}\""; margin-right: 10px !important; margin-right: 0px;}

#ColumRight p {padding-left: 10px; padding-right: 10px; margin :0;}
#ColumRightHP p {padding-left: 10px; padding-right: 10px; margin :0;}
#ColumRightHP p.add { background:#76192c; text-align:center; padding:5px;}

input#inscriptionField { border: none; background-color: #520213; width: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal; color: #ffffff; vertical-align: middle; margin:0; padding: 3px;}
input#inscriptionField:focus { background-color: #64091c;}
input#inscriptionSend { width: 58px;  border: none; vertical-align: middle; }
input#inscriptionSend:focus { border: none; border-width: 1px;}


form#Contact { margin: 0; padding: 0; width: auto; }
input#formName, input#formEmail, input#formSubject { border: none; background-color: #520213; width: 257px; height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  vertical-align:middle; margin: 0 0 10px 0; padding: 2px 8px 2px 8px; color: #fff; }
input#formInfo { border: none; vertical-align:middle; margin: 6px 0 10px 0; }
input#inscriptionSend2 { margin-top: 6px; padding: 0;}
input#formName:focus, input#formEmail:focus, input#formSubject:focus { background-color: #64091c; }
/* input#formSendfr { width: 46px; height: 16px; border:none; margin:0; padding:0;}
input#formSenden { width: 36px; height: 16px; border:none; margin:0; padding:0;}*/
textarea#formMsg {border: none; background-color: #520213; width: 257px; height: 94px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;   vertical-align:middle; margin-bottom:5px; padding: 8px 8px 8px 8px; overflow: auto; color: #fff;}
textarea#formMsg:focus { background-color: #64091c; }
label { display: inline; float: left; width: 110px; vertical-align: middle; padding: 3px 0 0 0;  text-align: right; margin-right: 20px; margin-left: 42px;}		
input#contactSend { width: 58px;  border: none; vertical-align: middle; position:relative; float: right; }
input#contactSend:focus { border: none; border-width: 1px;}

form#AgendaAdmin { margin: 0; padding: 0; width: auto; }
input#titre, input#imgtitle, input#auteur { border: none; background-color: #520213; width: 484px; height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  vertical-align:middle; margin: 0 0 6px 0; padding: 2px 8px 2px 8px; color: #fff; }
input#img { border: none; background-color: #520213; width: 484px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  vertical-align:middle; margin: 0 0 6px 0; padding: 2px 8px 2px 8px; color: #fff; }
input#typeimg { border: none; vertical-align:middle; margin: 0 0 6px 0; }
input#etat { vertical-align:middle; margin: 0 0 6px 0; }
input#titre:focus, input#imgtitle:focus, input#auteur:focus { background-color: #64091c; }
textarea#desc {border: none; background-color: #520213; width: 484px; height: 94px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal; vertical-align:middle; margin: 0 0 6px 0; padding: 8px 8px 8px 8px; overflow: auto; color: #fff;}
textarea#desc:focus { background-color: #64091c; }
select { border: none; background-color: #520213; width: 501px; height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  vertical-align:middle; margin: 0 0 6px 0; padding: 2px 4px 2px 4px; color: #fff; }			

		
				
#Footer { clear: both; position:relative; text-align: left; width:auto; height: 19px; background: #590a1b; padding-top:11px; padding-left: 10px; font-size: 10px; color: #f4e083; background: #0b3a01 url(../img/motif_footer.gif) repeat-x top center; margin-bottom: 20px;} 

#Footer a { color : #f4e083; }
#Footer_links { position: relative; float: left; }
#Copy { position: relative; float: right; color: #ac858d; margin-right: 10px;}


<!-- ------------------------------------------------------------ -->
#QuiSommesNous ul#Onglet {
	position: relative;
	width: 100%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
}
#QuiSommesNous ul#Onglet li {
	float: left;
	display: inline;
	font-size: 12px;
}
#QuiSommesNous ul#Onglet li a {
	text-align: center;
	display: block;
	width: 149px;
	height: 33px;
	line-height: 33px;
	text-decoration: none;	
	color: #ffffff;
	margin :0;
	padding:0;
}
#QuiSommesNous ul#Onglet li a.current {
	text-decoration: none;
	margin :0;
	padding:0;
}
#QuiSommesNous ul#Onglet li a:hover {	
	background : #3f010e;
	margin :0;
	padding:0;
}
#QuiSommesNous .content {
	padding: 10px;
	margin: 0;
	_margin: 0;
	background-color: #3f010e;
}
#QuiSommesNous hr {
	clear: both;
	visibility: hidden;
}
#QuiSommesNous a.current {
	background : #3f010e;
	color: #FFFFFF;
	margin :0;
	padding:0;
}
#QuiSommesNous a.ghost  {
	background : #630418;
	margin :0;
	padding:0;
}
#QuiSommesNous .on {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	margin-top: 1px;	
}
#QuiSommesNous .off {
	display: none;
}


<!-- ------------------------------------------------------------ -->
#Activites ul#Onglet {
	position: relative;
	width: 100%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
}
#Activites ul#Onglet li {
	float: left;
	display: inline;
	font-size: 12px;
}
#Activites ul#Onglet li a {
	text-align: center;
	display: block;
	width: 149px;
	height: 33px;
	line-height: 33px;
	text-decoration: none;	
	color: #ffffff;
	margin :0;
	padding:0;
}
#Activites ul#Onglet li a.current {
	text-decoration: none;
	margin :0;
	padding:0;
}
#Activites ul#Onglet li a:hover {	
	background : #3f010e;
	margin :0;
	padding:0;
}
#Activites .content {
	padding: 10px;
	margin: 0;
	_margin: 0;
	background-color: #3f010e;
}
#Activites hr {
	clear: both;
	visibility: hidden;
}
#Activites a.current {
	background : #3f010e;
	color: #FFFFFF;
	margin :0;
	padding:0;
}
#Activites a.ghost  {
	background : #630418;
	margin :0;
	padding:0;
}
#Activites .on {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	margin-top: 1px;	
}
#Activites .off {
	display: none;
}