/*
 style des textes par defaut
*/
*
{
  /*font-family:Arial, Helvetica, sans-serif;*/
  font-family: Helvetica,Arial ,sans-serif;
  font-size: 12px;
  color: #000000;
}

/*
mise a zero des marges de paragraphe pour tous le monde pareil
*/
p
{
  margin:0px;
  padding:0px;
  font-weight:normal;
 /*font-family:Arial, Helvetica, sans-serif;*/
  font-family: Helvetica,Arial ,sans-serif;
  font-size:12px;
}

body
{
  background-color : #FFFFFF;
  font-weight:normal;
  text-align:center;
}
/*
reglage par defaut de certain regle comme pas pde bordure autour des images qui sont dans une balise a

*/
/*
suppression des bordure autour des image dans des liens 
*/
a img 
 {
 border-style:none;
 border-width: 0px;
 }

form
{
margin:0px;
padding:0px;
}
form fieldset
{
margin:0px;
padding:0px;
border-width:0px;
border-style:none;
}

.clear
{
 clear:both;
}

/*
container de la page
*/
#main {
	padding:0px;
	width:1115px;
	margin: 10px auto;
	text-align:left;
	border : 1px solid #FFFFFF;
}
/*
colonne contenant les encarts lateraux
*/
#sidebar {
  width:281px;
  color:#9CC14D;
  /*margin: 0px 10px 0px 0px ;*/
  margin-left:652px;
 /* border : 1px solid #FF0000; /* aide au positionnement*/
  
}
/*
zone principale de contenu
*/
#content
 {
   width:618px;
   margin:0px 0px 0px 10px;
   float:left;
   /*border : 1px solid #777777; /* aide au positionnement*/
}

body > #content {
   margin:0px 0px 0px 17px;

}

/*
titre de la page 
*/
.titre_page
{
    background-color:#CAA6BA; 
    font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin:5px 0px;
	width:100%;
	text-align:left;
	vertical-align:middle;
	padding:0px;
}
.titre_page td
{
vertical-align:middle;
}
.titre_page h1
{
    margin:0px;
	line-height:26px;
	font-size: 24px !important; 
	font-weight:normal;
	padding: 3px 0px 3px 10px;
	color:#FFFFFF;
    vertical-align:middle;
}
/*
sous titre
*/

.titre_page .sous_titre 
{
	font-size:12px;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	padding : 0px 10px 0px 0px;
}
/*
cadre  au tout du contenu de la page 
*/
#centre {

	border: 10px solid #E4D7DE;
	margin:5px 0px 10px 0px;
	padding:10px;
}
/*
style des liste par default
*/
#centre ul
{
  padding-left:0px;
  margin:0px 0px 0px 20px;
}	
#centre ul li 
{

list-style-position:outside;

}
/*
Style de l'encart de login
*/
#accesmembre
{
    margin: 47px auto 5px auto;
    color :  #98BE3D;
    
}
* > #accesmembre
{
    margin: 45px auto 5px auto;
    
}
#accesmembre input 
{
    border : 1px solid  #98BE3D;
    color  : #98BE3D;
    width  : 113px;
    padding-left:5px;
    margin:0px;
}
#accesmembre .image_bt
{
   position:relative;
    top:4px;
    width:auto;
    padding:0px;
    margin:0px;
    border : 0px none  #98BE3D;
}

#accesmembre .hidden
{
    border : 0px none  #98BE3D;
}

#accesmembre a
{
color : #98BE3D;
font-weight:bold;
}
#accesmembre td
{
color : #98BE3D;
}
#accesmembre form
{
color : #98BE3D;
}
#accesmembre .firstcol
{
white-space: pre;
vertical-align:bottom;
width: 133px;
}
#accesmembre img
{
vertical-align:middle;
}
#accesmembre h2
{
font-size: 14px;
color: #98BE3D;
margin:0px;
}
#accesmembre #menu_membre
{
margin:59px 0px 10px 0px;
}
* > #accesmembre #menu_membre
{
  margin:56px 0px 10px 0px;
    
}
#accesmembre #menu_membre img
{
margin:5px  35px 0px 0px ;
}
#accesmembre #menu_membre a.deco
{
padding-top:10px;
vertical-align:bottom;
}

/*
style du menu du bas
*/
#menu2 {
	color:#78573E;
	font-family: helvetica;
	font-size: 12px;
	font-style: normal;
	text-align:left;
}

#menu2 a:active,#menu2 a:focus,#menu2 a:visited,#menu2 a
{
	color:#78573E;
	font-family:inherit;
	font-size: inherit;
	font-style:inherit;
	text-decoration:none;
}

/*
encart de contact
*/ 
#enc_contact {
	text-align:right;
	border-width: 5px 0px 5px 0px;
	border-style : none solid none none ;
	border-color : #E3E9B5;
	padding-top: 6px;
}
#enc_contact *  {
    color : #9CC14D;
}
/*style du bouton d'envoie*/
#enc_contact img
{
float:left;
}

#enc_contact p 
{
  text-align:right;
  white-space:pre; 
  font-size:12px;
  padding-top:23px;
}

#enc_contact p strong 
{
 text-decoration:underline;
}
#enc_contact p span strong 
{
font-size:14px;
text-decoration:none;
}
#enc_contact input
{
 border: 1px solid #98BE3D;
 vertical-align:middle;
}
#enc_contact input.submit
{
 border: 0px none #98BE3D;

}

/*
style des element block dans la sidebar
permet de dessiner la barre entre les elements
*/

#sidebar .page_block
{
  padding-top :10px;
  border-width: 5px 0px 0px 0px ;
  border-style : solid  none none none ;
  border-color : #E3E9B5;
  margin-bottom :10px;
}
#sidebar .firstblock
{
  padding-top:5px;
  margin-bottom :10px;
 }
/*
style des element block dans la zone content
permet de dessiner la barre  entre les elements
*/
#content  .page_block
{
  padding-top :10px;
  border-width: 5px 0px 0px 0px ;
  border-style : solid  none none none ;
  border-color : #EFE8DD;
  margin-bottom :10px;
}
#content  .firstblock
{
  padding-top:5px;
  margin-bottom :5px;
 }
/*
dessine la barre sous le menu du haut
*/
.barre_menu
{
  padding:0px;
  border-width: 5px 0px 0px 0px ;
  border-style : solid  none none none ;
  border-color : #EFE8DD;
  margin :10px auto 0px auto;
  
}
/***************

 Classe  pour les menus 
*************/
.menu_elmt, .sous_menu
{
margin:0px;
}
.menu_elmt span, .sous_menu span {
  display:none;
}


.menu_elmt {
  padding:0px;
}

.sous_menu {
  padding:0px;
  z-index:1000;
}

li.sous_menu_elmt {
  list-style-type:none;
  list-style-position:outside;
  padding-left:0px;
  margin:0px 0px;
  width:250px;
  vertical-align:middle;
  font-size:12px;
  height:14px;
  background-color: #847467;
  border-bottom:1px solid #FFFFFF;
  width:200px;
}

li.sous_menu_elmt  a {
 background-color: #847467;
 display:block;
 height:14px;
 color : #FFFFFF;
 font-weight:normal;
 font-size:12px;
 text-decoration:none;
 vertical-align:middle;
 padding-left:3px;
}

li.sous_menu_elmt:hover,li.sous_menu_elmt a:hover, sous_menu_elmt a:focus  {
 background-color: #78583E;
}

/*li.ssmenu_3 a {
 background-color: #78583E;
}
*/
li.sous_menu_elmt hover {
  list-style-type:none;
}
#menu_1 
{
 height:25px;
 margin-bottom:10px;
 display:none;
 z-index:1000;
}

/*
style du pager
*/

.pager
{
  width  : 450px;
  border : 0px none #FFFFFF;
  margin : auto;
}
.pager a 
{
 display:block;
 background-color : #7A583D;
 color : #FFFFFF;
 text-align:center;
 font-weight:bold;
 text-decoration:none;
 padding:5px;
 font-size:14px;
}
.pager .page_pre
{
 width: 150px;
}

.pager .page_center
{
  width:150px;
}
.pager .page_next
{
 width: 150px;
}

/*

*/
.rose {
	color:#CA3E8C;
	font-size:12px;
	font-family: Helvetica, sans-serif;

}

.para_liste
{
 margin-left:0px;
 list-style-image : url(/elmts/itf/puce_rose.gif);
}
#centre .para_liste_inside
{
 margin-left:0px;
 list-style-image : url(/elmts/itf/puce_rose.gif);
  list-style-position:inside;
}
.para_liste *
{
 
 vertical-align:top;
}
.para_liste_inside * 
{
 vertical-align:top;

}


#para_liste p
{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	margin-bottom:10px;
	margin-top:0px;
}

.liste_fonce
{
 
 list-style-image : url(/elmts/itf/puce_rosefonce.gif);
 
}

.tite_etoile
{
color : #E51A78;
font-size: 16px;
}

.center
{
margin:auto;

}
	
.idee_mois
{
	background-color:#EF81B6;
	text-align:left;
	
	}
	

/*
encart famille 
*/
	
.famille
{
	background-color:#FFFFFF;
	border-width:8px;
	border-color:#EFF5C3;
	border-style:solid;
	text-align:left;
}
.famille table
{
  border-collapse:collapse;
}
	
.famille p{
	font-size:11px;
    margin : 5px 0px 0px 7px;
	color:#000000;
	text-align:left;

}

.famille h2{
	font-size: 12px;
	font-weight:bold;
    margin : 5px 0px 0px 7px;
	color:#78573E;
    padding:0px;
    
	
}
	
.famille td
{
border : 0px none #FFFFFF;
}
.famille h3{
	font-size: 12px;
	font-weight:bold;
	text-align:center;
    margin : 0px;
	color:#78573E;

}

.famille a:hover, .famille a:link, .famille a:visited, .famille a:active {
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color:#78573E;
	text-align:center;
	
}
	

	
#lumineux
{
	background-color:#000000;
	border-width:8px 8px 0px 8px;
	border-color:#EFF5C3;
	border-style:solid;
	text-align:center;	
}
	
#lumineux p
{
	font-size:11px;
    margin:0px 0px 6px 10px;
	color:#C0BCA2;
	text-align:left;
}

#lumineux h2{
	font-size: 13px;
	font-weight:bold;
    margin: 7px 0px 0px 8px;
	color:#FFFFFF;
	text-align:left;
}



#lumineux a:hover, #lumineux a:link, #lumineux a:visited, #lumineux a:active 
{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
	
}
/*
	
encart idéee du mois 	
*/

.encart_mois
{
	border-width:8px 8px 0px 8px;
	border-color:#EFF5C3;
	border-style:solid;
	text-align:left;
	}
	
.encart_mois p{
	font-size:11px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
	color:#000000;
}

.encart_mois h2{
	font-size: 12px;
	font-weight:bold;
	margin-left: 10px;
	margin-top:10px;
	color:#78573E;
	
	}
	
.encart_mois a:hover, .encart_mois a:link, .encart_mois a:visited, .encart_mois a:active {
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color:#78573E;
	text-align:left;
	
}

	
a.bton
{
 text-align:right;
  line-height:25px;
  font-size:12px;
  color:#FFFFFF;
  background-color : #78583E;
  font-weight:bold;
  text-decoration:none;
  padding:3px 5px ;
}
a.bton span
{
color: #FFFFFF;
text-transform:uppercase;
font-size:15px;
line-height:25px;
  font-size:12px;
  color:#FFFFFF;
  background-color : #78583E;
  font-weight:bold;
}


/*
style de la galerie flash;
*/
#galerieflash  td {
vertical-align:top;
}
#galerieflash p
{
	background-color:#B19C8A;
	font-size:13px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	width:145px;
	line-height:13px;
}

#galerieflash h2
{  
    width:145px;
	font-size: 18px;
	font-weight:bold;
	color:#E3D4B4;
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:18px;
}


#galerieflash  table {
	background-color:#B19C8A; 
	width: 598px;
	margin:0px;
	border:10px solid #B19C8A; 
	height:139px;
}
	
#galerieflash  table    a {
 color: #FFFFFF;
}
	
/*
astuce pour la video 
*/
/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}
#mediaPlayer,#mediaPlayer_2 { width:268px; height:200px;margin-left:0px}	
#mediaPlayer,#mediaPlayer_2, #warnMediaPlayer { _visibility: hidden; _display:none; } 	
#centre .barre_menu
{
  width:575px;
  margin:auto;
}

/*
style des texte des encars evenement
*/

.event_intro
{
  font-size:12px;
  color:#FFFFFF;
}
.event_titre
{
font-size:24px;
color:#FFFFFF;
}
.event_desc
{
font-size:12px;
color: #000000;
}
.event_tarif
{
font-size:12px;
color:#9EB45F;
}
/*
style du formulaire de login complet
*/

.form_login
{
  width: 450px;
  margin:auto;

}
.form_login input
{
  border: 1px solid #E4D7DE;

}
.form_login .hidden
{
  border-style: none;
}

.form_login .label
{
  background-color:#E4D7DE;
  font-weight:bold;
  text-transform:capitalize;
  padding:3px 10px;
  color : #FFFFFF;
  
}

.form_login .bt_root
{
display:inline;
line-height:18px;
z-index:90;
}
.form_login .bt_left
{
float: left;
width: 11px;
height:20px;
margin: 0px;
line-height:20px;
background-color: #E4D7DE;
}
.form_login .bt_right
{
float: left;
width: 8px;
height:20px;
margin: 0px;
line-height:20px;
background-color: #E4D7DE;
}
.form_login .bt_center
{
float: left;
height:20px;
line-height:20px;
background-color: #E4D7DE;
margin: 0px;
font-size : 12px;
font-weight:bold;
color : #FFFFFF;
}

/*  bar de progression lors de l'upload de fichier */

#fileprogress
 {
 background-color: #FFF;
 font-weight: bold;
 border:1px solid gray;
 height:60px;
 width:340px;
 position:absolute;
 display:none;
 text-align:center;
 z-index:1000;
}
/* div contenant la barre de progression elle meme  */
#progressbar_cont{
  width:300px;
  margin:20px;
  height:20px;
  background-color:#DDD;
  
  position:relative;
}
/* texte de la barre de progression en noir */ 
#texte_noir {
 height: 15px;
 position:absolute;
 z-index:300;
 left:0px;
 width : 300px;
 text-align:center;
 color : #000000;
}
/* texte de la barre de progression en blanc  */
#texte_blanc {
 height: 15px;
 position:absolute;
 left:0px;
 text-align:center;
 color : #FFFFFF;
 width : 300px;
}

#background_popup 
{

    background-color : #A7A7A7;
    position:absolute;
    display :none;
    z-index :100;

}
#cheminfer div
{
 display:none;
}
#cheminfer p
{
background-color : #E2E9B5;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:5px;
margin:0px 0px 5px 0px;
}

#cheminfer p.selected 
{
background-color : #99BE3D;
}


.texte_10px
{
font-size:10px;
}
texte_8px
{
font-size:8px;
}

texte_14px
{
font-size:14px;
}
/*
#centre .style_titre
{
text-transform:lowercase;
}*/

#cont_ban_lateral
{
    float:right;
    width:152px;
    margin-top:127px;
}


.ban_lateral
{
    height:660px;
    width:152px;
    background-color:#EFE8DD;
    text-align:center;
    color:#78583E;
    font-size:10px;
    
}

.ban_lateral *
{
    margin:10px;
    color:#78583E;
    font-size:10px;
}

.ban_piedpage
{
    text-align:center;
    background-color:#EFE8DD;
    color:#78583E;
    font-size:10px;
}
.ban_piedpage *
{
	margin-top:10px;
	    color:#78583E;
    font-size:10px;
}

.multi_ban_lateral
{
  width:152px;
  background-color:#EFE8DD;
  text-align:center;
  color:#78583E;
  font-size:10px;
  border-top:1px solid #EFE8DD;  
}
.multi_ban_lateral img,.multi_ban_lateral flash
{
     margin:10px;

    
}
.multi_ban_lateral span
{
    padding-top:10px;
    color:#78583E;
    font-size:10px;
}
.multi_ban_bas
{
 background-color:#EFE8DD;
 float:left;
}
.multi_ban_bas *
{
margin:10px;
    color:#78583E;
    font-size:10px;
}