div.cadre{height: 500px ; z-index: 1; }
div.formulaire{ height: 500px;z-index: 10;width:970px;}
div.bandeau{
height: 100px;
background-image: url(images/bandeau1.gif); background-position:top left; background-repeat: no-repeat;
border-bottom: solid 2px #ffffff;
}
}
div.ico_theme{background-image: url(images/ico_themes.gif); width:50px; height: 51px; background-repeat: no-repeat;
position: absolute; top: 415px; left: 230px;}
div.ico_saisie {background-image: url(images/ico_saisie.gif); width:50px; height: 51px; background-repeat: no-repeat;
position: absolute; top: 415px; left: 10px; cursor: pointer;}
div.bd1{background-image: url(images/bth1.png); }
div.bd2{background-image: url(images/bth2.png); }
div.bd3{background-image: url(images/bth3.png); }
div.bd4{background-image: url(images/bth4.png); }
div.bd5{background-image: url(images/bth5.png); }
div.bd6{background-image: url(images/bth6.png); }
.titreForm{
margin: 0;padding: 0;
background-color: #ae0000;
color: #ffffff;font-size: 12px;font-weight: bold;line-height: 30px;
}
#header, #data {width:900px;margin-left:10px;}
#toolbar {padding-top:15px;}
div.question{ width: 300px;}
div.listTheme{
float: left;width: 400px; height: 500px; padding:0;margin:0;
border: solid 4px #AE0000;
background-color: #ffffff;
}
div.theme, div.current{width: 400px;font-size: 15px;font-weight: bold;margin: 0px;margin-top: 0px;padding: 2px 0px 4px 10px;color: #FFFFFF;}
div.theme{background-color: #0080DF;}
div.teme_grap{width: 290px;height: 310px;}
div.th {
width: 64px;
height: 65px;
background-position: top;background-image: url(images/th10.png); 
background-repeat: no-repeat; cursor: pointer;
text-align: center; padding-top: 14px; font-size: 24px; color: #000000; font-weight: bold;
}
div.th1{ background-image: url(images/t1.gif); }
div.th2{ background-image: url(images/t2.gif); }
div.th3{ background-image: url(images/t3.gif); }
div.th4{ background-image: url(images/t4.gif); }
div.th5{ background-image: url(images/t5.gif); }
div.th6{ background-image: url(images/t6.gif); }
div.thcp1{ background-image: url(images/t1d.gif); }
div.thcp2{ background-image: url(images/t2d.gif); }
div.thcp3{ background-image: url(images/t3d.gif); }
div.thcp4{ background-image: url(images/t4d.gif); }
div.thcp5{ background-image: url(images/t5d.gif); }
div.thcp6{ background-image: url(images/t6d.gif); }
div.th1_r{ background-image: url(images/t1r.gif);}
div.th2_r{ background-image: url(images/t2r.gif);}
div.th3_r{ background-image: url(images/t3r.gif);}
div.th4_r{ background-image: url(images/t4r.gif);}
div.th5_r{ background-image: url(images/t5r.gif);}
div.th6_r{ background-image: url(images/t6r.gif);}
div.th1_o{ background-image: url(images/th1o.gif); }
div.th2_o{ background-image: url(images/th2o.gif); }
div.th3_o{ background-image: url(images/th3o.gif); }
div.th4_o{ background-image: url(images/th4o.gif); }
div.th5_o{ background-image: url(images/th5o.gif); }
div.th6_o{ background-image: url(images/th6o.gif); }


.choix .type3{
float:left;display:inline;
text-align:center;
}
.satisfCur{float: left; margin:0px 10px 0 10px; padding:1px 0 10px 0;}
.satisfCur0{
margin: 0 0 0 35px;
display:inline;
}
.satisfCur10{}
.satisfCur0, .satisfCur10 {
float:left; height: 20px; width: 42px; 
font-size: 14px;font-weight: bold;color: #063b60;
margin-top:19px;
}
.satisfNote{
float: left;clear:both; width: 276px; text-align: center;
font-weight:bold;font-size:14px;color:#2f6a8d;
}
div.satisf_1,div.satisf_2,div.satisf_3,div.satisf_4,div.satisf_5,
div.satisf_1_r,div.satisf_2_r,div.satisf_3_r,div.satisf_4_r,div.satisf_5_r,
div.satisf
{
background-position: center;background-repeat: no-repeat; cursor: pointer;
width: 57px;height: 60px;
}
div.satisf_1,div.satisf_1_r,div.satisf_1_o{background-image: url(images/satisf_small_1.gif);}
div.satisf_2,div.satisf_2_r,div.satisf_2_o{background-image: url(images/satisf_small_2.gif);}
div.satisf_3,div.satisf_3_r,div.satisf_3_o{background-image: url(images/satisf_small_3.gif);}
div.satisf_4,div.satisf_4_r,div.satisf_4_o{background-image: url(images/satisf_small_4.gif);}
div.satisf_1_rt{background-image: url(images/satisf_small_1.png);}
div.satisf_2_rt{background-image: url(images/satisf_small_2.png);}
div.satisf_3_rt{background-image: url(images/satisf_small_3.png);}
div.satisf_4_rt{background-image: url(images/satisf_small_4.png);}
div.current{background-image: url(images/themeSelected.jpg);font-size: 15px;border-top: solid 1px #ffb512;color: #cc0032;}
div.theme:hover{cursor: pointer;}
div.sousTheme{background-color:#ffebce;padding-bottom:2px;padding-top:2px;font-weight: bold;color: #166096;}
div.aide{background-color: #def0ff;	font-size: 15px;font-weight: bold;padding: 2px 0px 2px 10px;margin: 20px 0 0px 0;color: #0098ff;border-bottom: solid 1px #4FB2E4;}
div.progress,div.repondu,div.skiped{width: 6px;	height: 6px;float: right;font-size: 1px;margin-right: 5px;margin-top: 7px}
div.progress {	background-color: #FFFFFF;}
div.repondu {background-color: #777777;}
div.skiped{background-color: #777777;}
div.clickMenu,div.clickMenu_j{background-image: url(images/clickMenu_bleu.png);background-repeat: no-repeat;width: 18px;height: 18px;margin: 1px 5px 0 2px;}
div.clickMenu_j{background-image: url(images/clickMenu_jaune.png);}
div.question{background-color: #ffefb1;display: none;padding: 5px 3px 5px 5px;margin: 0;border: solid 1px #ff9f30;	background-repeat: repeat-x;}
div.question a{text-decoration: none;font-weight: normal;color: #316C0D;}
div.question p{padding:4px 10px 4px 10px;margin: 0px;text-align: justify;}
div.question a.Qrepondu {color: #777777;}
div.question a.Qskiped{color:#777777;}
/* zonne de choix ***************************************************************************************/
.zonneChoix,.zonneChoix1 {
/*position: absolute; top: 95; left: 380px; */
float: left;
width: 550px;
/*height:500px;*/
min-height:500px;
padding:0;margin-left: 2px;z-index:100;
background-color: #ffffff; border: solid 4px #2077a9; border-top: solid 4px #2f6a8d;
}
.zc{}
.zc_1{background-image: url(images/bg_zonneChoix1.jpg);}
.zc_2{background-image: url(images/bg_zonneChoix2.jpg);}
.zc_3{background-image: url(images/bg_zonneChoix3.jpg);}
.zc_4{background-image: url(images/bg_zonneChoix4.jpg);}
.zc_5{background-image: url(images/bg_zonneChoix5.jpg);}
.zc_6{background-image: url(images/bg_zonneChoix6.jpg);}
.choix {
width: 550px;
padding-bottom: 5px;
}
div.titreQ {
height: 30px; 
background-color:#306b0c;
border-bottom:solid 2px #ffffff;
background-image: url(images/bg_titreQ.gif); background-repeat: repeat-x;
}
.line_titre1 {width: 34px; height: 2px;font-size:2px;border-bottom:solid 1px blue; width:398px;}
div.titreQ h1 {
color:#ffffff; font-size:15px; padding:5px 0 0 15px;
}
.choix h1, .choixIntro  h1{
margin: 10px 0 0 20px;padding: 0 0 10px 15px;
background-image: url(images/fleche.png);background-repeat:  no-repeat ; background-position:0px 2px;
color: #316C0D;font-size: 18px;font-weight: bold; 
}
.choix h2 {
margin:10px 0 5px 20px;padding: 0 0 0px 15px;
background-image: url(images/fleche_gr.png); background-repeat: no-repeat;background-position: 0px 3px;
color: #3B3B3B;font-size: 14px;
}
.choix p,.choix p a ,.choix li{
padding: 3px 0px 0 15px;margin: 0;font-size: 14px;color: #000000;width:520px
}
div.choixLib2{color:#323366; margin:5px 0 0 10px; font-weight: bold;width:390px;}
.choix .type1{
 width: 520px;
 padding: 8px 0 0 20px;
 float: left; clear: both; display: inline;
}
.choix li {
padding-right:10px;
}
.Q_Choix{width: 100%;}
p.message{font-size:11px;padding:5px 5px 5px 15px;}
.linkChoix{
 font-size: 14px; 
}
/*fenetre de commentaire sur un choix********************************************************************/
.commentChoix{
position: absolute;
display: none;
left: -150px;
top:150px;
width: 400px;
border:solid 1px #323366;
padding-top: 0px;
z-index: 2000;
}
.commentBox{background-color: #ffffff;padding: 0;border-right: solid 1px #004c87;margin:0;}
.commentBox textarea{background-color:#e9e9e9;width: 365px;margin-left:15px;border:solid 1px #303266;}
.closeComment{float: right;margin: 5px 5px 0px 0px;}
.iconComment{
	width: 10px;height: 10px;
	right: 10px;top: 5px;
	visibility: hidden;
	padding-left: 10px; 
}
.inviteComment{float: left; font-size: 12px;font-weight: bold;margin:5px 0px 5px 15px;color:#004d87;}
.limit{font-weight: bold; padding:0;height:10px; width: 300px;}
.limitNb{float:left;font-size: 10px;color:#CC0032; font-weight: bold;padding-left:15px;}
.limitChar{float:left;color:#004d87; font-weight: bold; font-size: 10px;padding-left:4px}
.choix .nbRep{float: left;padding-left: 15px;color:#004d87;;font-size: 10px;margin:0 0 5px 0;}
.choix .submit{float: right;}
/*.submit{float:right;padding:0 15px 0 0;}*/
.submit{position:absolute; left: 210px;top:460px; width: 178px;}
.antiSpam{position:absolute; left: 5px;top:460px; width: 230px; font-size:9px; text-align: justify; line-height: 10px}
.red, a.red, font.red {	color:#cc0032;}
.blue, a.blue, h2.blue{	color: #323366}
/* restitution Statistiques *********************************************************/
div.nbRepQ{
font-size: 10px;color:#AE0000;font-weight:bold;
}
.coche{
float:left;display:inline;clear:left;
width: 500px;
background-image: url(images/coche.gif); background-repeat: no-repeat;
padding-left:20px;font-size:12px;margin:8px 0 0 10px;
}
.texte{width:500px;line-height: 25px;font-size:12px;margin:10px 10px 0 15px;}
