/* $Id: layout.css,v 1.1.4.2 2008/11/22 00:57:20 stevek Exp $
*/


/** MAIN LAYOUT - FIXED or FLUID WIDTH
---------------------------------*/
/* 
	The layout is made using the 'Holy Grail' system by Matthew Levine
	http://www.alistapart.com/articles/holygrail
*/

#page{
	width:990px;
	/* Remove the previous line to have a Fluid Layout 
	or modify it to change the width of the page*/
	margin:0 auto;
}

/* 
	To change the width of a sidebar, just modify the corresponding values of this sidebar.
	For example, If you want to change the width of the right sidebar to 250px, change the
	value of each line commented "Right Sidebar width" to 250px
*/


#top
{
height: 40px ;
width: 990px ;
background: url(img/bg_top.png) repeat-x ;
margin: 0 auto ;
}

#portail
{
float: right ;
width: 500px ;
height: 40px ;
background: url(img/portail.png) no-repeat ;
}

#login
{
width: 480px ;
float: right ;
}

#entete
{
height: 317px ;
width: 990px ;
background:#fff ;
margin: 0 auto ;
padding : 0 ;
background: url(img/header.jpg) no-repeat;
}

#menuhoriz
{
height: 40px ;
width: 990px ;
background: url(img/bg_menu.png) repeat-x ;
margin: 0 auto ;
text-align: center ;
padding: 0 ;
}

#menuhoriz a
{
text-decoration: none ;
}

#block-nice_menus-1
{
width: 960px ;
margin: 0 auto ;
padding: 0 ;
}

#main
{
background: #fff ;
padding: 0 ;
margin: 0 ;
}



#content {
	float:left;
	width:100%;
	min-height: 800px ;
	margin-right:-100%;
	padding:0 ;
}

  #content .column_center
{
padding : 25px ;
}



#content-inner
{
min-height: 800px ;
padding: 30px 10px;
}

.sidebar {
	float:left;
	min-height: 800px ;
	background: #ededed ;
	border : 1px solid #d7d7d7 ;
}
.two-sidebars #content-inner {
  margin-left: 190px;   /* Left Sidebar width */
  margin-right: 190px;  /* Right Sidebar width */
}
.sidebar-right #content-inner {
  margin-right: 190px;  /* Right Sidebar width */
}
.sidebar-left #content-inner {
  margin-left: 190px;   /* Left Sidebar width */
}
#sidebar-left {
  width: 190px;
  min-height: 800px ;
margin-right:-190px;
}

#sidebar-left-inner
{
min-height: 800px ;
}



#sidebar-right{
	float:right;
  width: 190px;
  min-height: 800px ;
}



#sidebar-right-inner
{
margin: 0;
min-height: 800px ;

}

.inner{
	padding:10px ;
}

.inner_top
{
padding: 0 10px 
}

h3.sidebar-titre
{
width: 160px ;
height: 40px ;
padding: 0 ;
margin: 35px 5px 15px 5px;
background: url(img/sidebar_titre.png) no-repeat ;
z-index: -9000px ;
}

h3.sidebar-titre-sections
{
width: 160px ;
height: 40px ;
padding: 0 ;
margin: 35px 5px 15px 5px;
background: url(img/sidebar_titre_sections.png) no-repeat ;
z-index: -9000px ;
}

/* header 
--------------------------- */

#header #logo-title {
	margin: 0;
	position: relative;
}

#header #logo-title #logo{
	vertical-align: baseline;
}

#header #logo-title #site-name {
	margin: 0;
}

#header #logo-title #site-slogan {
	margin-left: 20px;
}

#header #header-region {
	overflow: hidden;
}

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

#footer {
	float: none;
	clear:both;
	width: 100%  ;
	
	background: #fff ;
	margin: 0 auto ;
}

h2.mytitle
{
color :grey ;
padding: 0 0 0 15px ;
}

#imagefooter
{
width: 780px ;
margin: 5px auto ;
}

#imagefooter-row
{
margin: 0 auto;
height: 100px ;
text-align: center ;
}

#imagefooter-row div
{
float: left ;
min-width: 120px ;
margin: 0 auto ;
}

#footer_top
{
width: 990px ;
height: 20px ;
background: url(imgg/footer_top.png) top center;
}

#footer_bottom
{
width: 990px ;
min-height: 410px ;
background: url(imgg/footer_bottom.png) bottom ;
}

#infos_liens
{
text-align: center ;
border-top: 2px dotted #e3e3e3 ;
}

#infos_liens_sections
{
float: right ;
width : 30% ;
padding : 0 0 0 10px ;
margin: 15px 0 0 0 ;
text-align: left ;
border-right : 2px dotted #e3e3e3 ;

}

#infos_liens_partenaires
{
float: right ;
width : 30% ;
padding: 0 0 0 10px ;
margin: 15px 0 0 0 ;
text-align: left ;
border-left : 2px dotted #e3e3e3 ;
}

#infos_liens_contact
{
float: right ;
width : 30% ;
padding : 0 0 0 10px ;
margin: 15px 0 0 0 ;
text-align: left ;
}

.infos_left
{
width : auto ;
float: left ;
}

.infos_right
{
width: 185px ;
float: left ;
}

p.tinfos_footer
{
color : #000 ;
letter-spacing: 1px ;
font-weight: bold ;
text-align: left ;
padding: 0 15px 0 0 ;
}

p.tinfos_footer_inst
{
color : #000 ;
letter-spacing: 1px ;
font-weight: bold ;
text-align: left ;
padding: 0 20px 0 200px ;
margin-bottom: 25px ;
}

p.infos_footer
{
color : #666666 ;
padding : 0 ;
letter-spacing: 1px ;
}

p.infos_footer a
{
color: #666666 ;
text-decoration: none ;
}

p.infos_footer a:hover
{
color: #bebebe ;
text-decoration: underline ;
}





/*---------------------------------*/

/* Layout Helpers */

#header,
#footer,
#main #content .mission,
#main #content .breadcrumb,
#main #content .node {
	clear: both;
}







#navigation{
	background-color: #f0ff83;
}