/*----------------------------------------------------------------------------
	main.css

	this css-file contains all definitions, that are independend from the
	colorschemes.

	(c) Schlund + Partner AG


	----------------------------------------------------------------------
	Modified and extended by Barti Bartman for the Sports-Template

	This CSS-File uses the original "Tanteks Box Modell Hack"
	http://www.tantek.com/CSS/Examples/boxmodelhack.html

	NOTE:
	Older W3C CSS validators return errors when the voice-family property
	is used in a 'screen' style sheet. This is an error in the W3C CSS
	validator itself. The validator should report a warning, not an error,
	when properties which are unsupported by a particular medium are used,
	and this has been reported to the W3C:
 ----------------------------------------------------------------------------*/
 
*
{
	margin:0px;
	padding:0px;
}
 
html {
     overflow: scroll;
}

/* body */
body#main_body {
    display:block;
    position            :   relative;
	font-family			:	Tahoma,Verdana, Arial, sans-serif;
	font-size			:	small;
	text-align			:	center;
	background-repeat	:	repeat-x;
	background-image	:	url("images/background.jpg");     /* images de fond à utiliser */
}

/* Largeur du site */

#width_definition_container
{
	/* Largeur */
	width			        :	880px;
	/* Couleur de fond à utiliser */
    background-color		:	#FFFFFF;
	/* Pour centrer la div */
	margin-left                     :       auto;
	margin-right                    :       auto;	
}

/* Header */

#header	{
    display                 :   block;
    position                :   relative;
	height			        :	110px;
	margin-bottom           :   30px;
	background-repeat	    :	no-repeat;
	background-image	    :	url("images/bandeau.jpg");
	text-align				:	center;
}

#text_header
{
	padding-top 			:	10px;
}

/* Header -> Navigation */

#first_nav_container {
	position			:	absolute;
	left				:	150px;
	top                 :   86px;
	height              :   19px;
}

#nav_list {
	list-style-type		:	none;
}

#nav_list li {
	/* Alignement des menus à gauche */
	float				:	left;
}

#nav_list a.nav_item,
#nav_list a.nav_active_item
{
	/* Texte */
	font-family         :   Tahoma,Verdana,Arial,Sans-serif;	
	font-style          :   normal;
    font-size           :   12px;
    font-weight         :   bold;
    text-decoration     :   none;
	display				:	block;
	/* Espacement du texte à gauche et à droite */
	padding-left		:	10px;
	padding-right		:	10px;
	/* hauteur de la ligne */
	line-height			:	19px;
	/* Séparation des menus */
	border-left-style   :   solid;
	border-left-color   :   #FFFFFF;
    border-left-width   :   1px;
    border-right-style  :   solid;
	border-right-color  :   #FFFFFF;
    border-right-width  :   1px;
}

#nav_list a.nav_item
{
    color               :   #5100A9;
}

#nav_list a.nav_item:hover
{
    color               :   #000000;
}

#nav_list a.nav_active_item
{
    color				:   #5100A9;
    background-color    :   #D9D9D9;
}

#nav_list a.nav_active_item:hover
{
    color               :   #000000;
    background-color    :   #FFFFFF;
}

/* Conteneur principal */

#main_container
{
	display                         :       block;
	position			:	relative;
	text-align			:	left;
}

/* Partie de gauche */
#left_container_new
{
	width 	:		192px;
	float   : 		left;
}

.bottom_marged_container
{
	margin-bottom	:	10px;
}

.bottom_marged_container_20
{
	margin-bottom	:	20px;
}

.bottom_marged_container_40
{
	margin-bottom	:	40px;
}

.right_marged_container
{
	margin-right	:	20px;
	float			:	left;
}

.float_box_left
{
	float			:	left;
}

.float_box_right
{
	float			:	right;
}

/* Contenu */
#content_container_new
{
	width 	:		678px;
	float   : 		right;
	margin-top	:	10px;
	padding-right	:	10px;
}

/* Boite de séparation pour le contenu */
.content_box
{
	clear			:	both;	
}

.right_marged_box
{
	float   		: 	left;
	margin-bottom 	: 	20px;
	margin-right 	: 	20px;
}

.marged_box
{
	float   		: 	none;
	margin-bottom 	: 	20px;
}

.left_marged_box_40
{
	margin-bottom 	: 	20px;
	margin-left 	: 	40px;
}

/***************** Accueil *****************/

#accueil_left
{
	width : 410px;
	float   : 		left;
	height : 310px;
}

#accueil_right
{
	width : 268px;
	float   : 		right;
}

/************** MARIAGE *******************/

.bouquet_mariage
{
	width			:	400px;
	float   		: 	left;
	margin-bottom 	: 	10px;
}

.bouquet_mariage_tarif
{
	float   		: 	none;
	margin-bottom 	: 	10px;
}

/*********** AMINCISSEMENT ****************/

#amincissement_left
{
	width : 447px;
	float   : 		left;
}

#amincissement_right
{
	width : 231px;
	float   : 		right;	
}

/*************** TARIFS ********************/

#tarif_left
{
	width	:	50%;
	float	:	left;
	height	:	600px;
}

#tarif_right
{
	width	:	50%;
	float	:	right;
	height	:	600px;
}

.tarif_group
{
	margin-left 	: 	30px;
	padding-top		:	10px;
	padding-bottom	:	10px;
}

.tarif2
{
	font-family		: 	Tahoma,Courier New,Trebuchet MS,Verdana,Arial,sans-serif;
	font-style		: 	normal;
	font-size		: 	17px;
	font-weight		: 	bold;
	text-decoration	: 	none;
	color			: 	#5100A9;
	margin-left 	: 	30px;
	margin-top		:	10px;		
}

.tarif_value
{
	float			:	none;
	text-align		:	right;
	padding-right	:	20px;	
}

#tarif_warning
{
	font-family		: 	Tahoma,Courier New,Trebuchet MS,Verdana,Arial,sans-serif;
	font-style		: 	normal;
	font-size		: 	17px;
	font-weight		:	bold;	
	padding-bottom	:	20px;
	text-align		:	center;
}

/*************** CONTACT ********************/

.contact_left
{
	width	:	150px;
	float	:	left;
}

.contact_right
{
	float	:	none;
}

#contact_buttons
{	
	padding-left	:	150px;
}

/*


#imagemariage
{
      position        : absolute;
      top             : 0px;
      right           : 0px;
      z-index         : 2;
}*/

#image
{
    position                        :       absolute;
	padding			        :	0px;
	background-repeat	        :	no-repeat;
	z-index	:	2;
}

#text_image 
{
	position                        :       absolute;
	z-index	:	1;
}



/*-- global container ------------------------------------------------------*/



#left_container	{
        display                         :       block;
        position                        :       relative;
	
	width			        :	127px;
	margin-left : 0px;	
	margin-right                    :       auto;
	padding			        :	0px;
        background-image	        :	url("images/logo.png");
	background-repeat	        :  no-repeat;

     background-color                :       #FFFFFF;
     text-align : left;
}





#left_container_text {
        display                         :       block;
        position                        :       relative;
	height			        :	180px;
	width			        :	168px;
	margin-left                     :       0;
	margin-right                    :       0;
	padding			        :	0px;
	background-repeat	        :	no-repeat;
        background-color                :       #FFFFFF;
	text-align			:	left;
	color                           :       #4A9C8C;
}


/*--- the main container is devided in sub containers ----------------------*/
<!--
#sub_container2 {
	position: relative;
	top: 15px;
	left: 4px;
	margin: 15px;
	padding: 0;
	width: 750px;
}
-->






#second_nav_container {
	position			:	absolute;
	left				:	160px;
	top                             :       106px;
	z-index				:	5;
	width				:	786px;
	height                          :       19px;
	padding				:	0px;
}




/*--- main navigation items ------------------------------------------------*/


/*-- Adresse --*/

#adresse
{
    font-family         :   Tahoma,Verdana, Arial, sans-serif;
    font-style          :   normal;
    font-size           :   12px;
    font-weight         :   bold;
    text-decoration     :   none;
    color               :   #4B9C8C;
    background-color    :   #FFFFFF;
}



/*--- content --------------------------------------------------------------*/

/*------------------- ADMIN CONTAINER --------------------------*/

#admin_container
{
        display                         :       block;
	position			:	relative;
	width				:	880px;
	margin				:	0px auto;
	padding				:	0px;
	text-align			:	left;
        background-color                :       #FFFFFF;
}

#admin_container table {
	width				:	100%;
	border-width		:	1px;
	border-spacing		:	0;
}

#admin_container thead {
        background     :  #A9C7F5;
}

#banner_bottom
{
display:block;
position:relative;
clear: both;

	margin-left: auto;
	margin-right: auto;

	height				:	174px;
	width				:	1000px;
	background-image	:	url("images/bandeau_bas.jpg");
}

/*--- footer ---------------------------------------------------------------*/

#footer {
	padding-top : 3px;
	clear: both;
	height				:	19px;
	text-align			:	center;
    background-color	        :	#5084CD;
	color                           :       #FFFFFF;
	font-family: Verdana,Tahoma,Courier New,Trebuchet MS,Arial,Sans serif;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* Tarif */

#tarif {
  font-family: Tahoma,Courier New,Trebuchet MS,Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: right;
  color: #5100A9;
}