/***************** Explication haut-de-page *****************/

#explication {
	background: url(../images/fond_explication3.png) no-repeat;
	height: 182px;
	padding: 100px 30px 0 30px;
	text-align: justify;
}

#corps {
	background: url(../images/corps_title.jpg) no-repeat;
}

#corps h1 {
	padding: 30px 0 0 0;
	margin: 0 0 47px 50px;
}

#corps div.content {
	background: url(../images/corps_body.png) repeat-y;
	padding: 10px 30px 30px 30px;
}

#corps div.footer {
	background: url(../images/corps_footer.png) no-repeat;
	height: 16px;
}

span.font_red {
	color: red;
}


/***************** Page Contact *****************/

#contact label {
	font-weight: bold;
}

#contact p.mention_legale {
	font-style: italic;
}

#contact p.contact_ok {
	font-weight: bold;
}

/***************** Page Invitation *****************/

#invitation table.tab_form {
	margin: 0 auto;
}

#invitation table.tab_form tr th.titre_partie_form {
	padding: 10px 0 5px 0;
}

#invitation span.gras {
	font-weight: bold;
}

#invitation input.bouton_radio_choix_langue {
	margin-left: 20px;
}

#invitation p.bouton_envoyer {
	text-align: center;
}

/***************** Page Récup code *****************/

#recup_code p.p_form {
	text-align: center;
}

/***************** Page Inscription *****************/

#inscription p.p_form {
	text-align: center;
}

#inscription table {
	margin-left: 50px;
}

#inscription table tr td {
	text-align: left;
}

#inscription table tr td.label {
	text-align: right;
	vertical-align: top;
}

/***************** Page Connexion *****************/

#connexion a#lien_connexion_org, #connexion a#lien_connexion_part {
	background: url(../images/bouton_connexion_type.png) no-repeat;
	text-align: center;
	display: block;
	margin: 20px auto 0 auto;
	height: 60px;
	width: 375px;
	padding: 30px 0 0 0;
}

#connexion form {
	text-align: center;
}

#connexion fieldset {
	height: 230px;
}

p.deconnexion_pilotage {
	text-align: right;
	margin: 0;
}

#connexion table tr td.label {
	text-align: right;
	vertical-align: top;
}

#connexion form#form_connexion_org {
	float: left;
	width: 340px;
}

#connexion form#form_connexion_part {
	float: left;
	width: 340px;
	margin: 0 0 50px 10px;
}


/***************** Page Modif mdp *****************/

#modif_mdp form table.tab_form {
	margin: 0 0 0 80px;
}

#modif_mdp p.p_form {
	text-align: center;
}

/***************** Page Pilotage *****************/

#pilotage div.js_desactive {
	text-align: center;
}

#pilotage div.js_desactive img {
	vertical-align: middle;
	display: inline;
}

#pilotage table#participants {
	width: 100%;
}

#pilotage p.nb_part {
	font-size: 16px;
	text-align: center;
}

#pilotage table#participants tr td.no_part {
	font-size: 16px;
	text-align: center;
}

div#pilotage table#participants tr td {
	text-align: center;
}

div#pilotage table#participants tr th.commandes {
	width: 30%;
}

div#pilotage table#participants tr td.lien_micro {
	width: 15%;
}

div#pilotage table#participants tr td.lien_raccroche {
	width: 15%;
}

div#pilotage table#participants tr td.duree {
	width: 20%;
}

div#pilotage table#participants tr td.statut {
	width: 20%;
}

div#pilotage table#participants tr td.num_tel {
	width: 30%;
}

div#pilotage div#lastAct {
	height : 180px;
	margin : 0 auto 20px auto;
	border : 1px solid #aaaaaa;
	padding: 2px 5px;
	background : #ffffff;
	overflow: auto;
}

/***************** Page Stats *****************/

#stats p.no_result {
	text-align: center;
	font-size: 14px;
}

#stats p.nb_conf {
	text-align: center;
	font-size: 14px;
}

#stats div#form_choix_periode {
	width: 400px;
	margin: 0 auto;
}

#stats div#form_choix_periode div.contenu_form {
	width: 320px;
	margin: 0 auto;
}

#stats table#lignes_stats {
	width: 100%;
	border-spacing: 0px 3px;
}

#stats table#lignes_stats tr td, #stats table#lignes_stats tr th {
	text-align: center;
	height: 24px;
}

#stats table#lignes_stats tr.legende {
	border-spacing: 2px;
}

#stats table#lignes_stats tr.principale {
	font-weight: bold;
	cursor: pointer;
}

#stats table#lignes_stats tr.principale td {
	text-align: center;
	/*background: #D0D9FA;*/
	background: url(../images/bg_stats.png) repeat-x;
}

#stats table#lignes_stats tr.principale td.btn {
	width: 5%;
}

#stats table#lignes_stats tr.principale td.btn a img {
	margin: 2px 0 0 0;
}

#stats table#lignes_stats tr.principale td.session {
	width: 30%;
}

#stats table#lignes_stats tr.principale td.participant {
	width: 45%;
}

#stats table#lignes_stats tr.principale td.duree {
	width: 20%;
}

#stats table#lignes_stats tr.detail td {
	
}

#stats table#lignes_stats tr.total th {
	border-top: 2px solid #D0D9FA;
	border-bottom: 2px solid #D0D9FA;
}

#stats table#lignes_stats tr.total th.libelle {
	border-left: 2px solid #D0D9FA;
	text-align: right;
}

#stats table#lignes_stats tr.total th.duree {
	border-right: 2px solid #D0D9FA;
}

/***************** Page Partage doc *****************/

/* Page partage doc global */

div#partagedoc_upload div#infos_conf, #partagedoc_maitre div#infos_conf {
	float : left;
	width : 20%;
}

div#partagedoc_upload div#infos_conf table, 
div#partagedoc_maitre div#infos_conf table {
	width: 100%;
}

div#partagedoc_upload div#infos_conf table tr td, div#partagedoc_upload div#infos_conf table tr th, 
div#partagedoc_maitre div#infos_conf table tr td, div#partagedoc_maitre div#infos_conf table tr th {
	text-align: center;
	padding-top: 10px;
}

div#partagedoc_upload p.deconnexion_partage, 
div#partagedoc_maitre p.deconnexion_partage,
div#partagedoc_invite p.deconnexion_partage {
	text-align: right;
}


/* Page partage doc upload */

div#partagedoc_upload div#upload_doc {
	float : right;
	width : 78%
}

div#partagedoc_upload div#upload_doc p.precision {
	margin-top: 20px;
	text-align: center;
	color: #E62D0A;
}



/* Page partage doc maitre */


#global div#partagedoc_maitre span.red {
	color: #E62D0A;
}

#global div#partagedoc_maitre h3 {
	text-align: center;
	margin-top: 0px;
}

div#partagedoc_maitre div#infos_partagedoc {
	float : left;
	width : 77%;
	margin-left: 15px;
	/*border: 1px solid;*/
}




div#partagedoc_maitre div#commandes {
	margin: 0 0 5px 0;
}

div#partagedoc_maitre div#commandes div {
	float: left;
	/*border: 1px solid;*/
	height: 60px;
	padding: 5px 8px;
}

div#partagedoc_maitre div#commandes div.cl {
	clear: both;
	float: none;
	height: 0px;
	border: none;
}

div#partagedoc_maitre div#commandes div p {
	text-align: center;
}

div#partagedoc_maitre div#commandes div p.texte_pres {
	margin-top: 0px;
}

div#partagedoc_maitre div#commandes div p.boutons {
	margin-top: 10px;
}

div#partagedoc_maitre div#commandes div p.bientot_disponible {
	color: #444444;
	font-style: italic;
	margin-top: 10px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo {
	width: 220px;
	border-right: 1px solid;
}

div#partagedoc_maitre div#commandes div.cmde_sens_diapo {
	display: none;
}

div#partagedoc_maitre div#commandes div.cmde_sens_diapo p.boutons {
	margin-top: 2px;
}

div#partagedoc_maitre div#commandes div.cmde_rotation_diapo {
	width: 80px;
	border-right: 1px solid;
}

div#partagedoc_maitre div#commandes div.cmde_diffusion_diapo {
	width: 190px;
	border-right: 1px solid;
}

div#partagedoc_maitre div#commandes div.cmde_arret_diapo {
	width: 70px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo a#lien_premiere_diapo {
	margin-right: 5px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo a#lien_diapo_precedente {
	margin-right: 10px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo a#lien_diapo_suivante {
	margin-left: 10px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo a#lien_derniere_diapo {
	margin-left: 5px;
}

div#partagedoc_maitre div#commandes div.cmde_changement_diapo span#num_nb_diapo {
	font-weight: bold;
}


div#partagedoc_maitre div#vignettes {
	/*border: 1px solid;*/
	margin: 0 0 20px 0;
}

div#partagedoc_maitre div#liste_vignettes {
	overflow: scroll;
	white-space:nowrap;
	/*overflow-y: hidden;*/
	padding: 0 0 10px 0;
}

div#partagedoc_maitre div#liste_vignettes a {
	margin: 0 5px 0 0;
}

div#partagedoc_maitre div#liste_vignettes a img {
	border: 1px solid #000000;
}

div#partagedoc_maitre div#liste_vignettes a img.vignette_portrait {
	width: 100px;
	height: 133px;
}

div#partagedoc_maitre div#liste_vignettes a img.vignette_paysage {
	width: 133px;
	height: 100px;
}

div#partagedoc_maitre div#liste_vignettes a img.selected {
	border: 3px solid #1266be;
}


div#partagedoc_maitre div#partage_doc {
	/*border: 1px solid;*/
	text-align: center;
	margin: 0 auto;
}

div#partagedoc_maitre div#partage_doc div#cadre_diapo {
	border : 1px solid black;
	
}

div#partagedoc_maitre div#partage_doc div#liens_partage_doc {
	/*border: 1px solid;*/
	margin: 5px 0 10px 0;
}


div#partagedoc_maitre div#partage_doc div#cadre_diapo div.no_partage {
	text-align: center;
	margin-top: 40px;
}

div.largeur_portrait {
	width: 600px;
}

div.hauteur_portrait {
	height: 800px;
}

div.largeur_paysage {
	width: 800px;
}

div.hauteur_paysage {
	height: 600px;
}

div#partagedoc_maitre div#partage_doc div#liens_gauche {
	float: left;
	width: 60px;
}

div#partagedoc_maitre div#partage_doc div#num_page_centre {
	float: left;
	font-weight: bold;
	text-align: center;
}

div#partagedoc_maitre div#partage_doc div#num_page_centre.largeur_portrait {
	width: 480px;
}

div#partagedoc_maitre div#partage_doc div#num_page_centre.largeur_paysage {
	width: 680px;
}

div#partagedoc_maitre div#partage_doc div#liens_droite {
	float: right;
	width: 60px;
}


/* Page partage doc invite */

div#partagedoc_invite div#debut_partage {
	margin: 0 auto;
	width: 640px;
}

div#partagedoc_invite div#debut_partage div#infos_conf,
div#partagedoc_invite div#debut_partage div#date_heure,
div#partagedoc_invite div#debut_partage div#infos_doc {
	float : left;
	width : 200px;
}

div#partagedoc_invite div#debut_partage div#infos_conf {
	margin-right: 20px;
}

div#partagedoc_invite div#debut_partage div#date_heure {
	margin-right: 20px;
}

div#partagedoc_invite div#debut_partage div#infos_doc {
	
}

div#partagedoc_invite div#debut_partage fieldset {
	text-align: center;
	height: 150px;
}

div#partagedoc_invite div#partage_doc {
	/*border: 1px solid;*/
	text-align: center;
	margin: 20px auto 0 auto;
}

div#partagedoc_invite div#partage_doc div#cadre_diapo {
	border : 1px solid black;
	
}

div#partagedoc_invite div#partage_doc div#liens_partage_doc {
	/*border: 1px solid;*/
	margin: 5px 0 10px 0;
}


div#partagedoc_invite div#partage_doc div#cadre_diapo div.no_partage {
	text-align: center;
	margin-top: 40px;
}

div#partagedoc_invite div#liens_partage_doc p#num_nb_diapo_2 {
	text-align: center;
	font-weight: bold;
}



/***************** Page FAQ *****************/

p.question a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
}

p.reponse {
	color: #526068;
	width: 500px;
	margin-left: 90px;
	padding: 8px 10px 10px 10px;
	border: solid;
	border-width: 2px;
	border-color: #8FA6B7;
	text-align: justify;
}

/***************** Page Index *****************/

#fonctionnement_numero {
	background: url(../images/fond_corps.jpg) repeat-x;
	height: 315px;
	padding: 0 20px;
}

#generation_code {
	background: url(../images/presentation4.jpg) no-repeat;
	height: 143px;
	padding: 40px 50px 0 50px;
	text-align: center;
}

#generation_code p.etape_1 {
	font-size: 18px;
	margin: 0;
}

#generation_code p.gen_code {
	margin: 10px 0 0 0;
}

#generation_code p.code_acces {
	margin: 0;
}

#generation_code p.inscription {
	margin: 5px 0 0 0;
}

#generation_code p.inscription form {
	margin: 20px 0 0 0;
}

/* Partie Numero France */
#france {
	float: left;
	background: url(../images/new_france.jpg) no-repeat;
	width: 300px;
	margin: 10px auto 0 auto;
	height: 294px;
}

/* Partie Numero Etranger */
#etranger {
	float: right;
	background: url(../images/new_etranger.jpg) no-repeat;
	width: 390px;
	height: 294px;
	margin: 10px auto 0 auto;
}


#france p.etape, #etranger p.etape {
	margin: 5px 15px 0 20px;
	font-size: 18px;
	text-align: center;
}

#france p.pays, #etranger p.pays {
	margin: 30px 15px 0 20px;
	font-size: 16px;
	text-align: center;
}

#france p.numero, #etranger p.numero {
	margin: 40px 0 0 0;
	text-align: center;
}
#france p.tape_code, #etranger p.tape_code {
	margin: 0;
	font-size: 16px;
	text-align: center;
}

#france p.code, #etranger p.code {
	font-size: 22px;
	padding: 0;
	border: 1px solid;
	margin: 2px auto 0 auto;
	width: 80px;
	height: 26px;
	text-align: center;
}

#france p.tarif, #etranger p.tarif {
	margin: 45px 0 0 0px;
}

/* Form callback et lien plaquette */

#callback_button {
	background: #EFF3FE url(../images/fond_corps.jpg) repeat-x;
	/*height: 295px;*/
	padding: 20px 20px 20px 20px;
}

#callback_button div#lien_plaquette {
	margin: 0 0 0 20px;
}


#callback_button div#img_plaquette {
	float: left;
}

#callback_button div#txt_plaquette {
	float: left;
	padding: 8px 0 0 8px;
}

