/************************************************

WebSite CSS

************************************************/


/* General settings of website */
body { 
	margin:0;
	padding:0;
	text-align:center;
	background-color: #dbdbdb;
	color:#F3E7E7;
	font-size: 16px;
        font-family: Arial;
}
#body { 
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	

	background-color: #dbdbdb;
}
 
/* defaults links */
a{ 
	color: #002DCD;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
a:hover{
	color: #002DCD;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;}
} 

/* Images */
img{
	border:0;
}

ul, dl, dl dt, dl dd{
   margin: 0;
   padding: 0;
}
#contenant #contenu ul {
    list-style-position: outside;
    margin: 0 20px;
}
#contenant #contenu ul#breadcrumbs,
#contenant #contenu ul.blog_item_infos,
#contenant #contenu .list_thumbs_items,
#contenant #contenu ul.categories_list,
#contenant #contenu ul.categories_list ul
#contenant #contenu ul.video_item_extra,
#contenant #contenu ul.categories_list ul,
#contenant #contenu div.diary_item ul,
#contenant #contenu div.video_item ul,
#contenant #contenu table#contact_table td:first-child ul{
   list-style: none;
   margin: 0!important;
   padding-left: 0!important;
}



/* Website title */ 
#header h1,#header p, #header h1 a,#header p a,#header h1 a:hover,#header p a:hover { 
    margin:0; 
    padding:0 5px 0 5px; 
    font-size: 60px; 
    line-height: normal; 
    font-family: Trebuchet MS; 
    color: #f50505; 
    text-align: center;
    display: none; 
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-variant: small-caps;
}
#header h1 a,#header p a,#header h1 a:hover,#header p a:hover { 
    font-size: 60px; 
    line-height: normal; 
    font-family: Trebuchet MS; 
    color: #f50505; 
    font-weight: bold;
}

/* Pages title in site content  */
#contenant #contenu h1, #contenant #contenu h2 { 
   margin:20px 0; 
   padding:3px; 
   

    text-align: center; 
    font-size: 22px; 
    color: #492A10; 
    font-weight: bold; 


    border-top: 0px none ;
    border-right: 0px none ;
    border-bottom: 0px none ;
    border-left: 0px none ;
    line-height: normal;

}
#contenant #contenu h1:first-of-type{ 
   margin-top: 0;
}

#contenant #contenu h1 a, #contenant #contenu h2 a { 
    color: #492A10;
    text-decoration: none;
}
#contenant #contenu h1 a:hover, #contenant #contenu h2 a:hover { 
    text-decoration:underline;
}

/* Pages Sub-titles */
#contenant #contenu h3, #contenant #contenu h2.row_title { 
    margin: 20px 0 0 0;
    padding: 0; 
    text-align: left; 
    font-size: 19px; 
    background:none;
    color: #1C1B1B;
    font-weight: bold; 
    clear: both;
}
#contenant #contenu h3 a, #contenant #contenu h3 a:hover, #contenant #contenu h2.row_title a, #contenant #contenu h2.row_title a:hover { 
    text-decoration: none; 
    font-weight: bold; 
    color: #1C1B1B;
}

/* H4 Title */
#contenant #contenu h4 { 
    margin: 20px 0 0 0;
    padding: 0; 
    text-align: left; 
    font-size: 18px; 
    clear: both;
}

/* H5 title */
#contenant #contenu h5 { 
    margin: 0; 
    padding: 0; 
    font-size: 13px; 
}

/* Separator in content */
#contenant #contenu hr {
    border: none 0;
    border-top: 1px solid #1C1B1B; 
    width: 100%; 
    height: 1px; 
}

/* Forms */
ul.formulaire {
    list-style-position: outside;
    list-style-type:none;
    margin:0; 
}
input, textarea {
    padding:2px;
}
#contenant #contenu li.formulaire { 
   list-style-type:none; 
}

/* doombyPLUS (version pro) editable up-area */
#hautvpro { 
   width:100%;
   text-align:center;
   font-size: 16px;
   font-family: Arial;
   color: #F3E7E7;
   margin: 0 auto 20px auto; 
   clear:both;
}
#hautvpro a { 
   color: #F3E7E7;
   text-decoration:none;
   margin:0;
   padding:0;
}
#hautvpro a:hover { 
   color: #F3E7E7;
   text-decoration:underline;
}
#pubpro {
   text-align:center;
   margin:5px;
}

/* Theme logo */
#headerlogo
{
   text-align:center;
}

/* Website header */
#header {
   height:137px; /* height is equal to :  hauteur - padding-top */
   padding:0px 0 0 0;

   width: 100%;

   color: #f50505;
   text-align: center;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   font-variant: small-caps;
   background-color: #ffffff;
   margin: 0 auto; 
   clear:both;

    background-image: url('http://www.lelotenaction.org/medias/files/logo-recadre.png'); 
    background-repeat: no-repeat;
    background-position: center center;

   border-top: 0px none ;
   border-right: 0px none ;
   border-bottom: 0px none ;
   border-left: 0px none ;
}
#header a{
    color: #f50505;
    text-decoration: none;
}

/* Header sub-title */
#header div.sstitre{
    font-size:10px;
    padding:0 5px 0 5px;
    margin:0;
    line-height:normal;
    display: none;
}

/* Only for topmenu under header disposition */
#headermenu {

   width: 100%;

   text-align: center;
   margin: auto;
}

/* Website Footer */
#footer{



   background-color:;
   margin:0 auto;
}

/* Bottom Editable Area */ 
#bas{ 
   margin:20px auto 0 auto; 
   clear:both;
   text-align:center; 
   color: #F3E7E7;
}
#bas a{ 
   color:#F3E7E7;
   text-decoration:none;
}
#bas a:hover{ 
   text-decoration:underline;
}

/* Website content including menus */
#contenant{
   font-family: Arial; 
   width: 1290px;
   text-align:left;
   margin-top: 20px;
   overflow:hidden;
   padding:10px 0 10px 0; 
   margin-left : auto; 
   margin-right:auto;  
   clear:both;

   background-color: #eaeded;



   border-top: 0px solid #31832b;
   border-right: 0px solid #31832b;
   border-bottom: 0px solid #31832b;
   border-left: 0px solid #31832b;

}

/* Website content excluding menus */
#contenant #contenu
{ 
   color: #1C1B1B;
   width: 720px; /* FIX : width for IE6 only */
   margin: 2px 270px 0 270px; /* FIX : margins for IE6 only */
   position: relative; 
   z-index:2; 
   overflow: hidden;

}

#contenant #contenu p{
   line-height: 19.2px;
}


#contenant > #contenu { /* All browsers exclude IE6 */ 
   width:auto;
   margin: 2px 0px 0 0px;
}


/* Top Menu */
#menuh{ 
   position:relative;
   clear:both;
   z-index:100; 
   font-size: 17px;
   padding:auto 0;
   background-color: #d8111b;
   font-size: 17px;
   height: 37px;
   overflow:visible;
   text-align: center;
   color: #ffffff;


}

/* Top menu links */
#menuh a{
   color: #ffffff;
   font-size: 17px;
   font-weight: bold;
   font-style: normal;
   text-decoration: underline;
   line-height: 37px;
   padding:0 10px;
   position:relative;
   z-index:100;

}
#menuh a:hover{
   color: #fce2e0;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;

}

/* Top menu drop down menu */
#menuh ul.menu ul li, #menuh ul#nav ul li { 
   background-color: #d8111b;
}

#menuh ul.menu, #menuh ul#nav { 

   margin:0 auto;

   height: 37px;  
   display: block; 
   padding: 0; 
   position: relative;
}
#menuh ul.menu a,#menuh #nav a { 
   display: block; 
   float:left;  
}

#menuh ul.menu ul, #menuh #nav ul { 
   top:37px;
   background-color: #d8111b;
   display: none; 
   position: absolute; 
   left: 0; 
   margin: 0; 
   padding: 0; 
   z-index:10000;
   width: 200px;
   text-align:left;
}

#menuh ul.menu li, #menuh #nav li {
   display: block; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   float: left; 
   text-align:left; 
   position: relative;
}
#menuh ul.menu ul li, #menuh #nav ul li { 
   float: none; 
}
#menuh ul.menu ul li a, #menuh #nav ul li a { 
   color: #ffffff;
   float: none; 
   display:block; 
}
#menuh ul.menu ul a.hover, #menuh #nav ul a.hover { 
   color: #fce2e0; 
}
#menuh ul.menu ul a, #menuh #nav ul a { 
   border-bottom: 1px solid #fff; 
   border-right: none; 
   float: none;  
}
#menuh ul.menu ul ul, #menuh #nav ul ul { 
   left: 201px; 
   top: 0;
}
* html #menuh ul.menu ul, * html #menuh #nav ul { /* IE6 "fix" */
   line-height: 0; 
} 
#menuh ul.menu ul a, #menuh #nav ul a { /* IE6/7 fix */
   zoom: 1; 
} 

/* Bottom menu  */ 
#menub{ 
   position:relative;
   clear:both;
   z-index:100; 
   font-size: 12px;
   padding:auto 0;
   background-color: ;
   font-size: 12px;
   height: 10px;
   overflow:visible;
   text-align: center;
   color: ;


}

/* Bottom menu links */
#menub a{
   color: ;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   line-height: 10px;
   padding:0 10px;
   position:relative;
   z-index:100;

}
#menub a:hover{
   color: ;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;

}

#menub ul {
   margin:0 auto;
}


#menub .submenu{
   display:none;
}

/* Sidebar 1 */
#menug .categorieg,#menud .categoried {


   padding:0;
   margin:0 0 20px 0;

}
#menug,#menud {
   font-size: 17px;
   text-align:left;
   width: 240px;
   color: #3C3C3C;
   margin:2px 15px 20px 10px;
   -margin:2px 7px 20px 5px; /* IE6 Fix */


   border-top: 3px solid #d8111b;
   border-right: 3px solid #d8111b;
   border-bottom: 3px solid #d8111b;
   border-left: 3px solid #d8111b;
   background-color: #dce2e3;

   }
#menug ul li.sspage, #menug ul li ul li,#menud ul li.sspage, #menud ul li ul li  { /* sub-pages */
   padding-left: 15px;
}
#menug span,#menud span {
   text-align:left;
   display:block;
   padding:2px 2px 2px 2px;
}

#menug ul,#menud ul{
position: relative;
width: auto;
background: none;
border: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   z-index:100;
   text-align:center;
}
#menug ul li,#menud ul li {
   margin: 0;
   padding: 0;
}
#menug ul li a,#menud ul li a{
   border-bottom: 0;
   color:#3C3C3C;
   font-weight:normal;
   font-style: normal;
   text-decoration: none;
   height: auto;
   line-height: 1;

   display: block;
   padding: 5px 0px 5px 3px;


}
#menug ul li a:hover, #menug ul li a:focus,#menud ul li a:hover, #menud ul li a:focus {
   color:#181DF3;
   font-weight:normal;
   font-style: italic;
   text-decoration: none;


}

#menug span a, #menug a,#menud span a, #menud a {
   color: #3C3C3C;
   font-weight:normal;
   font-style: normal;
   text-decoration: none;
}
#menug span a:hover, #menug a:hover,#menud span a:hover, #menud a:hover {
   color: #181DF3;
   font-weight:normal;
   font-style: italic;
   text-decoration: none;
}
#menug ul.formulaire,#menud ul.formulaire {
   list-style-position: outside;
   list-style-type:none; 
   margin:0; 
   font-size:11px; 
}
#menug hr,#menud hr{
   border: none; 
   border-top: 1px solid #3C3C3C; 
   width: 100%; 
   height: 1px; 
}
/* TITRE DES ELEMENTS DU MENU DE GAUCHE */
#menug h3,#menud h3 {
   display:block;


   background-image: url('http://www.e-monsite.com/'); 
   background-repeat: repeat;
   background-position: center top;

   background-color: #d8111b;
   font-weight:bold;
   font-style:normal;
   font-variant:small-caps;
   height:30px;
   line-height:30px;
   color:#ffffff;
   padding:0 3px 0 3px;
   margin:0;
   overflow:hidden;

   font-size:18px;

   text-align:center;
}
#menug h3 a,#menud h3 a {
   color: #ffffff;
   text-decoration:none;
   font-weight:bold;
   font-style:normal;
   font-variant:small-caps;
}
#menug h3 a:hover,#menud h3 a:hover {
   color: #ffffff;
   text-decoration:underline;
   font-weight:bold;
   font-style:normal;
   font-variant:small-caps;
}

/* Side bar 2 */
#menud{
   margin:2px 10px 20px 15px;
   -margin:px 5px 20px 7px; /* Pour IE6 */
}

/* Brand copyright */
#lien-emonsite{ 
   color: #F3E7E7;
}
#lien-emonsite a{ 
   color:#F3E7E7;
   text-decoration:none;
}
#lien-emonsite a:hover{ 
   text-decoration:underline;
}

/* Subtitles in content */
#contenu .visiteurs, #contenu .commentaires, h6{
   margin-top:20px;


   text-align: center; 
   font-size: 16px; 
   color: #492A10; 
   font-weight: bold; 


   border-top: 0px none ;
   border-right: 0px none ;
   border-bottom: 0px none ;
   border-left: 0px none ;
   clear:both;
}



#contenu form{
	width: 100%;
}
#contenu form p{
	margin: 5px 0;
}
fieldset{
	margin-bottom: 20px;
	border: #d8111b 1px solid;
}
fieldset legend{
	padding: 0 5px;
	color: #d8111b;
}

#contenu form p{
      clear:both;
}

/* Pagination */
div.pagination span {
  border: 1px solid #FFFFFF;
  background-color:#3C3C3C;
  color:#FFFFFF;
}
div.pagination a {
  background: #FFFFFF;
  color: #3C3C3C;
  border: 1px solid #3C3C3C;
}
div.pagination a:hover {
  border-color:#FFFFFF;
}

/* Listings catégories */
ul.categories_list{
	background-color: #FFFFFF;
        color: #3C3C3C;
}
ul.categories_list a,
ul.categories_list a:hover,
ul.categories_list a:visited{
        color: #3C3C3C;
}
#contenu .even_line td,
.list_items .even_item{
	background-color: #FFFFFF;
        color: #3C3C3C;
}
#contenu .even_line a,
.list_items .even_item a,
#contenu .even_line small,
.list_items .even_item small{
         color: #3C3C3C; 
}

.list_items .item,
.widget_item{
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #d8111b;
}
.list_items .item:last-child,
.widget_item:last-child{
   border-bottom: 0;
}
/******
#members_profiles_list li.item:nth-of-type(2n),
#members_profiles_list li.item:nth-of-type(2n) a,
#ecards_thumb_items li.item:nth-of-type(2n),
#ecards_thumb_items li.item:nth-of-type(2n) a,
#photogallery_categories li.item:nth-of-type(2n),
#photogallery_categories li.item:nth-of-type(2n) a,
#photogallery_thumb_items li.item:nth-of-type(2n),
#photogallery_thumb_items li.item:nth-of-type(2n) a,
.ecom_thumb_items li.item:nth-of-type(2n),
.ecom_thumb_items li.item:nth-of-type(2n) a{
	padding: 0;
	border-bottom: 0;
	background: none;
	color: #002DCD;
}
*/
/**/
div.introduction{
	border-bottom-width: 1px;
	border-bottom-style: dotted; 
	border-bottom-color: #d8111b; 
}
/**/
p.tags{
	border-top-width: 1px;
	border-bottom-width: 1px; 
	border-top-style: dotted; 
	border-bottom-style: dotted; 
	border-top-color: #d8111b; 
	border-bottom-color: #d8111b; 
}
/**/
a.button{
	background-color: #FFFFFF;
        color: #3C3C3C;
        border:1px solid #FFFFFF;
}
a.button:hover{
	background-color: #FFFFFF; /*buttons_hover_background_color*/
        color: #3C3C3C;
        border:1px solid #d8111b;
}


/*=========================================================================
SONDAGE
=========================================================================*/

dl.chart_result dd span {
    background-color: #d8111b;
    color: #3C3C3C;
}

/*=========================================================================
LISTES VIGNETTES (PHOTOS - ECARDS - MEMBERS)
=========================================================================*/
.list_thumbs_items .item_content{
	background-color: #FFFFFF;
        color: #3C3C3C;
}
.list_thumbs_items .item_content a{
        color: #3C3C3C;
}
/*=========================================================================
ALBUM PHOTO
=========================================================================*/
small.photogallery_categories_nb_items{
	color: #fff;
	background-color: #d8111b; 
}

div.photogallery_categories_description p{
	margin: 0; 
}
/*=========================================================================
BOOKINGS
=========================================================================*/
.bookings_item .item_title{
    margin-top: 0 !important;
    clear: none !important;
}



/* CSS PERSO */