/* RESET */
fieldset, img,a img, :link img, :visited img {border: none }

ul, ol {list-style: none;}

:link, :visited {text-decoration: none;}

body, div, dl, dt, dd, ul, ol, li, h1,h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea,p, blockquote, th, td {
  margin: 0;
  padding: 0;
 }
 
table {
  border-collapse: collapse;
  border-spacing: 0;
 }
 
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
 }
 
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}
/* END RESET */

/* bloc conteneur*/
#workspace {
  width: 973px;
  margin: 0 auto ;
  }
  
#border_shader {
  background: url(../../public/charte/border_shader.png) repeat-y;
  }
  
#mainspace {
  margin-left: 10px;
  margin-top: 20px;
  }
  
#maincontent {
  margin-left: 190px;
  }
  
/* default */
body {
  font-size: 12px;
  font-family:Arial,Helvetica,sans-serif;
  text-align: left;
  color: #58585a;
  }
  
/* Color */
.pink {
  color: #EB4496;
  }
  
/* position flash */
#flashbanner {
  position:absolute;
  margin-left: 3px;
  }


 
/* Banner */

#banner {
  width: 960px;
  height: 212px;
  background: url(./images/charte/bandeau_haut.jpg);  
  background-position: 12px 12px;
  background-repeat: no-repeat;
  margin-left: 6px;
  color: #5B5B5B;
  
  }
  

#welcome {
  position: absolute;
  top: 10px;
  width: 400px;
  height: 70px;
  margin-left:14px;
  }
  
#flash {
 float: left;
 width: 133px;
 height: 63px;
 }
 
#flags {
  position:absolute; 
  top:22px; 
  margin-left:630px;
  font-size:1px;
  }

#flags img{
	padding:0;
	margin:0 1px;
}
#message {
  float: left;
  margin-left: 10px;
  width: 250px;
  font-weight: bolder;
  line-height: 18px;
  font-size: 13px;
  text-transform : uppercase; 
  letter-spacing: -0.25px;
  }

 
/* menu */
#menu {
  height: 30px;
  width: 935px;
  margin-left:18px;
  text-transform : uppercase; 
  font-weight: bolder;
  color: #fff;
  vertical-align: middle;
  }
  
.begin{
  background: url(./images/charte/menu_corner_pink.png) no-repeat;
  width: 13px;
  height:30px;
  float: left;
  }  
 
#menu1 span{
  background: url(./images/charte/menu_bg_pink.png);
  height: 30px;
  line-height: 30px;  
  padding-right: 30px;
  float: left;
  }
  
#menu1 {
  height:30px;
  margin-bottom: 5px;
  }
  
#menu1 {
  background: url(./images/charte/menu_bg_green.png);
  }  
  
#menu1 div.end{
  background: url(./images/charte/menu_corner_green.png) no-repeat top right;
  float:left;
  width:100%;
  }
  
#menu1 div.sep{
  background: url(./images/charte/menu_sep_pink_green.png) no-repeat;
  width: 40px;
  height: 30px;
  float: left;
  }
  
.menu1 {
  float: left;
  margin-left: 0;
  }
  
.menu1 li {
  float: left;
  vertical-align: middle;
  }
  
.menu1 li.sep,.menu1 li.sep:hover {
  padding: 0;
  background: url(./images/charte/menu_sep.gif) no-repeat 50% 50% ;
  }
  
.menu1 li {
  padding: 0 10px ;  
  }
  

  
.menu1 li:hover  {
  background: url(./images/charte/menu_hover.png) repeat-x;
  }
  
.menu1 a  {
  color: #fff;
  }
  
.menu1 .sep,.menu2 .sep {
  width:2px;
  height:30px;
  background: url(./images/charte/menu_sep.gif) no-repeat 50% 50% ;
  margin:0;
  }
  

  
/* footer */
#footer {
  padding-top:10px;
  text-align: center;
  border-top: 1px solid #989898;
  color: #989898;
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
  }
  
#footer a, #footer a:hover,#footer a:visited {
  color: #989898;
  }
  
/******** fixer menu*********/
.hide {
  display: none;
  }

/******** old site *********/  
.horizontal {
  position: absolute;
  visibility: hidden;
  min-width: 190px;
  background-color: #EFEFEF;
  border: 1px solid #D5D5D5;
  border-top:0;
  top:0;
  }
  
.horizontal .item {
  position: relative;
  }
  
.horizontal .item a, .horizontal .item a:visited {
  color: #58585a;
  display: block;
  padding: 2px 20px;
  }
  
.horizontal .item a:hover {
  color: #fff;
  background-color: #FF5301;
  }
  
.vertical {
  position: absolute;
  visibility: hidden;
  top:0;
  }
  


h1{color:#000000; font-weight:bold; font-size: 1.4em; padding-bottom:6px;}
h1 a{color:#F5431D; text-decoration:none;}
h1 a:hover{color:#F5431D; text-decoration:underline;}
h2{color:#000000; font-weight:bold; margin:0px; padding:0px; font-size: 1.2em;  padding-bottom:6px;}
h2 a{color:#F5431D; text-decoration:none;}
h2 a:hover{color:#F5431D; text-decoration:underline;}

p{color:#58585A; font-size: 1em; font-weight: normal; margin:0px; padding:0px;}
p a {color:#F5431D;text-decoration:none;}
p a:hover {color:#F5431D; text-decoration:underline;}

#contenu_page{width: 515px; float:left; margin: 0px; padding:0px; padding-right:20px; padding-left:15px;}
#col_droite{width:200px; float:left; margin: 0px; padding:0px;}

#contenu_page ul{padding:0px; margin:0px; margin-left:20px;}
#contenu_page li{color:#58585A; font-size: 1em; font-weight: normal; margin:0px; padding:0px; padding-left:5px; margin-bottom:3px; list-style-type:disc;}
#contenu_page li a {color:#F5431D; text-decoration:none;}
#contenu_page li a:hover {color:#F5431D; text-decoration:underline;}

#contenu_page li.plan_niveau_0 {margin: 2px 0 2px 20px;}
#contenu_page li.plan_niveau_1 {margin: 2px 0 2px 40px;}
#contenu_page li.plan_niveau_2 {margin: 2px 0 2px 60px;}
#contenu_page li.plan_niveau_3 {margin: 2px 0 2px 80px;}


#navigation {margin:0px; padding:0px; margin-bottom:10px;}
#navigation p {color:#58585A; font-size: 0.9em; font-weight: normal; margin:0px; padding:0px;}
#navigation p a {color:#58585A; font-size: 0.9em; font-weight: normal; margin:0px; padding:0px; text-decoration:none;}
#navigation p a:hover {color:#F5431D; font-size: 0.9em; font-weight: normal; margin:0px; padding:0px; text-decoration:underline;}

.image_gauche { float: left; margin: 0 10px 10px 0;}
.image_droite { float: right;  margin: 10px 0 0 10px;}



div#contenu_page img {border: 1px solid #58585A;} 
div#contenu_page img.no_border { border: 0;}
	
	
div#idee_sejours {
	width: 200px; 
	min-height: 267px !important; 
	height: auto !important; 
	padding: 0px; 
	margin: 0px;
}
	
div#lei_sejours p.info_numero{font-size: 0.9em; margin:0px; padding:0px}

div#lei_sejours p.titre { font-size: 1em; font-weight:bold; color: #F5431D; margin:0px; padding:0px} 
div#lei_sejours p.titre a {font-size: 1em; font-weight:bold; color: #F5431D; margin:0px; padding:0px} 
div#lei_sejours p.titre a:hover {font-size: 1em; font-weight:bold; color: #F5431D; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.categorie { font-size: 1em; font-weight:bold; color: #58585A; text-transform: uppercase; margin:0px; padding:0px} 
div#lei_sejours p.categorie a {font-size: 1em; font-weight:bold; color: #58585A; text-transform: uppercase; margin:0px; padding:0px} 
div#lei_sejours p.categorie a:hover {font-size: 1em; font-weight:bold; color: #58585A; text-transform: uppercase; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.duree { font-size: 1em; font-weight:bold; font-style:italic; color: #58585A; margin:0px; padding:0px} 
div#lei_sejours p.duree a {font-size: 1em; font-weight:bold; font-style:italic; color: #58585A; margin:0px; padding:0px} 
div#lei_sejours p.duree a:hover {font-size: 1em; font-weight:bold; font-style:italic; color: #58585A; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.texte { font-size: 9px; font-weight:bold; color: #58585A; margin:0px; padding:3px 0 0 0px} 
div#lei_sejours p.texte a {font-size: 9px; font-weight:bold; color: #58585A; margin:0px; padding:0px} 
div#lei_sejours p.texte a:hover {font-size: 9px; font-weight:bold; color: #58585A; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.partir_de { font-size: 12px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.partir_de a {font-size: 12px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.partir_de a:hover {font-size: 12px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.prix { font-size: 22px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.prix a {font-size: 22px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.prix a:hover {font-size: 22px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px; text-decoration:undeline;} 
div#lei_sejours p.nb_personne { font-size: 9px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.nb_personne a {font-size: 9px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px} 
div#lei_sejours p.nb_personne a:hover {font-size: 9px; font-weight:bold; color: #FFFFFF; margin:0px; padding:0px; text-decoration:undeline;} 
	

.lei{clear:left; float:left; width:180px; padding-bottom:15px; padding-top:15px; border-bottom:1px solid #58585A;}
#tout_lei {padding-left:15px; margin-top:15px;  clear:left; float:left; width:180px;}
#tout_lei img {border: 1px solid #58585A;} 
#tout_lei img.no_border { border: 0;}

#liste_message{clear:left; width:100%; float:left; margin-bottom:10px;}


/* Popup */
.cadre_popup{
	/*background:url("image/fond_transparent.png");*/
	background:#F0F0F0;
	border:1px solid #2b7ca6;
}
.cadre_popup_ie{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../templates/modules/carto/image/fond_transparent.png', sizingMethod='scale');*/
	background:#F0F0F0;
	border:1px solid #2b7ca6;
}
.cadre_popup_header{
	background:url("/templates/bloc/module_carto/images/entete_popup.png") no-repeat center;
	background-position:center;
	height:39px;
	text-align:center;
	line-height:20px;
	
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.cadre_popup_content{
	margin:10px;
	font-size:12px;
}
.cadre_popup_footer{
	margin-top:10px;
	margin-right:10px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}