@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	background:transparent;
}

img {
	border: none;
}

/************/
html, body {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 80%;
}

#conteneur {
	height: auto;
    margin: auto;
    width: 964px;
}

#loginMenu input
{
	border: medium none;
	padding: 1px;
}

.clear
{
	clear:both;
}

/********************************* Header ***************************************/ 

#header {
	background: url(../Images/bg-header-2011.jpg) no-repeat left center;
    height: 149px;
    width: 964px;
}

#headerMenu {
    float: right;
    font-size: 11px;
    height: 20px;
    position: relative;
    z-index: 100;
}
#headerMenu ul li a, #headerMenu ul li a:visited {
    background-color: #CD071E;
    border: 1px solid #CD071E;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}
#headerMenu-archives ul li a, #headerMenu-archives ul li a:visited {
    background-color: #000000;
}
#headerMenu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#headerMenu ul li {
    float: left;
    position: relative;
}

#headerMenu ul li ul {
    display: none;
}
#headerMenu-archives {
    width: 60px;
}
#headerMenu-archives ul li {
    width: 60px;
}
#headerMenu ul li:hover a {
    background-color: #FFFFFF;
    color: #cc061f;
}
#headerMenu ul li:hover ul {
    display: block;
    left: 0;
    position: absolute;
    top: 21px;
}
#headerMenu ul li:hover ul li a.masque {
    background-color: #cc061f;
    color: #FFFFFF;
}
#headerMenu ul li:hover ul li:hover a.masque {
    background-color: #FFFFFF;
    color: #cc061f;
}
#headerMenu ul li:hover ul li ul {
    display: none;
}
#headerMenu ul li:hover ul li a {
    background-color: #cc061f;
    color: #FFFFFF;
    display: block;
}
#headerMenu ul li#headerMenu-archives:hover ul li a {
    background-color: #000000;
    color: #FFFFFF;
    display: block;
}
#headerMenu ul li:hover ul li a:hover {
    background-color: #FFFFFF;
    color: #cc061f;
}
#headerMenu ul li#headerMenu-archives:hover ul li a:hover {
    background-color: #FFFFFF;
    color: #cc061f;
}
#headerMenu ul li:hover ul li:hover ul {
    display: block;
    left: 105px;
    position: absolute;
    top: 0;
}
#headerMenu ul li:hover ul li:hover ul.left {
    left: -105px;
}
/********************************* FIN Header ***********************************/ 

/********************************* leftMenu ***********************************/ 
#leftContent {
    background: url("../Images/bg-leftContent-2011.jpg") no-repeat scroll left top transparent;
    float: left;
    height: auto;
    width: 120px;
}
#babillard {
    background: url("../Images/babillard.jpg") no-repeat scroll center top #0096E5;
    height: auto;
    margin-bottom: 20px;
    margin-top: 100px;
    width: 120px;
}
#babillard p {
    padding: 20px 8px 5px;
}
#babillard a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#babillard a:hover {
    text-decoration: underline;
}
#search {
    background-color: #533040;
    margin-bottom: 20px;
    padding: 5px 8px 12px;
    width: 104px;
}
#searchTitle h2 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
}
#searchForm {
}

#searchForm input {
    background-color: #FFFFFF;
    border: medium none;
    color: #533040;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 1px;
    width: 102px;
}
#searchForm a {
   	background-color: #533040;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 3px;
    text-decoration: none;
	

}
#searchForm a:hover {
   background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #533040;
}

#mon-panier {
    background: url("../Images/trombonne.jpg") no-repeat scroll center top #cc061f;
    color: #000000;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 30px 10px 13px;
    text-align: center;
}
#mon-panier .mon-panier-title {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px 10px 20px;
    text-align: left;
}
#mon-panier a {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#mon-panier a:hover {
    text-decoration: underline;
}
#loginMenu {
    background: url("../Images/logo-leoff-2011.jpg") no-repeat scroll center bottom #cc061f;
    font-size: 11px;
    margin-top: 20px;
    padding: 5px 5px 80px;
    width: 110px;
}
#loginMenu span.title {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 3px;
}
#loginMenu p {
    color: #FFFFFF;
    padding: 5px 5px 5px 3px;
}
#loginMenu input {
    margin-top: 2px;
}
#loginMenu input {
    background-color: #FFFFFF;
}
#loginMenu p.button {
    text-align: center;
}
#loginMenu a {
    background-color: #cc061f;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0;
    text-decoration: none;
}
#loginMenu a:hover {
    background-color: #FFFFFF;
    color: #cc061f;
}
/********************************* FIN leftMenu ***********************************/ 

#title {
    font-family: Impact,Arial,Helvetica,sans-serif;
    font-size: 32px;    
	width:834px;
	text-align:left;
}
#title span {
    color: #cc061f;
}
/********************************* Main Menu ***************************************/ 
#main-menu-content {
    border-bottom: 1px dashed #cc061f;
    margin-top: 5px;
    text-align: center;
    width: 834px;
	float:right;
	padding-bottom:4px;
}
#main-menu-content ul {
    padding-top: 10px;
}
#main-menu-content li {
    float: left;
    list-style-type: none;
}
#main-menu-content a {
    color: #000000;
    font-size: 11px;
    padding: 2px 6px;
    text-decoration: none;
	display:block;
}
#main-menu-content a:hover, #main-menu-content li.active a {
    background-color: #cc061f;
    color: #FFFFFF;
}
/********************************* FIN Main Menu ***********************************/ 
#page {
}

#content {
	float: right;
    height: auto;
    width: 834px;
}

#mainBlock {
	width: 834px;
}

#leftBlock {
	width:245px;
	float:left;

}

#page-titre {
	margin-top: 7px;
    float: left;
    height: auto;
    width: 834px;
}

#page-titre h1 {
	color:#000;
	font-size:22px;
}

#page-titre h1, #page-titre h2, #page-titre h3, #page-titre h4, #page-titre h5, #page-titre h6 {
    border-left: 1px dashed #CC061F;
    margin-left: 160px;
    padding: 5px 0 5px 10px;
    width: 664px;
}
#pageTitleLarge {
    margin-top: 7px;
    width: 834px;
}
#pageTitleLarge h1, #pageTitleLarge h2, #pageTitleLarge h3, #pageTitleLarge h4, #pageTitleLarge h5, #pageTitleLarge h6 {
    padding: 5px 0;
    width: 834px;
}

/***************** Vertical Menu **********************/
#pageMenu {
    border-top: 1px dashed #CC061F;
    float: left;
    height: auto;
    padding: 10px 4px 0 0;
    width: 156px;
}
#pageMenu ul {
}
#pageMenu li {
    list-style-type: none;
    padding: 3px 0 6px 0;
	
}
#pageMenu a {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
	width:156px;
	display:block;
}
#pageMenu a:hover, #vm1_item_selected a {
    color: #CC061F;
}
#pageMenu .sous-menu {
}
#pageMenu .vm2 ul {
    margin: 0;
    padding: 0;
}
#pageMenu .vm2 li {
    padding-bottom: 2px;
    padding-left: 20px;
}
#pageMenu .vm2 a {
    color: #000000;
    font-weight: normal;
	width:136px;
}
#pageMenu .vm2 a:hover {
    color: #CC061F;
}
#pageMenu .vm2 a.selected {
    color: #CC061F;
}
/***************** FIN Vertical Menu **********************/

#pageContent {
    border-left: 1px dashed #CC061F;
    border-top: 1px dashed #CC061F;
    float: left;
    padding: 10px 0 0 10px;
    width: 663px;
}

#bloc-txt-gauche2 {
	float:left;
	width:321px;
	padding-right:10px;
}

#bloc-txt-droite2 {
	border-left: 1px dotted #000000;
	float:left;
	width:321px;
	padding-left:10px;
}

.text h3, .text h4, .text h5, .text h6 {
	text-align:left;
	padding-bottom: 2px;
}

.text h3 {
	color: #CC061F;
    font-size: 20px;
}

.text h4 {
	color: #000000;
    font-size: 18px;
}

.text h5 {
	color: #CC061F;
    font-size: 16px;
}

.text h6 {
	 color: #000000;
    font-size: 15px;
}

.text, .text p {
	font-size:12px;
	color: #000;
}

.text p {
	padding-bottom: 5px;
	text-align:justify;
}

.text img {
	margin:5px;
}

.text a, .text p a, .text li a {
	border-bottom: 1px dotted #000000;
    color: #000000;
    text-decoration: none;
}

.text p a:hover, .text a:hover, .text li a:hover {
    border-bottom: 1px dotted #199DBF;
    color: #199DBF;
}

.bloc-txt a img {
	border: 1px solid #ffffff;
	text-decoration:none;
}

.text ul, .text ol {    
    margin-top: 5px;
    padding-left: 40px;
}
.text li {
	list-style-image: url(../Images/puce.gif);
    list-style-position: outside;
	padding-bottom: 4px;
	text-align:left;
}

/******************Table********************/
.text table {
	text-align:center;
	color:#19171C;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.text th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
	background-color: #E4E3E3;
}

.text td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px;
}
/****************FIN Table******************/

/*********************************** Page avancée *************************************/

.blocDocuments, .blocGallery, .blocMedia {
	padding-bottom:10px;
}

.blocDocuments Table, .blocDocuments td {
	border: none;
	padding:0;
	text-align:left;
}

/********************** Accordéon **********************/
/*#mainBlock*/ #swfDigitoAccordion{
	padding: 20px 0; 
}
/******************** FIN Accordéon *******************/


/****************** Bloc Documents ********************/

.blocDocuments img {
	margin:0;
}
/*************** FIN Bloc Documents *******************/


#bloc-txt-droite2 .text .blocMediaObject img, #bloc-txt-gauche2 .text .blocMediaObject img
{
	margin:0;
}

#mainBlock #bloc-txt-droite1 .bloc-txt
{
	padding-left:0px;
}


/********************* Bloc Gallery ******************/

.blocGallery a {
	float:left;
	height:52px;
	margin:3px 6px 3px 0;
	width:52px;	
	border:3px solid #998675;
}

.blocGallery a:hover {	
	border:3px solid #cc061f;	
}

.blocGallery a img {
	border-width:0;
}

.blocGallery a span {
	display:block;
	height:52px;
	width:52px;
}

.blocGallery a span.image {
	background-image:url("../Images/Gallery/icon-image.png") !important;
}

.blocGallery a span.video {
	background-image:url("../Images/Gallery/icon-video.png") !important;
}

.blocGallery a span.flash {
	background-image:url("../Images/Gallery/icon-flash.png") !important;
}

.blocGallery a span.sound {
	background-image:url("../Images/Gallery/icon-sound.png") !important;
}

.blocGallery a span img {
	display:none;
}
/*************** FIN Bloc Gallery *******************/

/******************************** FIN Page avancée ******************************/

/******************************** Page Carte ******************************/
#mapExplorerSwf {
	border: 1px solid #CCC;
	margin:0;
	padding:0;
	width:663px;
	float:left;
}
/******************************** FIN Page Carte ******************************/


/********************************** Actualités **********************************/

#bloc-news .moreText {
	width:632px;
}

.moreText {
	color:#cc061f;
	font-size:13px;
	padding-top: 10px;
	font-weight: bold;
}

.moreText ul {
	padding: 2px 0 2px 10px;
	font-weight:normal;
	color:#19171C;
}

.moreText li {
	background: url(../Images/puce-moretext.jpg) no-repeat left 3px;
	list-style-type:none;
	padding:0 0 3px 15px;
	text-align:left;
}

.moreText span {
	font-weight:bold;
}

.moreText a {
	border-bottom:1px dotted #000;
    color:#000;
    text-decoration:none;
}

.moreText a:hover {
	color:#199DBF; /*bleu*/
	border-bottom: 1px dotted #199DBF;
}

.pager {
	font-size:12px;
	text-align:right;
}

.pager a, .pager span {
	color:#000;
	text-decoration:none;
}

.pager a {
	font-weight:normal;
}

.pager a:hover, .pager b {
	color:#cc061f;
}

/****************************** FIN Actualités **********************************/
.themes {
	color:#cc061f;
	font-size:13px;
}

#event-active .themes {
	color:#000;
	font-size:11px;
	font-weight:bold;
}

#NextEvents .themes {
	color:#000;
	font-size:11px;
	font-weight:bold;
}

/********************************* Agenda ***************************************/

#bloc-txt-gauche {
	float:left;
	width:440px;
}

#bloc-txt-droite {
	float:right;
	width:200px;
}

#event-active .dates
{
    font-size:13px;
    font-weight:bold;
    text-align:left;
	color:#cc061f;
}

#event-active h2
{
    font-size:18px;
	font-weight:bold;
	color:#cc061f; 
}

#eventImage
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

#NextEvents
{
    padding-top:10px;
}

.NextEvent
{
    padding-bottom:10px;
}

#NextEvents .dates
{
	color:#000;
	font-size:12px;
	font-weight:bold;
}

#NextEvents h2
{
    padding-left:20px;
	margin-bottom:10px;
	color:#000; 
}

#NextEvents h3 a
{
    font-size:12px;
    text-decoration:none;
	color:#000; 
	font-weight:normal;
}


#NextEvents .selected p, #NextEvents .selected h3 a
{
	color:#cc061f; 
}

#NextEvents h3 a:hover
{
	text-decoration: underline;
}

/******************************* FIN Agenda *************************************/

/******************************* Page Contact ***********************************/
#contactForm {
	width: 663px;
	/*float:right;	*/
}

#ContactData {
	width: 320px;
	float:left;
}

#ContactData span.formLabel {
	float:left;
	width:100px;
	text-align: left;
	font-weight:normal;
}

#ContactMessage {
	width: 320px;
	float: right;
}

#ContactMessage span.formLabelMessage {
	/*float:left;*/
	width:100px;
}

#ContactMessage table, #ContactMessage td {
	border: none;
	padding:0;
	text-align:left;
	background-color:none;
	color:#000;	
}

#ContactMessage td {
	padding-bottom:2px;
}

#contactForm #ContactMessage input {
	/*background-color:#f6b92d;*/
}

#contactForm fieldset {
	/*margin-bottom: 10px;*/
	padding:10px 10px 10px 14px !important;
	padding:10px 10px 10px 12px;
	border: 1px dotted #ccc;
	background-color: /*#998675*/#F2F2F2;
}

#contactForm select, #contactForm input, #contactForm textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	margin-bottom: 3px;
	border:1px dotted #ccc !important;
	border: 1px solid #e8e8e8;
	background-color: #FFF;
	color:#000;
}

#ContactMessage #blockCaptcha input{
	background-color: #FFF;
}

#contactForm p.check input
{
	border-width: 0px;
	vertical-align:middle;
}

#contactForm a.linkButton {
	margin-top:10px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 3px;
	color:#fff;
	background-color:#cc061f;
	border:1px solid #cc061f;
	float:right;
}

#contactForm a.linkButton:hover {
	color:#cc061f;
	background-color:#fff;
	border:1px dashed #cc061f;
}

/************************** FIN Page Contact **********************************/


/************************** Page Login **********************************/
#connexionContent, #mdpOublieContent {
	float:left;
	padding-top:20px;
	width: 438px;
}

#connexionContent {
	padding-right:30px;
}

#mdpOublieContent {
	padding-left:30px;
}

.formLogin h3, .formLogin-mdp h3 {
	color: #f6b92d;
	font-size: 18px;
	margin-bottom:12px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

.formLogin p, .formLogin-mdp p {
	color:#19171c;
	font-size:12px;
	padding-bottom:10px;
}

.formLogin input, .formLogin-mdp input {
	border:1px solid #CCCCCC;
	color:#19171c;
	width:250px;
}
 
.formLogin label {
	color: #19171c;
	float:left;
	font-weight:bold;
	width:140px;
}
.formLogin p.buttons, .formLogin-mdp p.buttons {
	border-top:1px solid #ccc;
	margin-top:5px;	
	width: 438px;
}
.formLogin p.buttons a, .formLogin-mdp p.buttons a {
	background: #FFF url(../Images/fleche-contact.jpg) no-repeat left 0px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding-left:18px;
	margin-top:10px;
	color:#19171C;
	float:right;
}
.formLogin p.buttons a:hover, .formLogin-mdp p.buttons a:hover {
	background: #FFF url(../Images/fleche-menu.jpg) no-repeat left 0px;
	color: #f6b92d;
}
	
/************************** FIN Page Login **********************************/


/********************************* Footer ***************************************/
#footer {			
	clear:both;
}

#footerContent {
	font-size: 11px;
    padding-top: 20px;
    text-align: right;
    width: 964px;
	float:right;
}

#footerLinks {
	float: right;
    padding: 10px 0 5px 5px;
}

ul#footerLinksList {
	font-size: 9px;
}

ul#footerLinksList li {
	border-right:1px solid #cc061f;
	background-color: #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

ul#footerLinksList li.active a {
    color: #000000;
}
ul#footerLinksList a {
    color: #000000;
    display: block;
    float: left;
    padding: 2px 5px;
    text-decoration: none;
}
ul#footerLinksList a:hover {
    text-decoration: underline;
}
ul#footerLinksList span {
    color: #000000;
    display: block;
    float: left;
    padding: 2px 5px;
}

ul#footerLinksList li.last {
	border-right-width:0;
}
/********************************* FIN Footer ***********************************/ 


/********************** Messages *************************/


.info, .success, .warning, .error, .validation {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../Images/Icons/Messages/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../Images/Icons/Messages/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../Images/Icons/Messages/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../Images/Icons/Messages/error.png');
}