/* Généralités */

body {
	background: #FFFFFF;
/*  background-image: url(../images/exemple_fond.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;*/
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#centrage {
  width: 800px;
  margin : 0px auto;
  padding: 0px;
  border: 1px solid #6D85CF;
}


/* Bandeau d'en-tête */

div#bandeau_entete {
  position: relative;
  background-image: url(../images/accueil_bandeau_haut.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 800px;
  height: 20px;
	padding-top: 85px;
  text-align: justify;
/*	background-color: red;*/
}

div#bandeau_entete h1 {
  display: inline;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
	margin-top: 0px;
}



/*---------*/
/* Accueil */
/*---------*/

/* Corps */

div#contenu_principal_accueil {
  position: relative;
  z-index: 0;
  background-image: url(../images/accueil_corps.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 800px;
  height: 420px;
}


a#btn_recommander {
  position: absolute;
  left: 4px;
  top: 348px;
}

a#btn_professionnel {
  position: absolute;
  left: 56px;
  top: 217px;
}

a#btn_profil {
  position: absolute;
  left: 158px;
  top: 104px;
}

a#btn_inscription {
  position: absolute;
  left: 358px;
  top: 77px;
}

a#btn_presentation {
  position: absolute;
  left: 345px;
  top: 20px;
}

a#btn_panelistes {
  position: absolute;
  left: 564px;
  top: 97px;
}

a#btn_news {
  position: absolute;
  left: 664px;
  top: 214px;
}

a#btn_favoris {
  position: absolute;
  left: 693px;
  top: 351px;
}


div#anim_gch {
  position: absolute;
  left: 53px;
  top: 48px;
}

div#anim_drte {
  position: absolute;
  left: 490px;
  top: 48px;
}

div#anim_milieu {
  position: absolute;
  left: 214px;
  top: 191px;
}


/*-------------------*/
/* Espace panélistes */
/*-------------------*/


div#contenu_esp_panel_haut {
  position: relative;
  z-index: 0;
  background-image: url(../images/esp_panel_corps_haut.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 800px;
  height: 444px;
  margin : 0px;
  padding: 0px;
}


a#btn_inscription_esp_panel {
  position: absolute;
  left: 31px;
  top: 56px;
}


a#btn_news_esp_panel {
  position: absolute;
  left: 140px;
  top: 160px;
}

a#btn_recommander_esp_panel {
  position: absolute;
  left: 40px;
  top: 1075px;
}


a#btn_favoris_esp_panel {
  position: absolute;
  right: 40px;
  top: 1075px;
}




h1#titre_espace_panel {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #021C55;

  text-align: center;
/*  padding-top: 15px;
  padding-left: 25px;
  padding-right: 20px;
  padding-bottom: 10px;*/
  padding: 0px;
  margin: 0px;
}

div#contenu_esp_panel_haut .gros {
	font-size: 13px;
	font-weight: bold;
}

div#contenu_esp_panel_haut .moyen {
	font-size: 12px;
	font-weight: normal;
}

#espace_titre2 {
  margin-top: 29px;
  margin-bottom: 0px;
}

#espace_titre3 {
  margin-top: 50px;
  margin-bottom: 0px;
}

div#contenu_esp_panel_haut .paraf2 {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;

  margin-left: 165px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  color: #1735AD;
}

div#contenu_esp_panel_haut .paraf3 {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;

  margin-left: 259px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  color: #1735AD;
}


#titre4 {
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
	font-size: 18px;
	font-weight: bold;
  color: #000F46;
  margin-top: 72px;
  margin-left: 97px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding: 0px;

}

#paraf4 {
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
	font-size: 14px;
	font-weight: normal;
  color: #1735AD;
  margin-top: 0px;
  margin-left: 176px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

#lien_profil {
  display: block;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
	font-size: 14px;
	font-weight: normal;
  color:#0000FF;
	text-decoration: underline;
  margin: 0px;
  padding: 0px;
  top: 350px;
  left: 530px;
}


#lien_profil a:link {
  color: #0000FF;
	text-decoration: underline;
}
#lien_profil a:visited {
  color: #0000FF;
	text-decoration: underline;
}
#lien_profil a:active {
  color: #0000FF;
	text-decoration: underline;
}
#lien_profil a:hover {
  color: #0000FF;
	text-decoration: none;
}


/* encarts */

div#contenu_principal div.encart {
  display: block;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
	font-size: 14px;
	font-weight: normal;
  color: #1735AD;

  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0px;
  height: 80px;
}

div#contenu_principal .gauche {
  float: left;
/*  position: absolute;
  top: 0px;
  left: 0px;*/
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
/*  margin: 0px;*/
  padding: 0px;
  
}

div#contenu_principal .droite {
  float: right;
/*  position: absolute;
  top: 0px;
  right: 0px;*/
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 0px;
  padding: 0px;
}

div#contenu_principal h2.encart_h2 {
  float: left;
  margin: 0px;
  padding: 0px;
/*  color: red;*/
  color: #1735AD;
}





/*--------*/
/* Modele */
/*--------*/



div#contenu_principal {
  position: relative;
  z-index: 0;
  background-image: url(../images/corps_centre_std.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  width: 800px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
  margin : 0px;
  padding: 0px;
  color: #000099;

}

div#contenu_principal_haut {
  position: relative;
  z-index: 0;
  background-image: url(../images/corps_haut_std.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 800px;
  height: 30px;
  margin : 0px;
  padding: 0px;
}


div#contenu_principal_bas {
  position: relative;
  z-index: 0;
  background-image: url(../images/corps_bas_std.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 800px;
  height: 30px;
  margin : 0px;
  padding: 0px;
}


/* **** */
/* Pour le devis */
div#contenu_principal img#img_devis {
  float: left;
  margin: 58px 15px 0px 0px;
}

a#lien_createurs {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0033CC;
}


/*----------------------*/
/* Plan du site         */
/*----------------------*/

div#contenu_principal ul#plan {
  font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-align: justify;

}

div#contenu_principal ul#plan li {
  list-style-type: none;
}

div#contenu_principal ul#plan li a span {
/*  color: red; *//* test */
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
  color: #000099;
	text-decoration: underline;

  text-align: justify;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 15px;
  padding-bottom: 0px;
  margin: 0px;
}
div#contenu_principal ul#plan li a:visited span {
  color: #000099;
	text-decoration: underline;
}
div#contenu_principal ul#plan li a:active span {
  color: #000099;
	text-decoration: underline;
}
div#contenu_principal ul#plan li a:hover span {
  color: #000099;
	text-decoration: none;
}


div#contenu_principal ul#plan li a:link {
  color: #9999AA;
	text-decoration: none;
}
div#contenu_principal ul#plan li a:visited {
  color: #9999AA;
	text-decoration: none;
}
div#contenu_principal ul#plan li a:active {
  color: #9999AA;
	text-decoration: none;
}
div#contenu_principal ul#plan li a:hover {
  color: #9999AA;
	text-decoration: underline;
}

/*-------------------*/
/* Inscriptions      */
/*-------------------*/

.affiche_bordure {
  border-width:1px;
  border-style:solid;
  border-color:blue;

}

.affiche_bordure_red {
  border-width:1px;
  border-style:solid;
  border-color:red;

}


/* Paragraphes classiques */
div#contenu_principal p {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;

  text-align: justify;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
}


/* images */
div#contenu_principal img {
  float: left;
  margin: 15px;
}

/* Listes */
div#contenu_principal li {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;

  text-align: justify;
  margin: 5px 15px;
  padding-left: 10px;
}



/* liens */
div#contenu_principal a:link {
  color:#0000FF;
	text-decoration: underline;
}
div#contenu_principal a:visited {
  color:#0000FF;
	text-decoration: underline;
}
div#contenu_principal a:active {
  color:#0000FF;
	text-decoration: underline;
}
div#contenu_principal a:hover {
  color:#0000FF;
	text-decoration: none;
}


div#contenu_principal h2 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;

  text-align: justify;
  padding: 0px;
  margin: 25px 0px 0px 15px;
/*  margin: 15px 15px 15px 5px;*/
}



.couleur_visible {
  color: red;
}

.grasetgros {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.grandgros {
	font-size: 14pt;
	font-weight: bold;
}


/* paragraphes un peu plus importants */
div#contenu_principal p.centre_important {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;

  text-align: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
}

div#contenu_principal p.centre_gros {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;

  text-align: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
}


div#contenu_principal h1 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;

  text-align: justify;
  padding-top: 15px;
  padding-left: 25px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin: 0px;
}

div#contenu_principal p.marges_hautbas {
  padding-top: 10px;
  padding-bottom: 10px;
}


div#contenu_principal h1.titre {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
  text-align: center;
}



/* Signalement d'erreur */
.erreur_label {
  color: red;
}

.erreur_champ {
  border-width:2px;
  border-style:solid;
  border-color:red;
}




/* Barre de boutons */
div#barre_btn {
  position: relative;
  width: 730px;
  height: 35px;

  margin : 0px auto;
  padding-top: 71px; /* 35 + 36 de la table */
  text-align: center;
/*  border: 1px solid red;*/
}


div#barre_btn input {
  position: absolute;
  padding: 0px;
  text-align: center;
  width: 150px;
  top: 35px;
}

div#barre_btn input#final {
  width: 250px;
  height: 50px;
}

div#barre_btn table {
  position: absolute;
  top: 35px;

  left: 50%;
  margin-left: -90px;
  padding: 0px;
  text-align: center;

  border-width:1px;
  border-style:solid;
  border-color:blue;

}

div#barre_btn .adroite {
  right: 15px;
}


div#barre_btn .agauche {
  left: 15px;
}

td#cell_completed {
  background-image: url(../images/jauge_completed.jpg);
  background-repeat: repeat-y;
  background-position: right top;
}
td#cell_uncompleted {
  background-image: url(../images/jauge_uncompleted.jpg);
  background-repeat: repeat-y;
  background-position: left top;
}



input#final {
  padding: 0px;
  text-align: center;
  width: 250px;
  height: 50px;
  margin: 0 auto;
}


/* Zone de message d'erreur */
div#message_erreur {
  position: absolute;
  top: 50px;
  left: 250px;
  margin: 0px auto;
  padding: 10px 15px;
  background-color: #FFFFFF;

  width: 300px;
  height: 280px;
  
  border-width: 5px;
  border-style: solid;
  border-color: red;
}

div#message_erreur h1 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;

  text-align: center;
  color: red;
}

div#message_erreur p {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
  margin: 0px 0px 10px 0px;

  text-align: justify;
  color: #000099;
}

div#message_erreur input {
  display: block;
  margin: 30px auto 10px auto;
}


div#message_erreur a:link {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
  margin: 10px 0px;

  text-align: center;
  color: #000099;
	text-decoration: underline;
}

div#message_erreur a:visited {
  color: #000099;
	text-decoration: underline;
}

div#message_erreur a:active {
  color: #000099;
	text-decoration: underline;
}

div#message_erreur a:hover {
  color: #000099;
	text-decoration: none;
}



.couleur_importante {
  color: red;
}

.centrage {
  text-align: center;
  margin : 0px auto;
}

.toutadroite {
  text-align: right;
  margin-left : auto;
}

.marges_cote {
  padding-left: 25px;
  padding-right: 20px;
}

.marges_haut {
  padding-top: 10px;
}

.marges_hautbas {
  padding-top: 10px;
  padding-bottom: 10px;
}

.marges_ext_haut {
  margin-top: 10px;
}


div.taille_1_ligne {
  height: 30px;
}
div.taille_1_2_ligne {
  height: 40px;
}
div.taille_2_ligne {
  height: 60px;
}
div.taille_3_ligne {
  height: 90px;
}
div.taille_4_ligne {
  height: 120px;
}
div.taille_5_ligne {
  height: 150px;
}
div.taille_6_ligne {
  height: 180px;
}

div.taille_12_ligne {
  height: 360px;
}
div.taille_14_ligne {
  height: 400px;
}


div.question {
  position: relative;
  width: 730px;
  margin : 0px auto;
  padding: 0px;
  text-align: justify;
}


div.question_bas {
  position: relative;
  width: 730px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 10px;
  padding: 0px;
  text-align: justify;
}




/* Question - réponse sur une seule ligne */
div.text_question {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  width: 170px;
  margin: 0px;
  padding: 6px 10px 0px 15px;
}

div.champ_question {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  float: left;
  width: 150px;
  margin: 0px;
/*  padding: 0px;*/
}

div.champ_question_long {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  float: left;
  width: 350px;
  margin: 0px;
}

div.champ_question_long_long {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  float: left;
  width: 400px;
  margin: 0px;
}




/* Question - réponse sur deux lignes */
div.text_question_courte {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  width: 100px;
  margin: 0px;
  padding: 6px 10px 0px 15px;
}

div.text_question_moyen {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  width: 220px;
  margin: 0px;
  padding: 6px 10px 0px 15px;
}


div.text_question_long {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  width: 345px;
  margin: 0px;
  padding: 6px 10px 0px 15px;
}

div.text_question_long_long {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	display: block;
  width: 650px;
  margin: 0px;
  padding: 6px 10px 0px 15px;
}

div.decal_gauche {
  padding-left: 15px;
}

div.text_base {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

div.largeurA {
  width: 150px;
}

div.largeurB {
  width: 250px;
}

div.largeurC {
  width: 50px;
}

div.largeurD {
  width: 60px;
}

div.largeurF {
  width: 345px;
}

div.aligne {
  float: left;
}

div.separation {
  clear: both;
  visibility: hidden;
}


div#contenu_principal .cote_gauche {
  text-align: left;
}

div#contenu_principal .date_news {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
}

div#contenu_principal h1.titre_news span {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
}


div#contenu_principal p.para_news {
	text-align: left;
  margin : 0px 0px 0px 10px;
  padding: 0px;
}

/* Menu des menus internes sur les sondages en ligne */

div#nav_sondage_ligne 
{
	height: 26px;
	width: 100%;
	position: relative;
	z-index: 2;
	font-size:10px;
}


div#nav_sondage_ligne ul 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	
	list-style-type: none;
	display: inline;
}

div#nav_sondage_ligne li
{
	font-size: 10px;
	list-style-type: none;
	display: inline;
}

div#nav_sondage_ligne li a:link, div#nav_sondage_ligne li a:visited 
{
	font-size: 10px;
  float: left;
  line-height: 14px;
  font-weight: bold;
  margin: 4px 10px 4px 10px;
  text-decoration: none;
  color: #ACB1C7;
}
/*
div#nav_sondage_ligne li a:hover
{
	font-size: 10px;
  color: #2126A8;
}
*/

div#nav_sondage_ligne a.select:link, div#nav_sondage_ligne a.select:visited, div#nav_sondage_ligne a.select:hover, div#nav_sondage_ligne li a:hover
{
	font-size: 10px;
  border-bottom: 2px solid #2126A8;
  padding-bottom: 2px;
  background: transparent;
  color: #2126A8;
}