/* 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 ;
}

.blackh2{
color: black;
font-size: 13px;
font-weight: bold;

}

#yellow-box{
width: 250px;
padding: 10px;
border: 2px solid #39455A;
background-color: #A8D0D9;
color: black;
font-size: 10px;
position: absolute;
display: none;
}

#yellow-box2{
width: 250px;
padding: 10px;
border: 2px solid #39455A;
background-color: #A8D0D9;
color: black;
font-size: 10px;
position: absolute;
display: none;
}

#yellow-box2 td{
border-bottom: 1px solid #6f8293; 
}/**/



.showbox{
font-size:13px; margin-right:10px; margin-top:14px; float: right; width: 350px;
}

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

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

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

/* ---- menu ----- */
#menuGRF img {
border : 0px ;
}

/* ----- 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 : 14px 18px ;
}

.showbox ul{

margin: 0px;
padding: 0px 0px 0px 14px;

}
.img-box{float: left; width: 225px;}

.showbox ul li{
margin-bottom: 10px;
font-size: 11px;
list-style-image:url('../img/pipa.gif');

}

#fdQuestion {
background : transparent url('../img/fond_blanc.gif') left top repeat-y ;
clear : both ;
}
#questionGRF {
width : 420px ;
margin-right : 10px ;
float : right  ;
font-size : 13px ;
margin-top : 14px ;
}
#printGRF {
width : 420px ;
margin-right : 10px ;
font-size : 13px ;
margin-top : 14px ;
}

#questionGRF a{
color : #000 ;
}
#questionGRF a:hover{
text-decoration : none ;
}
#questionGRF h2 {
color : #fe0000 ;
font-size : 13px ;
font-weight : bold ;
}

.showbox a{
color : #000 ;
}
.showbox a:hover{
text-decoration : none ;
}
.showbox h2 {
color : #fe0000 ;
font-size : 13px ;
font-weight : bold ;
}

#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 ;
}

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

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

/* ---- Partie animation flash sur fond jaune  ---- */
#animGRFtop {
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 : 14px 14px ;
}
#animGRF object{
float : left ;
margin : 14px 14px ;
}
#animGRF .emptyAnimGRF{
float : left ;
margin : 14px 14px ;
width :280px;
height:234px;
display:inline; /* fix double left margin in IE */
}
#animGRF object object {
float : none ;
margin : 0 ;
}
#animGRF #txtAnimGRF {
float : right;
width : 270px ;
margin : 14px 14px 20px 0 ;
}
#animGRF #txtAnimGRF h2 {
color : #fe0000 ;
font-size : 13px ;
}
#animGRF #txtAnimGRF p {
color : #8E8C7D ;
font-size : 11px  ;
font-style: normal ;
}

#animGRF td {
color : #8E8C7D ;
font-size : 11px  ;
font-style: normal ;
font-family: verdana,arial,sans serif;
}

#icon-table td{
font-size: 10px;
}

.main-radio {
font-weight: bold;
color: #FE0000;
}

.m-radio {
font-weight: bold;
color: black;

}

.sub-radio{

font-size: 11px;
display: none;

}

#animGRF #txtAnimGRF li {
color : #8E8C7D ;
font-size : 11px  ;
font-style: normal ;
}

#animGRF #txtAnimGRF a {
color : #8E8C7D ;
}

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

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

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

.InputButton {
	font-family: Arial, "Arial CE", Verdana;
	font-size: 11px;
	height: 22px;
	border: none;
	color: #FFFFFF;
	background-color: red;
	font-weight: bold;
}

.popupstuff{
	
	color: red;
	cursor: pointer;

}

.faq-title{
  
  margin: 0px 0px 5px 0px;
  font-size: 14px;
  color: red;
}

.faq-item{
  font-size: 12px;
  margin-bottom: 30px;
  
}

.faq-item a {
  
  color: red;

}