﻿/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


html{background-color:#280101}

/*hack FF pour masquer les contours pointillé sur les liens*/
a{outline: none;}
:focus{-moz-outline-style: none;}

/* General */

* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
body{font-family: arial,helvetica,sans-serif; font-size: 12px;color: #000; background: #fff url(../images/bg.jpg) repeat-x;}
/*#faq_accordeon {
  padding-left:50px;
}*/

.need p{
  margin-bottom:20px!important;
}

.bloc {
background:#FFFFFF url(../images/bg_bloc.jpg) repeat-x scroll center top;
border:1px solid #DEDEDE;
min-height:100px;
margin-bottom:20px;
margin-left:70px;
position:relative;
width:790px;
}
*html .bloc {
  height:100px;
}

.bloc a {
text-decoration:underline; color:#3E3E3E
}
.bloc h4 {
color:#FFFFFF;
padding-left:8px;
padding-top:3px;
text-transform:uppercase;
margin-bottom:10px;
font-size:12px!important;
}

.bloc p {
  padding-left:15px!important;
}

.bloc dl {
  margin-bottom:10px;
  margin-left:0!important;
}

h4 {
  color:#5F5353;
  font-size:12px;
  font-weight:normal;
}


#stat dl {
  margin-left:70px;
}


.bloc dl dt {
  font-style:italic;
  padding-left:25px;
}

.bloc dd {
  padding-left:32px;
  list-style:circle;
  font-size:11px;
}

#faq_accordeon a {
  color:#6A2323;
}

#faq_accordeon a:hover{
  color:#6A2323;
  text-decoration:underline;
}
#conseil {
  padding-left:50px;
  margin-top:15px;
}

.conseil_identite {
  margin-bottom:70px;
}

.conseil_identite h3{
  margin-left:68px;
}

.photo_id {
  float:left;
  margin-right:15px;
}

.conseil_identite p {
  margin-left:120px;
  padding-left:0px!important;
}


#faq_accordeon p {
  margin-bottom:20px!important;
}



#stat ul {
  margin-left:100px !important;
}

#faq_accordeon ul li {
  list-style:circle;
}

.span_comm a{
  font-size:11px;
  text-decoration:underline;
  color:#280101;
  font-style:italic;
  float:right;
}

.span_comm a:hover{
  text-decoration:none;
}

.more_infos {
  font-size:11px;
  color:#280101;
  font-style:italic;
}
.more_infos a {
   color:#280101;
   text-decoration:underline;
}

.more_infos a:hover {
   color:#280101;
   text-decoration:none;
}

.ico_pdf {
position:absolute;
right:0;
}

#map_site h3 a {
  color:#6A2323;
}

#map_site h3 a:hover {
  color:#6A2323;text-decoration:underline;
}


#map_site ul {
  margin-left:50px;margin-bottom:20px;
}

#map_site ul li{
  list-style:circle;
  color:#4C4C4C;
}

#map_site ul li a {
  font-size:11px;
  color:#820201;
}

#map_site ul li a:hover {
  text-decoration:underline;
}


#charte p{
  background:transparent url(../images/puce_h3.gif) no-repeat scroll 55px 3px;
}


/* --- POSITIONNEMENT --- */


#vertical_slide1 {
  margin-bottom:15px;
}

#vertical_slide2 {
  margin-bottom:15px;
}

#vertical_slide3 {
  margin-bottom:15px;
}

#vertical_slide4 {
  margin-bottom:15px;
}

#vertical_slide5 {
  margin-bottom:15px;
  margin-left:20px;
}

#contact_col_1 a {
  font-size:11px;
  color:#4F0101;
text-decoration:underline
}

#contact_col_1 a:hover {
  text-decoration:underline;
}


#contact_col_2 a {
  font-size:11px;
  color:#4F0101;
text-decoration:underline 
}

#contact_col_2 a:hover {
  text-decoration:underline;
}

#contact_col_3 a {
  font-size:11px;
  color:#4F0101;
text-decoration:underline 
}

#contact_col_3 a:hover {
  text-decoration:underline;
}

#contact_col_1 {
    float:left;
    width:270px;
    padding-left:50px;
}

#contact_col_1 h3 {
  padding-left:14px!important;
  background:transparent url(../images/puce_h3.gif) no-repeat scroll 0px 3px;
  margin-top:20px;
}


#contact_col_2 {
    float:left;
    width:270px;
}

#contact_col_2 h3 {
  padding-left:14px!important;
  background:transparent url(../images/puce_h3.gif) no-repeat scroll 0px 3px;
  margin-top:20px;
}


#contact_col_3 {
    float:left;
    width:270px;
}
 #contact_col_3 h3 {
  padding-left:14px!important;
  background:transparent url(../images/puce_h3.gif) no-repeat scroll 0px 3px;
  margin-top:20px;
}


/* Page */
*html #global {
  height:680px;
}

#global {min-height: 100%; /* -> 1 */width: 987px;margin-left: auto;margin-right: auto; /* -> 3 */background:none;position:relative;margin-top:0px;}
#left {float:left;width:540px;padding-right:40px;}
#right {margin-left:598px;margin-top:0px;}
/*#stat{margin-top:17px;} */
#stat p {width:780px;margin-bottom:10px;text-align:justify;padding-left:70px;}
#stat h3 {padding-left:70px;}
#stat h2 {margin-bottom:5px;}
#stat .intro {font-size:13px;color:#8d8181;font-style:italic!important;text-align:justify;width:780px;margin-bottom:15px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 55px 3px;}
.img_float_right {bottom:0;position:absolute;right:0;}
h3 { position: relative; color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 53px 3px;padding-left:15px;}
/* Accueil */

#encart_accueil{margin-top:5px;}
#encart_actualites_accueil,#encart_manifestations_accueil {margin-top:17px;}
#encart_actualites_accueil p {width:490px;}
#encart_actualites_accueil h2 {padding-left:3px;margin-bottom:12px;}
.actus_accueil {padding-left:30px;margin-bottom:40px;}
.actus_accueil h3, .manifs_accueil h3 { position: relative; color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px!important;}
.actus_accueil div {margin-top:6px;color:#585050;font-size:12px;font-style:italic;line-height:12px;}
.actus_accueil h3 a { color:#6a2323}
.actus_accueil h3 a:hover { text-decoration:underline}   
.actus_accueil span a {color:#424141;font-size:10px;text-decoration:underline;float:right;}
.actus_accueil span a:hover {color:#6a2323;text-decoration:none;}
#encart_accueil_mini {margin-bottom:15px;}

#encart_manifestations_accueil p {width:235px;padding-left:0px!important;}
#encart_manifestations_accueil h2 {padding-left:3px;margin-bottom:12px;}
/*.manifs_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px!important;}
*/.manifs_accueil {padding-left:30px;font-size:12px;margin-bottom:30px;color:#5F5353;line-height:13px;}
.manifs_accueil a {color:#280101; text-decoration:underline;}
.manifs_accueil a:hover {color:#280101; text-decoration:none;}
/*manifs_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
*/.manifs_accueil span {color:#000000;font-size:13px;font-weight:bold;text-decoration:underline;margin-bottom:25px;}

/* Accueil 
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
.actus_accueil h3 {color:#6a2323;font-size:13px;font-weight:bold;text-transform:uppercase;margin-bottom:6px;background:transparent url(../images/puce_h3.gif) no-repeat scroll 0 3px;padding-left:15px;}
*/
/*Footer*/
#footer {background:#280101;margin:0;min-height:30px;clear:both; margin-top:15px}
#footer p {text-align:center;font-size:11px;color:#fff;padding-top:9px;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:none;}

.ul_spec {
  margin-left:0px!important;
  padding-left:70px;
}



/*Entête*************************************************************************/

#entete {padding: 0px; height:143px; position:relative;z-index: 10}
#logo {position:absolute; left:-60px;}

/*Menu**************************************************************************/


#menu {position:absolute;/*height:62px;*/top:112px;left:20px;}
#menu ul li {position:relative; float: left;}
#menu li strong{position:absolute; left:-7000px; top:-7000px;}
#menu #item70 strong, #menu #item71 strong{position:static;}
#menu ul li ul {display: none;} 


#menu #item1 a{ display: block; width: 74px; height: 31px; background: url(../images/menu/item_01.gif) no-repeat top left }
#menu #item1.active a:link{ background: url(../images/menu/item_01.gif) no-repeat bottom left }
#menu #item1.active a:visited{ background: url(../images/menu/item_01.gif) no-repeat bottom left }
#menu #item1 a:hover{background: url(../images/menu/item_01.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 53px; height: 31px; background: url(../images/menu/item_02.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../images/menu/item_02.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../images/menu/item_02.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../images/menu/item_02.gif) no-repeat bottom left }

#menu #item29 a{ display: block; width: 122px; height: 31px; background: url(../images/menu/item_03.gif) no-repeat top left }
#menu #item29.active a:link{ background: url(../images/menu/item_03.gif) no-repeat bottom left }
#menu #item29.active a:visited{ background: url(../images/menu/item_03.gif) no-repeat bottom left }
#menu #item29 a:hover{background: url(../images/menu/item_03.gif) no-repeat bottom left }

#menu #item43 a{ display: block; width: 143px; height: 31px; background: url(../images/menu/item_04.gif) no-repeat top left }
#menu #item43.active a:link{ background: url(../images/menu/item_04.gif) no-repeat bottom left }
#menu #item43.active a:visited{ background: url(../images/menu/item_04.gif) no-repeat bottom left }
#menu #item43 a:hover{background: url(../images/menu/item_04.gif) no-repeat bottom left }

#menu #item45 a{ display: block; width: 116px; height: 31px; background: url(../images/menu/item_06.gif) no-repeat top left }
#menu #item45.active a:link{ background: url(../images/menu/item_06.gif) no-repeat bottom left }
#menu #item45.active a:visited{ background: url(../images/menu/item_06.gif) no-repeat bottom left }
#menu #item45 a:hover{background: url(../images/menu/item_06.gif) no-repeat bottom left }

#menu #item49 a{ display: block; width: 121px; height: 31px; background: url(../images/menu/item_07.gif) no-repeat top left }
#menu #item49.active a:link{ background: url(../images/menu/item_07.gif) no-repeat bottom left }
#menu #item49.active a:visited{ background: url(../images/menu/item_07.gif) no-repeat bottom left }
#menu #item49 a:hover{background: url(../images/menu/item_07.gif) no-repeat bottom left }

#menu #item33 a{ display: block; width: 138px; height: 31px; background: url(../images/menu/item_08.gif) no-repeat top left }
#menu #item33.active a:link{ background: url(../images/menu/item_08.gif) no-repeat bottom left }
#menu #item33.active a:visited{ background: url(../images/menu/item_08.gif) no-repeat bottom left }
#menu #item33 a:hover{background: url(../images/menu/item_08.gif) no-repeat bottom left }

/*#menu #item34 a{ display: block; width: 96px; height: 31px; background: url(../images/menu/item_09.gif) no-repeat top left }
#menu #item34.active a:link{ background: url(../images/menu/item_09.gif) no-repeat bottom left }
#menu #item34.active a:visited{ background: url(../images/menu/item_09.gif) no-repeat bottom left }
#menu #item34 a:hover{background: url(../images/menu/item_09.gif) no-repeat bottom left }*/

#menu #item36 a{ display: block; width: 96px; height: 31px; background: url(../images/menu/item_10.gif) no-repeat top left }
#menu #item36.active a:link{ background: url(../images/menu/item_10.gif) no-repeat bottom left }
#menu #item36.active a:visited{ background: url(../images/menu/item_10.gif) no-repeat bottom left }
#menu #item36 a:hover{background: url(../images/menu/item_10.gif) no-repeat bottom left }

#menu #item71 {background:#4F0101 none repeat scroll 0 0;
height:20px;
padding-left:10px;
padding-right:10px;
padding-top:5px;}

#menu #item71 a{
   color:#fff;text-decoration:none;
}


#menu #item71 a:hover{
   color:#fff;text-decoration:underline!important;
}


#menu #item70 {background:#4F0101 none repeat scroll 0 0;
height:20px;
padding-left:10px;
padding-right:10px;
padding-top:5px;}

#menu #item70 a{
   color:#fff;text-decoration:none;
}


#menu #item70 a:hover{
   color:#fff;text-decoration:underline!important;
}


#liste_ul {
  padding-left:70px;
}



/* Espace membres */
/*#wlpeLogin, #wlpeUser{ position:absolute; right:0; top:0 }
#wlpeLogin label, #wlpeLogin legend{ color:#FFF }
#wlpeLogin label{ }*/

#login_header{
background:transparent url(../images/bg_login.gif) no-repeat scroll left top;
left:600px;
padding-left:5px;
padding-top:30px;
position:absolute;
width:375px;
color:#fff;
}

#login_header label {
  color:#fff;
  font-size:12px;
}

.wlpeMessageText {
  color:#e50000;
  margin-bottom:5px;
  font-size:9px;
}


#login_header input {
  font-size:11px;
  margin-right:10px;
  background: url(../images/bg_li_log.gif) repeat-x;
}

#login_header #wlpeLoginButton {
  background:#360101 url(../images/bg_login_ok.gif) repeat-x;
  border:solid 1px #360101!important;
  font-size:11px;
  float:right;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
}

#login_header #wlpeLoginButton:hover {
  text-decoration:underline;
}
#wlpeReminderButton:hover {
  text-decoration:underline;
}

#wlpeReminderButton {
  background:#4F0101;
  border:solid 1px #4F0101;
  font-size:9px;
  float:right;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  width:auto;
  font-style:italic;
}

*html #wlpeReminderButton{
    width:95px;
}

*+html #login_header{
  width:380px;
}



#wlpePassword {
  margin-right:0!important;
}

button{border:0;}


#wlpeResetButton
{
  background:#360101 url(../images/bg_login_ok.gif) repeat-x;
  border:solid 1px #360101;
  font-size:11px;
  float:right;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  width:auto;
}

#wlpeResetCancelButton
{
  background:#360101 url(../images/bg_login_ok.gif) repeat-x;
  border:solid 1px #360101;
  font-size:11px;
  float:right;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  width:auto;
}



#wlpeLogoutButton
{
  background:#360101 url(../images/bg_login_ok.gif) repeat-x;
  border:solid 1px #360101;
  font-size:11px;
  float:left;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  width:auto;
}

#wlpeActivateButton
{
  background:#360101 url(../images/bg_login_ok.gif) repeat-x;
  border:solid 1px #360101;
  font-size:11px;
  float:right;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-right:5px;
  width:auto;
}

#faq_accordeon h3 {
  margin-top:20px!important;
color:#6A2323;
cursor:pointer
}



