/* Structure et classes
-----------------------------------------------
Libre Logic Template Style
Name:     Libre Logic
Designer: Opalia Web Design
URL:      www.libre-logic.fr
Date:     30 Juin 2008
----------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
  background: #FFF url(images/bg-body.gif) top repeat-x scroll;
  font: xx-small Verdana,Sans-serif;
 	color: rgb(40,4,118);
  cursor: default;
  padding: 20px 0 5px;
}
#content {
	background:transparent;
	border: 0;
	margin:0pt auto;
	position:relative;
	width:800px;
}
.clear {
	clear:both;
}
.underline {
	text-decoration:underline;
}

/* Header
----------------------------------------------- */
#header {
	background: transparent;
	height:165px;
	width: 800px;
}
#headleft {
	background: transparent url(images/bg-headerleft.gif) top right no-repeat;
	height:165px;
	width:20px;
	float:left;
}	
#headcenter {
	background: transparent url(images/bg-header.gif) repeat-x;
	height:165px;
	width:760px;
	float:left;
}
#headcenter a img {
	border:none;
}
#headright {
	background: transparent url(images/bg-headerright.gif) top left no-repeat;
	height:165px;
	width:20px;
	float:left;
}
#logo {
	width:178px;
	margin-top:48px;
	padding-left:40px;
	float:left;
}
#formulaire_recherche {
	background: transparent url(images/bg-recherche.gif) bottom left no-repeat;
	width:231px;
	height:49px;
	float:right;
	margin-top:92px;
	padding-right:13px;
}

#formulaire_recherche div {
	margin-top:5px;
	margin-left:16px;
	width:200px;
}
#formulaire_recherche label {
	float:left;
	margin-top:4px;
	padding-left:17px;
}
#formulaire_recherche input.bouton {
	vertical-align:top;
	float:right;
}
#formulaire_recherche input.forml {
	background:transparent;
	border:none;
	margin-top:9px;
	padding-left:5px;
	font-family: Verdana,Sans-serif;
	font-size:97%;
	clear:both;
	float:left;
}
/* Navigation - Menu 1
----------------------------------------------- */
#menu1 {
	background: transparent;
	height: 40px;
	width: 800px;
}
#menu1left {
	background: transparent url(images/bg-menu1left.gif) top right no-repeat;
	height:40px;
	width:20px;
	float:left;
}
#menu1center {
	background: transparent url(images/bg-menu1center.gif) top repeat-x;
	height:40px;
	width:760px;
	float:left;
	text-align:right;
}
#menu1right {
	background: transparent url(images/bg-menu1right.gif) top left no-repeat;
	height:40px;
	width:20px;
	float:left;
}
#menu1 li {
	display:inline;
	font-size: 97%;
	font-weight:900;
	text-decoration:none;
	text-transform:uppercase;
	line-height:27px;
	padding:0px 4px 0pt 6px;
	border-left:solid 1px rgb(122,104,162);
}
#menu1 li a {
	color:rgb(122,104,162);
	text-decoration:none;
}
#menu1 a:hover {
	color:rgb(40,4,118);
	text-decoration:none;
}
#menu1 li span a {
	color:rgb(40,4,118);
	text-decoration:none;
}
#menu1 a.on {
	color:rgb(40,4,118);
	text-decoration:none;
}
/* Page
----------------------------------------------- */
#page {
	background: transparent url(images/bg-page.gif) top left repeat-x;
	min-height:200px;
	min-height:400px;
	height:auto;
	width:780px;
	margin-top:10px;
	margin-left:10px;
}
#page h3 {
	font-family: "Trebuchet MS",Arial,Sans-serif;
	font-size: 145%;
	font-weight:bolder;
	color: rgb(79,0,250);
	text-transform:normal;
	margin-bottom:.2em;
}
#page h3 a {
	text-decoration:none;
	color: rgb(79,0,250);
}
#page h3 a:hover {
	text-decoration:underline;
}
#page div.no_conteneur h3 {
	line-height:.9em;
	margin-bottom:1em;
	margin-top:0;
}
#page div.no_conteneur div.article {
	margin-bottom: 3em;
}
#page h4 {
	font-size:97%;
	text-decoration:underline;
	margin-bottom:.5em;
}
#page h4 a {
	color: rgb(40,4,118);
}
#page h4 a:hover {
	color: rgb(79,0,250);
}	
#page div.no_conteneur h4 {
	margin-top:2em;
}
#hierarchie {
	background: transparent url(images/page-left_corner.gif) top left no-repeat;
	padding:10px 25px;
	clear:right;
	margin-bottom:0px;
}
#hierarchie {
	color:rgb(122,104,162);
	font-size:110%;
}
#hierarchie li {
	color:rgb(122,104,162);
	font-size:110%;
	display:inline;
	list-style-type:none;
}
#hierarchie a {
	color:rgb(122,104,162);
	text-decoration:none;
}
#hierarchie a:hover {
	text-decoration:underline;
}
#page1 {
	float:left;
	background: transparent;
	height:auto;
	width:480px;
	padding-left:20px;
	padding-bottom: 15px;
}
#page1 h2 {
	background: transparent url(images/bg-page1_h2.gif) top repeat-x;
	height: 30px;
	border-right: solid 1px rgb(165,150,198);
}
.conteneur1 {
	width:445px;
	font-size: 117%;
	padding: 15px 10px 5px 23px;
	border-right: solid 1px rgb(165,150,198);
	border-left: solid 1px rgb(165,150,198);
}
.conteneur1_foot {
	background: transparent url(images/bg-conteneur1_foot.gif) right bottom no-repeat;
	width: 100%;
	height:12px;
	border: none;
	margin-bottom:20px;
}
.conteneur1 p, .no_conteneur p, .conteneur3 p {
 	color: rgb(40,4,118);
	font-size:103%;
	margin-bottom:1em;
}
#page2 {
	float:right;
	background: transparent;
	height:auto;
	width:230px;
	padding-right:20px;
	padding-bottom: 15px;
}
#page2 h2 {
	background: transparent url(images/bg-page2_h2.gif) top repeat-x;
	height: 30px;
	border-right: solid 1px rgb(252,219,126);
}
.conteneur2 {
	background: rgb(254,246,221);
	width:203px;
	font-size: 117%;
	padding: 15px 10px 5px 15px;
	border-right: solid 1px rgb(252,219,126);
	border-left: solid 1px rgb(252,219,126);
}
.conteneur2 p, .conteneur2 li {
 	color: rgb(40,4,118);
	font-size:85%;
	line-height:1.3em;
	margin-bottom:1em;
}
.conteneur2 li {
	background: transparent url(images/bg-conteneur2_li.gif) top left no-repeat;
}
.conteneur2 ul {
	list-style-type:none;
	text-indent:8px;
}
.conteneur2_foot {
	background: transparent url(images/bg-conteneur2_foot.gif) right bottom no-repeat;
	width: 100%;
	height:12px;
	border: none;
	margin-bottom:15px;
}
.conteneur3 {
	background: transparent;
	width:223px;
}
.conteneur3 div {
	
	font-size: 117%;
	padding: 15px 10px 5px 23px;
	border-right: solid 1px rgb(165,150,198);
	border-left: solid 1px rgb(165,150,198);
}
.conteneur3 div.conteneur3_foot {
	float:left;
	background: transparent url(images/bg-conteneur1_foot.gif) right bottom no-repeat;
	width:222px;
	height:12px;
	border-left: solid 1px rgb(165,150,198);
	border-right:none;
	padding:0;
	margin-bottom:20px;
}
.conteneur_link1 a {
	color:rgb(40,4,118);
	text-decoration:underline;
}
.conteneur_link1 a:hover {
	color:rgb(79,0,250);
}
.conteneur_link2 a {
	font-style:italic;
	font-size:95%;
	color:rgb(135,121,166);
	text-decoration:none;
}
.conteneur_link2 a:hover {
	text-decoration:underline;
}
.no_conteneur {
	font-size: 117%;
}
.no_conteneur ul {
	margin-bottom:1em;
	padding-left:20px
}
.no_conteneur li {
	font-size:93%;
}
.appercu img {
	width:160px;
	float:right;
	border:solid 1px rgb(165,150,198);
	margin:5px 0 5px 17px;
}
a.spip_out {
	color:rgb(40,4,118);
	text-decoration:underline;
}
a.spip_out:hover {
	color:rgb(79,0,250);
}
.pagination a, .pagination span.on  {
	color:rgb(40,4,118);
}
	
/* Footer
----------------------------------------------- */
#footer {
	background: transparent;
	height:56px;
	width: 800px;
}
#footerleft {
	background: transparent url(images/bg-footerleft.gif) top right no-repeat;
	height:56px;
	width:20px;
	float:left;
}	
#footercenter {
	background: transparent url(images/bg-footer.gif) repeat-x;
	height:56px;
	width:760px;
	float:left;
}
#footerright {
	background: transparent url(images/bg-footerright.gif) top left no-repeat;
	height:56px;
	width:20px;
	float:left;
}
#footer li {
  display:inline;
	font-size: 107%;
	padding:0px 8px 0pt;
}
#footermenu {
	float:left;
	padding-top:20px;
	padding-left:26px;
}
#footermenu a {
	text-decoration:none;
	color: rgb(40,4,118);
}
#footermenu a:hover {
	color:rgb(135,121,166);
	text-decoration:underline;
}
#footerdesign {
	padding-top:10px;
	padding-right:5px;
	float:right;
	font-size:97%;
	letter-spacing:-1px;
	text-align:right;
}
#footerdesign a {
		color:rgb(122,104,162);
		text-decoration:none;
}
#footerdesign a:hover {
	text-decoration:underline;
}