body, td, th, input, textarea, select, option
{
	font-family: Arial, sans-serif;
	font-size:12px;
}

body
{
	margin:0;
	height:100vh; 
}

a
{
	color:black;
}

.ecart7px
{
	padding:7px;
}

.container
{
	float:left;
	position:relative;
	text-align:center;
}

.container-selected
{
	background-color:#EDFCD7;
	/*background-color:#EFFFD9;*/
}


.containerhidden
{
	display:none;
}


.image {
  
  -moz-box-shadow: 2px 2px 6px #979797;  
  -webkit-box-shadow: 2px 2px 6px #979797;
  box-shadow: 2px 2px 6px #979797;
}

#content
{
	padding:5px;
}

#envelop
{
	width:760px;
	margin-left: auto;
	margin-right: auto;
}

#main, #bottom
{
	border:0px;
	margin-left:auto;
	margin-right:auto;
}

body, #main, .zone_centrale_affichage, .zone_centrale_active, #components
{
	background-color: #F9F9F9;
	color: #424242;
}

.titreboxinfoperso, .titreboxresumepanier
{
	background-color: #F9F9F9;
}

.bgwhite
{
	background-color:white;
}

#bottom
{
	height:60px;
	width:100%;
	background-color:#424242;
}

#main
{
	display: flex;
	margin-top:0;
	min-height:calc(100% - 172px);
}


.material-icons.md-12 { font-size: 12px; color:#42a5f5; }
.material-icons.md-48 { font-size: 48px; }

/*permet de faire de l'ombr� de chaque cot� jusqu'en bas*/

.zone_centrale_affichage
{
	width:100%;
}

.bandeau_haut_under, .bandeaufonctions-under
{
	margin: 0 auto;
}

.bandeau_haut_under div
{
	display: table-cell;
	vertical-align: middle;
	height: 90px;
}

.bandeaufonctions-under div
{
	display: table-cell;
	vertical-align: middle;
	height: 22px;
}

#main, .bandeau_haut_under, .bandeaufonctions-under
{
	max-width:960px;
}

/*on d�fini ici la couleur de fond de la zone active ainsi que la couleur de la police de caract�re*/
.zone_centrale_affichage
{
	border:0px;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom:0;
	margin-top:0;
	color:black;

}

.zone_centrale_active
{

	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	/*margin-bottom:70px;*/
	 /*margin:10px;*/
}

.pinkfield, .orderphoto, .viewphoto, .orderselection
{
	width:720px;
}

.viewphototab
{
	width:675px;
}

.flags
{
	/*position:relative;*/
	top:5px;
	left:0px;
	height:18px;
	/*width:750px;*/
	padding-right:5px;
	text-align:right;
	margin:0px auto;
	float: right;
}

#homepage
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 50vh; /* pouss� de la moiti� de hauteur de viewport */
	transform: translateY(-50%); /* tir� de la moiti� de sa propre hauteur */
}

/**/
.promo
{
	margin-left:auto;
	margin-right:auto;
	
	padding:8px;
	margin-bottom:10px;
	background-image:url(/img/promo2.png);
	background-repeat:no-repeat;
	height:65px;
	width:705px;
	
}

.textpromo
{
  font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

/*couleur lignes paires*/
.altbgcolor
{
	background-color:#FFEADD;
}

 .prixcart
 {
	 max-width:100px;
 }

/*couleur total*/
.totalbgcolor
{
	background-color:#FFE69A;
	
}

#blocmoney
{
	float:right;
	text-align:right;
	padding-right:10px;
	height:18px;
	margin-top:2px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:2px;
}

#becomephotographer
{
	vertical-align: bottom;
	width:750px;
	text-align:right;
	color:white;
}

becometext
{
	color:white;
	
}

/*bandeau haut dans les pages du site*/
#bandeau_haut
{
	display:table;
	cursor:hand;
	cursor:pointer;
	top:0px;
	left:0px;
	/*height:100px;*/
	height:90px;
	width:100%;
	/*background-image: url(/img/headblack.jpg);*/
	/*background-image: url(/img/head.gif);*/
	background-color:#448CCB;
	margin-left:auto;
	margin-right:auto;
	
}

.bandeaufonctions
{
	background-color:#424242;
	 height: 22px;
	 width:100%;
	 margin-left:auto;
	margin-right:auto;
}

#lignesoubandeauhaut
{
	line-height:10;
	font-size:0;
	margin-top:0px;
	height:10px;
	width:760px;
	background-color:#FF9809;
}
/**********************/

/* bloc offre produit */


.tblproduits
{
	width:100%
}

.texttitreoffre
{
	font-weight:bold;
	padding-left:10px;
	font-size:16px;
	text-transform:uppercase;
	color:white;
	margin-bottom:4px;
	
	}


/*detail de l'offre - presentation pproduits prix*/
.detailoffre
{
	margin-left:8px;
	margin-right:8px;
	color:white;
	font-size:12.5px;
	background-color:#FF504F;
}

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



/*bandeau en haut de pr�sentation des series dans lequel 
sont situ�s les produits globaux : telechargement serie, ...*/
#bandeau_action_serie,  .bandeau_action_serie
{
	/*background-color:#F3F3F6;*/
	background-color:white;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:15px;
	height:25px;
	/*width:740px;*/
}

/*bandeau sans fond*/
#blocsoft
{
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:15px;
	height:25px;
	/*width:740px;*/
}


#footer
{
	font-size:0.8em;
	padding:5px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	/*width:715px;*/
	background-color:#424242;
	color:white;
	
	/*background-color:#FFF5E6;*/
	/*border-top:1px solid #EC7772;*/
	
}

#footer a
{
	color:white;
	text-decoration:none;
}

.photographernav
{
	float:right;
	text-align:right;
	color:white;
	position:relative;
	top:-63px;
	padding-top: 10px;
}

.photographernav a
{
	color:white;
}

.news
{
	border-bottom: 1px solid lightgrey;
	padding: 10px;
}

#bandeau_action_serie  .news:last-child
{
	border:none;
}

.titrenews
{
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 14px;
	color: #494949;
}

.entetenews
{
	color: #424242;
	font-style: italic;
	font-weight:bolder;
}

.textenews
{
	color:#616161;
}

.npanews
{
	color:#1c94c4;
	cursor:pointer;
	text-decoration:none;
}

.expandnews, .expandlessnews
{
	cursor:pointer;
}

/*positionnement des petits drapeux en nbas de page*/
#cartes
{
	margin-top:0.5em;
	margin-bottom:0.6em;*/
	/*border-top:1px solid #EC7772;*/
}

/*couleur et position du base ligne dna sle le bansdeau haut*/
#yourbestphotos
{
	width: 400px;
	position:relative;
	top:32px;
	left:-213px;
	color:white;
	text-align:left;
	
}

/* cr�ation du cadre rose autour des paniers, info perso, etc ...*/
.pinkfield
{
	/*width:740px;*/
}

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

/*cadre et couleur de fond de la pr�sentation des photos et des produits dans la page order.php*/
.orderphoto
{
	width:100%;
	padding:5px;
	margin-bottom:15px;
	font-size:12px;
	/*border-radius:4px;*/
	
}

/*cadre et couleur de fond du cadre de selection de produit pour la s�lection de photo - orderv3.php*/
.orderselection
{
	padding:5px;
	margin-bottom:15px;
	font-size:12px;
	/*border-radius:4px;*/
	
}

.boxsansfond
{
	/*margin-bottom: 25px;*/
	margin-top:40px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
	border-style:solid;
	border-width:2px;
	/*border-radius:4px;*/
	border-color:#c9e3fd;
}

.boxsansfond#infoperso 
{
	margin-bottom:25px;
}

.validationcgu
{
	margin-bottom: 25px;
	margin-top:25px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
	border-style:solid;
	border-width:2px;
	/*border-radius:4px;*/
	border-color:#c9e3fd;

}	

.titreboxresumepanier
{
	margin-top:-40px;
	padding:5px;
	
}

#resumepanier{
	margin-top:35px;
}

.titreboxinfoperso
{
	display:table;
	margin-top:-23px;
	padding:5px;
	
}

/*bouton par d�faut*/
.button
{
	background-image:url(/img/btnfd.gif);
	font-weight:bold;
	color:white;
	font-size:13px;
	height:28px;
}

.buttonleft
{
	width:18px;
	background-image:url(/img/btnleft.gif);
	
}

.buttonright
{
	width:10px;
	background-image:url(/img/btnright.gif);
	
}

textebutton
{
	text-decoration:none;
	color:white;
}

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


/*CSS bouton*/
.css-btn
{
	display:table-cell;
	font-size: 13px;
	cursor:pointer;
	cursor:hand;
	background-color:#ff5722;
	color:white;
	height:28px;
	/*border-radius:3px;*/
	font-weight:100;	
	  line-height: 28px;
	
	/*padding-right:10px;*/
	text-transform:uppercase;
}

.css-btn a 
{
	color:white;
	text-decoration:none;
}

.icn-close
{ 	
	cursor: pointer;
    display: block;
    margin-bottom: 12px;
    margin-left: calc(100% - 20px);
    margin-right: 20px;
}
	
.textbutton
{
	float:left;
	


}

/*second bouton : pr�venir un ami ...*/
.orange
{
	background-color:#FFC000;
}

.modify
{
	padding:2px;
	cursor:pointer;
	font-size: smaller;
}

/*second bouton : pr�venir un ami ...*/
.orangebutton
{
	
	background-image:url(/img/btnofd.gif);
	font-weight:bold;
	color:white;
	font-size:13px;
	height:28px;

}

.orangebuttonleft
{
	width:18px;
	background-image:url(/img/btnoleft.png);
	
}

.orangebuttonright
{
	width:7px;
	background-image:url(/img/btnoright.png);
	
}

texteorangebutton
{
	text-decoration:none;
	color:white;
}
/******************************************/



h1
{
	font-family: Lato,  sans-serif;
	color:#FF9805;
	font-size:28px;
	font-weight: 300;
	margin:0;
}

h2, span.h2
{
	font-family: Lato,  sans-serif;
	/*font-weight:bold;*/
	/*color:#FF504E;*/
	color:#1c94c4;
	 font-size: 18px;
    font-weight: lighter;
	/*font-size:16px;*/
	text-transform:uppercase;
}

.infomenu
{
	width:100%;
	margin-bottom:15px;
}

.infomenu-under
{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

.infomenustep
{
	border:2px solid;
	/*border-radius:26px;*/
	color:#FF9805;
	width:100px;
	display:inline-block;
	padding:5px;
	cursor: pointer;
	margin-left:15px;
	margin-right:15px;
	text-align: center;
}

.infomenuaide
{
	border-color:#feb143;
	color:#ff9805;
}


.infomenutarif
{
	border-color:#299cff;
	color:#1c94c4;
}

.infomenusocial
{
	border-color:#feb143;
	color:#ff9805;
}

th.pink, td.pink
{
	text-align:right;
}

input.pink, textarea.pink
{
	margin:0;
	border:1px solid #1c94c4;
}

input.pink
{
	width:200px;
}

.textcart
{
	color:#FF504E;
}

.error
{
	color:white;
	background-color:red;
}

.color1
{
	border:2px solid #ff4746;
}

.color2
{
	border:2px solid #fda700;
}

.color3
{
	border:2px solid #e4da00;
}

.color4
{
	border:2px solid #a8e400;
}

.color5
{
	border:2px solid #519dff;
}

.color6
{
	border:2px solid #c980e3;
}

/*
form label
{
	display:block;
	float:left;
	width:70px;
	text-align:right;
}
*/
#address_address
{
	font-family: Arial;
	width:350px;
	height: 70px;
	/*margin-left:5px;*/
	
}

/*
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 1px;
	z-index: 5000;
}
*/

.txtSerial {font-size:11px;border:solid 1px #CCCCCC; text-align:center; width:80%;}

td.number, th.number
{
	text-align:right;
}

th.left
{
	text-align:left;
}


#sortable
{
	list-style-type: none; margin: 0; padding: 0;
}

#sortable li
{
	margin: 1px 1px 1px 0; padding: 1px; float: left; width: 113px;  font-size: 4em; text-align: center;
}


#components {
	padding: 15px;
	
}

#components>table
{
	border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	/*border-radius: 4px;*/
}


#componentbox {
	background: #fff;
	padding: 15px;
	width: 200px;
	height:150px;
}

#components,  .search_input {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#componentbox {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#components  .search_input span.ui-icon  {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 13px;
	margin-top: -8px;
	zoom: 1;
}

#componentbox .search_input span.ui-icon  {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 13px;
	margin-top: -8px;
	zoom: 1;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
/*ul#icons .minus, ul#icons .plus {padding: 1px 0;}*/
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#navprg .links a + a {
    border-left: 1px solid #CCCCCC;
    margin-left: 8px;
}

#tarifs {
	color: black;
	
	/*-moz-border-radius : 4px;*/
	/*-webkit-border-radius : 4px;*/
	/*border-radius : 4px;*/
}

.volet
{
	background-color: rgba(0, 0, 0, 0.74);
	color: #fff;
    height: 100vh;
    left: 0;
	position: fixed;
	top: 0;
    width: 100vw;
}

.volet .inside
{
	
	left: 50vw;
    opacity: 1;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    position: absolute;
    top: 30vh;
    transform: translate(-50%);
	width:700px;
}



#informations .inside, #sendtoafriend .inside {
	background-color: #f5f5f5;
    color: #757575;
	font-size: 14px;
}

.jssocials-share-link { border-radius: 50%; } 

#tarifs.volet {
	/*width: 700px;*/ 
	}
#tarifs h2 {
	/*color: #fff !important;*/
	margin-top: 2px;
	
}

#tarifs .inside {
	width: 550px;
	margin: auto;
	/*font-size: 12px;*/
	background-color: #eef6ff;
}

#tarifs .showtarif {
	width: 550px;
	margin: auto;
	/*font-size: 12px;*/
	background-color: #eef6ff;
	margin-bottom:25px;
	padding:20px;
}


#tarifs .inside  .prix {
	position: absolute;
    right: 0;
}

.offreprice
{
	
	min-width: 50px;
}

#tarifs ul { padding-left: 0; }
#tarifs li {
	list-style: none;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #1c94c4;
	position: relative;
    padding-right: 120px;
    height: 17px;
	
}

.offrecontainer {
	display:table;
	margin:auto;
	width:90%;
}

.offrerow {
	display:table-row;
}

.offrecolumn {
	/*width: 200px;*/
	display:table-cell;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #1c94c4;
	height: 17px;
	vertical-align: middle;
	padding-top: 3px;
	padding-right:10px;
	padding-left:10px;
}

.offrecontainer  .offrerow:last-child .offrecolumn
{
	border-bottom: none;
	
}

.offrecontainerqtip {
	display:table;
	margin:auto;
}

.offrerowqtip {
	display:table-row;
}

.offrecolumnqtip {
	display:table-cell;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #eea3a0;
	height: 17px;
	vertical-align: middle;
	padding-top: 3px;

}

.codepromo
{
	border: 1px solid #DBDDDA;
	height: auto;
	width:400px;
	margin: 10px;
	/*border-radius: 4px 4px 4px 4px;*/
	padding: 10px;
	background-color:white;
}

.magasin_adresse
{
	max-width:100%;
}

.souscategorie
{
	border: thin dotted grey;
	padding:20px;
}

.tbl-serie
{
	width=100%;
	padding:3px;
	margin:0 auto;h1
	
}


/* loading */
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.uil-ring-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #737575;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}

.glr-public
{
	width:100%;
}

.fancybox-close {
 	top: -18px;
	right: -18px;
}

.explications
{
    background-color: #FFF3E0;
    padding: 10px;
	margin-bottom: 10px;
	padding: 10px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffdba3;
}

.explications p
{
	margin: 5px;
	text-align:left;
}

.label-file 
{
	border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
	padding: 7.5px;
	margin: 2px;
	cursor:pointer;
}

.label-file:hover
{
	border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405;
}

.badgebleu
{
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	text-decoration: none;
	border-radius: 5px;
	border-color: #66b2dc;
	background-color: rgba(102, 178, 220, 0.15);
	margin:5px;
}

.badgevert
{
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	text-decoration: none;
	border-radius: 5px;
	border-color: rgba(156, 201, 128, 1);
	background-color: rgba(156, 201, 128, 0.15);
	margin:5px;
}

.badgerouge
{
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	text-decoration: none;
	border-radius: 5px;
	border-color: rgba(230, 115, 92, 1);
	background-color: rgba(230, 115, 92, 0.15);
	margin:5px;
}