
* {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}


html, body {
min-height:100%;
background-color:#ffd68c;
background-image:url(_images/_modele_css/page_bg.jpg);
background-repeat:repeat-y;
background-position:right;
}


#pageContainer {

min-height:100%;
}

#entete {
float:left;
background-image:url(_images/nouvelles/entete_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#searchBox {
float:right;
width:250px;
height: 97px;
background-image:url(_images/recherche/recherche_bg.gif);
background-repeat:no-repeat;
padding-left:30px;
padding-top:7px;
}


#entete_color {
background-color:#FF9900;
background-image:url(_images/nouvelles/entete_bg.jpg);
background-repeat:repeat-x;
background-position:top;
min-width:780px;
}


#navigation {
clear:both;
background-color:#CC0000;
background-image:url(_images/nav/nav_bg.jpg);
height:42px;
text-align:center;
}

* html #nav_size { /* permet d'imposer une largeur de page minimum à internet explorer*/
    \width: 780	px; /* for IE5 and IE6 in quirks mode */
    w\idth: 780px; /* for IE6 in standards mode */
	margin:auto;
  
}


/**********************************************************
TOUTES LES DIV QUI SUIVENT SERVENT À AFFICHER LA NAVIGATION
**********************************************************/
#nav {
	margin: auto;
	padding: 0;
	height: 41px;
	list-style: none;
	display: block;
	overflow: hidden;
	width:710px;
	}

#nav li {
	margin: 0; 
	padding: 0;
	height:41px;
    list-style-type: none;
	display: inline;
	
	}

#nav li a {
	float: left;
	padding: 41px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:41px; /* for IE5/Win */
	}
	
	
#nav a:hover {
	background-position: 0 -41px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -82px;
	}

#t_accueil a  {
	width: 85px;
	background: url(_images/nav/1-accueil.gif) top left no-repeat;
	}
	
#t_qsm a  {
	width: 155px;
	background: url(_images/nav/2-quiSommesNous.gif) top left no-repeat;
	}
#t_location a  {
	width: 155px;
	background: url(_images/nav/3-locationDeSalles.gif) top left no-repeat;
	}
#t_calendrier a  {
	width: 106px;
	background: url(_images/nav/4-calendrier.gif) top left no-repeat;
	}
	
#t_expositions a  {
	width: 114px;
	background: url(_images/nav/5-expositions.gif) top left no-repeat;
	}
	
#t_contact a  {
	width: 88px;
	background: url(_images/nav/6-contact.gif) top left no-repeat;
	}

/**FIN DES IMAGES DE NAVIGATION**************************/



#mainContainer {  /*contient le panneau Welcome + contenu*/
clear:both;
min-width:780px;
background-image:url(_images/nouvelles/bienvenue_bg3.jpg);
background-repeat:repeat-y;
padding-bottom:30px;
}

* html #pageContainer #mainContainer #mainContainer_size { /* permet d'imposer une largeur de page minimum à internet explorer*/
    \width: 100%; /* for IE5 and IE6 in quirks mode */
    w\idth: 100%; /* for IE6 in standards mode */
  
}

#welcomePanel {
float:left;
width:280px;
text-align:left;
padding-left:20px;
padding-top:20px;
padding-bottom:100px;
}


#contenu {
float:left;
min-height:400px;
min-width:380px;
max-width:765px;
width:55%;
margin-left:5%;
margin-top:40px;
/*background-image:url(_images/nouvelles/prochainement_bg.gif);*/
background-repeat:repeat-x;
}

#postings {
background-color:#FFFFFF;
margin-right: 0px;
padding-left:6%;
padding-right:120px;
padding-top:40px;
border-left: solid 3px #FF7700; 
padding-bottom:30px;
max-width:600px;
}

#postings ul {
margin-left:30px;
margin-bottom:10px;
}

.ligneSeparatricePostings {
clear:both;
border-bottom: dashed 2px #FF7700;
margin-top:20px;
margin-bottom:20px;
}

#accesRapide {
background-color:#FF7100;
position:absolute;
right:0px;
top:212px;
width:13%;
height:300px;
padding-top:20px;
padding-bottom:20px;
padding-left:2.5%;
padding-right:2.5%;
}

#accesRapide a {
color:#660000;
background-color:#FFb245;
text-decoration:none;
}

#accesRapide a:hover {
	color:#666666;
	background-color:#FFFFFF;
	border:thin dashed #666666;
	text-decoration: none;
}

#accesRapide li{
list-style-image:url(_images/_modele_css/list_bullet.gif);
margin-left:5px;
margin-top:10px;
}

#bloggerTag {
text-align:right;
margin-top:50px;
margin-bottom:0px;
}


.blogimage{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	}


#archives {
margin-left:-3px;
}

#piedPage {
text-align:center;
padding:10px;
background-color:#CC0000;
color:#FF7700;
font-size:0.8em;
}

.clearFloat {
clear:both;
}



