html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: helvetica,arial,verdana,sans-serif;
}

body {
font-size:76%;
width:100%;
text-align: left;
background:url(../images/bg.gif) top left repeat;
-background:#fff;
}

a:link, a:active, a:visited { color:#829C5D; border-bottom: 1px dotted #829C5D; text-decoration:none; -border:0; }
a:hover { color:#8C4863; border-bottom: 1px solid #8C4863; text-decoration:none; -border:0; }

a:link img, a:active img, a:visited img { border-bottom:0px; text-decoration:none;}
a:hover { border:0px; text-decoration:none; }
a.nonebordure { border:0px; text-decoration:none; }

h1 { text-indent:-9999px; height:0px; }

p { padding-bottom:5px; }

.violet { color:#8C4863; }
.black { color:#222; }

.center { text-align:center; }
.underline { text-decoration:underline; }
.bold { font-weight:bold; line-height:22px;}

strong { font-weight:bold; }

#page {
position: relative;
left: 50%;
margin-left: -490px;
width:980px;
-width:1000px;
-margin-left: -500px;
}

#header {
position:relative;
width:980px;
height:140px;
}

#barre_langue  {
width:100%;
position:relative;
height:6px;
background-color:#8C4863;
}

#fond_langue {
background:url('../images/fond-langue.gif') top left no-repeat;
position:relative;
float:right;
height:22px;
width:300px;
text-align:center;
color:#FCF0F6;
-margin:-12px;
}

#fond_langue a:link,#fond_langue a:active,#fond_langue a:visited {
color:#BFD681;
border-bottom: 1px dotted #BFD681;
text-decoration:none;
}

#fond_langue a:hover {
color:#BFD681;
border-bottom: 1px solid #BFD681;
text-decoration:none;
}

#logo {
background:url(../images/logo-cl.png) top left no-repeat;
-background:url(../images/logo-cl.gif) top left no-repeat;
position:relative;
float:left;
height:100px;
width:500px;
padding:0 0 0 0px;
margin-top:18px;
z-index:10;
-z-index:0;
-margin-top:10px;
text-indent:-9999px;
}

#logo2 {
background:url(../images/logo-cl.png) top left no-repeat;
-background:url(../images/logo-cl.gif) top left no-repeat;
position:relative;
float:left;
height:100px;
width:500px;
padding:0 0 0 0px;
margin-top:22px;
z-index:10;
-z-index:0;
-margin-top:12px;
margin-left:20px;
-margin-left:12px;
text-indent:-9999px;
}

.alogo {
position:relative;
float:left;
width:480px;
padding:0 0 0 0px;
height:94px;
}

#complement {
clear:both;
position:relative;
font-size:14px;
padding:2px 3px;
margin:-10px 0 0 0px;
color:#D6B2A3;
font-weight:bold;
background-color:#8C4863;
float:left;
/width:37%;
}

.complement2 {
clear:both;
position:relative;
font-size:14px;
padding:2px 3px;
margin:-10px 0 0 20px;
color:#D6B2A3;
font-weight:bold;
background-color:#8C4863;
line-height:18px;
float:left;
/width:384px;
-margin:-10px 0 0 12px;
}

.complement2b {
clear:both;
position:relative;
font-size:14px;
padding:2px 3px;
margin:4px 0 0 20px;
color:#D6B2A3;
font-weight:bold;
background-color:#8C4863;
line-height:18px;
float:left;
/width:416px;
-margin:4px 0 0 12px;
}

#connexion_membre {
position:absolute;
top:46px;
right:0px;
float:right;
width:300px;
/margin-top:0px;
color:#829C5D;
}

#connexion_membre h3 {
height:20px;
font-size:18px;
padding-bottom:4px;
color:#556938;
}

#connexion_membre .input {
color:#222;
border:1px solid #829C5D;
width:150px;
padding:2px 3px;
font-weight:bold;
font-size:14px;
margin:0;
}

#connexion_membre .btn {
background:url('../images/btnok.gif') top left repeat-x;
border:none;
width:50px;
height:23px;
cursor:pointer;
margin: 0 0 0 -4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #connexion_membre .btn  { margin-top: 10px; padding-top:5px;  }
}

#connexion_membre  .btn:hover  {
background-position: 0px -23px;
}

#erreur {
width:610px;
position:relative;
border:1px dotted #CF2020;
padding:10px 20px 30px 20px;
/padding:10px 20px 10px 20px;
margin-bottom:30px;
}

#erreur .texte  {
width:auto;
text-align:left;
color: #CF2020;
line-height:22px;
font-size:16px;
float:left;
font-weight:bold;
}

#avert {
width:640px;
height:100%;
margin-left:10px;
/margin-top:50px;
-margin-top:10px;
}

#avertissement {
position:relative;
width:574px;
float:left;
text-align:left;
color: #829C5D;
font-size:13px;
margin-top:25px;
height:350px;
-height:340px;
border:6px solid #8C4863;
padding:20px 20px 20px 26px;
background-color:#fff;
}

.fond_blcavert  {
background:url('../images/fond-avert.png') top left no-repeat;
-background:url('../images/fond-avert2.png') top left no-repeat;
width:250px;
position:relative;
height:205px;
border-top:1px solid #829C5D;
border-bottom:1px dotted #BFD681;
margin:40px 24px 0 0px;
padding:10px;
float:left;
-height:190px;
-margin:40px 16px 0 0px;
-width:250px;
-padding: 5px;
}

.fond_blcavert2  {
background:url('../images/fond-avert.png') top left no-repeat;
-background:url('../images/fond-avert2.png') top left no-repeat;
width:250px;
position:relative;
height:205px;
border-top:1px solid #829C5D;
border-bottom:1px dotted #BFD681;
margin:40px 0px 0 0px;
padding:10px;
float:left;
-height:190px;
-margin:40px 0 0 12px;
-width:250px;
-padding: 5px;
}

.blc_avert {
float:left;
width:100%;
-padding:5px;
}

.blc_avert2 {
float:left;
width:100%;
-padding:5px;
}

.blc_avert p, .blc_avert2 p {
line-height:22px;
}

#msg_inscr {
width:980px;
position:relative;
height:98px;
/margin-bottom:32px;
-margin-bottom:0px;
font-family: "Monotype Corsiva", serif;
}

#msgtxt {
width:610px;
-width:612px;
background:url('../images/fond-inscr.png') top left repeat-x;
-background:url('../images/fond-inscr2.png') top left repeat-x;
border-top:1px solid #829C5D;
border-bottom:1px dotted #BFD681;
padding:10px 20px 14px 20px;
-padding:10px 16px 14px 20px;
float:left;
font-family: "Monotype Corsiva", serif;
}

#inscription {
border:1px solid #8C4863;
width:300px;
float:right;
height:136px;
text-align:center;
-width:280px;
}

#inscription2 {
border:1px solid #8C4863;
width:300px;
float:right;
height:136px;
margin-bottom:30px;
text-align:center;
-width:280px;
}

#msg_inscr .texte  {
text-align:left;
color:#222;
line-height:19px;
font-family: "Monotype Corsiva", serif;
font-size:16px;
float:left;
font-weight:bold;
}

#msg_inscr span.txt {
color:#222;
line-height:18px;
font-family: "Monotype Corsiva", serif;
font-size:18px;
}

.txttimes2 {
font-family: "Monotype Corsiva", serif;
line-height:19px;
}

.txttimes {
font-family: "Monotype Corsiva", serif;
line-height:18px;
}

#msg_inscr p.new {
color:#21348A;
padding-top:3px;
line-height:16px;
font-family: "Monotype Corsiva", serif;
font-size:18px;
font-weight:bold;
}

#inscription .texte_btn, #inscription2 .texte_btn  {
width:94%;
float:right;
font-size:18px;
font-weight:bold;
color:#222;
margin-left:18px;
text-align:center;
padding:8px 0 0px 0;
line-height:26px;
-padding-right:18px;
}

#inscription .texte_btn span, #inscription2 .texte_btn span {
color:#21348A;
font-size:24px;
}

#inscription .btn, #inscription2 .btn  {
width:212px;
float:right;
text-align:center;
height:42px;
margin-right:44px;
background:url('../images/btn-inscr.png') 0px 0px no-repeat;
-margin-right:8px;
cursor:pointer;

}

#inscription .btnen, #inscription2 .btnen  {
width:212px;
float:right;
text-align:center;
height:42px;
margin-right:44px;
background:url('../images/btn-inscren.png') 0px 0px no-repeat;
-margin-right:8px;
cursor:pointer;
}

#inscription .abtn, #inscription2 .abtn  {
width:212px;
display:block;
float:right;
text-align:center;
height:42px;
margin-right:4px;
cursor:pointer;
}

#inscription .btn:hover, #inscription .btnen:hover , #inscription2 .btn:hover, #inscription2 .btnen:hover {
background-position: 0px -43px;
}

#inscription .infos, #inscription2 .infos {
width:94%;
/margin-right:0px;
-padding-left:10px;
float:left;
position:relative;
font-size:12px;
line-height:13px;
text-align:center;
color:#222;
font-weight:normal;
}

#inscription .infos2, #inscription2 .infos2 {
width:94%;
/margin-right:0px;
-padding-left:10px;
float:left;
position:relative;
font-size:12px;
line-height:13px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
/padding-bottom:10px;
color:#222;
font-weight:normal;
}

#inscription .infos img, #inscription2 .infos img, #inscription .infos2 img, #inscription2 .infos2 img {
padding-top:2px;
}

#barreverticale {
position:relative;
float:right;
width:300px;
margin:32px 0 0 0;
}

#barreverticale2 {
position:relative;
float:right;
width:300px;
margin:0 0 0 0;
}

#blc_part {
position:relative;
float:left;
width:300px;
margin-top:28px;
}

#blc_part .titre {
text-align:left;
font-size:14px;
padding:0 0 5px 0;
color:#8C4863;
font-weight:bold;
margin: 0 0 10px 0;
border-bottom:1px solid #D6B2A3;
letter-spacing:1px;
}

#blc_part p {
font-size:12px;
padding:0 4px 6px 20px;
background:url('../images/pucepart.gif') 0px 4px no-repeat;
}

#blc_part span {
line-height:18px;
}

#blc_part a:link, #blc_part a:active, #blc_part a:visited { 
font-weight:bold;
}

#blc_categorie {
position:relative;
float:left;
width:300px;
}

#blc_categorie .titre {
text-align:left;
font-size:14px;
padding:0 0 5px 0;
color:#8C4863;
font-weight:bold;
margin: 0 0 12px 0;
border-bottom:1px solid #D6B2A3;
letter-spacing:1px;
}

#liste_categories {
width: 300px; 
list-style: none ; 
margin: 0 ; 
padding: 0 ; 
}

#liste_categories li {
display: inline; 
width:290px;
float:left;
padding:4px;
margin: 0 4px 4px 0;
font-size:12px;
background-color:#fff;
border:1px solid #8C4863;
-border-radius:6px;
-moz-border-radius:6px;
}

#liste_categories li.current {
background-color:#8C4863;
border:1px solid #8C4863;
}

#liste_categories a:link, #liste_categories a:active, #liste_categories a:visited {
color:#8C4863;
font-weight:normal;
text-decoration:none;
background:url(../images/pucecat2.gif) top left no-repeat;
border:none;
padding-left:18px;
}

#liste_categories a:hover {
color:#829C5D;
font-weight:normal;
text-decoration:none;
border:none;
}

#liste_categories li.current a:link, #liste_categories li.current  a:active, #liste_categories li.current  a:visited {
color:#fff;
font-weight:bold;
text-decoration:none;
background:url(../images/pucecat.gif) top left no-repeat;
padding-left:18px;
}

#blc_general {
float:left;
width:650px;
position:relative;
-width:650px;
height:500px;
padding:0 0 0 0;
margin:32px 0 0 0;
/margin:40px 0 0 0;
background:url(../images/blcphotospng.png) top left no-repeat;
-background:url(../images/blcphotospng2.png) top left no-repeat;
border-top:1px solid #8C4863;
}

#blc_general2 {
float:left;
width:650px;
-width:630px;
position:relative;
padding:0 0 0 0;
margin:0 0 0 0;
height:500px;
background:url(../images/blcphotospng.png) top left no-repeat;
-background:url(../images/blcphotospng2.png) top left no-repeat;
border-top:1px solid #8C4863;
-border:none;
}

#blc_general3 {
width:650px;
position:relative;
height:500px;
padding:0 0 0 0;
margin:0 0 0 0;
-width:650px;
border-top:1px solid #8C4863;
-border:none;
-margin-top:12px;
}

#fil{
float:left;
width:610px;
padding:0;
margin: 14px 20px 20px 20px;
color:#222;
font-size:12px;
}

#fil2{
float:left;
width:610px;
padding:0;
margin: 14px 20px 20px 30px;
-margin: 14px 20px 20px 14px;
color:#8C4863;
font-size:18px;
}

#liste_photos {
position:relative;
float:left;
height:auto;
padding: 0;
margin-bottom:16px;
}

#liste_photos p {
text-align:center;
width:130px;
height:130px;
float:left;
-width:126px;
}

#liste_photos span {
font-size:10px;
line-height:14px;
text-align:center;
color:#829C5D
} 

#listepage {
position:relative;
float:left;
width:650px;
margin-top:-10px;
}

#liste_pages {
float:left;
list-style: none; 
padding:0 10px 0px 10px; 
width:auto;
}

#liste_pages li {
display: inline ; 
text-align:center;
width:18px;
float:left;
padding:3px 0;
border:1px solid #829C5D;
background-color:#fff;
margin-right:6px;
margin-top:6px;
}

#liste_pages li.current {
border:1px solid #829C5D;
background-color:#BFD681;
color:#fff;
font-weight:bold;
}

#liste_pages a { 
text-decoration:none;
padding:3px 2px;
color:#829C5D;
border:none;
}

#liste_pages li.page {
color:#fff;
width:46px;
background-color:#829C5D;
}

#liste_pages li.current a { 
text-decoration:none;
padding:3px 2px;
color:#fff;
}

#footer {
clear:both;
border-top:1px dotted #829C5D;
position:relative;
float:left;
width:100%;
margin-bottom:0px;
padding-top:6px;
/margin-top:20px;
-margin-top:20px;
}

#footer2 {
clear:both;
border-top:1px dotted #829C5D;
position:relative;
float:left;
width:100%;
margin-bottom:8px;
margin-top:10px;
/margin-top:140px;
-margin-top:20px;
padding-top:6px;
}

#footer3 {
clear:both;
border-top:1px dotted #829C5D;
position:relative;
float:left;
width:100%;
margin-bottom:8px;
margin-top:140px;
/margin-top:140px;
-margin-top:20px;
padding-top:6px;
}

#footer p, #footer2 p, #footer3 p {
text-align:center;
line-height:24px;
}

#footer span, #footer2 span, #footer3 span {
font-size:10px;
color:#8C4863;
}

/***********************************/

.blcallopass {
margin:30px 0 0 0;
width:278px;
height:266px;
position:relative;
float:left;
margin-right:31px;
background:url('../images/blcallopass.png') top left no-repeat;
-background:url('../images/blcallopass2.png') top left no-repeat;
/margin-top:40px;
-margin-top:30px;
border-top:1px solid #8C4863;
padding:8px 14px;
border-bottom:1px dotted #D6B2A3;
}

.blcallopasslast {
margin-right:0;
}

.blcallopass h3 {
color:#8C4863;
font-weight:bold;
line-height:22px;
font-size:14px;
padding-bottom:10px;
}

.prix {
position:relative;
color:#829C5D;
border:1px dotted #829C5D;
width:250px;
font-size:14px;
width:auto;
font-weight:bold;
padding:4px 8px;
margin-bottom:10px;
background-color:#fff;
text-align:center;
}

.texteallopass {
clear:both;
color:#222;
font-size:14px;
line-height:22px;
}

.drapeau {
margin-top:10px;
}

.cartes {
margin-top:65px;
}

#connexion_membre2 {
position:relative;
float:left;
margin-top:26px;
margin-bottom:26px;
text-align:center;
width:650px;
-clear:both;
color:#829C5D;
}

#connexion_membre2 h3 {
height:20px;
font-size:18px;
padding-bottom:4px;
color:#556938;
}

#connexion_membre2 .input {
color:#222;
border:1px solid #829C5D;
width:150px;
padding:2px 3px;
font-weight:bold;
font-size:14px;
margin:0;
}

#connexion_membre2 .btn {
background:url('../images/btnok.gif') top left repeat-x;
border:none;
width:50px;
height:23px;
cursor:pointer;
margin: 0 0 0 -4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #connexion_membre2 .btn  { margin-top: 10px; padding-top:5px;  } 
}

#connexion_membre2 .btn:hover  {
background-position: 0px -23px;
}

#blc_dl {
position:relative;
float:left;
width:300px;
margin-top:28px;
}

#blc_dl .titre {
text-align:left;
font-size:14px;
padding:0 0 5px 0;
color:#8C4863;
font-weight:bold;
margin: 0 0 10px 0;
border-bottom:1px solid #D6B2A3;
letter-spacing:1px;
}

#blc_dl .btndl  {
width:300px;
text-align:center;
height:42px;
background:url('../images/btndl.png') 0px 0px no-repeat;
cursor:pointer;
}

#blc_dl .btndlen  {
width:300px;
text-align:center;
height:42px;
background:url('../images/btndlen.png') 0px 0px no-repeat;
cursor:pointer;
}

#blc_dl .abtndl  {
width:300px;
display:block;
text-align:center;
height:42px;
cursor:pointer;
}

#blc_dl .btndl:hover, #blc_dl .btndlen:hover   {
background-position: 0px -43px;
}

#quittere {
position: absolute;
top: 318px;
right: 120px;
height: 42px;
width: 152px;
background: url('../images/btnquitter.gif') 0 0 no-repeat;
cursor: pointer;
z-index: 181;
-top:308px;
}

#quittere .aquit  {
width:152px;
display:block;
text-align:center;
height:42px;
cursor:pointer;
z-index: 600;
}

#quittere:hover {
	background-position : 0 -43px;
}

#entrer {
position: absolute;
top: 318px;
left: 120px;
height: 42px;
width: 152px;
background: url('../images/btnentrer.gif') 0 0 no-repeat;
cursor: pointer;
z-index: 181;
-top:308px;
}

#entrer .aentrer  {
width:152px;
display:block;
text-align:center;
height:42px;
cursor:pointer;
z-index: 600;
}

#entrer:hover {
	background-position : 0 -43px;
}

#sitemap {
float:left;
position:relative;
width:100%;
}

#sitemap ul { 
width:100%;
height:100%;
float:left;
margin-left:20px;
margin-bottom:6px;
/margin-bottom:2px;
}

#sitemap ul li {
padding:0 18px;
background: url(../images/pucecat2.gif) center left no-repeat;
clear:both;
margin-bottom:6px;
line-height:28px;
}

#sitemap ul li a {
font-weight:bold;
line-height:22px;
font-size:14px;
color:#8C4863;
border-bottom:1px dotted #8C4863;
}

#sitemap ul ul { 
margin-top:6px;
float:left;
height:100%;
height:100%;
}

#sitemap ul ul li {
padding:0px 18px;
background: url(../images/pucepart.gif) center left no-repeat;
line-height:18px;
}

#sitemap ul ul li a {
font-weight:bold;
font-size:12px;
line-height:18px;
color:#829C5D;
border-bottom:1px dotted #829C5D;
}