/**	***********************************************	**/
/**	GENERALE						    			**/
/**	***********************************************	**/	

body {
	background: #AFB0A8;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 0.8em;
}

a {
	color:#DD4444;
	text-decoration:none;
}
a:hover {
	color:#FF0101; 
	text-decoration:underline;
}

h1, h2, h3, h4, form, img, .spacer, #page  {
	padding: 0;
	margin: 0;
	border: 0;
}

.spacer {
	clear: both;
	visibility: hidden;
	height: 1px;
	font-size: 1px;
}
.clear {
	clear: both;	
}

.alignleft {
	float: left;
	padding: 8px 8px 8px 0;
}

.alignright {
	float: right;
	padding: 8px 0px 8px 8px;
}

#main {
	width: 960px;
	margin: 0 auto;
}

#header {
	background: #888888;
	height: 79px;
	margin-bottom: 20px;
}

#menu {
	height: 79px;
	background: #888888;
}

#bas {
	height: 160px;
	background: #888888;
	margin-top: 20px;
	color: #FFF;
}

#headerimg 	{ 
	z-index: 1;
	margin: 0; 
	padding: 0;
	background: url(logo2009_1.gif) no-repeat top left;
	height:79px;
	width: 220px;
	float: left;
}

#headerimg span {
	display:none;
}

#headerimg a {
	display: block;
	height: 80px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#principal {
	float: left;
	width: 745px;
	font-family: Arial, Verdana, Helvetica,sans-serif;
}

#bigwhite {
	width: 665px;
	background-color: #F9F6E0;
	color: #444;
	padding: 20px 40px;
	
}

#smallwhite {
	width: 444px;
	background-color: #F9F6E0;
	color: #444;
	padding: 20px 40px;
}
	
	
#menu {
	width: 740px;
	float: left;
	margin: 0;
	padding: 0;
}

#flashcontent {
	width: 960px;
	margin: 0 auto;
}

#bas, #bas a {
	color:#ddd;
	text-decoration:none;
	padding: 1px 5px;
}

#bas a:hover {
	color:#FFFFFF;
	background-color:#FF9900;
	padding: 1px 5px;
}	
	
#sidebar {
	float: right;
	width: 195px;
	font-family: Arial, Verdana, Helvetica,sans-serif;
}

.msearch {
	color:#000000; 
	background-color:#FBF000; 
	font-weight: bold
}

.couverture {
	background-color:#DFD8A7;
	text-align: center; 
	margin:  0;
	padding: 0;
}	

h2 span {
	background-color: #FFA230;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	line-height: 29px;
}

.lettrine {
	background-color: #939583;
	color: #FFFFFF;
	font-size: 18px;
	padding: 2px 4px;
}

#bigwhite .rubrique {
	background-color: #03728E;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 30px 5px 5px;
}

.addthis_toolbox,
#formulaire {
	padding-top: 10px;
	clear: both;
}

#formulaire {
	border-top: solid 1px #DFD9B5;
	padding-top: 10px;
}

.enavant,
.rouge {
	color: #DF8D00;
	font-weight: bold;
}

.surligne {
	background-color: #E5D78C;
	padding: 4px;
}


/**	***********************************************	**/
/**	LIENS PAGES INTERIEURES					    	**/
/**	***********************************************	**/	

.lien_pageint a { 
	display: block;
	outline: none; 
	width: 200px;
	height: 19px; 
	margin:  0;
	padding: 0;
	background-image: url(pagesinterieures.gif);
	background-color: #F9F6E0;
}
.lien_pageint a:hover {
	background-position: 0 -19px;
}
.lien_pageint a span {
	text-indent: -9999px;
	display: none;
}



/**	***********************************************	**/
/**	SIDEBAR						    				**/
/**	***********************************************	**/	


#side_utilitaires,
#side_appel1,
#side_nouveautes, 
#side_appel2 {
	background-color: #03728E;
	color: #FFF;
	margin-bottom: 20px;
	width: 195px;
}

#side_appel1,
#side_appel2 {
	height: 195px;
}

#side_utilitaires,
#side_nouveautes {
	padding: 10px;
	width: 175px;
}

#sidebar a, #sidebar a:hover {
	color:#fff;
	text-decoration:none;
	font-size:12px
}

#sidebar ul, #sidebar li {
	padding: 4px 0 4px 0px;
	list-style-type: none;
}

#sidebar .social_call {
	position: relative;
	top: 3px;
} 

#side_utilitaires form,
#side_utilitaires p {
	padding: 0;
	margin: 0;
}

#side_utilitaires .search {
	width: 185px
	color: #888;
}


/**	***********************************************	**/
/**	MENU BAS					    				**/
/**	***********************************************	**/	


#bas .col {
	float: left;
	width: 219px;
	height : 140px;
	margin: 8px 0 0 1px;
	padding: 2px 8px;
	text-align: left;
	border-left: solid 1px #DDDDDD;
}
#bas .first {
	margin: 8px 0 0 0px;
	border: 0;
}
#bas .col ul {
	padding: 0 0 0 15px;
}	
#bas .col li {
	list-style-type: none;
	color:#666;
	font-weight:normal;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	list-style-position: inside;
	list-style-image: url(bas-puce.gif);
}



/**	***********************************************	**/
/**	MENU HAUT (deroulant)					    	**/
/**	***********************************************	**/	

.sf-menu a {
	padding: 		13px 1em;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
	width: 740px;
}

.sf-menu {
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bolder;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}
.sf-menu li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#FF9900;
		outline:		0;
}
.sf-menu li li {
	background:		#047391;
}
		
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#FF9900;
}



/**	***********************************************	**/
/**	FICHE LIVRE         					    	**/
/**	***********************************************	**/	

#liv_couv {
	float: left;
	width: 200px;
	background-color: #F9F6E0;
	padding: 0;
	margin:0;
}

#liv_couv .plus {
	padding: 20px;
}

#liv_infos {
	float: left;
	width: 524px;
	padding: 0;
	margin:0;
}

#liv_infos_main,
#liv_infos_actus,
#liv_infos_etaussi {
	background-color: #F9F6E0;
	width: 444px;
	color: #444;
	padding: 20px 40px;
	margin: 0 0 0 20px;
}

#liv_infos_actus,
#liv_infos_etaussi {
	margin: 20px 0 0 20px;
}

#liv_infos_main p {
	margin: 0 0 1em 0;
}

#liv_infos_main .rubrique {
	background-color: #03728E;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 30px 5px 5px;
}

#liv_infos_main h2 {
	margin-top:4px;
	margin-bottom:4px;
}

#liv_infos_main .stitre {
	margin-top: 2px;
	background-color:  #FCBF00;
	padding: 2px 5px 2px 5px;
	margin-left: 10px;
	color: #BF5B0B;
	font-weight: bold;
}

#liv_infos_main .auteur {
	font-weight: bold;
}

#liv_infos_main .techniques,
#liv_infos_main .isbn {
	background-color: #939583;
	color: #FFFFFF;
}

#liv_infos_main .techniques {
	width: 275px;
	padding: 5px 5px 0px 5px;
}

#liv_infos_main .techniques p {
	margin: 0;
}

#liv_infos_main .isbn {
	padding: 0px 5px 5px 5px;
}

#liv_infos_actus ul,
#liv_infos_etaussi ul {
	padding : 0 1em; 
}

#liv_infos_actus a,
#liv_infos_etaussi a {
color: #555;
}
#liv_infos_actus a:active,
#liv_infos_etaussi a:active,
#liv_infos_actus a:hover,
#liv_infos_etaussi a:hover {
color: #555;
color:#FF0101; 
}

/**	***********************************************	**/
/**	ACCUEIL             					    	**/
/**	***********************************************	**/	

#accueil_news{
	margin-top: 20px;
	background-image: url(accueil_news_fd2.gif);
}

#accueil_news .c1,
#accueil_news .c2 {
	width: 342px;
	padding: 10px;
	float: left;
	background-color: #F9F6E0;
}

#accueil_news .c2 {
	margin-left: 20px;
}

#accueil_appel {
	margin-top: 20px;
}

#accueil_news .type {
	color:#999;
	font-weight:bold;
	background-color:#FFDF20;
	padding: 0px 3px;
}
#accueil_news .appel {
	color: #D91E2C;
	font-weight:bold;
	font-size:11px;
}
#accueil_news a,
#accueil_news a:visited {
	color: #000;
}
#accueil_news a:hover {
	text-decoration:none;
	color:#FF9900; 
	background-color:#FFF;
}
#accueil_appel .zone0,
#accueil_appel .zone{
	width:145px;
	height:145px;
	float: left;
	background-color:#939583;
}
#accueil_appel .zone {
	margin-left:5px;
}
#accueil_appel h3 {
	border-top: solid 1px #6D6F5A;
	background-color:#939583;
	color: #FFFFFF;
	padding: 2px 10px;
	margin-bottom: 5px;
}


/**	***********************************************	**/
/**	CREDITS             					    	**/
/**	***********************************************	**/	

#credits {
	background-color:#5F5F5F;
	color:#DDDDDD;
	padding: 5px 15px;
	text-align: right;
}
#credits strong {
	color:#FFF;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	background: #000;
	padding: 1px 5px;
}
#credits b a,
#credits b a:hover {
	color:#FFDF20;
	text-decoration: none;
}
#credits b {
	font-weight: normal;	
}	
#credits i a,
#credits i a:hover {
	color:#DDDDDD;
	text-decoration: none;
}


/**	***********************************************	**/
/**	LES NEWS             					    	**/
/**	***********************************************	**/	

#lesnews {
	margin-left: 30px;
	width: 600px;
}

#lesnews .postun {
	border-top: solid 2px #DFD9B5;
	padding-top: 15px;
	padding-bottom:  15px;
	clear: both;
}
#lesnews .type {
	color:#999;
	font-weight:bold;
	background-color:#FFDF20;
	padding: 3px 5px;
	margin-left:10px;
}

#lesnews h2 {
	margin : 4px 0 10px 0;
}

#lesnews  a {
	font-weight:bold;
}

#lesnews h2 a,
#lesnews h2 a:hover {
	color:#FFF;
	text-decoration: none;
}
#lesnews .archives {
	margin-top: 20px;
	border-top: solid 2px #DFD9B5;
	padding-top: 10px;
}
#lesnews .navigation {
	clear: both;
	font-size: 18px;
}