/*	-------------------------------------------------------------
	CIVR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			31/07/07
	-------------------------------------------------------------	*/

/* Define Link */
a { color: #000; focus: none; }
a:hover { text-decoration: none; }

/* Size & Center Global DIV */
#header, #menu, #header1, #content, #options, #logo, #bottom {
	position: relative;
	width: 965px;
	margin: 0 auto;
	text-align: left;
}


/* ################################# HEADER ########################### */

#appellation {
	position: relative;
	float: right;
	top: 45px;
	right: 0;
}
#appellation select { background: #C5C2BD; font-size: 11px; letter-spacing: 0.8px; }
#appellation.appellation2 { position: relative; top: 10px; }

#rechercher { text-align: right; margin-top: 15px; }
#rechercher .text { background: #C5C2BD; width: 130px; font-size: 11px; padding: 2px 5px; }

#map, #lang { width: 120px; margin: 0; }
#lang img { margin-right: 7px; }
#map img { margin-left: 40px; margin-top: 10px; }


#header1, #content { clear: both; }
#header1 img { border-top: 1px solid white; border-bottom: 1px solid white; }
#actus { text-align: left; }
#actus img, #flashinfo img, #titre1 img, #adresse1 img { border: 0; }
#titre1 { position: absolute; bottom: 55px; left: 190px; }
#adresse1 { position: absolute; left: 390px; bottom: 1px; }

/* ################################# HEADER ########################### */



/* ################################### MENU ###################################### */

/* ------------------------------ PAGE LINK MENU ------------------------------- */
#menu { list-style: none; padding:0;}
#menu li { display: block; position: relative; height: 45px; float: left; width: auto; }
#menu li a { display: block; height: 45px; outline: none; }
#menu li span { display: none; }
#m00 a { width: 61px; background: url(../images/m00.gif) no-repeat; }
#m01 a { width: 195px; background: url(../images/m01.gif) no-repeat; }
#m02 a { width: 152px; background: url(../images/m02.gif) no-repeat; }
#m03 a { width: 152px; background: url(../images/m03.gif) no-repeat; }
#m04 a { width: 127px; background: url(../images/m04.gif) no-repeat; }
#m05 a { width: 132px; background: url(../images/m05.gif) no-repeat; }
#m06 a { width: 146px; background: url(../images/m06.gif) no-repeat; }
#p1 #m00 a, #p1000 #m01 a, #p2000 #m02 a, #p3000 #m03 a, #p4000 #m04 a, #p5000 #m05 a, #p6000 #m06 a , #menu a:hover { background-position: 0 -45px; }
/* ------------------------------ PAGE LINK MENU ------------------------------- */

/* ------------------------------ TOOLS LINKS MENU 2 --------------------------- */
#options {
	text-align: center;
	font-size: 10px;
}
#options a { color: #fff; text-decoration: none; }
#options a:hover { text-decoration: underline; }
#options img { vertical-align: middle; }
#options span img { margin: 0 5px; }
#options span a { color:#F5A714; }
/* ------------------------------ TOOLS LINKS MENU 2 --------------------------- */

/* ################################### MENU ###################################### */




/* ################################ HOME PAGE ############################### */

/* FLASH INFO */
#flashinfo { position: absolute; top: 192px; left: 9px; }

/* TITLE */
#titre {
	position: absolute; 
	top: 175px;
	left: 30px;
}

/* BOX "A LA UNE" */
#actus {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #FF9100;
	background: #CD7B1E;
	width: 357px;
	height: 180px;
	overflow: hidden;
}
#actus div { position: absolute; right: 0; top: 0; }
#actus p { position: relative; width: 220px; margin: 5px; color: #000; }
#actus p img { margin-bottom: 15px; }

/* ################################ HOME PAGE ############################### */




/* ########################## GLOBAL PAGES ################################ */

/* COLONES */
#col1, #col2 {
	position: relative;
	float: left;
	margin-bottom: 15px;
}

/* LEFT COLONE */
#col1 ul, #col2 ul, #col3 ul, #col4 ul { list-style: none; margin:0; padding: 0; text-transform: uppercase; }
#col1 ul.sousmenu, #col2 ul.sousmenu, #col3 ul.sousmenu, #col4 ul.sousmenu { text-transform: none; margin-left: 15px; margin-bottom: 10px; font-size: 10px; font-weight: bold; }
#col1 li, #col2 li, #col3 li, #col4 li { padding: 3px 5px 3px 10px; }
ul.sousmenu li { padding: 3px 10px 3px 20px; text-indent: -10px; }
#col1 li.select, #col2 li.select, #col3 li.select, #col4 li.select { font-weight: bold; }
#col1 { width: 208px; padding-bottom: 240px; }

/* RIGHT COLUMN */
#col2 { width: 757px; padding: 20px 0; color: #000; }
#col2 p { margin: 0px; }
#blocktxtic { margin: 5px 7px 5px 12px; }
#col2 p img { margin: 5px 0 15px 5px; border: 4px solid black; }

li.article { text-transform: none; }
li.article.select span { text-decoration: underline; }
li a:hover { text-decoration: underline!important; }

#photos_ic {
	position: relative;
	float: right;
	margin: 5px 5px 5px 8px;
	width: 220px;
}
#photos_ic img { border: 3px solid #000; margin-top: 7px; }

#photos_ic2 {
	position: relative;
	margin: 5px;
	text-align: center;
	margin-left:10px;
}
#photos_ic2 img { border: 3px solid #000; margin: 0; margin-top: 7px; margin-right: 5px; }

.ICUnderImg {
  position:absolute;
  display:block;
  background:#5e5749;
  text-align:left;
  color:#fff;
  font-weight:bold;
  height: auto;
  bottom: 5px !important;
  bottom: auto;
  top: auto !important;
  top: 10px;
  left:3px;
  opacity: 0.85;
  -moz-opacity: 0.85;
  filter: Alpha(Opacity=85);
  line-height: 14px;
  font-size:10px;
}
.ICImg { position: relative; display:block; float:left; }
.ICPlusImg { position:absolute; top:-1px; right: 3px; font-size:11px }
.ICPlusImg a { color: #fff; }

.ICLegendTxt { display: block; padding-right: 30px; padding-left:2px; }

/* CONSULT - BOX 1 MENU */
#consultshadow{
	position: absolute;
	top: 145px;
	left: 295px;
	width: 160px;
	height: 180px;
	background: #333;
}

#consult{
	position: absolute;
	top: -4px;
	left: -4px;
	width: 160px;
	height: 180px;
	background: #D6A91A;
	/* border: 1px solid black; */
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}
#consult ul { list-style: none; margin:0; padding:0; }
#consult li { padding: 3px 3px 3px 13px; text-indent: -10px; }
#consult a { text-decoration: none; }
#consult a:hover { text-decoration: underline; }

/* TEXTE - BOX 2 MENU */
#text {
	position: absolute;
	top: 25px;
	left: 290px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	width: 650px;
	line-height: 1.5em;
	z-index: 100;
	text-indent: 0px;
text-align:justify;
}

/* DESCTIPTION */
#lettrine { position: absolute; top: 3px; left: 270px; z-index: 1; }
#desc {
	position: absolute;
	top: 140px;
	left: 465px;
	width: 482px;
	height: 180px;
	background: #574601;
	border: 1px solid #D6AA1B;
	overflow: hidden;
}
#desc p { padding: 0px 5px; }
#desc div { padding: 3px 8px 3px 0px; }

/* WEB SITE ADRESS */
#adresse {
	position: absolute;
	bottom: 3px;
	left: 400px;
}

#bottomvisu { position: absolute; bottom: 0; left: 0; }
#bottomvisu img { position: absolute; bottom:0; left:0; }




/* ########################## GLOBAL PAGES ################################ */





/* ################################ PAGES ################################## */


/* ////////////////////////// PAGE 1000 */
#p1000.p1 #content { background: url(../images/haut1000.jpg) no-repeat; height: 372px; }
#p1000.p2 #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#p1000 #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#B88E15; }
#p1000 #col1, #p1000 #col1 a { color: #946D0F; text-decoration: none; }


/* ////////////////////////// PAGE 2000 */
#p2000.p1 #content { background: url(../images/haut2000.jpg) no-repeat; height: 372px; }
#p2000.p2 #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#p2000 #consult { background:#DC8825; }
#p2000 #desc { background:#624001; border:1px solid #FF9100; }
#p2000 #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background: #CB7E15; }
#p2000 #col1, #p2000 #col1 a { color: #BB6C01; text-decoration: none; }

/* ////////////////////////// PAGE 3000 */
#p3000.p1 #content { background: url(../images/haut3000.jpg) no-repeat; height: 372px; }
#p3000.p2 #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#p3000 #consult { background:#FF5300; }
#p3000 #desc { background:#9F1E13; border:1px solid #FF5300; }
#p3000 #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background: #CE1817; }
#p3000 #col1, #p3000 #col1 a { color: #AD0D0A; text-decoration: none; }
#p3000 #col1 { padding-bottom: 330px; }

/* ////////////////////////// PAGE 4000 */
#p4000.p1 #content { background: url(../images/haut4000.jpg) no-repeat #66103F; height: 372px; }
#p4000.p2 #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#p4000 #consult { background:#D6944C; }
#p4000 #desc { background:#663D02; border:1px solid #D6944C; }
#p4000 #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background: #C49866; }
#p4000 #col1, #p4000 #col1 a { color: #A87D4B; text-decoration: none; }
#p4000 #col1 { padding-bottom: 240px; }

/* ////////////////////////// PAGE 5000 */
#p5000 #content { background: url(../images/haut5000.jpg) no-repeat #66103F; height: auto !important; min-height: 457px; height: 457px; border-bottom: 1px solid white; }
#p5000 #titre { top: 270px; }
#p5000 #consult { background:#D6944C; }
#p5000 #desc { background:#663D02; border:1px solid #D6944C; }
#p5000 #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background: #C49866; }
#p5000 #col1, #p5000 #col1 a { color: #A87D4B; text-decoration: none; }
#p5000 #col1 { padding-bottom: 240px; }

#p5000.p1 #adherent { position: absolute; top: 20px; left: 280px; }
#adherentlogin { width: 585px; height: 238px; border: 1px solid #EFAA5F; background: url(../images/fond2.jpg); margin-left: 35px; margin-top: 15px; }
#adherentlogin p { margin: 10px; }
#adherentlogin label { display: block; width: 120px; height: 20px; line-height: 22px; float: left; font-weight: bold; }
#adherentlogin br { clear: both; }
#adherentlogin input { width: 190px; height: 17px; margin: 0; padding: 0; line-height: 17px; margin-bottom: 5px; }
#adherentlogin input.btn { background: #FFB6E2; width: auto; height: auto; padding: 1px 20px; font-size:11px; border-width: 1px; }

#p5000.p2 #adherent { position: relative; top: 0; margin-left: 280px; width: 680px; height: auto; }
#menuadherent { position: relative; float: left; width: 190px; }
#welcomeshadow, #accountshadow { position: relative; background: #333; margin-top: 10px; width: 175px; }
#welcomeuser{
	display: block;
	background: url(../images/separe2.gif) bottom no-repeat;
	padding-bottom: 3px;
	padding-left: 5px;
}
#welcomeadherent, #accountadherent { position: relative; left: -5px; top: -5px; background: #EE227E; border: 1px solid #000; }
#accountadherent { background: #BD1C6D; font-size: 10px; padding-bottom: 8px; }
#accountadherent ul { margin: 5px 5px 5px 5px; padding: 0px; color: #000; position: relative; list-style: none; }
#accountadherent li { position: relative; left: 0px; padding: 0; margin: 0; margin-bottom: 7px; text-indent:-12px; margin-left:12px; }

#contenuadherent { position: relative; float: left; width: 490px; }
#actuadherent { position: relative; background: #E12F94; margin-top: 15px; font-weight: bold; font-size: 10px; padding: 5px; padding-bottom: 15px; }
#textadherent { background: #812058; border: 1px solid #EFAA5F; margin-top: 10px; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; }
#textadherent h4 { color:#FF8ED0; text-decoration: underline; margin-left: 7px; font-size: 10px; margin: 5px; }
#textadherent p { margin-left: 7px; }


#p5000.p3 #content { background: url(../images/haut5100.jpg) no-repeat #66103f; height: auto !important; min-height: 360px; height: 360px; border-bottom: 1px solid white; }
#p5000.p3 #titre { position: relative; top: 0; left: 0; margin-top: 25px; }
#p5000.p3 #col1, #p6000 #col1 a { color: #000; text-decoration: none; }
#p5000.p3 #col1 { width: 200px; left: 10px; }
#p5000.p3 #col2 { left: 10px; width: 740px; }

#rechercheadh #ic_navCat { margin: 0; padding: 0; }
#rechercheadh .categorie { margin: 0; padding: 0 0 0 20px; text-indent: -13px; }
#rechercheadh .categorie a { color: #000 !important; }
#rechercheadh .article { margin: 0; padding: 2px 0 0 20px; text-indent: -13px; }
#rechercheadh .article a { color: #000 !important; }



/* ////////////////////////// PAGE 6000 */
#p6000 #content { background: url(../images/haut6000.jpg) no-repeat #7A1652; height: auto !important; min-height: 360px; height: 360px; border-bottom: 1px solid white; }
#p6000 #titre { position: relative; top: 0; left: 0; margin-top: 25px; }
#p6000 #col1, #p6000 #col1 a { color: #000; text-decoration: none; }
#p6000 #col1 { width: 200px; left: 10px; }
#p6000 #col2 { left: 10px; width: 740px; }

#rechercheshadow { position: relative; background: #333; margin-top: 10px; height: auto; width: 185px; }
#rechercheadh {
	position: relative;
	top: -5px;
	left: -5px;
	padding: 5px;
	border: 1px solid #000;
	background: #E05FA0;
}
#rechercheadh select, #rechercheadh input {
	position: relative;
	width: 100%;
	height: 16px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	
}
#rechercheadh input { height: 12px; width: 98%; }
#rechercheadh input.btn { height: 21px; width: 120px; background: #F498C6; }


#annuaire { 
	position: relative; 
	background: #891B5E;
	border: 1px solid #EFAA5F;
	margin-top: 10px;
	padding: 15px;
	color: #fff;
	font-size: 11px;
}
#annuaire p { margin: 15px 0; padding: 0; }
#annuaire h4.result { position: relative; width: 100%; margin-top: 25px; margin-left: -10px; text-transform: uppercase; font-size: 11px; border: 1px solid #EFAA5F; background: #C635A4; padding: 2px 10px; }
#paginationadh, #paginationadh a { color: #FFAADC; }

/* ////////////////////////// PAGE OUTILS GALLERY */
#pOUTILS.pgallery #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#pOUTILS.pgallery #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#8D8677; }
#pOUTILS.pgallery #col1, #pOUTILS.pgallery #col1 a { color: #5C5445; text-decoration: none; }

/* ////////////////////////// PAGE OUTILS MAP */
#pOUTILS.pmap #content { background: #fff; border-top: 1px solid white; border-bottom: 1px solid white; }
#pOUTILS.pmap #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#8D8677; }
#pOUTILS.pmap #col1, #pOUTILS.pmap #col1 a { color: #5C5445; text-decoration: none;}
#pOUTILS.pmap #col1, #pOUTILS.pmap #col2, #pOUTILS.pmap #col3, #pOUTILS.pmap #col4, #pOUTILS.pmap #col5 {
	position: relative; 
	width: 208px;
	float: left;
	background: #DBD5C8;
	margin: 0;
	padding: 0;
}
#pOUTILS.pmap #col2, #pOUTILS.pmap #col3, #pOUTILS.pmap #col4, #pOUTILS.pmap #col5 { margin-left: 2px; }
#pOUTILS.pmap #col5 { width: 125px; background: url(../images/backMap.gif) repeat-y #CDC4B3; }
#pOUTILS.pmap img.bottom { position: absolute; left: 0; bottom: 10px; display:block; }
#pOUTILS.pmap div.bottom { position: absolute; left: 0; bottom: 0px; height: 10px; width: 208px; }
#pOUTILS.pmap #col1 div.bottom { background: #D6AA1B; }
#pOUTILS.pmap #col2 div.bottom { background: #C38130; }
#pOUTILS.pmap #col3 div.bottom { background: #EF2521; }
#pOUTILS.pmap #col4 div.bottom { background: #C49866; }
#pOUTILS.pmap #col1, #pOUTILS.pmap #col1 a { color: #946D0F; }
#pOUTILS.pmap #col2, #pOUTILS.pmap #col2 a { color: #BB6C01; }
#pOUTILS.pmap #col3, #pOUTILS.pmap #col3 a { color: #AD0D0A; }
#pOUTILS.pmap #col4, #pOUTILS.pmap #col4 a { color: #A87D4B; }
#pOUTILS.pmap a { text-decoration: none; }


/* ////////////////////////// PAGE OUTILS ECARDS */
#pOUTILS.pecards #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#pOUTILS.pecards #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#8D8677; }
#pOUTILS.pecards #col1, #pOUTILS.pecards #col1 a { color: #5C5445; text-decoration: none; }
#ecardGrand { position: relative; margin: 15px 10px 0 10px;; padding: 15px 0; background:#DBD5C8; text-align: center; }
#ecardSend { position: relative; background: #BEB5A0; margin: 5px 10px 0 10px; text-align: center; }
#ecardSend table { position: relative; margin: 0 auto; text-align: left; }
#ecardSend label { color: #000; font-weight: bold; }
#ecardSend input { width: 210px; margin-right: 15px; margin-left: 5px; }
#ecardSend input.compteur { width: 35px; margin-right: 0; position: relative; top: 6px; }
#ecardSend span.compteur { position: absolute; right: 0px; top: 40px; font-weight: normal; }
#ecardSend textarea { width: 440px; height:115px; margin-left: 5px; vertical-align:text-top; }
#ecardSend input.checkbox { width: auto; margin: 0; margin-left: 5px; }
#ecardPrev { position: relative; margin: 5px 10px; background: #DBD5C8; padding: 2px; font-weight: bold; text-align: center; }
#ecardPrev, #ecardPrev a { color: #8D8677; }

/* //////////////////////// PAGE OUTILS SEND TO FRIEND */
#pOUTILS.psendtofriend { background:#DBD5C8; margin:0; padding:0; }
#pOUTILS.psendtofriend #block {
	position: relative;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
#pOUTILS.psendtofriend input { position: relative; width: 180px; margin-top:5px; }
#pOUTILS.psendtofriend textarea { position: relative; width: 180px; height: 70px; margin-top:5px; }
#pOUTILS.psendtofriend #close { position: absolute; bottom: 0; right: 0; font-size: 10px; font-weight: bold; }
#pOUTILS.psendtofriend a { text-decoration: none; }



/* ////////////////////////// PAGE OUTILS CONTACT */
#pOUTILS.pcontact #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#pOUTILS.pcontact #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#8D8677; }
#pOUTILS.pcontact #col1, #pOUTILS.pcontact #col1 a { color: #5C5445; text-decoration: none; }


/* ////////////////////////// PAGE OUTILS DOWNLOAD */
#pOUTILS.pdownload #content { background: url(../images/fond1000.gif) repeat-y; border-top: 1px solid white; border-bottom: 1px solid white; }
#pOUTILS.pdownload #title { height: 36px; line-height: 18px; margin-left: 5px; color: #fff; background:#8D8677; }
#pOUTILS.pdownload #col1, #pOUTILS.pdownload #col1 a { color: #5C5445; text-decoration: none; }




#blocktxtic ul, #blocktxtic li { text-transform: none; margin:0; padding:0; }
#blocktxtic ul { list-style: disc; margin-left: 14px; }


/* ################################ PAGES ################################## */

/* ################################# BOTTOM ############################### */

#logo { text-align: center; margin-top: 25px; }
#bottom { margin-top: 50px; padding-bottom: 40px; text-align: center; }
#bottom a { color: #CFCDC9; font-weight: bold; }

/* /////////////////////// HOME PAGE */
#logo1, #logo2 { position: absolute; bottom: 30px; }
#logo1 { left: 40px; }
#logo2 { right: 40px; }

/* ################################# BOTTOM ############################### */