/* CSS Document */
html{
padding:0;
}
body {
background-color:#1C4B99;
margin:0;
padding:0;
}
#conteneur {
position: relative;
width:1000px;
background:transparent url(../image/background.jpg) repeat;
margin:0 auto;
padding:0;
}

#header {
margin-left:20px;
padding:0;
height:212px;
background: transparent url(../image/top.jpg) no-repeat;
}

#recherche {
margin-left:20px;
}

#centre {
margin-top:0;
margin-left: 173px;
margin-right: 157px;
}

/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- début*/ 
#centretop_index{
position: relative;
background: transparent url(../image/centertop_index.gif) no-repeat;
height:77px;
width: 750px;
margin:0;
padding:0;
}
/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- fin*/ 

#centretop{
position: relative;
background: transparent url(../image/centertop.gif) no-repeat;
height:77px;
margin:0;
padding:0;
}
#centretop IMG, #centretop_index IMG{ 
position: relative; 
margin-left:30px; 
margin-top:10px; 
}
#titreprod {
position:absolute;
top:10px;
left:30px;
margin:0;
padding:0;
background: transparent url(../image/bandeautitre/vierge.jpg) no-repeat;
width:594px;
height:49px;
}
#titreprod  h3{
position:relative;
margin-top:6px;
margin-left:10px;
padding:0;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
color:#ff6633;
}
#titreprod  p{
margin:0;
padding:0;
position:absolute;
left:260px;
margin-top:-10px;
}

#titreprod  p img{
margin-top:16px;
margin-left:0;
margin-right:0;
margin-bottom:-6px;
padding:0;
border:0;
}

#titreprod  p a{
position:relative;
top:-6px;
margin-top:0px;
margin-left:0;
margin-right:0;
margin-bottom:0;
padding:0;
padding-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6633;
text-decoration:none;
}

#titreprod  h4{
position:absolute;
top:0px;
right:10px;
padding:0;
margin:0;
}
#menuico{
position:absolute;
margin:0;
padding:0;
top:54px;
left:250px;

}
#menuico a{
padding-right:30px;
margin:0;
color:#FF6633;
font-size:11px;
font-weight:bold;
}

/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- début*/ 
#centreback_index{
height:810px;
position:relative;
background: transparent url(../image/centerback_index.gif) repeat-y;
width:750px;
}
/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- fin*/ 

#centreback{
height:818px;
position:relative;
background: transparent url(../image/centerback.gif) repeat-y;
width:650px;
}

html>body #centreback {
height: auto;
min-height: 818px;
} 

/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- début*/ 
#centrebottom_index{
position:relative;
clear:left;
background: transparent url(../image/centerbottom_index.gif) no-repeat;
height:50px;
width:750px;
}
/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- fin*/ 

#centrebottom{
position:relative;
clear:left;
background: transparent url(../image/centerbottom.gif) no-repeat;
height:50px;
}

#blockindex{
position:relative;
width:601px;
left:27px;
}
#blockindextop{
background:transparent url(../image/center1-top.png) no-repeat;
height:25px;
}
#blockindexback{
background:transparent url(../image/center1-back.png) repeat-y;
}
#blockindexbottom{
background:transparent url(../image/center1-bottom.png) no-repeat;
height:25px;
}
#blockindexback img{
position:relative;
left:0px;
top:-10px;
}
/*#blockindexback .imgaccueil{
position:relative;
top:-20px;
padding-right:25px;
float:right;
}*/

#blockindexback #accueil {
padding-left:15px;
padding-right:15px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
/*background:transparent url(../image/imgaccueil.png) no-repeat;
background-position:272px 80px;*/
}

#blockindexback .resultat {
padding-left:15px;
padding-right:15px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
background-position:272px 0px;
}

#blockindexback .recherche{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003399;
text-decoration:none;
}

#blockindexback .lien10{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
#blockindexback .lienorange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF6633;
text-decoration:none;
}
#blockindexback .lienbleu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003399;
text-decoration:none;
}
#blockindexback .blockpage{
position:absolute;
right:20px;
}

#blockgauche_index{
z-index:auto;
position:absolute;
float:left;
width:320px;
left:27px;
}

#blockgauche{
z-index:auto;
position:absolute;
float:left;
width:255px;
left:27px;
}

#blockgauche p {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
font-weight:bold;
}

#blockgauchetop_index{
background:transparent url(../image/block-gauche-top_index.png) no-repeat;
height:19px;
}

#blockgauchetop{
background:transparent url(../image/block-gauche-top.png) no-repeat;
height:19px;
}

#blockgaucheback_index{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
text-align:justfy;
padding-top:0px;
padding-left:7px;
padding-right:18px;
padding-bottom:5px;
background:transparent url(../image/block-gauche-back_index.png) repeat-y;
}

#blockgaucheback{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
text-align:left;
padding-top:0px;
padding-left:7px;
padding-right:18px;
padding-bottom:5px;
background:transparent url(../image/block-gauche-back.png) repeat-y;
}

/* block gauche back pour les fiches detailles */
#blockgauchebackfd{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
font-size:12px;
color:#003399;
text-align:justify;
padding-top:0px;
padding-left:4px;
padding-right:18px;
padding-bottom:5px;
background:transparent url(../image/block-gauche-back.png) repeat-y;
}

#blockgauchebottom_index{
background:transparent url(../image/block-gauche-bottom_index.png) no-repeat;
height:16px;
}

#blockgauchebottom{
background:transparent url(../image/block-gauche-bottom.png) no-repeat;
height:16px;
}

/****************************************************************************************/
/****************************************************************************************/
#blockgauchetop-large{
background:transparent url(../image/block-gauche-top-large.png) no-repeat;
height:19px;
width:594px;
margin-left:3px;
}

#blockgaucheback-large{
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
text-align:justify;
padding-top:0px;
padding-left:7px;
padding-right:18px;
padding-bottom:5px;
background:transparent url(../image/block-gauche-back.png) repeat-y;*/
background-color:#ffffff;
width:594px;
margin-left:3px;
text-align: center;
}

#blockgauchebottom-large{
background:transparent url(../image/block-gauche-bottom-large.png) no-repeat;
height:19px;
width:594px;
margin-left:3px;
}
/****************************************************************************************/
/****************************************************************************************/

#bottomdroit {
position:absolute;
z-index:34;
display:block;
left:35px;
top:320px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
font-weight:bold;
float:left;
}
/*#bottomdroit .colorissmall{*/
.colorissmall{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10Px;
font-weight:bold;
color:#666666;
text-decoration:none;
padding:0;
margin:0;
}
#bottomdroit a{
text-decoration:none;
}
#blockcolori{
float:left;
position:relative; 
margin:0; 
padding:0;
padding-right:5px;
}
#bottomdroit img{
position:relative;
border:0;
height:50px;
width:50px;
margin:0;
padding-top:5px;
}

#bottomdroit .panier {
margin-top:5px;
height:35px;
width:38px;
}
#bottomdroit .clearleft {
clear:left;
}
#bottomdroit .paniertxt {
margin-top:-5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF6633;
text-decoration:none;
}

/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- début*/ 
#blockdroit_index{
position:relative;
left:370px;
width:360px;
}
/* pour la page http://www.starmeteo.fr/gamme_star_meteo/index_gamme_star_meteo.php -- fin*/ 

#blockdroit{
position:relative;
left:275px;
width:360px;
}
#blockdroitfd{
position:relative;
left:275px;
width:360px;
height:420px;
}
html>body #blockdroitfd {
height: auto;
min-height: 350px;
} 
#blockdroit .pfaq {
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#003399;
}
#blockdroitfd .pfaq {
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#003399;
}
#blockdroit a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#666666;
}

#blockdroit .orange {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FF6633;
}


#blockdroittop{
position:relative;
padding-left:18px;
background:transparent url(../image/bloc-droit-top.png) no-repeat;
height:20px;
}

#blockdroittop p {
text-align:right;
padding-right:20px;
}
#blockdroittop a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
}
#blockdroitback{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
text-align:justify;
padding-top:0px;
padding-left:15px;
padding-right:24px;
padding-bottom:5px;
background:transparent url(../image/bloc-droit-back.png) repeat-y;
}

#blockdroitback img {
border: none;
}

#blockdroitbackfd{
position:relative;
min-height:370px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
text-align:justify;
padding-top:0px;
padding-left:15px;
padding-right:24px;
padding-bottom:5px;
background:transparent url(../image/bloc-droit-back.png) repeat-y;
}
#blockdroitbackfd a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
font-weight:bold;
}

#blockdroitback .img-bd{
position:relative;
margin-left:80px;
}
#blockdroitback .lien-orange{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6633;
top:-26px;
left:174px;
text-decoration:none;
}
#blockdroitback .lien-orangeproduit{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6633;
top:-26px;
left:124px;
text-decoration:none;
}

#blockdroitback .qfaq{
font-size:12px;
font-weight:bold;
color:#003399;
text-decoration:none;
}
#blockdroitbackfd .qfaq{
font-size:12px;
font-weight:bold;
color:#003399;
text-decoration:none;
}
#blockdroitback .imglien{
position:relative;
float:left;
display:block;
}
#blockdroitback .bleu10{
font-size:10px;
}

#blocknavpagetop{
position:absolute;
top:-16px;
right:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#666666;
}

#blocknavpagetop a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#666666;
}
#blocknavpagetop .orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FF6633;
}
#blocknavpagebottom{
position:relative;
left:470px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#666666;
}

#blocknavpagebottom a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#666666;
}
#blocknavpagebottom .orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FF6633;
}

#desproduit {
position:relative;
margin:0px;
padding:0px;
}

#desproduit .vignette{
position:relative;
margin:0;
padding:0;
float:left;
border:0;
}

#desproduit .lien-orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6633;
bottom:12px;
right:40px;
text-decoration:none;
}

#desproduit .img-bd{
margin-left:80px;

}
/* Gestion du bloc pour la page technologie */
#blockdroitback-techno{
position:relative;
padding-top:0px;
padding-left:6px;
background:transparent url(../image/bloc-droit-back.png) repeat-y;
}

#blockdroitbottom{
clear:left;
position:relative;
background:transparent url(../image/bloc-droit-bottom.png) no-repeat;
height:17px;
}

#blockdroitbottom p {
text-align:right;
padding-right:20px;
position:relative;
top:-10px;
}
#gauche {
margin:0;
padding:0;
position: absolute;
top:250px;
left:20px;
width: 165px;
}
#nouveaute {
position:relative;
top:10px;
height:440px;
/*background:transparent url(../image/back_nouveaute.gif) repeat-y;*/
}

html>body #nouveaute {
height: auto;
min-height: 440px;
}

#nouveautetitre {
position:relative;
height:37px;
background:transparent url(../image/back_nouveaute_titre.gif) no-repeat;
}

#blocknouveaute{
position:relative;
left:0px;
top:0px;
/*background:transparent url(../image/back_nouveaute.gif) repeat-y;*/
}

#nouv {
position:relative;
left:15px;
padding-left : 16px;
margin-bottom:0px;
height:168px;
background:transparent url(../image/back_nouveaute.gif) no-repeat;
}

#nouv_dernier {
position:relative;
left:15px;
padding-left : 16px;
margin-bottom:20px;
height:150px;
background:transparent url(../image/back_nouveaute.gif) no-repeat;
}

#nouv a, #nouv_dernier a{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#003399;
}

#nouv .imgproduit, #nouv_dernier .imgproduit{
top:20px;
padding:0;
position:absolute;
border:0;
}


#nouv .imggamme, #nouv_dernier .imggamme{
position:absolute;
top:114px;
left:60px;
}

#nouveautebas {
position:relative;
height:17px;
background:transparent url(../image/back_nouveaute_bas.gif) no-repeat;
top: -22px;
}

#droite {
position: absolute;
top:250px;
right:0;
width:157px;
}

#memegamme, #autregamme{
position:relative;
width:140px;
}

#topgamme, #topgamme_autrgam {
right:15px;
position:relative;
height:85px;
width:152px;
background:transparent url(../image/right_top.gif) 0 no-repeat;
}

#topgamme_autrgam {
background:transparent url(../image/right_top_autrgam.gif) 0 no-repeat;
}

#topgamme .imgj, #topgamme_autrgam .imgj{
position:absolute;
bottom:4px;
right:12px;
}

#backgamme {
right:15px;
position:relative;
padding-left:20px;
width:152px;
background:transparent url(../image/right_background.gif) repeat-y;
}

#backgamme a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
text-decoration:none;
color:#003399;
}

#bottomgamme {
right:15px;
position:relative;
padding-left:20px;width:152px;
height:26px;
background: transparent url(../image/right_bottom.gif) 0 no-repeat;
}

#pied {
position:relative;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
height: 30px;
text-align:center;
background:transparent;
}

#pied a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}

#pied p{
color: #003399;
font-size:10px;
font-weight:bold;
}

p {
margin: 0 0 0 0;
padding:0;
}

#blockgaucheback_index p{
width:310px;
}