/* d�finition des valeurs par d�faut des balises fondamentales */
* {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}
body {
	margin:0;
	padding:0;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:center;
	background-image:url('fond_bleu_repeat.jpg');
	color:#132670;
}
img {
	vertical-align:middle;
	border:none;
}
form, div {
	margin:0;
	padding:0;	
}
p { 
	padding:3px 0;
	margin:0;
}

a, a:link, a:visited {
	color:#132670;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:underline;
	background-color:#132670;
	color:#FFF;
}
a span {
	display:none;
}

h1 { font-size:18px;margin:5px 0;padding:0; }
h2 { font-size:17px;margin:5px 0;padding:0; }
h3 { font-size:15px;margin:5px 0 0 0;padding:0; }
h4 { font-size:14px;margin:5px 0;padding:0; }
h4 { font-size:13px;margin:0;padding:0; }
h5 { font-size:13px;margin:0;padding:0; }


fieldset {
	margin:10px;
	padding:5px;
	border:1px dashed #CCC;	
}
fieldset legend {
	font-weight:bold;
}
small {
	font-size:10px;
}

select { font-size:11px; } 
label  { display:block;  }
input, textarea {
	border:1px solid #CCC;
	font-size:12px;
}
textarea {
	width:380px;
	height:100px;
}
button {
	
}

/************************************************/
/*					STRUCTURE					*/
/************************************************/



/* CADRE PRINCIPAL */
#main {	
	text-align:center;
	background:url('main_repeat.png') repeat-y center;	
}
#fond-haut {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:137px;
	background:url('bandeau_repeat.png') repeat-x;
}
#submain {
	margin:0 auto;	
	width:956px;
}

/* BANDEAU HAUT */
#top {
	width:985px;
	height:123px;
	margin:0 auto;	
	text-align:left;
	position:relative;
}

		

/* MENU GAUCHE */
#left {
	float:left;	
	width:194px;
}
/* COLONNES DU MILIEU */
#middle {
	float:left;	
	width:195px;
}
#content {
	float:right;	
	width:540px;
	padding:10px;
}	




#bottom {
	background:url('main_pied.jpg') no-repeat;
	width:901px;
	height:55px;
}
#bottom a {
	display:block;
	float:left;
	margin:30px 0 0 45px;
	
}

/************************************************/
/*				BANDEAU HAUT					*/
/************************************************/
#top h1 {
	margin:0;
}
#top h1 a:hover {
	background:transparent;
}
#top span#tel {
	display:block;
	position:absolute;
	top:103px;
	left:10px;	
	font-weight:bold;
	color:#FFF;
}
#m-accueil {
	display:block;
	position:absolute;
	top:74px;
	left:660px;
	width:80px;
	height:29px;
	background:url('nav_accueil.png') no-repeat center top;
}
#m-contact {
	display:block;
	position:absolute;
	top:74px;
	left:750px;
	width:82px;
	height:29px;
	background:url('nav_contact.png') no-repeat center top;
}
#m-mentions {
	display:block;
	position:absolute;
	top:74px;
	left:840px;
	width:139px;
	height:29px;
	background:url('nav_mentions.png') no-repeat center top;
}
#m-accueil:hover, #m-contact:hover, #m-mentions:hover {
	background-position:center;
}
#m-accueil.active, #m-contact.active, #m-mentions.active {
	background-position:center bottom;
}

/************************************************/
/*				CONTENUS MENUS					*/
/************************************************/


#left dl {
	margin:0;
	padding:0;	
}
#left dl dt {
	width:194px;
	margin:0;
	height:45px;
	background:url('puce1.jpg') no-repeat 16px 14px;	
	border-bottom:2px solid #78A803;
	text-align:left;	
}
#left dl dt.active {		
	background:url('nav_over.jpg') no-repeat right center;
}
#left dl dt a {
	display:block;	
	margin-left:40px;
	padding-top:10px;
}
#left dl dt a:hover {
	background-color:transparent;
}
#left dl dt img.spip_logos {
	margin:0;
}
#left dl dd {
	width:194px;
	margin:0;
	padding:0;	
	text-align:left;
}
#left dl dd h4, #left dl dd p {
	margin:3px 20px;
}
#left dl dd hr {
	height: 1px;
	margin: 0 5px;
	padding: 0;
	color: #78A803;
	background-color: #78A803;
	border: 0;
}
#left ul {
	margin:5px 5px 5px 15px;
	padding:0 5px;
}

.fd-bleu {
	padding:5px 0;
	background:url('titre_fd.jpg') repeat-x;
}


#middle ul {
	list-style-type:none;
	text-align:left;
	padding-left:15px;
}
#middle ul li {
	margin:8px 0;
}
#middle ul li.active {
	background:url('triangle.png') no-repeat right center;	
}
#middle ul li a {
	color:#83acea;
	text-decoration:none;
}
#middle ul li a.active {
	color:#FFF;
}
#middle ul li a:hover {
	color:#FFF;
	background:transparent;
}

#recherche {
	text-align:left;
	padding:10px 0 0 20px;
}
#recherche label {
	color:#FFF;
	margin:5px 0;
}	
#recherche input, #recherche select {
	font-size:11px;
	border:none;
	color:#132670;
	width:160px;
}
#recherche a {
	display:block;
	margin-top:10px;
	width:80px;
	height:33px;
	background:url('valider_btn.png') no-repeat center top;
}
#recherche a:hover {
	background-position:center bottom;
}
/************************************************/
/*				CONTENUS MILIEU					*/
/************************************************/
.chemin {
	text-align:left;
	margin:10px 0;
}
.chemin-mot {
	text-align:left;
	margin-left:20px;
}
.chemin-mot a {
	font-style:italic;
}

.logos-articles {
	margin:5px 5px 10px 0;
	float:right;
}
.logos-articles img {
	border:3px solid #609FC8;
}

.content {
	width:542px;
	text-align:left;
}
.content h2 {
	background:url('content_ht.jpg') no-repeat;
	width:542px;
	height:55px;	
	margin-bottom:0;
}
.content h2 a, .content h2 span {
	display:block;
	padding:15px 0 0 20px;
	font-size:15px;
	line-height:24px;
	text-decoration:none;
	color:#FFF;
}
.content h2 a:hover {	
	text-decoration:underline;
	background:transparent;	
}
.content .content_repeat {
	background:url('content_repeat.jpg') repeat-y;
	padding:7px 20px;
}
.content .content_pied {
	background:url('content_pied.jpg') no-repeat;	
	height:19px;
	clear:both;
}
.savoir-plus {
	display:block;
	background:transparent url('savoir_plus_btn.jpg') no-repeat center top;
	width:107px;
	height:33px;
	margin:10px 0;
}
.savoir-plus:hover {
	background:transparent url('savoir_plus_btn.jpg') no-repeat center bottom;
}

#a-voir {
	float:left;
	width:140px;
	background:url('voir_egalemt_repeat.jpg') repeat-y;
	text-align:center;
}
#a-voir h4 {
	background:url('voir_egalemt_ht.jpg') no-repeat;
	width:140px;
	height:36px;
	margin-bottom:10px;
}
#a-voir ul {
	margin:5px 0 0 5px;
	padding:0;
}
#a-voir #a-voir-pied {
	background:url('voir_egalemt_pied.jpg') no-repeat;
	width:140px;
	margin-top:10px;
	height:5px;
}
#a-voir-produit {
	float:right;
	width:330px;
	padding:0 10px;
}
a.mc-marques {
	font-size:11px;
	font-style:italic;
	text-decoration:none;
	color:#78A803;	
}
a.mc-activites {
	font-size:11px;
	font-style:italic;
	text-decoration:none;
	color:#123670;
}
a.mc-marques:hover {
	color:#78A803;	
	background:transparent;
	text-decoration:underline;
}
a.mc-activites:hover {
	color:#123670;
	background:transparent;
	text-decoration:underline;
}
#content hr {
	width:95%;
	height: 2px;
	margin: 5px auto;
	padding: 0;
	color: #609FC8;
	background-color: #609FC8;
	border: 0;
	clear:both;
}

/************************************************/
/*						UTILS					*/
/************************************************/
.margemin {
	padding:5px 0;
}

.nomarge {
	margin:0;
	padding:0;
}

.noborder {
	border:none;
}
.spacer {
	clear:both;	
	padding:7px 0; 
}

.hidden 	{ display:none;      }
.bold 		{ font-weight:bold;  }
.italic 	{ font-style:italic; }
.center 	{ text-align:center; }
.right	 	{ text-align:right;  }
.left	 	{ text-align:left ;  }
.justify 	{ text-align:justify;}

.f-right 	{ float:right; }
.f-left 	{ float:left;  }
.clear	 	{ clear:both;  }

.block 		{ display:block; }
.inline		{ display:inline; }



/************************************************/
/*						DIVERS					*/
/************************************************/
.liens-news {
	display:block;
	margin:5px 0;
	background:url('puce_ronde.jpg') no-repeat 5px 5px;
	padding:0 0 0 15px;
}
.vert {
	color:#78A803;
}


/************************************************/
/*						SPIP					*/
/************************************************/
a.spip_out { }
a.spip_in { }

.spip_logos { margin:0 5px; }

.spip_documents { margin:0 8px; }
.spip_documents_center {}
.spip_documents_right {}
.spip_documents_left { }

p.spip, p.spip_note  { margin:3px 0; }
h3.spip, h4.spip {margin:4px 0; }
hr.spip {}
ul.spip { margin-left:15px; padding:0;}
li.spip {}

ul.boutons { list-style:none;text-align:right;margin-right:10px; }
ul.boutons li { margin-bottom:10px; }
ul.boutons li input { width:140px; }

table.spip {
	border-collapse:collapse;
	border:1px solid #000;
	margin:10px;	
}
table.spip tr.row_first { text-align:center; }
table.spip tr.row_even { }
table.spip tr.row_odd { }
table.spip td {
	padding:5px;
	border:1px solid #000;
}

.spip_surligne {
	background-color:#666;
	color:#FFF;
}

/************************************************/
/*					DOCS JOINTS					*/
/************************************************/
.documents-images {
	float:left;
	width:150px;
	min-height:130px;
	margin:5px 8px;
}
.documents-images img {
	border:3px solid #609FC8;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(next.gif);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(prev.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
#ImageBoxClose:hover {
	background-color:transparent;
}