/**************************************************************
	CSS		    : Noodo
	Version		: Noodo 1.0
	Authors		: xtgraphik | www.xt-graphik.com

**************************************************************/

/*===========================================*/
/*Import*/
/*===========================================*/

@import url(globalnav.css);
@import url(classes.css);

/*===========================================*/
/*Global*/
/*===========================================*/

* { 
	margin: 0;
	padding: 0;
}

html,body { 
	width:100%;
	height:100%;
}

body {
	list-style-image: none;
	font: 0.75em/1.3em "Lucida Grande", Verdana, Arial, sans-serif;
	background: #0e0e0e url(../images/global/fond_00.jpg) repeat-x left top;
}

strong { 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 700;
	font-style: normal;
	font;-variant: normal;
}

em { 
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
}

p { 
	border: 0px;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*===========================================*/
/*Conteneur*/
/*===========================================*/

#bg {
	width: 100%;
	height: 100%;
	background: url(../images/global/fond_01.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
}

#bg_1 {
	width: 100%;
	height: 100%;
	background: url(../images/global/fond_02.gif) repeat-x left top;
}


#bg_2 {
	width: 100%;
	height: 100%;
	background: url(../images/global/fond_03.jpg) repeat-x 0 top;
	margin: 0;
	padding: 0;
}

#container {
	width: 100%;
	height: 100%;
	text-align: center;
}

#site_container {
	width: 900px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#header { 
    width: 900px;
	margin: 0;
	padding: 0;
}

#header_recherche { 
    width: 900px;
	height: 30px;
	float: left;
}

#topline { 
    width: 670px;
	height: 30px;
	float: left;
	display: block;
	background: url(../images/searchbar/topline.png) no-repeat;
}

#zone_recherche {
	width: 230px;
	float: right;
	padding-top: 5px;
	background: url(../images/searchbar/fond_recherche.gif) no-repeat;
}


#header_swf { 
    width: 900px;
	height: 118px;
	float: left;
}

#content { 
    width : 900px;
    height : auto;
	margin: 0;
	padding: 0;
	float: left;
}

#row_01 { 
    width : 900px;
	float: left;
	position: relative;
}

#row01_col01 { 
    width : 670px;
    height: 31px;
	float: left;
	background: url(../images/global/fond_menu.jpg) repeat-x left top;
}

#row01_col02 { 
    width : 210px;
    height: 25px;
	float: right;
	background: url(../images/global/fd_r02_col02.jpg) no-repeat left top;
	vertical-align: bottom;
	padding-top: 6px;
	padding-left: 20px;
}

/*===========================================*/
/*Menu de gauche*/
/*===========================================*/

#left_menu { 
    	width : 180px;
	float: left;
	padding-top: 10px;
}

/*===========================================*/
/*Modèle 3 colonnes*/
/*===========================================*/

#row_02 { 
    width : 900px;
	background: url(../images/global/fd_r02_col01.png) repeat-y left top;
}

#row02_col01 { 
    width : 670px;
	float: left;
}

#row02_col01_row01 { 
    width : 670px;
	float: left;
	height: 32px;
	background: url(../images/3col/tetiere_titre_3col.png) no-repeat 20px top;
}

#content_central{ 
    width : 490px;
	float: right;
}/*Surface Utile 450px*/

#content_central_chemin{ 
    width : 100%;
	height: 50px;
	float: left;
}

#content_central_texte_1{
	width: 480px;
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	text-align: left;
	padding-left: 10px;
}


#row02_col02 { 
    width : 230px;
    height: 100%;
	float: right;
}

/*===========================================*/
/*Spécifiques 2 colonnes*/
/*===========================================*/

#row_02_2col { 
    width : 900px;
	background: url(../images/2col/fd_r02_col01_2col.png) repeat-y left top;
}

#row02_col01_2col { 
    width : 900px;
	float: left;
}

#row02_col01_row01_2col { 
    width : 900px;
	float: left;
	height: 32px;
	background: url(../images/2col/tetiere_titre_2col.png) no-repeat 20px top;
}

#content_central_2col{ 
    width : 720px;
	float: left;
}/*Surface Utile 680px*/

#content_central_texte_2{
	width: 710px;
	float: left;
	font-size: 100%;
	line-height: 1.3em;
	text-align: left;
	padding-left: 10px;
}


/*===========================================*/
/*Zone colonne de droite*/
/*===========================================*/

#espace_references {
        width: 230px;
        height: 50px;
        background: url(../images/coldroite/onglet_references.jpg) no-repeat left top;
}

#carte_install {
	width: 230px;
	height: 190px;
	background: url(../images/coldroite/carteinstall.jpg) no-repeat left top;
}

#new_spots {
	width: 230px;
	padding-top: 50px;
	background: url(../images/coldroite/onglet_newspots.jpg) no-repeat left top;
}

#new_spots_fond {
	width: 230px;
	background: url(../images/coldroite/fd_blocnewspots.png) repeat-y left top;
}

#new_spots_pied {
	width: 230px;
	background: url(../images/coldroite/new_spots_pied.png) no-repeat left bottom;
	padding-bottom: 30px;
}

#espace_partenaires {
        width: 230px;
        height: 50px;
        background: url(../images/coldroite/onglet_partenaires.jpg) no-repeat left top;
}


/*===========================================*/
/*Footer*/
/*===========================================*/

#row_03 { 
    width : 900px;
	height: 30px;
	background-image: url(../images/global/fond_footer.jpg);
	text-align: center;
	display: block;
	margin-top: 10px;
}

/*===========================================*/
/*Zone taille texte*/
/*===========================================*/

#zone_taille_texte {
	width: 190px;
	height: 20px;
	float: left;
	background: url(../images/global/fd_ztailletexte.png) no-repeat left top;
}

#btn_taille_texte {
	width: 65px;
	height: 20px;
	float: right;
}

