/* Feuille de style pour le site christian-auboire.com */


	/* Meyer Reset v1.0 | 20080212 */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}

		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}

		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		
	/* Layout du site */
	
	body {font-size: 70%;
	text-align: left;
	color: black;
	padding: 0;
	margin: 0;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bg_repeat.png); background-repeat: repeat-x;

}
	
	#conteneur {width: 960px; margin: 0 auto; font-size: 1em;}
	
	#topmenu {height: 24px; padding: 13px 0px ;width: 100%; background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bg_topmenu.png); background-repeat: repeat-x;}
	
	#entete {height: 276px ; position: relative; top: 0px; left: 0px;}
	
	#logo {width: 485px; padding-top: 8px; }
	
	#image_entete {position: absolute; top: 0px; right: 0px; width: 450px; height: 276px; text-align: right;}
	
	#menu {height: 45px; background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bg_menu.png); background-repeat: repeat-x;}
	
	#contenu {width: 944px; height: 350px; padding: 20px 8px 40px 8px; line-height: 1.4em;}
	
	html>body #contenu {min-height: 350px;
		height: auto;}
	

	#colonne_gauche {width: 680px;}
	
	#colonne_droite {float: right; width: 240px; }
	
	
	#footer {border-top: 2px solid #ccc; padding-top: 8px; margin: 0 auto; width: 960px;height: 140px; text-align: center; line-height: 18px; letter-spacing: 1px; color: #666; background-color: #f4f4f4;}
	
	div.clear {clear: both;}
	
	
/* Styles pour le menu principal */

#menu ul
{
	list-style-type:none;
}

#menu ul
{
	height:45px;
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li
{
	float:left;
}

span.hidden_link {display: none;}

#menu ul li#page1 a, #menu ul li#page7 a
{
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_accueil_web.png);	
	background-position: 0 0;	
}

#menu ul li#page1 a.active, #menu ul li#page7 a.active {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_accueil_web.png);	
	background-position: 100px 0;	
}

#menu ul li#page1 a:hover, #menu ul li#page7 a:hover {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_accueil_web.png);	
	background-position: 200px 0;	
}

#menu ul li#page2 a {
	width:175px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_cv_web.png);	
	background-position: 0 0;	
}

#menu ul li#page2 a.active {
	width:175px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_cv_web.png);	
	background-position: 175px 0;	
}

#menu ul li#page2 a:hover {
	width:175px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_cv_web.png);	
	background-position: 350px 0;	
}


#menu ul li#page3 a {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_rea_web.png);	
	background-position: 0 0;	
}

#menu ul li#page3 a.active {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_rea_web.png);	
	background-position: 160px 0;	
}

#menu ul li#page3 a:hover {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_rea_web.png);	
	background-position: 320px 0;	
}

#menu ul li#page4 a, #menu ul li#page8 a {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_contact_web.png);	
	background-position: 0 0;	
}

#menu ul li#page4 a.active, #menu ul li#page8 a.active {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_contact_web.png);	
	background-position: 100px 0;	
}

#menu ul li#page4 a:hover, #menu ul li#page8 a:hover  {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_contact_web.png);	
	background-position: 200px 0;	
}


#menu ul li#page9 a {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_oeuvres_web.png);	
	background-position: 0 0;	
}

#menu ul li#page9 a.active {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_oeuvres_web.png);	
	background-position: 100px 0;	
}

#menu ul li#page9 a:hover  {
	width:100px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_oeuvres_web.png);	
	background-position: 200px 0;	
}


#menu ul li#page10 a {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_expositions_web.png);	
	background-position: 0 0;	
}

#menu ul li#page10 a.active {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_expositions_web.png);	
	background-position: 160px 0;	
}

#menu ul li#page10 a:hover {
	width:160px;
	height:45px;
	float:left;
	display:block;
	cursor:pointer;
	background-image: url(http://christian-auboire.com/assets/templates/chribu/images/bouton_expositions_web.png);	
	background-position: 320px 0;	
}



#menu ul li a.last
{

}


/* Styles inline */

a:link, a:visited {text-decoration: none;
color: #9a0235;
}

a:hover, a:active {text-decoration: none;
color: #ff3300;
}


#topmenu a:link, #topmenu a:visited {color: #ffff66;}
#topmenu a:hover, #topmenu a:active {color: #fff;}


#topmenu {font-size: 1em; letter-spacing: 1px; padding-left: 20px;}

#topmenu a.espace_gauche {padding-left: 800px;}


#contenu h3 {margin-top: 12px;
	border-top: 1px solid #ccc;
	padding-top: 4px;
	padding-bottom: 12px;
font-size: 1.3em;
font-variant: small-caps;
letter-spacing: 1px;
color: #9a0235;	}



#contenu p {padding-bottom: 14px;
	line-height: 1.2em;
}

#contenu ul {text-align: left;
	margin-left: 25px;
	margin-top: 12px;}

#contenu ul ul {padding-top: 5px;
	margin-left: 12px;
	margin-top: 6px;}

#contenu li {line-height: 2ex;
padding-bottom: 6px;}

/* Icônes de liens - Reprises de BlueTrip */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Make sure the icons are not cut */
a[href^="mailto:"],a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* Email */
a[href^="mailto:"]        { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/email.png); }

/* Files */
a[href$=".pdf"]   { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/feed.png); }
a[href^="aim:"]   { background-image: url(http://christian-auboire.com/assets/templates/chribu/images/icons/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }