/*************************** Mise en page texte par défaut ***************************/

p , li, h1, fieldset, textarea, h2, div
{

	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 101%;

}

h1
{
	font-size: 110%;
}
p
{
	margin:0;
	padding:0;
}

/*************************** Mise en page globale ***************************/
body
{
	background-color: rgb(191,191,191);
	margin: 0; /*par défaut on met tout a zero*/
	padding: 0; /*par défaut on met tout a zero*/
}

#global
{
	width:990px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;	
}


/*************************** Mise en page top page ***************************/



#banniere
{
	margin: 0 0 5px 0;;
}
#banniere td
{
	vertical-align: bottom;	
}

#vadevenir
{
	vertical-align: bottom;
	padding: 4px;
	font-size: 105%;
}

#help_vadevenir
{
	vertical-align: bottom;
	padding: 10px;
}

#top_page
{
	background-color: rgb(235,235,220);
	padding: 10px 10px 0 10px;
}

#toptoptoptext
{
	margin: 0 auto;
	margin-top: -10px;
	text-align: center;
}

#toptoptoptext_text
{

	font-family: sans-serif;
	font-size: 80%;
	color: rgb(163,163,163);
	font-style: normal;
	text-decoration:none;
}


#menu
{
	width:990px;
	height: 25px;
	margin-left: -10px;
	background-color: rgb(245,245,235);
}

#menu .bouton_menu
{
	width:137px;	height: 25px;	
	margin: 0 2px;
	background-color: rgb(163,163,163);
	float: left;
	text-align: center;
	vertical-align: middle;

	border-radius: 0 0 12px 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 0 0 12px 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 0 0 12px 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
}
#menu .bouton_menu_pro
{
	width:133px;
	height: 23px;
	border: solid 2px rgb(0,150,68);
	border-top: none;
}

#menu a
{
	color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

#menu #moduleencours
{
	background-color: rgb(235,235,220);
	color: rgb(68,68,68);
}

#menu a:hover
{
	color: rgb(30,240,100);
}
#menu a:hover #moduleencours
{
	color: rgb(10,220,80);	
}
/*************************** Mise en page FLAGS ***************************/

#flags
{
	float: right;
	margin: 0;
	margin-top: -14px;
	margin-right: 5px;	
	width: 106px;
}
.labellang_lang_en_cours, .labellang_lang_en_cours:visited
{
	font-family: sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: grey;
	text-decoration: none;
}

.labellang_lang_PAS_en_cours, .labellang_lang_PAS_en_cours:visited
{
	font-family: sans-serif;
	font-size: 70%;
	color: silver;
	text-decoration: none;
}

.labellang_img
{
	vertical-align:middle;
}

.labellang_img_fr
{
	vertical-align:middle;
	width: 50px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -232px -255px;

}
.labellang_img_fr_encours
{
	vertical-align:middle;
	width: 50px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -282px -255px;

}
.labellang_img_en
{
	vertical-align:middle;
	width: 50px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -132px -255px;
	float: right;
}
.labellang_img_en_encours
{
	vertical-align:middle;
	width: 50px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -182px -255px;
	float: right;
}

/*************************** Mise en page sous-menu ***************************/


#sous_menu .bouton_sousmenu
{
	width:132px;
	height: 30px;
	margin: 8px auto;
	padding: 4px 10px;
	background-color: rgb(205,205,205);
	
	border-radius: 15px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 15px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 15px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/

}
#sous_menu .bouton_sousmenu.bouton_sousmenu_pro
{
	width:128px;
	height: 26px;
	border: solid 2px rgb(0,150,68);
}

#sous_menu .bouton_sousmenu .divtable
{
	display : table;
	margin: auto;
	height: 100%;
}

#sous_menu .bouton_sousmenu .divtablecell, #sous_menu .bouton_sousmenu .divtablecell2
{
	display : table-cell;
	vertical-align: middle;
	text-align: center;
	width: 160px;
}
#sous_menu .bouton_sousmenu .divtablecell2
{
	line-height: 0.95;
}

#sous_menu a
{
	color: rgb(68,68,68);
	
	font-size: 65%;
	font-weight: bold;
	text-decoration: none;
}
#sous_menu a
{
	color: rgb(68,68,68);
	
	font-size: 65%;
	font-weight: bold;
	text-decoration: none;
}


#sous_menu #sousmoduleencours
{
	color: white;
	background-color: rgb(158,193,5);/*vert anis*/
}

#sous_menu a:hover, #sous_menu a:hover #sousmoduleencours
{
}

#sous_menu a:hover .bouton_sousmenu, #sous_menu a:hover #sousmoduleencours
{
	background-color: rgb(255,192,0);/*orange*/
}

.sousmenu_bloc
{
	width:164px;
	margin: 15px auto;
	border: solid 3px rgb(161,167,172);
	
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
}
.sousmenu_bloc p
{
	font-size: 110%;
	font-weight: bold;
	margin: 8px 8px 12px 8px;
	text-align:center;
}


/*on sur-ecrit pour le bouton Creer du sous-menu et les autres*/
#sous_menu .bouton_creer_sousmenu,#sous_menu .bouton_reponse_sousmenu, #sous_menu .bouton_resultats_sousmenu, #sous_menu .bouton_gerer_sousmenu
{
	width: 144px;
	height: 135px;
	border: solid 2px rgb(245,245,235);/*gris clair - comme #middle*/	
}
#sous_menu .img_bouton_sousmenu_creer, #img_index_creer
{
	width: 100px;
	height: 100px;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat 0px 0px;
	margin: auto;
}
#sous_menu .img_bouton_sousmenu_repondre, #img_index_repondre
{
	width: 100px;
	height: 100px;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -100px 0px;
	margin: auto;
}
#sous_menu .img_bouton_sousmenu_resultats, #img_index_resultats
{
	width: 100px;
	height: 100px;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -200px 0px;
	margin: auto;
}
#sous_menu .img_bouton_sousmenu_gerer
{
	width: 100px;
	height: 100px;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -300px 0px;
	margin: auto;
}
#sous_menu .bouton_creer_sousmenu .divtablecell, #sous_menu .bouton_reponse_sousmenu .divtablecell, #sous_menu .bouton_resultats_sousmenu .divtablecell, #sous_menu .bouton_gerer_sousmenu .divtablecell
{
	vertical-align: bottom;
}
#sous_menu a .bouton_creer_sousmenu, #sous_menu a .bouton_reponse_sousmenu, #sous_menu a .bouton_resultats_sousmenu, #sous_menu a .bouton_gerer_sousmenu
{
	color: black;
	font-size: 150%;
	line-height:95%;
}
#sous_menu a .bouton_creer_sousmenu  .minor, #sous_menu a .bouton_reponse_sousmenu  .minor, #sous_menu a .bouton_resultats_sousmenu  .minor, #sous_menu a .bouton_gerer_sousmenu  .minor
{
	color: rgb(163,163,163);
	font-size: 75%;
}
#sous_menu #sousmoduleencours.bouton_creer_sousmenu
{
	background-color: rgb(245,245,235);
	border: solid 2px rgb(158,193,5);
	color: black;
}
#sous_menu #sousmoduleencours.bouton_reponse_sousmenu
{
	background-color: rgb(245,245,235);
	border: solid 2px rgb(0,106,174);/*bleu*/
	color: black;
}
#sous_menu #sousmoduleencours.bouton_resultats_sousmenu 
{
	background-color: rgb(245,245,235);
	border: solid 2px rgb(229,131,20);/*orange*/
	color: black;
}
#sous_menu #sousmoduleencours.bouton_gerer_sousmenu 
{
	background-color: rgb(245,245,235);
	border: solid 2px rgb(68,68,68);
	color: black;
}

#img_index_lesplus
{
	width: 25px;
	height: 25px;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -280px -185px;
	margin-right: 20px;
	float: right;
}

/*************************** Mise en page liens en général ***************************/


a,a:visited
{
	color:rgb(0,60,150);
}

a img
{
	border-style: none;
}

/*
text-decoration:none;
a:link { color: red;} /* lien non-visité 
a:visited { color: white;} /* lien visité 
a:hover { color: yellow;} /* lien survolé 
a:active { color: green;} /* lien activé 
*/



/*************************** Mise en page generale du middle bloc ***************************/

#middle
{
	margin:0;
	padding: 0;
	background-color:rgb(245,245,235);/*gris clair*/	
	min-height: 630px;
}

#colonne_gauche
{
	float: left;
	width: 170px;
	padding: 10px 5px;
	background-color: rgb(245,245,235);/*gris clair*/
	min-height: 610px;
}

#corps
{
	background-color: white;
	width: 620px;
	margin-left:180px;
	padding: 5px;
	min-height: 620px;
}

#sous_menu
{

}

#colonne_droite
{
	float: right;
	width:160px;
	padding: 10px;
	background-color: rgb(245,245,235);/*gris clair*/	
}

#astuces_et_news
{

}

#middle.class_middle_GERER
{
	min-height: 800px;
}
#middle.class_middle_GERER #corps
{
	min-height: 790px;
}

#clear_middle
{
	clear: both;
}

#clear_gauche_et_corps
{
	clear: left;
}

#gauche_et_corps
{
	background-color: white;
}


/*************************** Mise en page PUB ***************************/

#pub_haute
{
	height: 60px;
	width:468px;
	float: right;
	margin-top: 20px;
	margin-right: -86px;
}

#pub_bas
{
	height: 90px;
	width:728px;
	margin-top: 15px;
	margin-bottom: 10px;	
	margin-left: 67px;
	clear: right;
	border: solid 1px silver;
}

#pub_droite
{
	height: 600px;
	width: 160px;
	border: solid 1px silver;
}

#pub_horiz
{
	height: 90px;
	width:728px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	background: white;
	border: solid 1px silver;
}

#pub_verti
{
	height: 600px;
	width: 160px;
	border: solid 1px silver;
	position: relative;
	top: -715px;
	left: 635px;
	margin-bottom: -600px;
}

#pub_verti2
{
	height: 600px;
	width: 160px;
	border: solid 1px silver;
	position: relative;
	top: -715px;
	left: 620px;
	margin-bottom: -600px;
}

/*************************** Mise en page pied de page ***************************/

#bottom_page
{
	clear:both;
	background-color: rgb(235,235,220);
	margin:0;
	padding: 10px;
}
#bottom_page td, #bottom_page a, #bottom_page a:visited
{
	vertical-align: top;
	text-align: left;
	color:rgb(163,163,163);
	text-decoration:none;
}
#bottom_page a:hover
{
	color:rgb(0,106,174);
}
.bottom_table
{
	font-family: sans-serif;
	font-size: 65%;
	margin: -5px 10px 0px 10px;
}
#bottom_page th
{
	font-weight: bold;
	color:rgb(68,68,68);
}
.bottom_table ul, .bottom_table li
{
	margin: 0 0 -1px 6px;
	padding: 0 0 0 0px;
}


/*************************** Mise en page module question fixe - bloc avis ***************************/

#modulequestionfixe
{
    position: fixed;
    right: 0px;
	height: 220px;
	bottom: -200px;
	z-index: 100;
	
	width: 300px;
	text-align: left;
	
	background-color: rgb(51,51,51);/*gris très trés foncé presque noir*/
	color: white;
	
	padding: 10px;
	margin-right: 10px;
	
	border-radius: 10px 10px 0px 0px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px 10px 0px 0px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px 10px 0px 0px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/

}

#modulequestionfixe label
{
	font-size: 80%;
	width: 95%;
}

#blocavis_texte, #blocavis_mail
{
	width: 95%;
}

#blocavis_texte
{
	height: 3.6em;
}

#titre_blocavis
{
	font-size: 95%;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 5px;
	border-bottom: solid 1px white;
}

#blocavis_mail_label
{
	display: block;
	line-height: 90%;
	margin-top: 5px;
}

#modulequestionfixe .note
{
	font-size: 60%;
	text-align: left;
	line-height: 95%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#blocavis_bazinga
{
	font-size: 90%;
	text-align: center;	
}

.img_chevron_haut
{
	float: right;
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -332px -255px;
}

.img_chevron_bas
{
	float: right;
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -160px -200px;
}

#zoneclick_blocavis
{
	cursor: pointer;
}
#zoneclick_blocavis:hover #titre_blocavis
{
	color: rgb(255,192,0);
}
#zoneclick_blocavis:hover .img_chevron_haut
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -352px -255px;
}
#zoneclick_blocavis:hover .img_chevron_bas
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -180px -200px;
}

/*************************** Mise en page module connexion compte pro ***************************/

#boutonconnexionpro_on
{
	position: fixed;
	width: 30px;
	height: 40px;
	padding: 8px 0 8px 8px;
	top: 150px;
	right: 0px;
	z-index: 80;
	
	background-color: rgb(0,150,68);
	border: solid 1px rgb(163,163,163);
	border-right: 0px;
	color: white;
	
	border-radius: 8px 0 0 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
	
	cursor: pointer;
}

.img_chevron_gauche
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -240px -200px;
}


.img_chevron_gauche_connected
{
	width: 20px;
	height: 20px;
	margin: auto;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -240px -200px;
	cursor: pointer;
}
.img_chevron_gauche_connected:hover
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -260px -200px;
}

#div_barre_blanche
{
	height:1px;
	width: 30px;
	margin: auto;
	border-top: solid 1px white;
	margin-bottom: 2px;
}

#moduleconnexionpro
{
	display: none;

    position: fixed;
	width: 280px;
	min-height: 190px;
	top: 150px;
	right: 0px;
	z-index: 120;
	
	background-color: rgb(0,150,68);
	border: solid 1px rgb(163,163,163);
	border-right: 0px;
	color: white;
	
	padding: 10px;

	border-radius: 8px 0 0 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/		
	
}

#moduleconnectepro
{
	display: none;

    position: fixed;
	width: 280px;
	min-height: 190px;
	top: 150px;
	right: 0px;
	z-index: 120;
	
	background-color: rgb(0,150,68);
	border: solid 1px rgb(163,163,163);
	border-right: 0px;
	color: white;
	
	padding: 10px;

	border-radius: 8px 0 0 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/		
	
}
#moduleconnectepro td
{
	color: white;
}


.img_chevron_droite
{
	float: right;
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -200px -200px;
}

#zonetexte_moduleconnexionpro table
{
	font-size: 80%;
	color: white;
}
#zonetexte_moduleconnexionpro table td
{
	padding: 2px;
	padding-left: 10px;
}

#zonetexte_moduleconnexionpro table tr td:first-child
{
	padding-left: 2px;
	width: 40%;
}
#mail_pro_moduleconnexionpro, #password_pro_moduleconnexionpro
{
	width: 150px;
}

#zoneclick_moduleconnexionpro
{
	cursor: pointer;
}
#zoneclick_moduleconnexionpro:hover #titre_moduleconnexionpro, #zoneclick_moduleconnectepro:hover #titre_moduleconnectepro, #boutonconnexionpro_on:hover
{
	color: rgb(255,192,0);
}
#boutonconnexionpro_on:hover .img_chevron_gauche
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -260px -200px;
}
#zoneclick_moduleconnexionpro:hover .img_chevron_droite, #zoneclick_moduleconnectepro:hover .img_chevron_droite
{
	width: 20px;
	height: 20px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -220px -200px;
}

#titre_moduleconnexionpro, #titre_moduleconnectepro
{
	font-size: 95%;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 5px;
	border-bottom: solid 1px white;
}

#bas_moduleconnexionpro
{
	margin-top: 10px;
	border-top: solid 1px white;
}

#bas_moduleconnexionpro a, #bas_moduleconnexionpro a:visited
{
	font-size: 70%;
	font-style: italic;
	color: rgb(235,235,220);
}




#boutonconnectepro_on
{
	position: fixed;
	width: 38px;
	height: 72px;
	padding: 8px 2px 8px 8px;
	top: 150px;
	right: 0px;
	z-index: 80;
	
	background-color: rgb(0,150,68);
	border: solid 1px rgb(163,163,163);
	border-right: 0px;
	color: white;
	
	border-radius: 8px 0 0 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px 0 0 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
}
.img_check
{
	float: right;
	width: 16px;
	height: 16px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -321px -235px;
}
#bouton_portefeuille
{
	width: 35px;
	height: 35px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -202px -220px;
	cursor: pointer;
}
#bouton_portefeuille:hover
{
	width: 35px;
	height: 35px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -167px -220px;
}
#boutonconnectepro_on
{
	font-size: 90%;
}

#bouton_portefeuille_gros
{
	width: 80px;
	height: 80px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -80px -140px;
	cursor: pointer;
}
#bouton_portefeuille_gros:hover
{
	width: 80px;
	height: 80px;
	background: url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat 0px -140px;
}

#zonetexte_moduleconnectepro table
{
	margin: 0;
}

#bas_moduleconnectepro
{
	margin-top: 5px;
	padding-top: 8px;
	border-top: solid 1px white;
}

#bas_txt_moduleconnectepro a, #bas_txt_moduleconnectepro a:visited
{
	font-size: 70%;
	font-style: italic;
	color: rgb(235,235,220);
}


/*************************** Mise en page Page Gérer ***************************/

#buttonszone_gerer
{
	width:95%;
	margin: 20px auto;
	padding: 10px;
}
#buttonszone_gerer table
{
	border-collapse: collapse;
}
#buttonszone_gerer td
{
	width: 33%;
	padding: 5px;
}
#buttonszone_gerer td>div
{
	border-radius: 14px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 14px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 14px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
	
	background-color: rgb(205,205,205);
	
	height: 160px;
	width: 186px;
}
#buttonszone_gerer td>div.div_gerer_pro
{
	height: 156px;
	width: 182px;
	border: solid 2px rgb(0,150,68);
}

#buttonszone_gerer .gerer_a_gros
{
	display: block;
	height: 150px;
	
	padding: 0 15px;
	
	color: rgb(68,68,68);
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}
#buttonszone_gerer .gerer_a_gros >span
{
	display: table;
	margin: auto;
	height: 100%;
}
#buttonszone_gerer .gerer_a_gros span span
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#buttonszone_gerer td>div:hover
{
	background-color: rgb(255,192,0);
}
#buttonszone_gerer td>div a:hover
{
	color: white;
}
#buttonszone_gerer p
{
	padding: 15px 15px 5px 15px;
	
	color: rgb(68,68,68);
	font-size: 80%;
	font-weight: bold;
	text-align: center;	
}
#buttonszone_gerer ul
{
	margin: 5px auto;
	padding: 0 5px 0 25px;
	font-size: 80%;
	color: rgb(68,68,68);
}
#buttonszone_gerer li
{

}
#buttonszone_gerer li.li_gerer_pro
{
	border-left: solid 2px rgb(0,150,68);
	padding-left: 2px;
}

#buttonszone_gerer ul a
{
	color: rgb(68,68,68);
	text-decoration: none;
	display: block;
	width: 100%;
}


.desc_button_gerer
{

	font-size: 100%;
}

.onebuttonzone_gerer img
{
	margin-right: 5px;
}

.mini_gerer
{
	font-weight: normal;
}


/*************************** Boutons choix theme style ***************************/

#table_theme_perso
{
	border: none;
	border-collapse: separate;
	border-spacing: 8px 2px;
	margin-bottom: 5px;
}
.theme_perso
{
	border: solid 3px white;
}
.theme_perso:hover
{
	border: solid 3px rgb(255,192,0);
	cursor: pointer;
}

#table_theme_perso td
{
	border-bottom: solid 1px white;
}

#table_theme_perso td.td_theme_selected
{
	border-bottom: solid 1px red;
}


.div_poweredby
{
	font-size: 90%;
	color: grey;
	font-style: italic;
	
}
/*************************** Mise en page index ***************************/

#intro_index
{
	margin: 0;
	padding: 5px 5px 15px 5px;
	font-size: 105%;
	background-color: rgb(212,202,198);
	
	border-radius: 20px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 20px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 20px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}


#id_requin_index
{
	margin: 0 0 -8px 25px;
	padding: 0;
}

#intro_index_invisible
{
	width: 550px;
	margin: 20px auto;
}

#intro_index p
{
	margin: 5px 20px;
	color: white;
}

#intro_index .index_bienvenue
{
	font-size: 160%;
	margin: 10px 0 5px 40px;
}

.zeq_index
{
	color: rgb(68,68,68);
	font-size: 120%;
}

#buttonszone_index
{
	background-color: white;		
	width:500px;
	padding: 5px 0 10px 0;
	margin: 10px auto;
	
	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

.bouton_index_texte_gros
{
	color: rgb(68,68,68);	
}

.bouton_index_texte_fin
{
	color: rgb(163,163,163);
	font-size: 60%;
}

#buttonszone_index  td
{
	width: 30%;
	padding: 10px 0;
	vertical-align: top;
	line-height: 1;
}

#buttonszone_int_index
{
	width:90%;
	height: 120px;
	margin: auto;
}

.img_index, #buttonszone_int_index a, .button_index, #buttonszone_index h1
{
	margin: auto;
	text-align: center;	
}

#buttonszone_index h1
{
	margin: 5px 0 0 0;
	font-weight: bolder;
}
#buttonszone_index a
{
	display: block;
	padding: 5px;
	padding-bottom: 10px;
	height: 160px;
	text-decoration: none;
		
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
}
#buttonszone_index a:hover
{
	background-color: rgb(255,192,0);/*orange*/
}

#imgindex_zone
{
	margin: auto;	
}
#imgindex_zone td
{
	padding: 20px;	
}

.bloc_plus_et_a_cote
{
	width: 80%;
	padding: 0;
	margin: auto;
	vertical-align: middle;
}

#petit_bloc_plus
{
	height: 30px;
	width: 80px;
	background-color: rgb(220,220,90);
	margin: 0 0 -18px 2px;
	padding: 5px 20px;

	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	color: rgb(68,68,68);
	font-size: 115%;
}
#petit_bloc_plus img
{
	vertical-align: middle;
}

#bloc_les_plus
{
	background-color: rgb(220,220,90);
	
	margin: auto;
	padding: 10px 5px 5px 5px;
	
	width:90%;
	height: 220px;
	
	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

.ul_index_lesplus_niv1
{
	margin: 10px;
	padding: 0;
	
	list-style-type: none;
}
.ul_index_lesplus_niv1>li
{
	margin: 10px 0;
	padding: 10px 0;
}

.titre_ul_index_lesplus_niv1
{
	color: rgb(68,68,68);
	display: block;
	padding-left: 20px;
	

}

.ul_index_lesplus_niv1 > li:before
{
	color: rgb(68,68,68);/*gris foncé*/
	content: "> ";
	font-weight: bold;
	padding-left: 0px;
	display: block;
	float:left;
	
}

.ul_index_lesplus_niv2
{
	font-size: 70%;
	color: rgb(0,106,174);
	font-style: italic;
	padding: 5px 10px 0 35px;
	
	display: none;
}


.ul_index_lesplus_niv1>li:hover  .titre_ul_index_lesplus_niv1
{
	color: rgb(0,106,174);
}

.ul_index_lesplus_niv1>li:hover  .ul_index_lesplus_niv2
{
	display: block;
}

.ul_index_lesplus_niv1:hover>li
{
	padding: 0;
}
.ul_index_lesplus_niv1>li:last-child:hover
{
	padding: 15px 0;
}

/*************************** Mise en page blocs titres dans les modules ***************************/

#bloc_titre
{
	margin: 0px 10px 20px 10px;
	padding: 8px 8px 15px 8px;

	background-color: rgb(212,202,198);
	
	border-radius: 20px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 20px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 20px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	color: white;
}

#bloc_titre h1
{
	font-size: 130%;
	margin: 0 20px 5px 20px;
	color: rgb(68,68,68);
}

#bloc_titre .strong_blue_titre
{
	font-size: 100%;
	color: rgb(68,68,68);
}


#bloc_titre .strong_blue, #reponse_choixuser_new .strong_blue, #reponse_choixuser_select .strong_blue
{
	color: rgb(68,68,68);
	font-weight: normal;
}

#bloc_titre .strong_orange, .template_bas .strong_orange, #reponse_choixuser_new .strong_orange, #reponse_choixuser_select .strong_orange
{
	color: rgb(68,68,68);
	font-weight: bold;
}

#bloc_titre .strong_greeny, .template_bas .strong_greeny, .p_apercu_ci_dessous .strong_greeny
{
	color: rgb(68,68,68);
	
}

#bloc_titre ol
{
	font-size: 90%;
	margin: 0;
	list-style: disc;
}
#bloc_titre li
{
	margin-top: 1px;
}

#bloc_titre p
{
	margin: 0;
	padding-left: 20px;
}
#bloc_titre p.p_bloctitre_resultats
{
	font-size: 90%;
	margin-top: 5px;
}


#bloc_titre ul
{
	list-style-position: outside;
	padding-left: 20px;
	padding-right: 5px;
}

#bloc_titre a, .template_bas a
{
	font-weight: bold;
	color: rgb(0,112,192);
}


.class_requin /*valeur pour l'index = valeur par defaut pour toute les pages, sauf si respecicifée avec les id_requin_xxmodulexxx*/
{
	margin: 10px 0 -8px 30px; 	padding: 0;
	
}

#id_requin_Gerer, #id_requin_Modifier,#id_requin_ajoutsondes,#id_requin_visualiser,#id_requin_cacher,#id_requin_efface,#id_requin_retrouvecode,#id_requin_changeoption,#id_requin_changeoption2,#id_requin_copiercoller ,#id_requin_changer_statut, #id_requin_supprallrep, #id_requin_changer_adm, #id_requin_pro_portefeuille
{
	margin-left: 150px; }

#id_requin_reponse
{
	margin-left: 285px; }

#id_requin_resultats, #id_requin_resultats_suivi, #id_requin_resultats_synthese, #id_requin_resultats_details, #id_requin_resultats_zoom, #id_requin_resultats_exports, #id_requin_resultats_codes
{
	margin-left: 430px;}

#id_requin_offrepro_inscription, #id_requin_offrepro_tarifs, #id_requin_offrepro_renew, #id_requin_offrepro_mdp, #id_requin_CGV, #id_requin_offrepro_suivi, #id_requin_offrepro_seconnecter
{
	margin-left: 530px;
}

.note3
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 80%;
	color: grey;

	margin:0;
	padding:0;
	margin-top: 20px;
	font-style: italic;
}

.p_titre_sondage_ds_choixuserrep
{
	margin: 10px;
}
/*************************** Mise en page formulaire creation & modifier & reponse & visualize ***************************/

/*Valeurs par defaut - que l'on peut modifier grace a la class_corps_xxxmodulexxx*/
fieldset
{
	font-size: 85%;
	border: solid 3px rgb(158,193,5);
	padding: 5px 10px 10px 20px;

	border-radius: 10px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	margin-bottom:10px;
}

fieldset legend
{
	font-weight: bold;

	background-color: rgb(229,231,156);
	color: rgb(68,68,68);
	
	border: solid 3px rgb(158,193,5);
	
	border-radius: 10px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	padding: 2px 6px 3px 6px;
	
	min-width: 150px;
}

/*necessaire pour centrage chrome dans la legend mais legend reste a gauche*/
.span_legend
{
	display: block;
	min-width: 150px;
	text-align: center;
}

.class_corps_reponse fieldset legend, .class_corps_visualiser fieldset legend
{
	background-color: rgb(186,200,227);
	border-color: rgb(0,106,174);
}
.class_corps_reponse fieldset, .class_corps_visualiser fieldset
{
	border-color: rgb(0,106,174);
}

.class_corps_resultats fieldset legend, .class_corps_resultats_codes fieldset legend
{
	background-color: rgb(253,205,140);
	border-color: rgb(229,131,20);
}
.class_corps_resultats fieldset, .class_corps_resultats_codes fieldset
{
	border-color: rgb(229,131,20);
}


.nomsonde_rep_fieldset, .nomsonde_rep_legend
{
}
.nomsonde_rep_legend
{
	color: white;
}


#titre,#desc,.question,.texte_aide,#modeacces,.type_reponse,.reponse,#mail_adm,#mails_sondes,.reponse_tl,.reponse_ld,input[type="text"],input[type="password"],#texte_mail_nouscontacter,#blocavis_texte,.priorite_max, .priorite_min, .etoiles_max, .grille_score_min, .grille_score_max, .score_min, .score_max, .choixtype_score, .choixtype_grille_score, .reponse_commentaire, .plus_commentaire
{
	border: solid 1px rgb(130,129,124);
	background-color: rgb(235,235,220);
}
#titre,#mail_adm,#mail_nouscontacter
{
	width: 95%;
	height: 1.2em;
}
#desc,#mails_sondes
{
	width: 95%;
	height: 3.6em;
}
#texte_mail_nouscontacter
{
	width: 95%;
	height: 6em;
}
.question
{
	width: 93.5%;
	height: 2.4em;
	margin-top: 5px;
}
.label_question
{
	display: block;
	padding-top: 8px;
	margin-bottom: -5px;
}
.texte_aide,.reponse_tl
{
	width: 93.5%;
	height: 2.4em;
}
.reponse_ld
{
	max-width: 580px;
}
.score_table
{
	text-align: center;
}
.grille_score_table
{
	text-align: center;
}
.grille_score_table td:first-child
{
	text-align: left;
}

.autourcheckbox
{
	width:13px;
	height:13px;
	background-color: rgb(235,235,220);
	border: solid 3px rgb(235,235,220);
}
.autourradiobutton
{
	width:13px;
	height:13px;
	background-color: rgb(235,235,220);
	border: solid 1px rgb(235,235,220);
}
.autourcheckbox:hover
{
	background-color: rgb(255,192,0);
	border: solid 3px rgb(255,192,0);
}
.autourradiobutton:hover
{
	background-color: rgb(255,192,0);
	border: solid 1px rgb(255,192,0);
}
input[type="checkbox"]
{
	margin: 0;
}
input[type="checkbox"]:hover, input[type="radio"]:hover, .autourcheckbox:hover, .autourradiobutton:hover, select:hover,input[type="button"]:hover
{
	cursor: pointer;
}
select
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 90%;
	height: 1.8em;
	vertical-align: middle;
}
.infobulle
{
	margin:0;
	vertical-align:middle;
}


.type_reponse
{
	width: 430px;	
}

.reponse
{
	width: 310px;
	height: 1.2em;
}
.class_corps_Modifier .reponse
{
	width: 220px;
}

.td_labelreponse
{
	width: 120px;
}


#titre,#desc,.question,.texte_aide,.reponse,.type_reponse,#resultforsondes,.oblig, .reponse_tl, #modeacces,#mail_adm,#mails_sondes,input[type="text"],input[type="password"],.bool_texteaide,#texte_mail_nouscontacter,#blocavis_texte,#blocavis_texte_faq,.priorite_max, .priorite_min, .etoiles_max, .grille_score_min, .grille_score_max, .score_min, .score_max, .choixtype_score, .choixtype_grille_score, .reponse_commentaire, .plus_commentaire
{
	border: solid 1px silver;
	text-decoration: none;
}
#titre:focus,#desc:focus,.question:focus,.texte_aide:focus,.reponse:focus,.type_reponse:focus,#resultforsondes:focus,.oblig:focus, .reponse_tl:focus, #modeacces:focus,#mail_adm:focus,#mails_sondes:focus,input[type="text"]:focus,,input[type="password"]:focus,.bool_texteaide:focus,#texte_mail_nouscontacter:focus,#blocavis_texte:focus, .focuspourIE, #blocavis_texte_faq:focus, .priorite_max:focus, .priorite_min:focus, .etoiles_max:focus, .grille_score_min:focus, .grille_score_max:focus, .score_min:focus, .score_max:focus, .choixtype_score:focus, .choixtype_grille_score:focus, .reponse_commentaire:focus, .plus_commentaire:focus
{
	border: solid 1px rgb(0,106,174);
	text-decoration: none;
}
#titre:hover,#desc:hover,.question:hover,.texte_aide:hover,.reponse:hover,.type_reponse:hover,#resultforsondes:hover,.oblig:hover, .reponse_tl:hover, #modeacces:hover,#mail_adm:hover,#mails_sondes:hover,input[type="text"]:hover,input[type="password"]:hover,.bool_texteaide:hover,#texte_mail_nouscontacter:hover,#blocavis_texte:hover, .priorite_max:hover, .priorite_min:hover, .etoiles_max:hover, .grille_score_min:hover, .grille_score_max:hover, .score_min:hover, .score_max:hover, .choixtype_score:hover, .choixtype_grille_score:hover, .reponse_commentaire:hover, .plus_commentaire:hover, #div_perso_fin select:hover, .reponse_ld:hover
{
	background-color: rgb(255,192,0);
}
.color
{
	border: solid 2px silver;
}
.color:hover
{
	border: solid 2px rgb(255,192,0);
}

.bloc_type_question
{
	font-size: 90%;
	width: 94%;
	margin-top: 8px;
	padding: 2px 5px 10px 5px;
	border-left: solid 1px silver;
}

.bloc_reponse
{
	clear: both;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;	
	border-left: solid 1px silver;
}
.bloc_choixreponseautre
{
	padding-top: 10px;
}
.bloc_param_score, .bloc_param_grille_score
{
	clear: both;
	margin-top: 10px;
	margin-left: 20px;
	border-left: solid 1px silver;
	padding: 5px 0 10px 10px;
}
.priorite_max, .priorite_min, .etoiles_max, .grille_score_min, .grille_score_max, .score_min, .score_max
{
	width: 20px;
}
.choixtype_score, .choixtype_grille_score
{
	width: 165px;
}
.grille_score_min, .score_min, .priorite_min
{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
}
.etoiles_max
{
	margin-top: 10px;
}
.bloc_texte_aide
{

	margin-top:15px;
	font-size: 90%;
}
.bloc_commentaire
{
	margin-top:20px;
}
.comment_grillescore
{
	margin-top:10px;
	margin-left: 20px;
	margin-bottom: -10px;
}
.bloc_question_obligetaide
{
	min-height:15px;
	font-size: 90%;
	margin: 10px 5px;
	margin-left: -24px;
}
.bloc_question_obligetaide_inside
{
	float:left;	
	margin-left: 30px;
}
.bloc_aidebloctexteoutitre
{
	width: 90%;
	font-size: 85%;
	margin-top: 10px;
	font-style: italic;
	color: grey;
}

.filedset_question_titre h3
{
	margin: 5px;
	font-weight: bold;
}

.note
{
	font-size: 80%;
	color: grey;
	text-align: right; 
	margin:0;
	padding:0;
	margin-right: 30px;
	font-style: italic;
}

.note2
{
	font-size: 70%;
	color: grey;
	text-align: right; 
	margin:0 5px 10px 0;
	padding:0;
	font-style: italic;
}
.note4
{
	font-size: 80%;
	color: grey;
	text-align: right; 
	margin:0;
	padding:0;
	margin-right: 5px;
	font-style: italic;
}

textarea
{
	font-size: 85%;	
}

#title_part /*titre questionnaire quand on cree questionnaire*/
{
	padding:5px 5px 20px 15px;
}

.title_part/*demande de saisie des codes*/
{
	padding: 0px 5px 20px 15px;
}

#title_part h2
{
	margin-bottom: 0;
}
#title_part p
{
	margin-top: 15px;
}

.question_rep_libelle
{
	font-size: 110%;	
	margin: 5px 0 10px 5px;
}
.texteaide_rep
{
	font-style: italic;
	margin-bottom: 10px;
	font-size: 95%;
}
.comment_oblig
{
	font-style: italic;
	font-weight: bold;
	margin: 0 10px;
	font-size: 90%;
	color: rgb(163,163,163);
	float: right;
}

#div_bypasswarnings
{
	font-family: Verdana,Arial, sans-serif;
	font-size: 90%;
}

.cr_affiche_new_or_bdd
{
	font-size: 80%;
	color: blue;	
	font-style: italic;
}
.q_affiche_new_or_bdd
{
	font-size: 80%;
	color: blue;	
	font-style: italic;
	
	float: right;
	margin-right: 10px;

}


.choix_mode_access
{
	padding-left: 10px;
	border-left: 1px solid;
	margin: 0 0 10px 10px;

}

#parametres_questionnaire
{
	border-collapse: collapse;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#parametres_questionnaire td
{
	width: 50%;
	border: dotted 1px grey;
	padding: 10px 10px 10px 10px;
}
#parametres_questionnaire td.bloc_disabled_pro
{
	border: solid 1px rgb(0,150,68);
	background-color: rgb(235,235,220);
}


#parametres_questionnaire ul
{
	list-style-type:disc;
	padding-left: 25px;
}

#parametres_questionnaire input
{
	margin: 2px 5px ;
	float: left;

}


.option
{
	font-size: 110%;
	color: rgb(255,128,0);
	font-weight: bold;
	display: block;
	margin-left: 22px;
}
.textoption
{
	clear: both;
	display: block;
	margin-top: 5px;
	color: rgb(100,100,100);
}
.textchoixoption
{
	font-size: 110%;
	color: rgb(0,112,192);/*bleu*/
	font-style: italic;
}

#titre_option
{
	margin : 20px;
	margin-bottom: 10px;
	font-style: italic;
	color: rgb(191,191,191);/*gris foncé +*/
	text-align: justify;
}

#mail_suite
{
	width: 93%;
	margin: auto;
	padding-top: 10px;
}

#bloc_mails_sondes table
{
	font-size: 95%;	
}

.premierecolonne_codeconfirmation
{
	width: 70%;
}
#insctiption_comptepro .premierecolonne_codeconfirmation, #mdp_comptepro .premierecolonne_codeconfirmation, #renew_comptepro .premierecolonne_codeconfirmation
{
	width: 60%;
	font-size:90%;
	border-left: solid 1px grey;
	padding: 5px;
}
#p_infocalculees_pro
{
	margin: 10px;
	font-weight: bold;
	font-size: 100%;
	border: 10px;
}

#table_date_creation input
{
	width: 80px;
}
#table_date_creation
{
	font-size: 85%;
}
.td_blank
{
	width: 20px;
}

.div_star_empty
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -237px -220px;
	width:32px;
	height:32px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.div_star_full
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -269px -220px;
	width:32px;
	height:32px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.div_star_zero_empty
{
	width:32px;
	height:32px;
	color: rgb(163,163,163);
	font-size: 180%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: solid 1px white;
}
.div_star_zero_choisi
{
	width:32px;
	height:32px;
	color: rgb(163,163,163);
	font-size: 180%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;	
	border: solid 1px rgb(255,192,0);
}

.td_star
{

}

.td_star:hover
{
	background-color: rgb(255,192,0);
}
.td_star:hover .div_star_zero_empty
{
	border: solid 1px rgb(255,192,0);
}

.div_reponse_commentaire
{
	float: right;
	margin-right:80px;
}
.reponse_commentaire
{
	height: 1.2em;
	width: 400px;
}

.plus_commentaire
{
	width: 93.5%;
	height: 3.6em;
}
.div_plus_commentaire
{
	margin-top: 10px;
}

#div3_optionsavancees_onoff, #div2_optionsavancees_onoff
{
	width: 135px;
	float: right;
	margin-bottom:5px;
	margin-right: 5px;
}
#div3_optionsavancees_onoff .note_optionsavancees_onoff, #div2_optionsavancees_onoff .note_optionsavancees_onoff
{
	font-size: 80%;
	color: grey;
	margin:0;
	padding:0;
	font-style: italic;
	margin-top: 3px;
}
#div2_optionsavancees_onoff .note_optionsavancees_onoff
{
	font-size: 65%;	
}
#autour3_optionsavancees_onoff, #autour2_optionsavancees_onoff
{
	height: 20px;
	width: 40px;
	border: solid 1px silver;
	float: right;
	
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
	
	cursor: pointer;
}
#dedans3_optionsavancees_onoff, #dedans2_optionsavancees_onoff
{
	height: 18px;
	width: 18px;
	border: solid 1px silver;
	background-color: silver;
	
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
}
#autour3_optionsavancees_onoff.on #dedans3_optionsavancees_onoff, #autour2_optionsavancees_onoff.on #dedans2_optionsavancees_onoff
{
	margin-left: 20px;
}
#onoff3, #onoff2
{
	font-size: 75%;
	font-weight: bold;
	color: silver;
	
	position: relative;
	left: 21px;
	top: -17px;
}
#onoff2
{
	font-size: 65%;
}
#autour3_optionsavancees_onoff.on #onoff3, #autour2_optionsavancees_onoff.on #onoff2
{
	left: 4px;;
}
#autour3_optionsavancees_onoff:hover, #autour2_optionsavancees_onoff:hover
{
	background-color: rgb(255,192,0);
}
#autour3_optionsavancees_onoff:hover #onoff3, #autour2_optionsavancees_onoff:hover #onoff2
{
	color: white;
}

#mail_options
{
	clear: right;
}

#mylogo
{
	float: right;
}

.titre_intermediaire_crea
{
	font-weight: bold;
	font-size: 85%;
	margin-top:15px;
	color: rgb(255,128,0);
}
.titre_intermediaire_inscription
{
	font-weight: bold;
	font-size: 110%;
	margin: 0px 5px 5px 0px;
	color: rgb(255,128,0);
}

.div_cgv
{
    width: 550px;
    height: 150px;
    overflow: auto;
	margin: 5px;
	padding: 2px;
	border: solid 1px rgb(130,129,124);
	background-color: rgb(245,245,235);
}
.div_intermediaire_inscription
{
	margin: 0px 5px 10px 5px;
	padding: 5px 5px 5px 10px;
	
	border: solid 1px rgb(205,205,205);
	
}
.table_simple td, .table_simple th
{
	border: solid 1px rgb(130,129,124);
	padding: 0px 5px;
}
.table_simple
{
	border-collapse: collapse;
	font-size: 85%;
}
.table_simple th.left
{
	text-align: left;
}

.div_message_navig_user
{
	margin : 15px 10px 5px 10px;
	padding-right: 5px;
	border: solid 1px rgb(205,205,205);
}
.div_message_navig_user table
{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.div_message_navig_user_img
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -280px -140px;
	width:45px;
	height:45px;
	margin : 5px;
}
.div_message_navig_user_texte ul 
{
	padding-left: 20px;
	margin: 0;
	margin-top: 5px;
	font-size: 70%;
	font-style: italic;
	color: rgb(100,100,100)}
.div_message_navig_user_texte ul li
{
	margin-bottom: 5px;
}
.div_message_navig_user_texte p
{
	margin: 0;
	margin-top: 5px;
	padding: 0;
	font-size: 70%;
	font-style: italic;
	color: rgb(100,100,100)	
}

.message_fonction_pro
{
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
	color : rgb(0,150,68);
}

.titre_part3
{
	font-size: 100%;
	color: rgb(255,128,0);
	font-weight: bold;
	margin-left: -10px;
}

#bloc_pseudo_crea_2 .span_infobulle_autour:hover .span_infobulle_dedans
{
	font-size: 95%;
}

#table_date_creation .span_infobulle_autour:hover .span_infobulle_dedans
{
	font-size: 90%;
}

 
#go_inscription
{
	background:url('https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif') top right no-repeat;
	width:144px;
	height:46px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
}


#div_logo_tobeloaded label
{
	font-size: 85%;
}
#div_logo.bloc_disabled_pro
{
	border: dashed 1px rgb(0,150,68);
	padding: 5px;
	background-color: rgb(235,235,220);
}

.label_date_creation
{
	font-size: 95%;
}

#datefin_cloture_max, #datefin_suppr_max
{
	background-color: grey;
}

#bloc_mails_sondes,#bloc_mails_adm_cgu
{
	border-left: solid 1px silver;
	padding-left: 10px;
	margin-top: 10px;
}
#bloc_pseudo_crea_2,#table_date_creation
{
	border-left: solid 1px silver;
	padding-left: 10px;
}

#bloc_pseudo_crea_2
{
	font-size: 80%;
	margin-bottom: 20px;	
	padding-top: 4px;
}
#bloc_pseudo_crea_yesno
{

}

/*************************** Mise en page bandeau étapes ***************************/
#bandeau_etape
{
	width : 95%;
	font-size: 65%;
	margin: 15px;	
	text-align: center;
	
	margin-bottom: -3px;
	
    border-collapse: separate;
    border-spacing: 8px 2px;
}

.etape_en_cours
{
	width: 25%;
	color: rgb(163,163,163);
	font-weight: bold;
	
	border: solid 1px rgb(163,163,163);
	border-bottom: 0;
	
	border-radius: 6px 6px 0 0;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px 6px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px 6px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	padding: 4px 0;
	
	background-color: white;

	position: relative;
	z-index: 20; 
	
	cursor: pointer;
	
}
.etape_pas_en_cours
{
	width: 25%;
	background-color: rgb(163,163,163);
	
	border: none;
	color: white;
	
	border-radius: 6px 6px 0 0;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px 6px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px 6px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	padding: 4px 0;	
	
	cursor: pointer;
}

.etape_pas_en_cours:hover
{
	color: rgb(255,192,0);
}
.etape_en_cours:hover
{
	color: rgb(255,192,0);	
}

#hr_bottom_bandeau_etape
{
	margin: 0px;
	padding	: 0;
	width: 100%;
	
	height: 1px;
	border: 0;
	color: rgb(163,163,163);
	background-color: rgb(163,163,163);

	position: relative;
	z-index: 10; 
	
	margin-bottom: -10px;
	
}

#bouton_visualiser
{
	position: relative;
	left: 430px;
	top: 8px;
	
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/ze_visu_v1.png') 8px -5px no-repeat;
	width:170px;
	height:15px;
	margin: 0;
	padding: 0;
	
	padding-left: 30px;
	font-size: 55%;
	color: rgb(163,163,163);

	border: none;
	border-radius: 6px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

/*************************** Mise en page affichage erreurs ***************************/

.erreur
{
	color: red;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
}
.erreur:before
{
	content: url('http://dev.askabox.com/__zemoteur/__css/icones/interdit_small_v1.png');
	vertical-align: middle;
}
.erreur_strong
{
	font-weight: bold;
}

.warning
{
	color: rgb(255,128,0);
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
}
.warning:before
{
	content: url('http://dev.askabox.com/__zemoteur/__css/icones/alerte_small_v1.png');	
	vertical-align: middle;
}


/*************************** Mise en page Boutons tous modules ***************************/
.decrement:hover, .increment:hover,.decrement_cr:hover, .increment_cr:hover, .supprimer:hover,.suppr_rep:hover,.crea_rep:hover,#newQuestionButton:hover,#suivant_questionnaire:hover,#enregistrer_questionnaire:hover,#precedent:hover,#go_codes:hover,#envoyerRep:hover,.button_resultatsuivi_cache:hover,.button_resultatsuivi_affiche:hover, .button_cache:hover, .button_affiche:hover,#envoyerCodeConfirmation:hover,#bouton_visualiser:hover,.pie_button:hover,.bar_button:hover,.donut_button:hover,#go_inscription:hover/*,#flag_fr:hover,#flag_us:hover*//*pointé*/
{
	background-color: rgb(255,192,0);
	cursor: pointer;
	
	border-radius: 6px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

.decrement:active , .increment:active,.decrement_cr:active , .increment_cr:active, .supprimer:active,.suppr_rep:active,.crea_rep:active,#newQuestionButton:active,#suivant_questionnaire:active,#enregistrer_questionnaire:active,#precedent:active,#go_codes:active,#envoyerRep:active,.button_resultatsuivi_cache:active,.button_resultatsuivi_affiche:active,.button_cache:active, .button_affiche:active,#envoyerCodeConfirmation:active,#bouton_visualiser:active,.pie_button:active,.bar_button:active,.donut_button:active/*,#flag_fr:active,#flag_us:active/ /*sélectionné*/
{
}

.decrement
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -320px -100px;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -10px;
	margin-right: -5px;
}
.increment
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -360px -100px;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -10px;
}
.supprimer
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -132px -220px;
	width:35px;
	height:35px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	float: right;
	margin-top: -35px;
}
.suppr_rep
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -301px -235px;
	width:20px;
	height:20px;
	margin: 1px;
	padding: 0;
	border: none;
	font-size: 0%;
	vertical-align: middle;
}
.crea_rep
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/plusrond_30px_v1.png') 3px 3px no-repeat;
	width:225px;
	height:36px;
	margin: 0;
	margin-left:10px;
	padding: 0;
	border: none;
	font-size: 80%;
	color: rgb(163,163,163);
	text-align: left;
	padding-left: 36px;
	vertical-align: middle;
}
#newQuestionButton
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/plusrond_40px_v1.png') 5px 5px no-repeat;
	width:235px;
	height:50px;
	margin: 0;
	margin-left:20px;
	padding: 0;
	border: none;
	font-size: 80%;
	color: rgb(163,163,163);
	text-align: left;
	padding-left: 48px;
	margin-top: -5px;
}
#suivant_questionnaire
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/suivant_v1.png') 75px 5px no-repeat;
	width:120px;
	height:50px;
	margin: 0;
	margin-top: -5px;
	padding: 0;
	border: none;
	font-size: 80%;
	color: rgb(163,163,163);
	float: right;
	text-align: right;
	padding-right: 50px;
}
#envoyerRep
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/enregistrer_40px_v1.png') 135px 5px no-repeat;
	width:180px;
	height:50px;
	margin: 0;
	margin-top: -5px;
	padding: 0;
	border: none;
	font-size: 80%;
	color: rgb(163,163,163);
	float: right;
	text-align: right;
	padding-right: 45px;
}
.clear
{
	clear: right;
}

#enregistrer_questionnaire
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/enregistrer_40px_v1.png') 90px 5px no-repeat;
	width:135px;
	height:55px;
	margin: 0;
	margin-top: -5px;
	padding: 0;
	border: none;
	font-size: 80%;
	color: rgb(163,163,163);
	float: right;
	text-align: right;
	padding-right: 50px;
}
#precedent
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -120px -100px;
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	display: inline;
}
#envoyerCodeConfirmation
{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,112,192);/*bleu*/
	width: 140px;
}
#go_codes
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -40px -100px;
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	margin-left: 5px;
}

.button_cache
{
	float:right;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -330px -185px;
	width:25px;
	height:25px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
	margin-bottom: 5px;
}
.button_affiche
{
	float:right;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -305px -185px;
	width:25px;
	height:25px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
}
.button_resultatsuivi_affiche
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -305px -185px;
	width:25px;
	height:25px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
}
.button_resultatsuivi_cache
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -330px -185px;
	width:25px;
	height:25px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0%;
}
.pie_button
{
	float: right;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -326px -210px;
	width:25px;
	height:25px;
	margin: 0px 5px;
	padding: 0;
	border: none;
	font-size: 0%;
}
.bar_button
{
	float: right;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -351px -210px;
	width:25px;
	height:25px;
	margin: 0px 5px;
	padding: 0;
	border: none;
	font-size: 0%;
}
.donut_button
{
	float: right;
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -326px -210px;
	width:25px;
	height:25px;
	margin: 0px 5px;
	padding: 0;
	border: none;
	font-size: 0%;
}
.pie_button:hover, .bar_button:hover, .donut_button:hover
{
	background-color: rgb(255,192,0);
}

#cache_suivi,#affiche_suivi
{
	margin-right:20px;
}

#buttonExportExcel, #buttonExportPDF, #buttonExportCSV
{
	text-align: left;
	width:135px;
	height:44px;
	margin-top: 8px;

	border: none;
	float: right;
	font-size: 80%;

	color: rgb(68,68,68);/*gris*/
	
	border-radius: 10px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/

}
#buttonExportExcel
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/excel_40px_v1.png') 85px center no-repeat;
}
#buttonExportPDF
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/pdf_40px_v1.png') 85px center no-repeat;
}
#buttonExportCSV
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/csv_40px_v1.png') 85px center no-repeat;
}

#buttonExportExcel_index, #buttonExportPDF_index
{
	width:160px;
	height:60px;
	margin: 2px;
	padding: 0;
	border: none;
	
	font-size: 60%;
	color: rgb(68,68,68);/*gris*/
	
	text-align: left;
	padding-left: 68px;
	padding-right: 10px;
	
	border-radius: 10px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/

}
#buttonExportExcel_index
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/excel_index_v1.png') 5px top no-repeat;
}
#buttonExportPDF_index
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/pdf_index_v1.png') 5px top no-repeat;
}



#buttonExportExcel_index:hover, #buttonExportPDF_index:hover, #buttonExportExcel:hover, #buttonExportPDF:hover, #buttonExportCSV:hover
{
	background-color: rgb(255,192,0);
	cursor: pointer;
}

.decrement_cr
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -380px -170px;
	width:20px;
	height:20px;
	margin: 1px;
	padding: 0;
	border: none;
	font-size: 0%;
	margin-right: -5px;
	vertical-align: middle;	
}
.increment_cr
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -380px -190px;
	width:20px;
	height:20px;
	margin: 1px;
	padding: 0;
	border: none;
	font-size: 0%;
	vertical-align: middle;
}




/*************************** Mise en page Module resultat et suivi ***************************/

.bloc_suivi
{
}

.bloc_suivi  .strong_blue, .bloc_resultats .strong_blue
{
	font-size: 100%;
	color: rgb(242,148,0);
}
.bloc_export .strong_blue
{
	font-size: 100%;
	color: rgb(68,68,68);
}


.bloc_suivi , .bloc_resultats, .bloc_export
{

	font-size: 90%;
	border: solid 3px rgb(229,131,20);
	padding: 5px 10px 10px 10px;

	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	margin-bottom:10px;

}
.bloc_export div
{
	margin: 20px 10px;
	color: rgb(163,163,163);/*gris*/
	clear: both;
}
.bloc_export2 div
{
	clear: none;
}
.bloc_suivi h2, .bloc_resultats h2, .bloc_export h2
{
	font-size: 130%;
	margin: 10px 0;
}

.bloc_export h2
{
	width: 70%;
}

.bloc_suivi table, .bloc_resultats table
{
	font-size: 90%;

	text-align: left;
	border-collapse: collapse;

	width: 95%;
}
.bloc_suivi td, .bloc_resultats td
{
	padding: 4px;
	
	border: 1px solid silver;
	
	color: rgb(68,68,68);
}
.bloc_suivi th, .bloc_resultats th
{
	font-size: 105%;
	font-weight: normal;
	padding: 4px;

	color: black;
	text-align: left;
	
	background-color:rgb(253,205,140);
	border: 1px solid rgb(253,205,140);
}
.bloc_suivi tr:hover td, .bloc_resultats tr:hover td, .bloc_suivi tr:hover th, .bloc_resultats tr:hover th
{
	color: rgb(0,106,174);
}

.bloc_suivi .left, .bloc_resultats .left, .bloc_suivi .leftcol1, .bloc_resultats .leftcol1
{
	text-align: left;
}

.bloc_resultats .left .answer
{
}

.bloc_suivi caption, .bloc_resultats caption
{
	text-align: left;
	font-weight: bolder;
	font-size: 110%;
	margin-top: 10px;
	color: rgb(0,112,192);/*bleu*/
	margin-left: -10px;
	vertical-align: bottom;
}

.noteRepOblig
{
	font-family: Arial, sans-serif;
	font-size: 80%;
	font-style: italic;	
}

.bloc_suivi_info_q, .bloc_suivi_bilan_rep, .bloc_suivi_suivi_rep
{
	width: 760px;
	margin-left: 15px;
}
.bloc_suivi_info_q .leftcol1, .bloc_suivi_bilan_rep .leftcol1
{
	width: 325px;
}

.bloc_question_resultats
{
	border: solid 1px black;
	margin: 10px;
	padding: 10px;
	
	border-radius: 8px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 8px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/	
}

.bloc_nbreponses_q, .bloc_synthese_q, .bloc_detail_q
{
	margin-left: 10px;
}

.button_resultatsuivi_cache,.button_resultatsuivi_affiche
{
	float:right;
}

.p_apercu_ci_dessous
{
	margin-top: 15px;
}

.jauge
{
	border: solid 2px black;
	height: 12px;
	vertical-align: middle;
	line-height: 12px;
	margin: 1px;/* auto;*/
	
	background-color : white;
	color : black;
	
	border-radius: 3px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}
.left .jauge
{
	margin: 1px;
}
.jauge_texte
{
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;	
	vertical-align: middle;
	font-weight: bold;
}
.jauge_texte2
{
	display: inline;
	position: relative;
	right: 45px;
	bottom: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;	
	vertical-align: middle;
	font-weight: bold;
}

.jauge_interieur_couleur
{
	height: 12px;
}

.histo_barre
{
	background-color: rgb(0,0,85);/*bleu foncé*/
	height: 12px;
	vertical-align: middle;
	line-height: 12px;
	margin: 1px;
}

.googlechart
{
	margin: 2px 10px;
	border: solid 1px rgb(229,131,20);
	width: 95%;
	height: 280px;
	float: left;
}

.moyenne_score
{
	font-weight: bold;
	font-size: 120%;
}

/*************************** Mise en page Bazinga (apres enreg en base) ***************************/

.text_bazinga:before
{
	content: url('http://dev.askabox.com/__zemoteur/__css/icones/drapeau_45px_v1.png');
	float: left;
	vertical-align: middle;
}
.bazinga
{
	/*height: 350px;*/
}

.text_goresultats
{
	font-size: 90%;
	margin: 20px;
	padding: 8px;
	border: solid 1px rgb(191,191,191);/*gris foncé +*/
}


/*************************** Mise en page Liste questionnaire ***************************/

.div_liste
{
	border: solid 3px rgb(191,191,191);/*gris foncé +*//*rgb(0,112,192);/*bleu*/
	padding: 10px 10px 10px 10px;
	font-size: 90%;

	border-radius: 6px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 6px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	
	margin:0 10px;
}

.div_liste table, .div_liste td, .div_liste th
{
	border: solid 2px rgb(191,191,191);/*gris foncé +*/ /*rgb(0,0,85);/*bleu foncé*/
	padding: 0 5px;
	border-collapse: collapse;
}
.div_liste table
{
	width: 90%;
	margin: auto;
}
.div_liste .number
{
	width: 25px;
	text-align: center;
}

.div_pagesnav
{
	margin:0 10px;
	font-size: 90%;
}

.div_pagesnav .pagequestion_courante a
{
	font-weight: bold;
	color: rgb(68,68,68);
}

.div_liste a
{
	color: rgb(68,68,68);
}

.div_liste th, .div_liste .number
{
	background-color: rgb(212,202,198);
	color: rgb(68,68,68);
}



/*************************** Mise en page infobulles ***************************/

.span_infobulle_autour
{
	position:relative;
	z-index:1;
	/*z-index:24;*/
}
 
.span_infobulle_autour:hover
{
	z-index:25;
}

.span_infobulle_dedans
{
	display: none
}
 
.span_infobulle_autour:hover .span_infobulle_dedans
{
	display:block;
	position:absolute;
	top:2em; left:2em; width:30em;
	font-size:80%;
	border:1px solid black; /*rgb(191,191,191);/*gris foncé +*/
	background-color: rgb(242,242,242);	/*rgb(191,191,191);/*rgb(217,217,217);/*gris foncé -*/
	padding:5px;
	
	border-radius: 3px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 3px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}
.span_infobulle_autour:hover .span_infobulle_dedans.infobullesmall
{
	width:15em;
}

/*************************** Mise en page FAQ ***************************/

.faq
{
	font-size: 85%;
}

.faq .strong_greeny
{
	/*color: rgb(4,221,4);/*vert*/	
	
	font-size:140%;
	color: rgb(68,68,68);
}

.faq .strong_blue
{
	color: rgb(0,112,192);/*bleu*/
}

.faq div.faq_qr, .faq p.faq_p_fin
{
	margin: 10px;
	padding: 10px;
	border: solid 1px rgb(191,191,191);/*gris foncé +*/
	
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

.faq p.q
{
	background-color: rgb(191,191,191);
	border: solid 1px rgb(191,191,191);/*gris foncé +*/
	
	margin: -10px;
	padding: 10px;
	
	
	margin-bottom: 5px;
	
	font-size:100%;
	font-weight: bold;
	color: white;
	
	border-radius: 10px 10px 0 0;/*KO IE dans tous les cas*/
	-webkit-border-radius: 10px 10px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 10px 10px 0 0;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}

.faq p.r
{
	font-size:98%;
}

.faq p.faq_p_fin
{
	font-style: italic;
}

.faq_sommaire
{
	margin: 10px 20px 20px 10px;
}

.faq_sommaire ul.faq_cat_liste
{
	list-style-type:none;
	border: solid 1px rgb(212,202,198);/*gris foncé +*/
	padding: 20px 20px 20px 20px;
	
	border-radius: 12px;/*KO IE dans tous les cas*/
	-webkit-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
	-moz-border-radius: 12px;/*pour marcher sur d'ancien navigateur, besoin de prefixer*/
}
.faq_sommaire ul.faq_q_liste
{
	list-style-type:circle;
	padding: 4px 10px 10px 18px;
}

.faq_sommaire ul li
{
	padding-left: 5px;
	margin-bottom: 2px;
}
.faq_sommaire ul.faq_cat_liste li a
{
	color: rgb(0,112,192);
	font-weight: bold;
}
.faq_sommaire ul.faq_q_liste li a
{
	color: rgb(68,68,68);
	font-weight: normal;
	font-style: normal;
}
.faq_cat
{
	color: rgb(0,112,192);
	font-weight: bold;
	font-size: 115%;
}

#blocavis_texte_faq
{
	height: 3.6em;
	width: 99%;
	margin-bottom: 10px;
}

/*************************** Mise en page bazinga ***************************/

.divbazinga
{
	margin: 30px;
	padding: 5px;
	border: solid 1px rgb(191,191,191);/*gris foncé +*/
	font-size:90%;
}

/*************************** ***************************/

.div_perso_n
{
	border: dotted 1px grey;
	font-size: 80%;
	color: rgb(100,100,100);
	padding: 5px;
	width: 90%;
	margin: 4px auto;
}

.div_perso_n p
{
	color: rgb(0,112,192);
}

.div_perso_n table
{
	border-collapse: separate;
    border-spacing: 8px 2px;
	margin-left: -10px;
}

.color
{
	width: 70px;
}

.div_perso_n select
{
	width: 140px;
}

.span_blanc
{
	color: white;
}


#table_pro_portefeuille_wrapper, #table_pro_portefeuille, #table_pro_portefeuille_info
{
	clear: none;
}
#table_pro_portefeuille_wrapper
{
	font-size: 70%;
}
#table_pro_portefeuille .pro_portefeuille_quickaccess td
{
	padding: 0 1px;
}
.img_acces_results
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -301px -210px;
	width:25px;
	height:25px;
	margin: auto;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.img_acces_modif
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -300px -278px;
	width:25px;
	height:25px;
	margin: auto;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.img_acces_visu
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/ze_visu_v1.png') top right no-repeat;
	width:25px;
	height:25px;
	margin: auto;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.img_acces_copiercoller
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -325px -278px;
	width:25px;
	height:25px;
	margin: auto;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}
.img_codes
{
	background:url('http://dev.askabox.com/__zemoteur/__css/icones/sprite_v1.png') no-repeat -355px -185px;
	width:25px;
	height:25px;
	margin: auto;
	padding: 0;
	border: none;
	font-size: 0%;
	cursor: pointer;
}

.td_centre
{
	text-align: center;
}

/*************************** Mise en page bloc offre contenu ***************************/
#table_desc_offre, #table_desc_offre td
{
	border: solid black 1px;
	border-collapse: collapse;
	padding: 1px 4px 1px 4px;
	font-size: 95%;
}

#table_desc_offre .table_desc_offre_titre
{
	text-align: center;
}

#table_desc_offre #table_desc_offre_titre_1
{
	width: 60%;
}
#table_desc_offre #table_desc_offre_titre_2, #table_desc_offre #table_desc_offre_titre_3
{
	width: 20%;
}

#table_desc_offre .table_desc_offre_module
{
	text-align: left;
	font-weight: bold;
	color: white;
	background-color: rgb(0,112,192);
}

#table_desc_offre .table_desc_offre_valeur_vert
{
	text-align: center;
	font-weight: bold;
	color: green;
}
#table_desc_offre .table_desc_offre_valeur_rouge
{
	text-align: center;
	font-weight: bold;
	color: red;
}
#table_desc_offre .table_desc_offre_valeur_orange
{
	text-align: center;
	font-weight: bold;
	color: orange;
}

#pro_contenu_tarifs_textebas
{
	margin : 40px 10px 40px 10px;
	font-size: 90%;
}

#pro_contenu_tarifs_textebas ul
{
	margin-top:0;
}


.texte_paiement_paypal
{
	font-size: 85%;
}