/* LAYOUT.CSS                                                           */
/* Cette feuille contient:                                              */
/* - les styles de surcharge des layout Gala pour le squelette          */
/* -------------------------------------------------------------------- */

/* Correspond a une taille de 16px dans la plupart des navigateurs */
html {font-size: 100%;}
/* correspond a une taille de 10px car 10px/16px = 0,625 */
body {
	padding: 0; 
	font: 0.625em/1em [(#CONFIG{sarkaspip_styles/fo_site, 'Helvetica,Verdana'}),]Arial,sans-serif; 
	color: #CONFIG{sarkaspip_styles/fg_site, #000000};
	background: #CONFIG{sarkaspip_styles/bg_body, #ffffff}[ url((#CHEMIN{images/bg_body#CONFIG{sarkaspip_styles/bi_extension_body, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_body})];
}

#header {padding: 0 0 10px;}
div#header h1{margin: 0; padding-left: 0; height: auto; line-height: 1.12em; color: transparent; background: none;}
div#footer{padding: 30px 0 0; color: transparent; background: none; line-height: 1.12em;}
div#navigation{width: 180px; background: none;}
div#extra{width:180px; background: none;} 
div#container{background: #CONFIG{sarkaspip_styles/bg_site, #ffffff}[ url((#CHEMIN{images/bg_site#CONFIG{sarkaspip_styles/bi_extension_site, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_site})]; 
}  

/* Pour les layouts a largeur variable*/
[(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(13|14|15|16|17|18)$}|oui)
	div#navigation{padding: 0 20px;}
	div#extra{padding: 0 20px;}
	#content {padding: 0 20px;}
]
[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={23}|oui)
        div#navigation{padding: 20px 10px;}
        div#extra{padding: 20px 10px;}
        #content {padding: 20px 10px;}
]
[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={24}|oui)
        div#navigation{padding: 10px 20px;}
        div#extra{padding: 10px 20px;}
        #content {padding: 10px 20px;}
]

/* Pour les layouts a largeur fixe 3 colonnes*/
[(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(7|8|9|10|11|12)$}|oui)
	body{text-align:center}
	div#container{[width:(#CONFIG{sarkaspip_layout/largeur_site, 700})px; ]margin:0 auto;}

	[(#CONFIG{sarkaspip_layout/appliquer_padding, 1}|=={1}|?{
		[(#SET{moitie, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|div{2})]})]
		[(#SET{gauche, [-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{#CONFIG{sarkaspip_layout/largeur_padding, 20}})]})]
		[(#SET{droite, [-(#CONFIG{sarkaspip_layout/largeur_padding, 20}|plus{180})]})]
		[(#SET{centre, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|plus{220})]})]
		,
		[(#SET{moitie, 0})]
		[(#SET{gauche, [-(#CONFIG{sarkaspip_layout/largeur_site, 700})]})]
		[(#SET{droite, -180})]
		[(#SET{centre, 220})]
		}
	)]

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={7}|oui)
		div#navigation{[margin-left:(#GET{gauche})px; ]}
		div#extra{[margin-left:(#GET{droite})px; ]}
		div#content{[margin: 0 (#GET{centre})px; ]}
	] 

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={8}|oui)
		div#navigation{[margin-left:(#GET{droite})px; ]}
		div#extra{[margin-left:(#GET{gauche})px; ]}
		div#content{[margin: 0 (#GET{centre})px; ]}
	] 

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={9}|oui)
		div#navigation{[margin-left:-(#GET{moitie}|plus{400})px; ]}
		div#extra{[margin-left:(#GET{droite})px; ]}
		div#content{margin-right: 440px; [margin-left:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]}
	] 

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={10}|oui)
		div#navigation{[margin-left:(#GET{droite})px; ]}
		div#extra{[margin-left:-(#GET{moitie}|plus{400})px; ]}
		div#content{margin-right: 440px; [margin-left:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]}
	] 

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={11}|oui)
		div#navigation{[margin-left:(#GET{gauche})px; ]}
		div#extra{[margin-left:-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{moitie}})px; ]}
		div#content{margin-left: 440px; [margin-right:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]}
	]

	[(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={12}|oui)
		div#navigation{[margin-left:-(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{moitie}})px; ]}
		div#extra{[margin-left:(#GET{gauche})px; ]}
		div#content{margin-left: 440px; [margin-right:(#CONFIG{sarkaspip_layout/largeur_padding, 20})px ;]}
	]
]

/* Pour les layouts a 2 colonnes*/
[(#CONFIG{sarkaspip_layout/numero_layout, 13}|match{^(34)$}|oui)
	  body{text-align:center}
		div#container{[width:(#CONFIG{sarkaspip_layout/largeur_site, 700})px; ]margin:0 auto;}
		
		[(#CONFIG{sarkaspip_layout/appliquer_padding, 1}|=={1}|?{
		  [(#SET{double, [(#CONFIG{sarkaspip_layout/largeur_padding, 20}|mult{2})]})]
		  [(#SET{gauche, [(#CONFIG{sarkaspip_layout/largeur_padding, 20})]})]
		  [(#SET{droite, [(#CONFIG{sarkaspip_layout/largeur_padding, 20})]})]		  
		,
		  [(#SET{double, 0})]
		  [(#SET{gauche, 0})]
		  [(#SET{droite, 0})]
		})]
		
	 [(#CONFIG{sarkaspip_layout/numero_layout, 13}||=={34}|oui)
	  #wrapper{zoom:normal;}
		div#navigation{[margin-left:(#GET{gauche})px ;]}
		div#extra     {[margin-left:(#GET{gauche})px ;]}
		div#content{
      [width:(#CONFIG{sarkaspip_layout/largeur_site, 700}|moins{220}|moins{#GET{double}})px ;]
      [margin-right:(#GET{droite})px ;]
    }
	]	
]