@CHARSET "UTF-8";

@font-face
{
	font-family: 'humnst777_btroman';
	src: url('../fonts/humnst777_bt_roman-webfont.eot');
	src: url('../fonts/humnst777_bt_roman-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/humnst777_bt_roman-webfont.woff') format('woff'),url('../fonts/humnst777_bt_roman-webfont.ttf') format('truetype'),url('../fonts/humnst777_bt_roman-webfont.svg#humnst777_btroman') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
    background-color: #FFF;
    margin: 0;
    padding: 0;
    font-family: arial;
    font-size: 12px;
    color: #394a59
}

img
{
   border-width: 0;
}

a
{
	text-decoration: none;
	color: #98A6B3;
}

a:HOVER
{
	text-decoration: underline;
	color: #F33;
}

/*****************
 Messages Flash
*****************/

#flashNotice
{
	display: block;
	height: auto;
	min-height: 15px;
	padding: 5px;
	background-color: #FFDCAA;
	color: #000;
	border: solid 1px #555200;
	padding-left: 25px;
	font-size: 14px;
}

#flashNotice:BEFORE
{
	content: "";
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	margin-left: -25px;
	background: url('/images/s_notice.png') transparent no-repeat;
}

#main-navigation-overlay
{
	display:none;
	position:fixed;
	z-index:999;
	left: 5%;
	right: 5%;
	top: 20%;
	bottom: 50%;
	background:#000;
	-moz-opacity:0.8;-khtml-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	border: solid 3px #999;
	border-radius: 25px;
	box-shadow: 10px 10px 12px #AAA;
}

p#overlay_text
{
	height:150px;
	line-height:150px;
	text-align:center;
}

p#overlay_text span
{
	width: 200px;
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}


/*****************
 Ecran de login
*****************/
#login
{
	width: 250px;
	background-color: #718EA4;
	padding: 3px 20px;
	border: solid 2px #123652;
	border-radius: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	color: #042037;
}

#login #copy
{
	display: block;
	font-size: 0.7em;
	font-style: italic;
	width: 100%;
	text-align: right;
	color: #DDD;
}

#login input[type="text"], #login input[type="password"]
{
	/*display: inline-block;*/
	width: 150px;
	float: right;
	vertical-align: top;
	margin-top: -5px;
}

#login input[type="submit"]
{
	display: block;
	width: 100px;
	border-radius: 8px;
	border: solid 1px #29506D;
	background-color: #496D89;
	margin: 20px auto;
}

#login input[type="submit"]:HOVER
{
	border-color: #FFF;
	color: #FFF;
}

/*****************
 Ecran d'accusé de réception de l'imprimeur
*****************/
.acknowledge
{
	margin: 20px;
}
	
/*****************
 Frontoffice
*****************/
.frontoffice
{
	width: 672px;
}

.frontoffice .description
{
	text-align: justify;
	margin: 0 20px;
}

.frontoffice .ressource_apercu
{
	margin: 10px auto;
	width: 400px;
}

.frontoffice .ressource_apercu img
{
	display: inline-block;
	border: solid 2px #CBD4DD;
	max-width: 137px;
	max-height: 137px;
	vertical-align: middle;
	cursor: url(/images/zoom.png), pointer;
}

.frontoffice .preview img
{
	display: inline-block;
	border: solid 2px #CBD4DD;
	vertical-align: middle;
}

.frontoffice .ressource_apercu #ressource_fleche
{
	display: inline-block;
	width: 40px;
	height: 79px;
	vertical-align: middle;
	background: url(/images/fleche.png) no-repeat center;
}

.frontoffice .ressource_apercu p
{
	display: inline-block;
	width: 210px;
	vertical-align: middle;
	text-align: justify;
}

.frontoffice #ressource_go
{
	width: 154px;
	height: 20px;
	margin: 30px auto;
}

.frontoffice #wizard_nav
{
	height: 20px;
	margin: 30px 0;
	text-align: center;
}
	
.frontoffice .pave_texte_gauche
{
	display: inline-block;
	width: 319px;
	padding-right: 10px;
	text-align: justify;
	vertical-align: top;
}

.frontoffice .pave_texte_droite
{
	display: inline-block;
	width: 319px;
	padding-left: 10px;
	text-align: justify;
	vertical-align: top;
}

.frontoffice form
{
	margin-top: 14px;
}

.frontoffice .formulaire
{
	margin-bottom: 7px;
}

.frontoffice .error input
{
	background-color: #FFCCCC;
	border: red solid 1px;
	padding: 1px;
}

.frontoffice .campagne.error input[type="checkbox"]:not(:checked),
.frontoffice .campagne.error input[type="checkbox"]:checked
{
  position: absolute;
  left: -9999px;
}

.frontoffice .campagne.error input[type="checkbox"]:not(:checked) + label,  
.frontoffice .campagne.error input[type="checkbox"]:checked + label
{  
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

.frontoffice .campagne.error input[type="checkbox"]:not(:checked) + label:before,  
.frontoffice .campagne.error input[type="checkbox"]:checked + label:before
{  
  content: '';  
  position: absolute;
  left: 4px; top: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #aaa;
  background: #ffc8c8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.frontoffice .campagne.error input[type="checkbox"]:not(:checked) + label:after,  
.frontoffice .campagne.error input[type="checkbox"]:checked + label:after {  
  content: '✔';
  position: absolute;
  top: 0;
  left: 6px;
  font-size: 12px;
  color: #000;
}  

.frontoffice .campagne.error input[type="checkbox"]:not(:checked) + label:after {  
  opacity: 0; /* coche invisible */  
  transform: scale(0); /* mise à l'échelle à 0 */  
}  
/* Aspect si "cochée" */  
.frontoffice .campagne.error input[type="checkbox"]:checked + label:after {  
  opacity: 1; /* coche opaque */  
  transform: scale(1); /* mise à l'échelle 1:1 */  
}  



.frontoffice .formulaire label
{
	display: inline-block;
	width: 110px;
	text-align: right;
	margin-right: 5px;
}

.frontoffice .formulaire input
{
	display: inline-block;
	width: 196px;
}

.frontoffice .formulaire select
{
	display: inline-block;
	width: 200px;
}

.frontoffice .formulaire #motcle
{
	display: inline-block;
	width: 178px;
}

.frontoffice .formulaire #motcleimg
{
	position: absolute;
	margin-left: -2px;
	z-index: -1;
}

.frontoffice .formulaire #rechercher
{
	display: block;
	background-image: url('/images/rechercher.png');
	border: 0;
	width: 125px;
	height: 20px;
	margin: 20px 0 0 auto;
}

.frontoffice .pave_texte_gauche2
{
	display: inline-block;
	width: 349px;
	padding-right: 10px;
	text-align: justify;
	vertical-align: top;
}

.frontoffice .pave_texte_droite2
{
	display: inline-block;
	width: 289px;
	padding-left: 10px;
	text-align: justify;
	vertical-align: top;
}

.frontoffice .campagne
{
	margin-bottom: 5px;
}

.frontoffice .campagne label
{
	display: inline-block;
	width: 300px;
	text-align: right;
	margin-right: 5px;
}

.frontoffice .campagne input, .frontoffice .campagne textarea
{
	display: inline-block;
	width: 300px;
	margin-right: 0;
}

.frontoffice .campagne input[type="checkbox"]
{
	display: inline-block;
	width: 20px;
	margin-right: 0;
	vertical-align: middle;
}

.frontoffice .pave_texte_gauche2>.campagne label
{
	display: inline-block;
	width: 130px;
	text-align: right;
	margin-right: 5px;
}

.frontoffice .pave_texte_gauche2>.campagne select
{
	display: inline-block;
	width: 193px;
}

.frontoffice .pave_texte_gauche2>.campagne input
{
	display: inline-block;
	width: 189px;
}

.frontoffice .pave_texte_gauche2>.campagne textarea
{
	display: inline-block;
	width: 187px;
	resize: none;
	overflow: auto;
}

.frontoffice .wizard_head
{
	font-size: 14px;
}

.frontoffice .wizard_head .current_step
{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	background-color: #C8D6E3;
	padding: 5px;
}

.frontoffice #wizard_nav .nextStep, .frontoffice #wizard_nav .previousStep, .frontoffice #wizard_nav .confirmation
{
	display: inline-block;
	height: 20px;
	border: 0;
}

.frontoffice #wizard_nav .nextStep
{
	width: 154px;
	background-image: url(/images/etape_suivante.png);
}

.frontoffice #wizard_nav .previousStep
{
	width: 154px;
	background-image: url(/images/etape_precedente.png);
}

.frontoffice #wizard_nav .confirmation.type1
{
	width: 175px;
	background-image: url(/images/bout_envoyer_imprimeur.jpg);
}

.frontoffice #wizard_nav .confirmation.type2
{
	width: 175px;
	background-image: url(/images/bout_generer_pdf.jpg);
}

.frontoffice #wizard_nav .confirmation.type3
{
	width: 175px;
	background-image: url(/images/bout_envoyer_campagne.jpg);
}

.frontoffice #texte_perso
{
	display: inline-block;
	width: 272px;
	background-color: grey;
	margin: 10px 0 10px 400px;
	vertical-align: top;
	text-align: justify;
}


/*****************
 Base de donnéés (wizard campagne)
*****************/

.wizard_database_table
{
	width: 672px;
	background-color: #FFF;
	border-collapse: separate;
	border-spacing: 1px;
    font-size: 12px;
}

.wizard_database_table td
{
	padding-left: 5px;
}

.wizard_database_table thead
{
	background-color: #394a59;
	color: #FFF;
	font-weight: bold;
}

.wizard_database_table tbody td:nth-child(1)
{
	width: 150px;
}


.wizard_database_table tbody tr:nth-child(2n-1)
{
	background-color: #E6E6E6;
}


/*****************
 Vignettes
*****************/
.vignette_container
{
	display: inline-block;
	clear: both;
}

.vignette
{
	background-color: #CAD4DD;
	width: 149px;
	height: auto;
	margin: 10px 9px;
	float: left;
}

.vignette a:HOVER
{
	text-decoration: none;
}

.vignette_picto
{
	display: inline-block;
	width: 40px;
	height: 20px;
	vertical-align: top;
}

[class*='picto_']
{
	background-repeat: no-repeat;
	background-position: center;
}

.picto_1
{
	background-image: url('/images/format_1.png');
}

.picto_2
{
	background-image: url('/images/format_2.png');
}

.picto_3
{
	background-image: url('/images/format_3.png');
}

.vignette_support
{
	display: inline-block;
	width: 107px;
	height: 17px;
	padding: 3px 2px 0 0;
	vertical-align: top;
	color: #394a59;
}

.vignette_image
{
	width: 137px;
	height: 92px;
	margin: 0 6px;
}

.vignette_libelle
{
	width: 130px;
	height: 30px;
	margin: 0 5px;
	color: #394a59;
	line-height: 15px;
	text-align: left;
	font-weight: bold;
}


/*****************
 Dashboard
*****************/

.dashboard
{
	left: auto;
	right: auto;
}

.dashboard_loupe .desactivépourlemoment
{
	background: url('/images/loupe.png') no-repeat center center;
}

.dashboard_grey
{
	background-color: #E6E6E6;
}

.dashboard_hover
{
	background-color: #D1D0D0;
}

.dashboard table
{
	width: 672px;
	background-color: #FFF;
	border-collapse: separate;
	border-spacing: 1px;
    font-size: 11px;
}

.dashboard table thead
{
	background-color: #394a59;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.dashboard table thead td:last-child
{
	cursor: auto;
}

.dashboard table tbody td
{
	text-align: center;
}

.dashboard table tbody td:nth-child(3)
{
	text-align: left;
}

.dashboard .legende_cadre
{
	margin-left: 50px;
	margin-top: 20px;
	border: solid 1px #999;
	padding: 5px;
	width: 130px;
	background-color: #F9F9F9;
}

.dashboard .legende_export
{
	position: relative;
	left: 170px;
	top: -100px;
	margin-left: 50px;
	margin-top: 20px;
	border: solid 1px #999;
	padding: 5px;
	width: 125px;
	background-color: #F9F9F9;
	text-align: center;
}

.dashboard .legende_statut
{
	display: inline-block;
	background-color: #E6E6E6;
	width: 60px;
	height: 16px;
	text-align: center;
	border-bottom: solid 1px #FFF;
	padding: 1px;
	vertical-align: middle;
}

.dashboard .legende_titre
{
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
	font-style: italic;
	font-size: 0.9em;
	color: #666;
}

.dashboard .pages
{
	margin-top: 15px;
	width: 632px;
	text-align: center;
	font-size: 11px;
	color: #98A6B3;
	margin-left: 20px;
	margin-right: 20px;
}

.dashboard .NON
{
	font-weight: bold;
	color: red;
}

.dashboard .OUI
{
	font-weight: bold;
	color: #090;
}


/*****************
 Divers
*****************/

#logo_bd, #logo_hd
{
	width: 100px;
	height: 100px;
	position: absolute;
	display: inline;
}

#logo_bd
{
	background: url('/images/bd.png') no-repeat left bottom;
}

#logo_hd
{
	background: url('/images/hd.png') no-repeat left bottom;
}


#myLogoBD, #myPhotoBD
{
	display: inline-block;
	vertical-align: middle;
	border: solid 2px #CBD4DD;
	margin: 10px 30px 0;
}

#downloadPDF
{
	border: solid 2px #CBD4DD;
	max-width: 100px;
	max-height: 100px;
	margin: 0 5px;
}

#myLogoBD
{
	width: 86px;
}

#myPhotoBD
{
	width: 59px;
}

.mandatory:AFTER
{
	color: red;
	content: "*";
}

.center
{
	display: block;
	text-align: center;
}

.bloc-middle
{
	vertical-align: text-top;
	height: 35px;
}

.singleuploadxls
{
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: text-bottom;
}

form input[type="file"]
{
	display: none;
}