/**
* @author florent limandas florent.limandas@gmail.com
* @version 0.81
* 
*/

/*#############################################################################
 ***  Polices personnalisées
#############################################################################*/



@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('lane/LANENAR_-webfont.eot');
    src: url('lane/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('lane/LANENAR_-webfont.woff') format('woff'),
         url('lane/LANENAR_-webfont.ttf') format('truetype'),
         url('lane/LANENAR_-webfont.svg#LaneNarrowRegular') format('svg');
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('mpl/myriadpro-light-webfont.eot');
    src: url('mpl/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('mpl/myriadpro-light-webfont.woff') format('woff'),
         url('mpl/myriadpro-light-webfont.ttf') format('truetype'),
         url('mpl/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('mpr/myriadpro-regular-webfont.eot');
    src: url('mpr/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('mpr/myriadpro-regular-webfont.woff') format('woff'),
         url('mpr/myriadpro-regular-webfont.ttf') format('truetype'),
         url('mpr/myriadpro-regular-webfont.svg#') format('svg');
}

@font-face {
    font-family: 'MyriadProSemibold';
    src: url('mpr/vegur-semibold-webfont.eot');
    src: url('mpr/vegur-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('mpr/vegur-semibold-webfont.woff') format('woff'),
         url('mpr/vegur-semibold-webfont.ttf') format('truetype'),
         url('mpr/vegur-semibold-webfont.svg#MyriadProSemibold') format('svg');
}


/*#############################################################################
 ***  Structure
#############################################################################*/



body {
	margin: 0;
	background-color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #25323b;
	font-size: 1em;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header{
	position: relative;
	margin: 0;
	width: 1024px;
	height: 163px;
	background-image: url('../images/header.png');
}

#evenement{
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	position: relative;
	top: 45px;
	left: 45px;
}

#date, #horaire{
	display: block;
	font-size: 1.4em;
	color: #FFFFFF;
}

#page{
	position: relative;
	width: 1024px;
	/*height: 768px;*/
	background-image: url('../images/fond.jpg');
	background-repeat: repeat-y;
}

* html  #corps{
	height: 450px;
}

#corps{
	margin-left: 273px;
	min-height: 450px;
	background-color: #d8ded4;
	padding: 1.5em;
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
}

a{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #25323b;
}

/*MENU DE NAVIGATION*********************************************/

#menu_lateral{
	position: relative;
	float: left;
	width: 273px;
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #25323b;
}

#logo_lang{
	position: relative;
	height: 125px;
}


/*Drapeau changement langue*/

#logo_lang a{
	position: relative;
	top: 75px;
	left: 210px;
	width: 39px;
	height: 23px;
}

#logo_lang a img{	
	border: none;
	cursor: pointer;
    cursor: hand; /* for IE 5.x */
    -moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
	behavior: url('libs/js/PIE.htc');
}

/*FIN Drapeau changement langue*/

#menu_lateral #navigation a{
	/*font-family: 'LaneNarrowRegular', Helvetica, Verdana, sans-serif;*/
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	width: 253px;
	height: 32px;
	font-weight: lighter;
	font-size: 1.5em;
	padding: 5px 0 0 20px;
	margin: 5px 0;
}

#menu_lateral #navigation a:hover{
	background-color: #FFFFFF;
	color: #25323b;
	
}

#menu_lateral #navigation .lien_actif{
	background-color: #FFFFFF;
	color: #25323b;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

#partenaires{
	padding: 15px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 273px;
}

#partenaires p{
	margin: 5px;
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	font-size : 1.1em;
	color:  #FFF;
	text-align: center;
}

#partenaires img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*MESSAGES D'ERREUR et D'INFORMATION*****************************************************/

#erreurs, #infos, #succes{
	list-style: none;
	font-size: 0.8em;
}

#erreurs, #infos, #succes{
	margin: 5px;
	padding: 5px 5px 5px 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background-color: white;
	behavior: url('libs/js/PIE.htc');
}

#erreurs{
	-moz-box-shadow: 0 0 5px red;
	-webkit-box-shadow: 0 0 5px red;
	box-shadow: 0 0 5px red;
	
	background-image: url('../images/avertissement.png');
	background-repeat: no-repeat;
	behavior: url('libs/js/PIE.htc');
}

#infos{
	-moz-box-shadow: 0 0 5px #2f71a5;
	-webkit-box-shadow: 0 0 5px #2f71a5;
	box-shadow: 0 0 5px #2f71a5;
	
	background-image: url('../images/information.png');
	background-repeat: no-repeat;
	behavior: url('libs/js/PIE.htc');
}

#succes{
	-moz-box-shadow: 0 0 5px #78b013;
	-webkit-box-shadow: 0 0 5px #78b013;
	box-shadow: 0 0 5px #78b013;
	background-image: url('../images/reussite.png');
	background-repeat: no-repeat;
	behavior: url('libs/js/PIE.htc');
}

/***FORMULAIRES*********************************************/


fieldset{
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 40em;
}

fieldset p{
	padding: 0.5em;
}

#id_compagnon p{
	clear: both;
}

#coord_compagnon, #promo_prog{
	float: right;
	width: 11em;
}

/* IE7 */
*html #zone_texte{
	float: right;
}
/*IE7*/

#id_compagnon p input, #id_compagnon p select{
	margin: 0.4em;
	
}

label{
	width: 30em;
	float: left;
	text-align: right;
}

input, select, textarea{
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	float: right;
}

textarea{
	Width: 100%;
	height: 150px;
}

#id_compagnon input, #diplome select, #diplome_contact select{
	/*width: 10em;*/
}


/*HACK IE6-IE7*/

*html fieldset{
	width: 35em;
}

*html label{
	width: 25em;
}

*html #diplome, #diplome_contact{
	margin-right: 1.5em;
}

*html #diplome select, #diplome_contact select, p#promo_prog{
	float: none;
	width: 100%;
	margin-right: 1.5em;
}

*html #diplome label, #diplome_contact label #coord_compagnon{
	float: none;
	width: 100%;
	margin-right: 1em;
}
/*FIN HACK IE6-IE7*/


#validation input, #validation_contact input, #id_compagnon p input{
	width: auto;
}

#checkbox_compagnon, #id_compagnon, #validation, #validation_contact, #diplome, #diplome_contact, #zone_texte{
	margin-top: 2em;
	clear: both;
}

#checkbox_compagnon label span{
	font-size: 0.6em;
	margin: 0;
}

.cache{
	display: none;
}

#validation p{
	float: right;
	text-align: right;
}

/**INFOS PRATIQUES*************************************************************/

#informations{
	font-family: 'MyriadProRegular', Helvetica, Verdana, sans-serif;
}

#informations h2{
	font-size: 1em;
}

#informations div{
	float: left;
}

#programme{
	width: 40%;
}


#programme tr td{
	vertical-align: text-top;
	padding: 5px;
}

#programme span.horaire{
	display: block;
	width:40%;
	font-weight: 600;
	white-space: nowrap;
}

#programme span.description{
	display: block;	
	width: 60%:
}

#adresse{
	width: 30%;
}

#port_javel{
	width: 30%;
}

#port_javel span{
	text-align: justify;
}

#adresse span a{
	color: #25323b;
}

#plan{
	clear: both;
}

#plan img{
	margin: 25px auto;
	display: block;
	border: 3px solid #FFFFFF;
}

#salon_escale h2, #paquebot h2, #contenu_conference h2, .nom_laureat{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	color: #717980;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

#salon_escale span, #paquebot span{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
}

.image_lieu{
	border: 2px solid #FFFFFF;
}

table#lieu tr td{
	font-family: 'MyriadProRegular', Helvetica, Verdana, sans-serif;
	vertical-align: top;
	padding: 10px;
	letter-spacing : 2px;
}


/******ReCAPTCHA****************************************************/

#reCaptcha{
	float: right;
	margin-top: 35px;
	display: block;
}

/****SUIVI - STATS*********************************************************/

#suivi{
	margin-bottom: 30px;
}

#suivi h1{
	margin: 0;
	padding: 2px;
}

#suivi h2{
	color: #717980;
	border-bottom: 1px dotted #717980;
}

#resultats_recherche, #preview_admin{
	border: 1px solid #FFFFFF;
	width: 975px;
	border-collapse:collapse;
	text-align: center;
	background-color: #d8ded4;
}


#resultats_recherche td, #preview_admin td{
	border: 1px solid #FFFFFF;
	font-size : 0.8em;
}

#resultats_recherche th, #preview_admin th{
	font-size : 0.6em;
	border: 1px solid #FFFFFF;
	color: #d8ded4;
	background-color: #25323b;
}

#bouton_recherche, #bouton_inscrire{
	float: none;
}

#preview_admin{
	position: absolute;
	width: 1024px;
	bottom: -35px;
	left: 0;
}

/*********AUTH*************************************************/

#auth p input{
	float: none;
	margin-left: 10px;
}

#auth label{
	width: 15em;
}

#authentification{
	display: block;
	padding-left: 275px;
}


#bouton_deconnexion{
	background-color: #FFFFFF;
	background-image: url('../images/cadenas.png');
	background-position: 1% 90%;
	background-repeat: no-repeat;
	padding: 10px;
	float: right;
	text-align: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	behavior: url('libs/js/PIE.htc');
}

#bouton_deconnexion span{
	margin: 5px 0;
	display: block;
}

/******BOUTON EXPORT CSV**************************************/

#bouton_export_csv input{
	font-size: 1.2em;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#pourcentage{
	z-index: 99;
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	float: right;
	margin: 7px;
}

/******CONFERENCE*************************************************/

#nom_conferenciere{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	color: #717980;
	font-weight: 400;
	width: 700px;
	margin: 0;
	letter-spacing : 2px;
}

#bio img{
	float: left;
	margin-right: 5px;
}

#bio{
	height: 110px;
	padding-top: 15px;
}

#bio span.bio_courte{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	font-size: 1em;
	/*float: left;*/
	width: 70%;
}

#contenu_conference{
	font-family: 'MyriadProLight', Helvetica, Verdana, sans-serif;
	color: #3D4D58;
}

#contenu_conference td{
	width: 50%;
	vertical-align: top;
	text-align: justify;
	padding: 10px;
}

.lien_conferenciere, .lien_conferenciere a{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #25323b;
}

/***** VOTE *****************************************************/

#notice_vote{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	margin: 0;
}


#formulaire_vote{
	margin: 0;
	padding: 0;
	width: 100%;
}

#formulaire_vote fieldset{
	position: relative;
	margin-top: 40px;
	padding: 0;
	width: 100%;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url('libs/js/PIE.htc');
}

/*HACK IE6-IE7*/

* html form#formulaire_vote{width: 690px;}
*html .ie_spacer{height: 40px;}
*+html .ie_spacer{height: 40px;}
*
/*FIN HACK IE6-IE7*/

#formulaire_vote #scrutin1{
	border: 3px solid #B10035;
}

#formulaire_vote #scrutin2{
	border: 3px solid #6E90A6;
}

#formulaire_vote #scrutin3{
	border: 3px solid #25313B;
}

#scrutin1 .titre, #scrutin2 .titre, #scrutin3 .titre{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	font-weight: 200;
	color: #FFF;
	padding: 10px;
	font-size: 1.6em;
	height: 30px;
	margin: 0;
	/*width: 100%;*/
}

#scrutin1 .titre{background-color: #B10035;}
#scrutin2 .titre{background-color: #6E90A6;}
#scrutin3 .titre{background-color: #25313B;}

#scrutin1 h1, #scrutin2 h1, #scrutin3 h1{
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	margin: 0;
}

#scrutin1 h1{color: #B10035;}
#scrutin2 h1{color: #6E90A6;}
#scrutin3 h1{color: #25313B;}

.descriptif_scrutin{
	font-weight: 600;
	color: #3D4D58;
	float: left;
	padding: 15px;
	width: 40%;
	text-align: justify;
}

.nouveaute{
	font-family: 'MyriadProRegular', Helvetica, Verdana, sans-serif;
	font-weight: 600;
}

.conteneur_laureats{
	float: right;
	width: 55%;
}

.detaillee{
	float: left;
}

#descriptif_detaille_candidat{
    text-align:justify;
}

p.paragraphe_fiche_detaillee{
	padding: 0 15px;
}

#descriptif_detaille_candidat h2{
	padding: 0 10px;
	margin: 0;
	text-align: left;
}

.fiche_laureat{
	text-align: left;
}

.fiche_laureat tr td.denomination_laureat{
	width: 100%;
	margin: 0;
}

.fiche_laureat tr td.denomination_laureat a{
	text-decoration: none;
	color: #3D4D58;
}


.fiche_laureat tr td.denomination_laureat p{
	font-size: 1.2em;
	padding: 0;
}

.fiche_laureat tr td.radio_laureat input{
	width: 40px;
}

/*Couleur de bordures pour portraits candidats*/
#scrutin1 .fiche_laureat tr td.image_laureat img{border: 3px solid #B10035;}
#scrutin2 .fiche_laureat tr td.image_laureat img{border: 3px solid #6E90A6;}
#scrutin3 .fiche_laureat tr td.image_laureat img{border: 3px solid #25313B;}

/*Nom, prénom du lauréat*/
#scrutin1 .fiche_laureat tr td.denomination_laureat p{color: #B10035;}
#scrutin2 .fiche_laureat tr td.denomination_laureat p{color: #6E90A6;}
#scrutin3 .fiche_laureat tr td.denomination_laureat p{color: #25313B;}


#bouton_vote{
	position: relative;
	margin: 40px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

#bouton_vote input{
	position: relative;
	width: 250px;
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	color: #FFF;
	font-size: 1.4em;
	background-color : red;
	border: 2px solid red;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-text-shadow: 1px 1px 1.5px #000;
	-webkit-text-shadow: 1px 1px 1.5px #000;
	text-shadow: 0 0 1.5px #000;
	float: none;
	behavior: url('libs/js/PIE.htc');
}

#retour_vote{
	position: relative;
	margin: 40px;
	padding: 0 5px 0 30px;
	width: 200px;
	height: 25px;
	text-align: right;
	position: relative;
	font-family: 'MyriadProSemibold', Helvetica, Verdana, sans-serif;
	color: #25313B;
	font-size: 1.2em;
	background-color : white;
	background-image: url('../images/retour.png');
	background-position: center left;
	background-repeat: no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url('libs/js/PIE.htc');
}