/* CSS pour Velux guide de remplacement de fenêtres */

/* ----- Miseen page générale ----- */
html, body, p, h2, form {
margin : 0 ;
padding : 0 ;
}

html, body {
font-family : verdana, arial, sans serif ;
}

.clear {
clear : both ;
font-size : 1px ;
margin : 0 ;
padding : 0 ;
}

#wrapperGRF {
width : 780px ; /* 621 ? */
height : 580px ;
/*background : #F0F0F0 ;*/
/*border : 1px solid #E0E1DC ;*/
}

#wrapperGRFhome {
width : 780px ; /* 621 ? */
height : 460px ;
background : #F0F0F0 ;
border : 1px solid #E0E1DC ;
}

#subwrapperGRF {
width : 750px ; /* 621 ? */
margin : 8px ;
}

/* ---- menu ----- */
#menuGRF {
border-bottom : 1px solid #DEDEDE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-right : 10px ;
height:20px;
}

/* ----- Questions ----- */
#formGRF {
/*background : #fff url('../img/arrondi_blanc.gif') left top no-repeat ;*/
margin-top : 10px ;
margin-bottom : 10px ;
clear : both ;
padding-top : 4px ;
}

#formGRF img.illustr{
float : left ;
margin : 0px 0px 14px 0;
border: 1px solid #FFF;
}


#fdQuestion {
/*background : transparent url('../img/fond_blanc.gif') left top repeat-y ;*/
clear : both ;
}
#questionGRF {
width : 420px ;
margin-left : 20px ;
float : left  ;
font-size : 11px ;
}
#questionGRF a{
color : #FE0000 ;
}
#questionGRF a:hover{
text-decoration : none ;
}
#questionGRF h2 {
color : #333 ;
font-size : 11px ;
font-weight : bold ;
margin-bottom:7px;
}

#grf_modele_liste, #grf_dimension_liste {
margin : 8px 0;
}


/* ---- Boutons Précédent Suivant ---- */
#boutonsGRF {
/*background : #F7F7F7 url('../img/fond_bout.gif') left top no-repeat ;*/
/*clear : both ;*/
float:left;
}

#boutonsGRF #precedent {
float : left ;
margin : 15px 22px ;
width : 113px ;
}

#boutonsGRF #suivant {
float : right ;
margin : 15px 22px ;
width : 96px ;
}

/* ---- Partie animation flash sur fond jaune  ---- */
#animGRFtop {
border-top:#DEDEDE 1px solid;
/*background : #FCF8DD url('../img/arrondi_jaune_haut.gif') left bottom no-repeat ;*/
height : 4px ;
font-size : 1px ;
clear : both ;
}
#animGRF {
/*background : #FCF8DD url('../img/fond_jaune.gif') left top repeat-y ;*/
clear : both ;
}
#animGRFbottom {
/*background : #FCF8DD url('../img/arrondi_jaune_bas.gif') left top no-repeat ;*/
height : 4px ;
font-size : 1px ;
clear : both ;
}
#animGRF embed{
float : left ;
margin : 10px 14px ;
}
#animGRF .emptyAnimGRF{
float : left ;
margin : 10px 14px ;
width :280px;
height:234px;
display:inline; /* fix double left margin in IE */
}
#animGRF object{
float : left ;
margin : 10px 0px 14px 0;
/*border:1px solid #D6D6D5;*/
}
#animGRF object object {
float : none ;
margin : 0 ;
}

#animGRF #txtAnimGRF {
float : left;
width : 400px ;
margin : 10px 14px 10px 20px ;
}
#animGRF #txtAnimGRF h2 {
color : #fe0000 ;
font-size : 11px ;
font-weight:bold;
margin-bottom:7px;
}
#animGRF #txtAnimGRF p {
color : #333 ;
font-size : 11px  ;
font-style: normal ;
line-height:16px;
}
#animGRF #txtAnimGRF a {
color : #FE0000 ;
text-decoration:none;
}
#animGRF #txtAnimGRF_empty{
float : left;
width : 750px ;
margin : 10px 14px 10px 0;
}
#animGRF #txtAnimGRF_empty p {
color : #333 ;
font-size : 11px  ;
font-style: normal ;
line-height:16px;
}
#animGRF #txtAnimGRF_empty a {
color : #FE0000 ;
text-decoration:none;
}

/* ---- Page de résultats ---- */
#recommencer {
margin-left : 10px ;
}

/* ---- Retour haut de page ---- */
#retourTop {
clear : both ;
text-align : center ;
}
#retourTop  img{
border : 0  ;
}
/** ------ message d'erreur dans les formulaire */
.erreurGRF {
color : #fff ;
background-color:#FE0000;
font-size : 11px ;
font-weight : bold ;
text-decoration:blink;
}

.redBold {
color : #ff0000 ;
font-weight : bold ;
}