/*
Theme Name: eROCCA 2009
by ASPROCOM

*/



/* 
style generique
*/
*
{
margin: 0px;
padding: 0px;
}


.clear{
clear:both;
}

ul li{
list-style-position:inside;
list-style-type: disc;
}

img{
border:none;
}
a:link {
  color:#0066FF;


}

a:hover {
	text-decoration: none;
	color:#00632E;
}

a:visited {
	color: #333300;
}

body {
	
	
	font: 12px Arial, Helvetica, sans-serif;
	
}

#header{
	width: 988px;
	height:200px;
	margin: 0 auto;
	border-left:#cccccc 2px solid;
	border-right:#cccccc 2px solid;
	background-image:url("images_design/bandeau_haut.jpg");
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
	
}

#langues{
	width: 988px;
	height:74px;

	position:relative;
z-index:18;

}

#menu{
width:988px;
height:126px;
position:absolute;
z-index:2;

}

#calage_logo{
float:left;
height:126px;
width:22px;
}
#logo{
float:left;
height:126px;
width:340px;
position:relative;
z-index:2;
}

#menu_flash{
float:left;
position:relative;
z-index:1;
}

#content
{	border-left:#cccccc 2px solid;
	border-right:#cccccc 2px solid;
	margin: 0 auto;
	width: 988px;
	height:448px;
	background-image:url(images_design/fond.jpg);
	background-repeat:repeat-x;
	position:relative;
z-index:2;
	
	
	
}

#transition{
	
	
	width: 988px;
	height:448px;
		position:relative;
z-index:2;
	
}

#transition2{
	
	
	width: 988px;
	height:448px;
		position:relative;
z-index:2;
	
}

#transition3{
	
	
	width: 988px;
	height:448px;
		position:relative;
z-index:2;
	
}

#transition4{
	
	
	width: 988px;
	height:448px;
		position:relative;
z-index:2;
	
}

#calage_content{
float:left;
height:447px;
width:22px;
	position:relative;
z-index:2;

}

/* infobulles perso
*/
body div#toolTip { position:absolute;z-index:1000;width:550px;background:#fff;border:2px double #339933;text-align:justify;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#000;font:1.1em arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#339933;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#339933; }



/* This is for the navigation dropdowns using jQuery */
/*ESSENTIAL STYLES*/
.mainNavDropDn li li a:visited{color:#4bade0;}
.mainNavDropDn li a:visited{color:#f2f2f2}
.nav,.mainNavDropDn,li.Promo1 {line-height:1.0;}
.nav,.nav ul{z-index:100;}
.nav ul,.mainNavDropDn ul {position:absolute;top:20px;}
.nav ul li,.nav ul li a{width: 150px;}
.nav li,.mainNavDropDn li {float:left;position:relative;z-index:99;}
.nav a,.mainNavDropDn a {display:block;}
.nav li:hover ul,ul.nav li.sfHover ul{left:2px;top:1.9em;width:150px}
.nav li:hover li ul,.nav li.sfHover li ul,.mainNavDropDn li:hover li ul,.mainNavDropDn li.sfHover li ul {top:20px;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:149px;top:-1px;}
.superfish li:hover ul,.superfish li li:hover ul {top: 20px;}
ul.mainNavDropDn li:hover ul,ul.mainNavDropDn li.sfHover ul{left:5px;top:0.3em;}
/*ORIGINAL SKIN*/
.nav {float:right;margin-top:37px;padding-left:50px;margin-bottom:1em;padding-right:36px;background:url('/images/redesign/btnSlCountry.jpg') no-repeat;width:139px;height:24px;list-style-type:none;}
.nav ul{width:150px;background:url('images_design/slCountrynavbg.gif') no-repeat;padding-bottom:15px;list-style-type:none;}
.nav li {font-size:1em;color:#333;padding-top:4px;text-align:left;list-style-type:none;padding-left:30px;}
.nav li a,.nav li li a{width:150px}
.nav a, .nav a:hover {color:#333}
.nav li li {padding-top:0.5em; padding-bottom:0.5em;font-size:1em;}
.nav li li a{display:block;width:100px;color:#000;padding:0px 0px;}
.nav li li a:hover{color:#FFF;background:#660033;}
.nav li li li {background:#e6e6e6;}
.mainNavDropDn{width:56em}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #ffffcc;
}

.lbLoading {
	background: #fff url(images_design/ajax-loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #ffffcc;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #068037;
/*	line-height: 1.4em;*/
	text-align: left;
	border: 10px solid #ffffcc;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images_design/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* 
index

*/

#block_contenu_acc{
float:left;
width:943px;
height:448px;
position:relative;
z-index:2;

}

#blocks_g_acc{
float:left;
width:174px;
height:488px;

}

.calage_vignette{
float:left;
width:174px;
height:156px;
}
.blocks_g_vignette{
float:left;
width:174px;
height:118px;
}

.calage_block_central{
float:left;
width:487px;
height:53px;
}
.calage_block_central2{
float:left;
width:48px;
height:360px;
}

#block_central{
float:left;
width:488px;
height:446px;
background-image:url(images_design/echo200_acc.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#block_texte_acc{
float:left;
width:210px;
height:408px;
background-color:#e6e6e6;
background-image:url(images_design/ligne_bas.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#ligne_haut_block_acc{
float:left;
width:183px;
height:23px;
background-image:url(images_design/block_haut.jpg);
background-repeat:repeat-x;
background-position:top;
}
#coin_droit{
float:left;
width:27px;
height:25px;
background-image:url(images_design/coin_haut_droite.jpg);
background-repeat:no-repeat;
background-position:top;
}

#calage_interne_texte{
float:left;
width:21px;
height:381px;
background-image:url(images_design/coin_bas_gauche_acc.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#contenu_txt_acc{
float:left;
width:162px;
height:381px;
}

#bande_droite_acc{
float:left;
width:27px;
height:381px;
background-image:url(images_design/fond_droite_texte.jpg);
background-repeat:repeat-y;
}

#coin_droite_bas{

width:27px;
height:381px;
background-image:url(images_design/coin_bas_droite.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.block_de_lien{
  position:relative;
  top:20px;
  left:20px;
  font-size:1.2em;
  width:147px;
  height:78px;
  cursor:pointer;
  text-decoration:none;
}


/* 
pages

*/

#block_contenu{
float:left;
width:723px;
height:448px;
background-color:#e6e6e6;
background-image:url(images_design/ligne_bas.jpg);
background-repeat:repeat-x;
background-position:bottom;
position:relative;
z-index:2;

}



#ligne_haut_block{
width:auto;
height:23px;
background-image:url(images_design/block_haut.jpg);
background-repeat:repeat-x;
background-position:top;
}

#calage_interne_contenu{
float:left;
width:21px;
height:424px;
background-image:url(images_design/coin_bas_gauche.jpg);
background-repeat:no-repeat;
background-position:bottom;
}



#content_onglet{
float:left;
width:223px;
height:445px;
}

#onglet_haut{
float:left;
width:223px;
height:100px;

background-image:url(images_design/onglet_haut_s.jpg);

background-repeat:no-repeat;
}

#calage_haut1{
float:left;
width:223px;
height:5px;

}

.liste_v_t:hover{
  background-color:#ECECF0;
  cursor:pointer;
}

#calage_haut_gauche{
float:left;
width:55px;
height:100px;
}

#calage_haut2{
float:left;
width:223px;
height:8px;

}

#onglet_milleu{
float:left;
width:223px;
height:243px;
background-image:url(images_design/onglet_milieu_ss_h.jpg);
background-repeat:no-repeat;
}

#calage_milieu1{
float:left;
width:223px;
height:20px;
}

#calage_milieu1_gauche{
float:left;
width:55px;
height:220px;
}


#calage_milieu2{
float:left;
width:168px;
height:33px;
}

#onglet_bas{
float:left;
width:223px;
height:106px;
background-image:url(images_design/onglet_sans_bas.jpg);
background-repeat:no-repeat;
}


.image_bouton{
  cursor:pointer;position:relative;
}


.titres{
  position:relative; left:-400px;
}

.texte_achat{
  float:left;height:85px;width:275px;border-right:1px solid #999999;border-top:1px solid #999999;text-align:left;padding-top:20px;
  }

/* footer
*/

#footer
{
margin: 0 auto;
width: 992px;

height:40px;
background-image:url(images_design/coin_footer_bas_droite.jpg);
background-repeat:no-repeat;
background-position:right;
}

#footer_calage{
float:left;
height:40px;
width:21px;
}

#footer_content{
float:left;
width:950px;
text-align:center;
vertical-align:text-bottom;
height:38px;
font-size:0.9em;
border-bottom:#cccccc 2px solid;
}

#footer_calage_2{
float:left;
width:950px;

height:15px;

}


/* 
blocks de mise en page
#00632E
*/

.colonne_gauche{
float:left;
width:400px;
padding-top:29px;
}

.colonne_gauche_g{
float:left;
padding-top:29px;
width:460px;


}

.block_acr_txt_1{
float:left;
width:400px;
text-align:justify;
font-size:1.2em;
color:#009900;
padding-bottom:20px;
}

.block_acr_txt_2{
float:left;
width:600px;
text-align:justify;
font-size:1.2em;
color:#009900;
padding-bottom:20px;
}

.block_acr_txt_3{
float:left;
width:370px;
text-align:justify;
font-size:1.2em;
color:#009900;
padding-bottom:20px;
}

.block_acr_txt_4{
float:left;
width:340px;
text-align:justify;
font-size:1.2em;
color:#009900;
padding-bottom:20px;
}

.block_acr_txt_5{
float:left;
width:340px;
text-align:justify;
font-size:1.2em;
color:#009900;
padding-top:35px;
padding-bottom:35px;
}

.block_txt_1{
float:left;
width:400px;
text-align:justify;
font-size:1em;
padding-bottom:20px;

}

.block_txt_2{
float:left;
width:450px;
text-align:justify;
font-size:1em;
padding-bottom:20px;

}

.block_txt_3{
float:left;
width:370px;
text-align:justify;
font-size:1em;
padding-bottom:20px;

}
.block_txt_4{
float:left;
width:330px;
text-align:justify;
font-size:1em;
padding-bottom:20px;

}
.block_video{
float:left;
width:320px;
height:170px;
text-align:right;
font-size:1em;
padding-bottom:20px;

}

.colonne_droite{
float:left;
width:450px;
}

.block_image_type1{
float:left;
padding-left:35px;
}

.block_image_type2{
float:left;
padding-right:25px;
}

.block_image_type3{
padding-bottom:25px;
float:none;

text-align:center;
width:200px;
padding-right:10px;
}

.block_image_type4{
padding-bottom:25px;

text-align:center;
width:200px;
padding-right:25px;
}