﻿/**************g�n�rale***************/
*{
outline: none;
}

body{
	background-image:url(bg-repeat8.png);
	background-repeat:repeat-x;
	background-color:#fffdf8;
	color:#56464f;  /*anciennement   #66565f;       , modifié par Matthieu C.*/
	font-family: Verdana;
	font-size:12px;
	line-height:15px;
	padding:0;
	margin:0;
	overflow-x:hidden;
}
#globale{
	width:935px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(main-bg2.jpg);
	min-height:511px;
	background-repeat:no-repeat;
}
.globale-n-1{
	background-image:url(gn-n-1v3.png)!important;

}
#header
{

width:935px;
height:167px;
margin:0 auto 0 auto;
position:relative;

}
#footer{
	width:100%;
	overflow:hidden;
	clear:both;
	background:url(Tranche.png) top repeat-x;
	height:50px;
	margin-top:-15px;
}
#footer-content{
	width:988px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(footer.png);	
	background-position:50% 0;
	overflow: hidden;
}
#content{
	clear:both;
	width:100%;
	padding-top:15px;
}
.sommaire #content {
	background: url(menu-horizontal-accueil2.png) right repeat-y;
	width: 899px;
	overflow: hidden;
}
#grande-droite{
	float:left;
	width:378px;
	margin-top:3px;
	margin-left:13px;
	padding-bottom:20px;
	margin-top:-6px;
}
.content-n-1{
	background-image:url(menu-vertical-n-1.png);
	background-repeat:repeat-y;
	background-position:710px 40px;
	margin-top:10px!important;
	padding-top:0!important;
}
#gauche{
	float:left;
	width:475px;
	/*border:solid 1px;*/
	margin-left:33px;
	text-align:justify;
}
.gauche-n-1{
	width:665px!important;
}
#milieu{
	float:left;
	width:157px;
	margin-left:15px;
}
#droite{
	float:left;
	margin-left:31px;
	width:157px;
	padding-top:20px;
}
.grande-droite-n-1{
	float:left;	
	margin-top:3px;
	margin-left:15px;
	padding-bottom:20px;
	width:192px!important;
	background:none!important;
}
h2#chemin{
	font-size:11px;
	margin:0;
	padding:0;
	font-family: Verdana;
	color:#66565f;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:normal;
}
#chemin em{
	color:#AF2E3E;
}
#chemin a{
	color:#66565f;
}
#chemin a.bold{
color:#AF2E3E;
font-weight:bold;
}
.plan ul{
	padding-left:55px;
}
.plan h2{
	padding:2px;
}
/*************************BANDEAU QUI DEFILE*****************************/
#bandeau{
	height:236px;
	width:400px;
	background-image:url(contour-accueil2.png);
	position:absolute;
	right:20px;
	z-index:20;
}
#img-bandeau{
	position:absolute;
	right:3px;
	bottom:-73px;
	z-index:19;
	height:236px;
	width:400px;
}
div.globale-n-1 #bandeau{
	background-image:url(contourn-1-2.png)!important;
	right:14px!important;
}
div.globale-n-1 #img-bandeau{
right:-3px;
}
/*************MENU HORIZONTAL**************/
ul.menu-horizontal{
	list-style-type:none;
	padding:0;
	margin:0;
	height:35px;
}
ul.menu-horizontal li{
	float:left;
}
ul.menu-horizontal li a{
	display:block;
	height:26px;
	color:white;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
ul.menu-horizontal li a:hover{
	background-image:url(menu-hover2.png);
	background-position:50% 0;
	background-repeat:no-repeat;
}
ul.menu-haut{
	width:522px;
	margin-left:-20px;
}
ul.menu-haut a,ul.menu-haut li{
	width:130px;
}
ul.menu-bas{
float:right;	
width:100%;
padding-top:8px;
padding-right:55px;
}
.menu-bas  li{
width:50%;	
}
.menu-bas  li.first{
	text-align:left;
}
/*********MENU-HORIZONTAL***********/
#milieu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	margin-top:25px;
}
#milieu ul li{
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(filet-menu.png);
}
#milieu ul li a{
	display:block;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:15px;
	/*background-image:url(puce-menu.png);*/
	/*background-repeat:no-repeat;
	background-position:0px 22px;*/
}
#milieu ul li a div.puce{
	top:8px;
	right:12px;
}
.puce{
	display:block;
	float:left;
	width:7px;
	height:9px;
	background-image:url(puce-menu.png);
	position:relative;
	top:20px;
	background-repeat:no-repeat;
}
#milieu ul ul{
	padding:0;
	margin:0;
	list-style-type:none;
	margin-top:0px;
	padding-bottom:12px;
	font-size:11px;
	margin-top:-5px;
	/*padding-left:5px;*/
}
#milieu ul ul li {
	background:none;
}
#milieu ul ul li a{
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	color:#66565F;
	text-decoration:none;
	background:none;
}
#milieu ul ul li a:hover div{
	text-decoration:none;
	border:none;
}
#milieu ul ul li a.strong,#milieu ul ul li a:hover{
	color:#C12928;
	/*font-weight:bold;*/
}
#milieu ul ul li a.strong{
	font-weight:bold;
}
/**************CONTENT***************/
h1{
	margin-bottom:5px;
	padding:0;
	margin:0;
	clear:both;
}
h2{
	color:#af2e3e;
	z-index:1;
	position:relative;
	margin:0;
	padding:0;
	font-size:14px;
	
}
h3{
	font-size:13px;
}
#autres-articles{
	clear:both;
	/*padding:8px;*/
	margin-left:6px;
	
}
#autres-articles ul{
	/*list-style-position:inside;*/
	padding:0;
	margin:0;
	padding-left:12px;
}
#autres-articles li{
border-collapse:collapse;
margin:0;
padding:0;
}
#autres-articles a{
	display:block;
}

/************************bouton***********/
.btn-gauche{
	display:block;
	background-image:url(btn-gauche.png);
	float:left;
	height:29px;
	width:12px;
}
.btn-milieu{
	display:block;
	background-image:url(btn-milieu.png);
	float:left;
	height:29px;
}
.btn-milieu a{
	position:relative;
	top:4px;
	left:1px;
}
.btn-milieu a:hover{
	/*top:0;*/
}
.btn-droite{
	display:block;
	background-image:url(btn-droite.png);
	float:left;
	height:29px;
	width:14px;
}

.filet-bleu{
		border-top:solid 1px #0d81bd;
		margin-bottom:-12px;
}

.filet{
	background-image:url(filet-milieu.png);
	float:left;
	height:14px;
	width:459px;
	background-repeat:no-repeat;
	margin-top:8px;
	clear:both;
}
/*****************************ACTUS***********************/
ul.archives{
	list-style-type:none;
}
ul.archives li{
	float:left;
}
h3.actu {
	margin-top:0!important;
}
/***************************************DROITE**********************************/
div.calendrier{
	background-image:url(calendrier.png);
	float:left;
	height:32px;
	width:26px;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	margin-top:3px;
}
.calendrier-haut{
	color:white;
	width:26px;
	height:16px;
	text-align:center;
}
.calendrier-bas{
	color:#af2e3e;
	width:26px;
	height:16px;
	text-align:center;
}
.evenement{
	line-height:13px;
	width:115px;
	float:left;
	padding-right:5px;
	padding-left:5px;
	margin-top:8px;
}
.evenement-titre{
	font-weight:bold;
}
.evenement-date{
	font-style : italic;
}
.bouton{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
}
.filet-droite{
	background-image:url(filet-menu.png);
	background-repeat:no-repeat;
	height:2px;
	width:157px;
	background-position:50%;
	background-repeat:no-repeat;
	clear:both;
	padding-top:22px;
}

a#retour-accueil{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:517px;
	height:150px;
}
a{
	text-decoration:none;
	color:#af2e3e;
}
a:hover{
	text-decoration:underline;
	color:#af2e3e;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}

.spip_logos{
	margin-top:5px;
	margin-right:8px;
	border:solid 2px white;
}
.uneImageJointe{
	float:left;
	margin-left:18px;
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 bottom:8px;
}
.spip_documents_center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.spip_documents_center dt{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
.spip_documents_left{
	margin-right:8px;
}
.spip_documents_right{
	margin-left:8px;
}
/**********FORMU*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea{
	width:90%;
	color:#AF2E3E;
	font-weight:bold;
}
textarea{
	height:100px;
}
input[type="checkbox"] {width:auto;}

ul.boutons{
	list-style-type:none;
}

/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}
.gris{color:#66565F;}
#traductions a{
color:#66565F;
position:absolute;
top:2px;
left:500px;
}
div .cadrounet{
	background-image:url(fond-photo.png);
	width:115px;
	height:89px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-right:5px;
}
div .cadrounet img{
	margin-left:5px;
	margin-top:5px;
	overflow:hidden;
}
input.bouton_radio{
	width:auto!important;
}
div.separateur{
	/*background-image:url(filet-menu-rub.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:162px;
	height:4px;*/
	clear:both;
}