.preview_photo_detail{
    float:left;
    width:420px;
    height:280px;
    margin:4px;
    padding:5px;
    text-align:center;
    background-color:#F9F9F9;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align:middle;
}
.preview_photo_commande, .preview_photo_commande_add_format{
    float:left;
    width:360px;

    margin:0 3px 5px 0;
    padding:5px;
    text-align:center;
    background-color:#EFEFEF;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align:middle;
}
.preview_photo_commande_add_format{
    border:4px solid #369;
    overflow:hidden;
}
html>body .preview_photo_detail {
    height:auto;
    min-height:280px;
}
.preview_photo_detail_selected{
    float:left;
    width:420px;
    height:250px;
    margin:4px;
    padding:5px;
    text-align:center;
    background-color:#F9F9F9;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align:middle;
    background-color:#E1E1E1;
}

.preview_photo_commande .photo, .preview_photo_commande_add_format .photo{
    text-align:left;
    width:115px;
}
.preview_photo_commande .photo div.nom_photo{
    position:relative;
    border:0px;
    text-align:center;
}
.preview_photo_commande .photo div, .preview_photo_commande_add_format .photo div{
    border:1px solid #7389ae;
}
.preview_photo_commande .photo div.bordblanc , .preview_photo_commande_add_format .photo div.bordblanc{
    border:4px solid #fff;
}
.bordblanc{
    border:8px solid #fff;
}
.preview_photo_commande .infos , .preview_photo_commande_add_format .infos{
    float:left;
    text-align:left;
    border-left:1px solid #7389ae;
    padding-left:5px;
    height:200px;
}
.options_papier{
    float:left;
    width:260px;
    height:150px;
    margin-right:10px;
}
.options_papier img{
    position:relative;
    left:-10px;
}
.actions{
    border-left:1px solid #ccc;
    margin-left:20px;
    text-align:left;
    margin-left:260px;
}
.actions input.bouton{
    position:relative;
    background-color:#7389ae;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    height:30px;
    width:200px;
    border:1px solid #ccc;
    top:10px;
    margin-bottom:10px;
    margin-left:60px;
}

.actions div.action_box_box {
    width:350px;
    margin-top:10px;
}

.actions div.action_box {
    width:352px;
    height:24px;
    /*border:1px solid white;*/
}

.actions div.action_box div.action{
    float:left;
    width:100px;
    font-weight:bold;
    color:#6289b5;
}

.actions div.action_box input[type="button"] {
    float:right;
}

.actions div.action_box input,.actions div.action_box select{
    float:left;
}

.actions div span{
    cursor:pointer;
}

.preview_photo_commande .infos ul , .preview_photo_commande_add_format .infos ul{
    list-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:5px;
    margin-left:0px;
}
html>body .preview_photo_commande .infos ul , html>body .preview_photo_commande_add_format .infos ul{
    list-style:none;
    padding:0px;
    margin-bottom:0px;
    margin-top:5px;
}
.preview_photo_commande .infos li , .preview_photo_commande_add_format .infos li{
    height:20px;
}
html>body .preview_photo_commande .infos li.haut , html>body .preview_photo_commande_add_format .infos li.haut{
    height:25px;
}
.preview_photo_commande .infos div.titre , .preview_photo_commande_add_format .infos div.titre{
    float:left;
    margin-left:5px;
    width:75px;
    font-weight:bold;
    color:#6289b5;
}
.preview_photo_commande .infos div.titre_long , .preview_photo_commande_add_format .infos div.titre_long{
    float:left;
    margin-left:5px;
    width:100px;
    font-weight:bold;
    color:#6289b5;
    cursor:pointer;
}

.preview_photo_commande .infos a , .preview_photo_commande_add_format .infos a{
    text-decoration:none;
    cursor:pointer;
}
.preview_photo_commande .infos input.qty , .actions input.qty , .preview_photo_commande_add_format .infos input.qty{
    width:25px;
    height:14px;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
.preview_photo_commande .infos select.format,.actions select.format , .preview_photo_commande_add_format .infos select.format{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
.label{
    background-color:#ccc;
    font-style:normal;
}
.option_select{
    background-color:#fff;
}

.preview_photo_detail .photo , .preview_photo_detail_selected .photo{
    float:left;
    width:160px;
}
.preview_photo_detail .infos , .preview_photo_detail_selected .infos{
    float:left;
    text-align:left;
    border-left:1px solid #7389ae;
    padding-left:10px;
}
.preview_photo_detail .infos div , .preview_photo_detail_selected .infos div{
    float:left;
    width:100px;
    font-weight:bold;
    color:#6289b5;
}
.preview_photo_detail .infos p , .preview_photo_detail_selected .infos p{
    position:relative;
    text-indent:0px;
    margin:0px;
    padding:0px;
    margin-left:100px;
    margin-top:0px;
}
.preview_photo_detail .infos img , .preview_photo_detail_selected .infos img{
    position:relative;
    cursor:pointer;
    border:0px;
}
.preview_photo{
    float:left;
    width:150px;
    height:150px;
    margin:4px;
    padding:0px;
    text-align:center;
    background-color:#F9F9F9;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align:middle;
}
.preview_photo .centrer_photo_vertical{
    position: relative;
}
.preview_photo .centrer_photo_horizontal{
    position:relative;
}
.preview_photo img ,.preview_photo_detail img ,.preview_photo_detail_selected img{
    border: 1px solid #7389ae;
    cursor:pointer;
}
.preview_album {
    float:left;
    width: 180px;
    height: 150px;
    margin: 4px;
    padding: 5px;
    background-color: #F9F9F9;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.preview_album .icone_album{
    float:left;
    width:100px;
    height:100px;
}
.preview_album .info_album{
    text-align:left;
    color:#7389ae;
}
.preview_album h3{
    font-size:15px;
    color:#7389ae;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    margin-bottom: 7px;
}
.preview_album img, .icone_album_mail img{
    border:1px solid #7389ae;
}
.icone_album_mail{
    border:1px solid #7389ae;
    margin-right:10px;
}
.message_mail{
    margin-left:10px;
}
.preview_album span {
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
}

#icone_album, #icone_photo{
    text-align:center;
    margin-top:5px;
}
#icone_photo_commande{

}
#trailimageid{
    position:absolute;
    background-color:#fff;
    border:1px solid #ccc;
}
img.icone_visio{
    border:0px;
    cursor:pointer;
}

#diaporama{
    position:absolute;
    visibility:hidden;
    width:auto;
    height:auto;
    border:1px solid #ccc;
    background:#fff;
}
div.menu_dr{
    float:right;
    margin-top:-15px;
    margin-right: 10px;
}

#photo1{
    opacity:0;
}
#photo2{
    opacity:0;
}
#photo_background{

}
#diaporama{
    position:absolute;
    background-repeat:no-repeat;
    background-position:center;
}
#centrer_diapo{
    position:absolute;
    left: 50%;
    top: 50%;
    width:900px;
    height:550px;
    margin-top: -275px; /* moitié de la hauteur */
    margin-left: -450px; /* moitié de la largeur */
}
#loading{
    position:absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 60px;
    margin-top: -30px; /* moitié de la hauteur */
    margin-left: -100px; /* moitié de la largeur */
    border: 1px solid #000;
    visibility:hidden;
    border:1px solid #369;
    text-align:center;
    color:#369;
    background-color:#FFF;
    padding:5px;
}
#kwicks .kwick_photos{
    float: left;
    display: block;
    width: 50px;
    height: 60px;
    cursor:pointer;
    margin-bottom:0px;
    padding:0px;
}

#menu_email{
    background-image:url(../pictures/menu/menu_email.png);
    background-repeat:no-repeat;
}
#menu_telecharger{
    background-image:url(../pictures/menu/menu_telecharger.png);
    background-repeat:no-repeat;
}
#menu_voter{
    background-image:url(../pictures/menu/menu_voter.png);
    background-repeat:no-repeat;
}
#unephoto{
    float:left;
}
#info_unephoto{
    float:left;
    text-align:left;
}
#info_unephoto .body_box div.titre{
    float:left;
    width:100px;
    font-weight:bold;
    color:#6289b5;
}
#info_unephoto .body_box p{
    position:relative;
    text-indent:0px;
    margin:0px;
    padding:0px;
    margin-left:100px;
    margin-top:0px;
}
#info_unephoto .body_box div.information{
    position:absolute;
    margin-left:300px;
    margin-top:-50px;
}
#info_unephoto .body_box textarea.message{
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    width:300px;
    height:100px;
}
.preview_album div.prive{
    position:absolute;
    right:0px;
    bottom:0px;
}
.onglet_formats{
    padding-top:0px;
    margin-left:5px;
}
.titre_onglet_formats{
    font-weight:bold;
    margin-left:5px;
}
.onglet_formats ul{
    padding:0px;
    margin:0px;
    list-style:none;
    border:1px solid #ccc;
    float:left;
}
.onglet_formats li{
    padding:0px;
    margin:0px;
    text-align:center;
    display:inline;
    width:60px;
}
.onglet_formats a{
    padding-left:5px;
    padding-right:5px;
    border-right:1px solid #fff;
    background-color:#7389ae;
    width:60px;
    color:#fff;
}
.onglet_formats a.select{
    padding-left:5px;
    padding-right:5px;
    border-right:1px solid #fff;
    background-color:#eee;
    width:60px;
    color:#7389ae;
}
.onglet_formats a:hover{
    text-decoration:none;
    background-color:#eee;
    color:#7389ae;
}
.select-free
{
    position:absolute;
    z-index:10;/*any value*/
    overflow:hidden;/*must have*/
    width:100%;/*must have for any value*/;
    background-color:#f00;
}
.select-free iframe{
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;/*must have*/
    top:0;/*must have*/
    left:0;/*must have*/
    z-index:-1;/*must have*/
    filter:mask();/*must have*/
    width:100%;/*must have for any big value*/
    height:100%/*must have for any big value*/;
}
#addformat{
    visibility:hidden;
    position:absolute;
    width:300px;
    height:150px;
    margin-top:-75px;
    margin-left:-150px;
    cursor:move;
}
#addformat input{
    margin-top:5px;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.modif_page{
    opacity:.25;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
}
html>body .modif_page{
    filter:alpha(opacity=20);
    opacity:.20;
}
.page_normal{
    opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}
html>body .page_normal{
    filter:alpha(opacity=100);
    opacity:1;
}
.ajout_format{
    cursor:pointer;
    color:#7389ae;
    position:relative;
    top:8px;
    display:block;
    background-color:#7389ae;
    width:160px;
    height:18px;
    border:2px solid #fff;
}
html>body .ajout_format{
    cursor:pointer;
    color:#7389ae;
    position:relative;
    top:8px;
    left:80px;
    display:block;
    background-color:#7389ae;
    width:160px;
    height:18px;
    border:2px solid #fff;
}
.ajout_format_hover{

}
.ajout_format span{
    margin-top:5px;
    color:#fff;
    text-decoration:none;
}
span.red{
    color:red;
    border:0px;
    font-weight:bold;
    cursor:pointer;
}
span.green{
    color:#690;
    border:0px;
    font-weight:bold;
    cursor:pointer;
}
#popup{
    background-color:#fff;
    border:1px solid #ccc;
    padding:10px;
    width:450px;
    visibility:hidden;
    position:absolute;
}
.preview_photo .boutton_commander{
    position:absolute;
    right:0px;
    border:1px solid #369;
    background-color:#ddd;
    font-size:14px;
    font-weight:bold;
}


/*** SELECTION ******/

.imgCheckbox {
    /*position:absolute;*/

}

div.photo-search {
    float:left;
}

div.photo-search input#photo-search{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
    color:#666;
}

div.photo-search input#photo-search.clicked{
    color:black;
}

div.button_appliquer {
    cursor:pointer;
    float:right;
    text-decoration:underline;
    color:#369;
    font-weight:bold;
}

div.button_appliquer.all {
    float:right;
    height:20px;
    padding:0 15px 0 15px;
    background:#369;
    color:white;
    line-height:15px;
    border:2px solid #CCC;
    cursor:pointer;
    text-decoration: none;
}

/*** PICASA ***/

div.picasa_album {
    height:220px;
    width:200px;
    overflow:hidden;
    text-align:center;
    color:#333;
    font-weight:bold;
    float:left;
    margin:10px;
    cursor:pointer;
    padding:2px;
    background:#FAFAFA
}

div.picasa_photo {
    height:160px;
    width:150px;
    text-align:center;
    color:#333;
    font-weight:bold;
    float:left;
    margin:10px;
    cursor:pointer;
    padding:5px;
    background:#FAFAFA;
}

div.picasa_photo:hover,div.picasa_photo.selected {
    border:1px solid #693;
    padding:4px;
    background:#EEE;
}

div#picasa_deselect_all {
    position:absolute;
    margin-left:800px;
    cursor:pointer;
    text-decoration:underline;
    color:#369
}

div#picasa_deselect_all:hover {
    text-decoration:none;
}

div#picasaOrder {
    position:absolute;
    display:none;
    z-index:1000;
    text-align:center;
    width:600px;
    height:400px;
    background:white;
    left:50%;
    margin-left:-300px;
    top:50%;
    margin-top:-200px;
    border:1px solid #AAA;
}