/* Stucture generale des pages */

body { 
	background: url(../im-commun/fond-actu.gif) repeat; 
	margin: 0; 
	padding: 0; 
	}	
#header {
	border: 0;
	width: 918px;
	display: none;
	}
#outer_wrapper  { 
	width: 918px; 
	margin: 0 auto;
	padding-bottom: 15px;
	}
#wrapper  { 
	margin: 0;
	padding: 0;
	}
#top {
	width: 685px;
	height: 210px;
	margin: 0;
	padding: 0;
	}
#container  { 
	margin-right: -233px; 
	width: 100%; 
	float: left 
	}
#main  { 
	margin-right: 233px;
	}
#content { 
	background: #fff; 
	padding-bottom: 10px;
	margin-left: 0; 
	padding-top: 40px; 
	}
#sidebar { 
	background: url(../im-commun/arrondi_nav-actu.gif) no-repeat left bottom; 
	width: 218px; 
	float: right; 
	padding-top: 0;
	margin-left: 15px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
#footer {
	clear: both;
	background: #fff;
	font-size: .92em;
	}
	


/* Styles de la partie Content * ---------------------------------- */

body.perm { 
	background: url(../im-commun/fond-perm.gif) repeat; 
	}
body.interv { 
	background: url(../im-commun/fond-interv.gif) repeat; 
	}
body.circ { 
	background: url(../im-commun/fond-circ.gif) repeat; 
	}

#main { 
	background: url(../im-commun/arrondi_content-actu.gif) no-repeat left bottom;
	padding-bottom: 15px;
	 }
body.accueil #content h1,
body.actu #content h1,
body.perm #content h1,
body.interv #content h1,
body.circ #content h1 {
	padding-left: 38px;
	line-height: 2.3em;
	}
body.accueil #content h1,
body.actu #content h1 {
	background: url(../im-commun/fond_titre-actu.gif) no-repeat;
	}
body.perm #content h1 {
	background: url(../im-commun/fond_titre-perm.gif) no-repeat;
	color: #aaaa04;
	}
body.perm #content h1.filet {
	background: url(../im-commun/filet-perm.gif) no-repeat;
	padding-top: 18px;
	margin-top: 15px;
	}
body.interv #content h1 {
	background: url(../im-commun/fond_titre-interv.gif) no-repeat;
	color: #d85005;
	}
body.circ #content h1 {
	background: url(../im-commun/fond_titre-circ.gif) no-repeat;
	color: #ad849b;
	}
body.perm #content h3 {
	color: #aaaa04;
	}
body.interv #content h2,
body.interv #content h3 {
	color: #d85005;
	}
body.interv #content h2 {
	margin-bottom: 6px;
	padding-top: 0;
	padding-left: 38px;
	}	
	
#content img.photo {
	float: left;
	width: 315px; 
	margin: 0;
	padding: 10px 12px 3px 0;
	}
#content img.print {
	float: left;
	height: 75px; 
	margin: 0;
	padding: 6px 12px 3px 70px;
	}	

#content p.lien,
#content p.lien2,
#content p.reaction,
#content p.ajout {
	font-size: .92em;
	color: #666;
	}
#content p.lien2 {
	padding-top: 15px;
	}
#content p.reaction {
	line-height: 4em;
	}
#content p.ajout {
	line-height: 3em;
	}
#content p.lien a,
#content p.reaction a {
	color: #666;
	padding: 10px 0 10px 38px;
	}
#content p.reaction a {
	background: url(../im-commun/fond_reaction.gif) no-repeat;
	}
#content p.lien a,
#content p.ajout a {
	background: url(../im-commun/fleche_reaction.gif) no-repeat;
	padding: 5px 0 5px 25px;
	}
#content p.lien a:hover,
#content p.reaction a:hover {
	color: #c06;
	}
#content p#inter  { 
	background: url(../im-commun/filet_reactions.gif) no-repeat 0px 0px;
	color: #c06;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .84em;
	padding: 18px 0 10px 38px;
	}
#content p.publi {
	color: #666;
	font-size: .84em;
	margin-bottom: 18px;
	}
#content p.auteur {
	color: #666;
	font-size: .84em;
	margin-bottom: 3px;
	}
body.perm #content p {
	margin-bottom: 0;
	padding-left: 40px;
	}
body.interv #content p.type {
	margin-bottom: 3px;
	padding-left: 38px;
	font-size: .84em;
	color: #666;
	}
body.circ #content p.filet {
	margin-bottom: 12px;
	padding-bottom: 10px;
	background: url(../im-commun/filet-circ.gif) no-repeat left bottom;
	}
body.circ .coul{
	color: #ad849b;
	font-weight: bold;
	}
	
div.an,
div.st {
	margin-bottom: 15px;
	}
div.an {
	background: url(../im-commun/fond_video.gif) no-repeat 60px 0;
	}
div.st {
	background: url(../im-commun/fond_telech.gif) no-repeat 60px 0;
	}
div.an p.lien,
div.st p.lien {
	background: url(../im-commun/filet-interv.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
 #content div.an p.lien a,
 #content div.st p.lien a {
	background: url(../im-commun/fleche_interv.gif) no-repeat;
	padding: 5px 0 5px 25px;
	}

	

/* Navigation ------------------------------------------------- */

#sidebar ul {
	margin: 0;
	padding: 5px 0 ;
	font-size: .92em;
	background: #ad849b;
	margin-bottom: 10px;
	}
#sidebar ul li {
	line-height: 1.3em;
	padding: 4px 10px;
	color: #fff;
	}
#sidebar ul li.tete,
#sidebar ul.perm li a,
#sidebar ul.circ li a,
#sidebar ul.accueil li a {
	letter-spacing: 2px;
	font-weight: bold;
	color: #f1eb87;
	}
#sidebar ul li a {
	text-decoration: none;
	color: #fff;
	}
#sidebar ul li a:hover {
	color: #83003F;
	}
	
body.accueil #sidebar ul.accueil,
body.actu #sidebar ul.actu,
body.perm #sidebar ul.perm,
body.interv #sidebar ul.interv,
body.circ #sidebar ul.circ  {
	background: #775169;
	}
	
body.accueil #sidebar ul.accueil li,
body.actu #sidebar ul.actu li.tete,
body.perm #sidebar ul.perm li,
body.interv #sidebar ul.interv li.tete,
body.circ #sidebar ul.circ li.current    { 
	padding-left: 40px;
	line-height: 1.6em;
	}
body.accueil #sidebar ul.accueil li,
body.actu #sidebar ul.actu li.tete  { 
	background: url(../im-commun/pic-actu.gif) no-repeat 10px 0; 
	}
body.perm #sidebar ul.perm li  { 
	background: url(../im-commun/pic-perm.gif) no-repeat 10px 0; 
	}
body.interv #sidebar ul.interv li.tete  { 
	background: url(../im-commun/pic-interv.gif) no-repeat 10px 0; 
	}
body.circ #sidebar ul.circ li.current  { 
	background: url(../im-commun/pic-circ.gif) no-repeat 10px 0; 
	}
body.actu #sidebar ul.actu li a:hover { 
	color: #f1eb87; 
	}
body.perm #sidebar ul.perm li a:hover { 
	color: #fff; 
	}
body.circ #sidebar ul.circ li a:hover { 
	color: #fff; 
	}

	
/* Tables */
table.inline {
  margin: 0;
  padding: 0;
  font-size: .92em;
  line-height: 1.6em;
  margin-left: 12px;
  margin-bottom: 10px;
  }

/*Formulaires */

form {
	margin: 0;
	padding: 0;
	border: 0;
	 }
form p { 
	font-weight: bold; 
	font-size: .92em;
	}
form .coul { 
	font-weight: normal; 
	color: #861089;
	}
textarea, .textarea { 
	font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	word-spacing: 1px;
	color: #000; 
	font-size: 1.1em; 
	font-weight: normal;
	background-color: #ededed;
	border: 0;
	padding: 1px;
	}