/*
Rouge sombre : #BD151D
rouge pale : #FFBBBB
jaune pale : #FFE192
*/

body {
	background-color : #cccc99; 
	margin: 0;
	padding: 0;
	background-image : url(../pics/fondright.jpg); 
	background-repeat : no-repeat; 
	background-position : 766px 0; 
	background-attachment : fixed; 
	
	font-family : arial, helvetica, sans-serif; 
	color : #333333; 
	font-size : 13px; 
}


/*Conteneur général*/
#conteneur {
	position: absolute;
	width: 776px;
}

/*le header*/
#header {
	height: 130px;
}

/*l'espace reservé pour le menu*/
#haut {
	background-color:#003300;
	width: 776px;
	text-align: left;
}

.menuhaut {
	list-style-type: none;
	width:776px;
	margin: 0px;
	padding: 0px;
	text-align: center; 
	background-color: #ffcc66;
}

#haut table {
	border: 1px;
}

.menuhaut tr {
	margin:0px;
}

.menuhaut td {
	border-right:1px solid #333333;
	margin: 0px;
	padding: 2px;
}
.menuhaut a {
	padding: 0px;
	margin: 0px;
	color: #333333;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

.menuhaut a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #FFD182;
}

.menuhaut td:hover {
        background-color: #FFD182;
}

/*L'espace reserve pour le centre*/
#centre {
	width: 770px;
	background-color:#FFFFFF;
	background-image : url(../pics/hrtop.jpg); 
	background-position : 50% 0%; 
	background-repeat : repeat-x; 
	padding-right: 4px;
	padding-left: 2px;
	padding-top:30px;
	padding-bottom:30px;
	text-align: justify;
}

/*Et on arrive au pied*/
#pied {
	width : 776px; 
	height: 148px;
	background-repeat : no-repeat; 
	background-image : url(../pics/hrbottom.jpg);
	background-position : 50% 0%; 
	background-color : #FFFFFF; 	
	
	font-size : 12px; 
	font-family : "times new roman", times, serif; 
	font-weight : 300; 
	color : #666666; 
	text-align : center;
}

#pied p{	
	width : 370px; 
	font-family : "times new roman", times, serif; 
	font-size : 12px; 
	font-weight : 300; 
	color : #666666; 
	text-align : center; 
	padding-top : 50px; 
	margin-left: 180px;
}

img.bottomleft{
	float: left;
	margin-top: 12px;
	height:135 px;
}
img.bottomright{
	float: right;
	margin-top: 12px;
	height:135 px;
}
/*fin du pied de page*/

h1 {
	font-family : arial, helvetica, sans-serif; 
	font-size : 14px; 
	font-weight : 600; 
	color : #666666; 
	text-align : left; 
	margin : 0; 
	padding-left : 5px; 
	letter-spacing : 0.2em; 
}

h1.entete{
	text-align: center;
	margin:0px;
	margin-top: 30px;
	padding:0px;
}




H1.titre {
	font-size : 18px; 
	font-weight : 900; 
	color : #cc6633; 
	margin-top : 15px; 
	margin-bottom : 15px; 
	text-align : center; 
} 
H1.sstitre {
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px;
	padding-left: 2px; 
	border: 0px; 
	border-bottom: solid #333333 2px;
}

h2 {
	width : 176px;
	font-family : "times new roman", times, serif; 
	font-size : 16px; 
	font-weight : 600; 
	color : #990000; 
	background-color : #ffffcc; 
	text-align : center; 
	margin-top : 3px; 
	margin-bottom : 3px; 
	font-variant : small-caps; 
	border : 1px solid #cc6600; 
	letter-spacing : 0.1em; 
}

p {
	font-family : verdana, arial, helvetica, sans-serif; 
	font-size : 13px; 
	color : #333333; 
	text-align : justify; 
	line-height : 130%; 
	margin: 0 0 10px 0;
	display : block;
} 

p.spip{
	padding : 0; 
	margin-top : 10px; 
	margin-left : 5px; 
	margin-right : 5px;
	text-align : justify;
	width : 100%;
}

P.center {
	text-align: center;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #333333;
}

a.copy:active {
	color : #333333; 
} 
a.copy:hover {
	color : #cc3300; 
}

div#centre a {
	border-bottom: 1px dashed #ddaa44;
	color: #990000;
	text-decoration: none;
}

a.lien_image_gal {
	text-decoration: none;
	border-bottom: 0px solid;
	color: #ddaa44;
}

.spip_documents_left {
	margin-right: 8px;
	float: left;
}
.spip_documents_right {
	margin-left: 8px;
	float: right;
}
.spip_documents_center {
	margin: auto;
	vertical-align:middle;
}

strong.spip {
	font-weight: bolder;
}

h3.spip {
	border:solid #ffcc66 2px;
	background-color: #ffffcc;
	margin: 5px 5px;
	text-align: center;
	padding: 0.5em;
	font-family : arial, helvetica, sans-serif; 
	font-size : 14px; 
	font-weight : 600;
	color : #666666; 
	padding-left : 5px; 
	letter-spacing : 0.2em; 
}

img.image_galerie {
	width: 250px;
}
img.image_galerie_petit {
	width: 150px;
}
img.image_galerie_grand {
	width: 600px;
}

img.image_galerie_center{
	text-align: center;
	vertical-align:middle
}

div.cadre_couleur {
	line-height : 140%;
	margin: 10px;
	padding: 3px;
	border-width : 1px;
	border-style: solid;
	border-color: #333333;
	background-image : url(../pics/bggris.jpg);
}

div.cadre_couleur_2 {
	margin: 10px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	background-color: #003300;
}

div.cadre_couleur_3 {
	margin: 10px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	background-color: #cccc99;
}

div.cadre_couleur_4 {
	margin: 10px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	background-color: #cccc99;
}

div.cadre_couleur_5 {
	margin: 10px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	background-color: red; /* beurk */
}

table.spip {
	padding: 0px;
	border-collapse: collapse;
	border-style: double;
	border-width: 3px;
	border-color: #003300;
}

table.spip tr {
	margin: 0px;
	padding: 0px;
}

table.spip td {
	vertical-align: top;
	padding: 0px;
	border-top: dotted 1px #999966;
	border-bottom: dotted 1px #999966;
	border-left: dashed 1px #999966;
	border-right: dashed 1px #999966;
}

table.spip tr:first-child td {
	border-bottom: double 3px #333333;
}

div.cadre_couleur table.spip {
	border-style: hidden;
}

div.cadre_couleur tr {
	border-style: hidden;
}

div.cadre_couleur td {
	vertical-align: middle;
	border-style: hidden;
}

table.spip div.cadre_couleur {
	margin: 0px;
	border-style: none;
}

/* Spécial page d'accueil */
table.pied_accueil {
	border-collapse: collapse;
	background-image: url(../pics/hrmiddle.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color: #003300;
	width: 776px;
}

table.pied_accueil td {
	height: 145px;
}

table.pied_accueil td.ltf {
	background-image: url(../pics/bgright.jpg);
}
table.pied_accueil td.ltc {
	background-image: url(../pics/bgright2.jpg);
}
table.pied_accueil td.rtf {
	background-image: url(../pics/bgleft.jpg);
}
table.pied_accueil td.rtc {
	background-image: url(../pics/bgleft2.jpg);
}

table.pied_accueil img {
	width: 190px;
	height: 143px;
}

table.pied_accueil td.fonc {
	background-color: #cccc99;
	color: #333333;
}
table.pied_accueil td.clair {
	background-color: #ffffcc;
	color: rgb(102, 51, 0);
}
table.pied_accueil td.left_texte {
	padding: 0px 10px 10px 3px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	width: 165px;
}
table.pied_accueil td.right_texte {
	padding: 0px 3px 10px 10px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	width: 165px;
}

table.pied_accueil p {
	padding: 0px;
	margin: 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 110%;
}
table.pied_accueil a {
	padding: 0px;
	padding-right: 5px;
	padding-top: 3px;
	margin: 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 110%;
	color: rgb(51, 102,153);
	float: right;
}
table.pied_accueil td.clair h2 {
	background-color: #666633;
	border-color: #333333;
	color: white;
}

/*forum*/
#forum {
	margin: 20px;
	padding: 10px;
	border: 2px dotted #333333;
}
#forum h2.titre-extrait {
	width: 50%;
}
#formulaire_forum {
	margin: 20px;
	padding: 10px;
	border: 2px dotted #333333;
}
#forum div.texte {
	margin: 5px;
}

p.titre_image {
	text-align:center;
	font-size:14pt;
	color: #003300;
}
p.desc_image {
	text-align:center;
	font-size:14pt;
	color: #003300;
}

center.img_center_block {
}

#diaporama{
	height:500px;
	/*text-align:center;*/
	border: 1px solid #cccc99;
}

#diaporama p {
	text-align:center;
	font-size:14pt;
	color: #003300;
}

#diaporama img{
	position:absolute;
	left:388px;
	
}

#slogan {
	background-color: #003300;
	width:776px;
	margin: 0px;
	padding: 0px;
}
#slogan p {
	color:white;
	text-align: center;
	line-height:20px;
	font-weight: bolder;
	padding:8px;
	margin:0px;
}

#breve {
	background-color: #ffcc66;
	width: 680px;
	margin: 5px 38px 30px 38px;
	padding:8px;
	border: 3px groove black;
}

#breve h1 {
	width: 100%;
	text-align: center;
	color: #003300;
}

#breve p {
	margin:0px;
	text-color: black;
}

/*pour le debug*/
/*table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}*/

/*Pour avoir les niveau de rubrique en couleur */
td.menurub2 {
	background-color: #999966;
}
td.menurub3 {
	background-color: #cccc99;
}
td.menurub4 {
	background-color: #ffffcc;
}