/* style sheet for advivo 
  created by gaspard from freelancis
*/
@import "typo.css";

body{
	
	/* this will center the #page div */
	text-align:center;
	/*
		TODO : this debug should be erased
	*/
	background: #fff url(images/background.png) no-repeat scroll top center;
	margin:45px auto 100px auto;
}

/*
 page is the main container whitch has 
 main and sidebar
*/

#page{
	margin:auto;
	text-align:left;
	width:1004px;
	background: transparent url(images/schmurtz_fond.png) no-repeat scroll bottom left;
	display:block;
	position:relative;
}

/*
 the sidebar contains consistents side blocks
*/

.sidebar{
	float:right;
	width:250px;
}

/*
 main contents header, container and sign
*/
#main{
	width:750px;
/*	background: transparent url(images/rond.gif) no-repeat scroll bottom left;*/
	/* on lt IE6, this should be hidden, let's use a 1px shim bg*/
}

/*
 the header has the logo and main navigation
*/

#header{}

/*
 container is yet another container that gather
 ariane (path), content and footer
 visually, it could become the green "page" thing
*/

#container{

}


#top{
	background: transparent url(images/page_bg_top.png) no-repeat scroll top left;
}
body.article #top{
	background-image:url(images/page-article_bg_top.png);
}

/*
 content is where the main content settles
 it is divided into several subjects
*/

#content{
	/*let's place here the content bg stuffs (like a tiny shadow)*/
	background: transparent url(images/page_bg.png) repeat-y scroll top left;
	/* more about the content ? look into the content.css file */
}
/* in articles layout, bg changes*/
body.article #content{
	background-image:url(images/page-article_bg.png);
}

#content .inner{
	/*makes the gardient appear smoothly
	warning : the gardient image doesn't have a shadow
	*/
	background: transparent url(images/page_bg_gardient.png) no-repeat scroll top left;
}
body.article #content .inner{
	background-image:url(images/page-article_bg_gardient.png);
}

/*
 footer is the footer, cool huh ?
 it could also make layout for bottom of the container layout
*/
#footer{
	/*let's place here the bottom bg stuffs*/
	background: transparent url(images/page_bg_bottom.png) no-repeat scroll top left;
	height:60px;
	text-align:center;
}
body.article #footer{
	background-image:url(images/page-article_bg_bottom.png);
}
#footer .footerline{
	padding-top:25px;
}
.sign{
	margin-top:-16px;
	text-align:center;
}

/********************************************************************
 header stuffs
*/

/*menu zone*/

#header .menu {
	background: transparent url(images/head_menu.png) no-repeat scroll top left;
	height:30px;
/*	clear:both;*/
	padding: 0 0 0 90px;
	/*
		TODO fixme ie may bug on this
	*/
	margin: -3px 0 0 0;
}
#header .menu a{
	display:block;
	width:200px;
	float:left;
	padding:10px 0;
}

#header .menu a.patrimoine {
/*	margin-left:90px;*/
}
/*this hack regulates some wired margin*/
#header .menu a.actions,#header .menu a.nous {
	padding:8px 0 10px 0;
}

/*logo zone*/

#header .logo{
	padding:0 0 0 100px;
}
#header .logo a img{
	border:none;
}

/*flash zone
flash size is w 300px x h 100px
*/
#header .logo img {
/*	background-color:pink;*/
}

#header .logo .anim {
/*	background-color:orange;*/
	float:right;
	width:380px;
}


/********************************************************************
 all below styles are into the content, what about using content.css?
*/


#top #ariane{
	margin:0 0 0 248px;
	width:433px;
	height:40px;
	background: #d0de3d url(images/ariane_accueil.png) repeat-x scroll top left;
}
body.article #top #ariane{
	margin:0 0 0 131px;
	width:550px;
}
#top #ariane .a{
	padding: 10px 0 5px 10px;
	margin:0;
}

#content .inner .path{
	margin:0 0 0 248px;
	width:433px;
	height:40px;
	background: transparent url(images/path_sommaire.png) repeat-x scroll top left;
}
body.article #content .inner .path{
	margin:0 0 0 131px;
	width:550px;
}
#content .inner .path .p{
	padding:0 20px 0 0;
	text-align:right;
}
.inner .path .p a{
	color:#B9C828;
}

.subject{
	clear:both;
	padding:0 0 10px 0;
	background: transparent url(images/ongletv-article_sommaire.png) no-repeat scroll top left;
}
.subject.noonglet{
	background-image: none;
}

#content .logo{
	width:260px;
	float:left;
	text-align:right;
}
body.article #content .logo{
	width:150px;
}

#content .logo img.spip_logos{
	margin-right:20px;
	background: transparent url(masques/masque_batiment_ombre.png) no-repeat scroll top left;
	border:none;
	/* for special page notreca check into profiles */
}
body.article #content .logo img.spip_logos{
	display:none;
}
.body{
	width:400px;
	float:left;
	/*
		FIXME what about horizontal line ?
		border-bottom:1px solid #B9C828;
	*/


}
body.article #content .body{
	width:510px;
}
.body h2{
	color:#B9C828;
	text-transform:uppercase;
}
.body img.spip_logos{
/* rounded by magic_spip */
}
.body a img{
	border:none;
}

p.lirelasuite{
	display:block;
	padding:1px 0 0 15px;
	margin:0 0 0 0;
	background: #fff url(images/lirelasuite.gif) no-repeat scroll top left;
	
}

.clearfix{
	clear:both;
}


#content .subject.vert{
	background: transparent url(images/ombrev_sommaire.png) no-repeat scroll top right;
}
#content .subject.actions{
	backgroundckground-image:url(images/ombrev_actions.png);
}
body.sommaire #content .subject.first{
	background-image: url(images/ongletv-rubrique_sommaire.png);
}
body.sommaire #content .subject.nous{
	background-image: url(images/ongletv-rubrique_nous.png);
}
body.sommaire #content .subject.actions{
	background-image: url(images/ongletv-rubrique_actions.png);
}
body.sommaire #content .subject.patrimoine{
	background-image: url(images/ongletv-rubrique_patrimoine.png);
}




/********************************************************************
 profile stuffs
*/

/*sommaire*/
body.sommaire #content .subject.actions h2{
	color:#BB0733;
}
body.sommaire #content .subject.actions strong{
	color:#BB0733;
}

body.sommaire #content .subject.nous h2{
	color:#0F367E;
}
body.sommaire #content .subject.nous strong{
	color:#0F367E;
}
body.sommaire #content .subject.patrimoine h2{
	color:#F7BA1A;
}
body.sommaire #content .subject.patrimoine strong{
	color:#F7BA1A;
}
body.sommaire #content .inner{
	/*	warning : the gardient image doesn't have a shadow
	*/
	background-image: url(images/page_bg_gardient_sommaire.png);
}




body.sommaire #top #ariane{
	background: #d0de3d url(images/ariane_accueil.png) repeat-x scroll top left;
}
/*actions*/

body.actions #top #ariane{
	background-image:url(images/ariane_actions.png);
}
body.actions .subject{
	background-image:url(images/ongletv-rubrique_actions.png);
}
body.article.actions .subject{
	background-image:url(images/ongletv-article_actions.png);
}

body.actions .subject h2{
	color:#BB0733;
}
body.actions .subject p.lirelasuite a{
	color:#BB0733;
}
body.actions .body strong{
	color:#BB0733;
}
body.actions .body h3.spip{
	color:#BB0733;
}
body.actions #content .inner .path{
	background-image:url(images/path_actions.png);
}
body.actions #content .path a{
	color:#BB0733;
}

/*nous*/

body.nous #top #ariane{
	background-image:url(images/ariane_nous.png);
}
body.nous .subject{
	background-image:url(images/ongletv-rubrique_nous.png);
}
body.article.nous .subject{
	background-image:url(images/ongletv-article_nous.png);
}

body.nous .subject h2{
	color:#0F367E;
}
body.nous .subject p.lirelasuite a{
	color:#0F367E;
}
body.nous .body strong{
	color:#0F367E;
}
body.nous .body h3.spip{
	color:#0F367E;
}
body.nous #content .inner .path{
	background-image:url(images/path_nous.png);
}
body.nous #content .path a{
	color:#0F367E;
}
/* below are special pages */

body.question #content .inner{
	/*	warning : the gardient image doesn't have a shadow
	*/
	background-image: url(images/page_bg_gardient_question.png);
}
body.agences #content .inner{
	/*	warning : the gardient image doesn't have a shadow
	*/
	background-image: url(images/page_bg_gardient_agences.png);
}
body.notreca #content .logo img.spip_logos{
	margin-right:30px;
	background: transparent url(masques/masque_notreca_ombre.png) no-repeat scroll top left;
	border:none;
	
}

body.asso #content .inner .subject{
	background-image:url('images/ongletv-rubrique_sommaire.png');
}

/*form*/
form textarea{
	border:1px solid #777;
	width:310px;
	margin:3px;
	font: 9pt "Lucida Grande", Arial, Tahoma, sans-serif;
}
form input.in{
	margin:3px;
	width:150px;
	border:1px solid #777;

}
p.submit{
	width:306px;
	text-align:right;
}


form input.in:hover{
	border:1px solid #0F367E;
}
.formulaire_quesion{
	
}
.formulaire_quesion label{
	display:none;
}
.formulaire_erreur, .formulaire_quesion .erreur{
	color:#C00;
}

.formulaire_reclamation label{ display:none;}
.formulaire_reclamation label.shown{ display:inline;}
.formulaire_reclamation label.title{
	display:block;
	font-size:1.2em;
	color:#B9C828;
}

/*patrimoine*/

body.patrimoine #top #ariane{
	background-image:url(images/ariane_patrimoine.png);
}
body.patrimoine .subject{
	background-image:url(images/ongletv-rubrique_patrimoine.png);
}
body.article.patrimoine .subject{
	background-image:url(images/ongletv-article_patrimoine.png);
}

body.patrimoine .subject h2{
	color:#F7BA1A;
}
body.patrimoine .subject p.lirelasuite a{
	color:#F7BA1A;
}
body.patrimoine .body strong{
	color:#F7BA1A;
}
body.patrimoine .body h3.spip{
	color:#F7BA1A;
}
body.patrimoine #content .inner .path{
	background-image:url(images/path_patrimoine.png);
}
body.patrimoine #content .path a{
	color:#F7BA1A;
}

/********************************************************************
 sidebar stuffs
*/
.sidebar {
/*	background-color:purple;*/
}

.sidebar .search{
	z-index:10;
	position:absolute;
}
.sidebar .search #formulaire_recherche{
	padding:15px;
}
.sidebar .search #formulaire_recherche #recherche{
	width:125px;
	background: #ffffff url(images/loupe.gif) no-repeat scroll center right;
}

/* this little hack prevents from clear to apply on the inner content*/
.sidebar .sbi{
	position:absolute;
	padding-top:82px;
}
.sidebar .sideblock{
	text-align:center;
	background: transparent url(images/sidebar_bg.png) no-repeat scroll top left;
	width:159px;
	height:143px;
/*	position:absolute;*/
	margin-top:20px;
}
.sidebar .sideblock h4{
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:31px;
}
.sidebar .sideblock h4 a{
	display:block;
	padding:10px 0 5px 0;
}
.sidebar .sideblock h4 a.on{
	color:#000000;

}

.sideabar .sideblock .inner{
	
}
.sidebar .sideblock .inner a img{
	border:none;
}

.sidebar .sideminiblock{
	text-align:center;
	background: transparent url(images/sidebar_miniblock.png) no-repeat scroll top left;
	width:159px;
	height:42px;
/*	position:absolute;*/
	margin-top:10px;
}

.sidebar .sideminiblock h4{
	margin:0 0 0 0;
	display:block;
	padding:10px 0 5px 0;
}
.sidebar .sideminiblock h4 a.on{
	color:#000000;
}
.sidebar .sideminiblock h4 a{
	color:#ffffff;
}


/********************************************************************
 debug css stuffs
*/


.repere1004{
	margin:auto;
	text-align:left;

	width:1004px;
	height:10px;
	background-color:red;
}
.repere960{
	margin:auto;
	text-align:left;

	width:960px;
	height:10px;
	background-color:blue;
}