.iv4-widget {
    position:relative;
    zoom:1;
}

.iv4-widget .widget-attente {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:#000;
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
    zoom:1;
}

.iv4-WidgetPiedPage {
    width:580px;
    height:49px;
    position:relative;
}
.iv4-WidgetPiedPage .action {
    font-family:Georgia;
    font-size:14px;
    cursor:pointer;
}
.iv4-WidgetPiedPage .validation {
    position:absolute;
    border-left:1px solid #fff;
    right:0;
    height:49px;
    padding-left:20px;
    padding-right:20px;
    font-weight:bold;
}
.iv4-WidgetPiedPage .annulation {
    position:absolute;
    border-right:1px solid #fff;
    left:0;
    height:49px;
    padding-left:20px;
    padding-right:20px;
    font-weight:bold;
}

.iv4-LabelTitreIv4 {
    font-family:Georgia;
    font-size:18px;
    font-style:italic;
}
.iv4-LabelSoustitreIv4 {
    font-family:Georgia;
    font-size:14px;
    color:#000;
}

.iv4-TextBoxForm,
.iv4-TextAreaForm,
.gwt-SuggestBox {
    border:1px solid #707070;
    font-family:Georgia;
    font-size:12px;
    padding-bottom:2px;
    padding-top:2px;
    color:#333;
    background:url(../images/fond-textbox.png) repeat-x #fff;
}
.iv4-TextBoxForm {
	/height:20px;	/** IE7 **/
}
.iv4-LabelForm {
    font-size:11px;
    color:#3c3c3c;
    float:left;
    line-height:25px;
    height:20px;
}

.iv4-ButtonForm {
    background:#eee;
    color:#aaa;
    font-weight:bold;
    font-size:11px;
    padding:5px;
    border:1px solid #aaa;
    display:inline;
    text-align:center;
    cursor:pointer;
}
.iv4-ButtonForm-over {
    background:#d7b154;
    color:#6f5821;
}

.iv4-HintTextBoxForm,
.iv4-HintTextAreaForm {
    border:1px solid #9f9f9f;
    font-family:Georgia;
    font-size:12px;
    padding:5px;
    color:#333;
}
.iv4-HintTextBoxForm {
	/height:27px;	/** IE7 **/
}
.iv4-hint-on {
    font-style:italic;
    color:#ababab;
}

.champ-invalide {
    border:1px solid red;
    background-color:#fdacac;
}

.iv4-SpinnerForm .textBox {
	float:right;	/** IE7 **/
}
.iv4-SpinnerForm .arrows {
    width:10px;
    float:right;
    position:relative;
}
.iv4-SpinnerForm .arrows .plus,
.iv4-SpinnerForm .arrows .moins {
    cursor:pointer;
}

.gwt-SuggestBoxPopup {
    border:1px solid #707070;
    background-color:#fff;
}
.gwt-SuggestBoxPopup .item {
    padding-left:5px;
    padding-right:5px;
    font-size:10px;
}
.gwt-SuggestBoxPopup .item-selected {
    background-color:#aaa;
}

.iv4-PhotoLightBox  {
}
.iv4-PhotoLightBox .panneau-photo {
}
.iv4-PhotoLightBox .panneau-photo .photo {
    border:10px solid #ccc;
}


/** ENTETE **/
.iv4-WidgetListeEntete {
    font-family:Georgia;
    font-size:12px;
    position:relative;
    height:120px;
    padding-left:20px;
    padding-right:20px;
}
.iv4-WidgetListeEntete .illustration {
    width:120px;
    height:120px;
    overflow:hidden;
    margin-right:15px;
    float:left;
    position:relative;
    cursor:pointer;
}
.iv4-WidgetListeEntete .illustration .label-illus {
    display:none;
}
.iv4-WidgetListeEntete .albums {
    float:right;
    width:120px;
    padding-top:24px;
    height:124px;
    position:relative;
    overflow:hidden;
    background:url(../images/voir-album.png) left top no-repeat;
}
.iv4-WidgetListeEntete .albums .photos {
    cursor:pointer;
    border:none;
}

.iv4-WidgetListeEntete .beneficiaires {
    font-size:16px;
}
.iv4-WidgetListeEntete .MagasinPave {
    position:absolute;
    bottom:0px;
    left:155px;
    font-size:11px;
    color:#707070;
}
.iv4-WidgetListeEntete .MagasinPave .nom {
    font-weight:bold;
}
.iv4-WidgetListeEntete .MagasinPave .web a {
    color:#707070;
    font-style:italic;
}
.iv4-WidgetListeEntete .TotauxPanel {
    position:absolute;
    bottom:0px;
    left:155px;
    font-size:11px;
    color:#707070;
}
.iv4-WidgetListeEntete .TotauxPanel .iv4-LabelForm {
    float:left;
    clear:left;
    line-height:18px;
    height:auto;
}
.iv4-WidgetListeEntete .TotauxPanel .montant {
    line-height:18px;
    margin-left:4px;
    color:#000;
    font-weight:bold;
    float:left;
    /float:none;
}


/** LISTE **/
.iv4-WidgetListe {
    margin-top:40px;
    width:580px;
    overflow:hidden;
}
.iv4-WidgetListe .ligne {
    overflow:hidden;
    /overflow:visible;		/** IE7 **/
    min-height:40px;		/** IE7 **/
	height:auto !important; /** IE7 **/
	height:40px;			/** IE7 **/
}
.iv4-WidgetListe .entete {
     line-height:12px;
     height:30px;
     font-style:italic;
     font-family:Georgia;
     color:#3c3c3c;
     font-size:11px;
}
.iv4-WidgetListe .famille {
    background-color:#f1f1f0;
    line-height:40px;
    min-height:60px;		/** IE7 **/
	height:auto !important; /** IE7 **/
	height:60px;			/** IE7 **/
	zoom: 1;
}
.iv4-WidgetListe .famille .nom {
    font-family:Georgia;
    font-size:16px;
    color:#000;
    float:left;
    margin-left:20px;
    margin-top:20px;
    width:500px;
}
.iv4-WidgetListe .article {
    color:#3c3c3c;
    border-bottom:1px solid #f1f1f0;
}
.iv4-WidgetListe .illus {
    width:40px;
    height:40px;
    overflow:hidden;
    float:left;
    margin-left:20px;
}
.iv4-WidgetListe .famille .illus {
    width:60px;
    height:60px;
    margin-left:0px;
}
.iv4-WidgetListe .illus img {
    cursor:pointer;
}
.iv4-WidgetListe .entete .illus {
    height:30px;
}
.iv4-WidgetListe .designation {
    width:235px;
    float:left;
    margin-left:20px;
    padding-top:12px;
    padding-bottom:12px;
}
.iv4-WidgetListe .quantite-prix {
    width:125px;
    float:left;
    margin-left:10px;
    font-size:11px;
    text-align:right;
    line-height:40px;
}
.iv4-WidgetListe .quantite-cmdee {
    width:90px;
    float:right;
    font-size:11px;
    text-align:right;
    line-height:40px;
    margin-right:20px;
}
.iv4-WidgetListe .quantite-cmdee .spinner {
    margin-top:10px;
    margin-left:44px;
}
.iv4-WidgetListe .quantite-cmdee .spinner input {
    width:30px;
    padding-left:3px;
    padding-top:0;
    border:1px solid #aaa;
    font-family:Georgia;
    font-size:11px;
    color:#888;
    margin:0;
    height:18px;
}
.iv4-WidgetListe .quantite-cmdee .is-commande input {
    color:#000;
}
.iv4-WidgetListe .entete .quantite-cmdee,
.iv4-WidgetListe .entete .quantite-prix,
.iv4-WidgetListe .entete .designation {
    line-height:12px;
    padding:0;
}
.iv4-WidgetListe .bas-de-liste {
    margin-top:20px;
    overflow:auto;
}
.iv4-WidgetListe .bas-de-liste .libelle {
    float:left;
    text-align:right;
    width:453px;
    clear:both;
    margin-bottom:20px;
}
.iv4-WidgetListe .bas-de-liste .total {
    float:right;
    text-align:right;
    margin-right:20px;
    width:100px;
    font-weight:bold;
    font-size:12px;
}
.iv4-WidgetListe .bas-de-liste .participation {
    float:right;
    text-align:right;
    margin-right:20px;
    width:60px;
}

/** CONNEXION **/
.iv4-WidgetLogin {
    position:relative;
}
.iv4-WidgetLogin .ident {
    width: 190px;
    margin-top:10px;
    float:right;
    margin-right:20px;
    position:relative;
}
.iv4-WidgetLogin .ident .ident-top {
    width:190px;
    height:6px;
    overflow:hidden;
}
.iv4-WidgetLogin .ident .ident-body {
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}
.iv4-WidgetLogin .ident .ident-bottom {
    width:190px;
    height:6px;
    overflow:hidden;
}

.iv4-WidgetLogin .ident .form .iv4-TextBoxForm {
    display:block;
    margin-bottom:10px;
    width:160px;
}
.iv4-WidgetLogin .ident .form .iv4-CheckBoxForm {
    line-height:25px;
    width:160px;
    font-size:11px;
    display:block;
}
.iv4-WidgetLogin .ident .details {
    width:160px;
    font-family:Georgia;
    color:#707070;
    margin-bottom:10px;
}
.iv4-WidgetLogin .ident .details a {
    color:#000;
}
.iv4-WidgetLogin .pres {
    margin-left:20px;
    width:315px;
    font-family:Georgia;
    color:#707070;
    font-size:12px;
    line-height:16px;
    margin-top:10px;
}


/** COMMANDES **/
.iv4-WidgetCommandes {
    margin-top:40px;
    width:580px;
    overflow:hidden;
}
.iv4-WidgetCommandes .ligne {
    overflow:auto;
    padding-bottom:10px;
    /overflow:visible;		/** IE7 **/
}
.iv4-WidgetCommandes .entete {
     line-height:12px;
     font-style:italic;
     font-family:Georgia;
     color:#3c3c3c;
     font-size:11px;
    /overflow:hidden;		/** IE7 **/
    height:30px;
}
.iv4-WidgetCommandes .commande {
    color:#000;
}
.iv4-WidgetCommandes .ref {
    padding-left:20px;
    font-family:Georgia;
    font-size:16px;
    line-height:30px;
    color:#3c3c3c;
    background-color:#f1f1f0;
    margin-bottom:5px;
    margin-top:10px;
    clear:both;
}
.iv4-WidgetCommandes .ref div {
    width:100%;
    cursor:pointer;
}
.iv4-WidgetCommandes .nom {
    width:380px;
    float:left;
    margin-left:20px;
    color:#707070;
}
.iv4-WidgetCommandes .en-cours {
    font-style:italic;
}
.iv4-WidgetCommandes .entete .nom {
    width:170px;
}
.iv4-WidgetCommandes .adresse {
    width:170px;
    float:left;
    margin-left:20px;
}
.iv4-WidgetCommandes .adresse .message {
    font-style:italic;
    margin-top:8px;
}
.iv4-WidgetCommandes .articles {
    float:left;
    width:390px;
    zoom:1;
}
.iv4-WidgetCommandes .article {
    width:270px;
    margin-left:10px;
    font-size:11px;
    text-align:right;
    float:left;
}
.iv4-WidgetCommandes .montant {
    width:150px;
    float:right;
    font-size:11px;
    margin-right:20px;
    text-align:right;
}
.iv4-WidgetCommandes .details {
    clear:both;
    color:#707070;
    font-size:11px;
}
.iv4-WidgetCommandes .entete .montant,
.iv4-WidgetCommandes .details .montant {
    width:90px;
}
.iv4-WidgetCommandes .lien-details {
    font-style:italic;
    color:#707070;
    cursor:pointer;
}


/** ALBUM PHOTOS **/
.iv4-WidgetAlbumPhotos .iv4-LabelTitreIv4 {
    margin-bottom:20px;
    margin-left:0;
}
.iv4-WidgetAlbumPhotos .photos {
    margin-left:20px;
    overflow:auto;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel {
    width:170px;
    height:170px;
    border:1px solid #ccc;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
    text-align:center;
    position:relative;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel-last {
    margin-right:0px;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel .photo {
    cursor:pointer;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel .photo-h {
    margin-top:20px;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel .photo-v {
    margin-top:10px;
}
.iv4-WidgetAlbumPhotos .photos .photo-panel .titre {
    position:absolute;
    left:0;
    bottom:0;
    width:150px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
}

.iv4-MessageInfo {
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    background-color:#eee;
}
.iv4-MessageInfo .texte {
    padding:10px;
    border:1px solid #aaa;
    color:#333;
    font-size:11px;
    line-height:14px;
}
.iv4-MessageInfo .fermer {
    float:right;
    font-size:10px;
    color:#fff;
    background-color:#aaa;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;
}


/** WidgetBlog **/
.iv4-WidgetBlog .aide-rss {
    color:#707070;
    margin-top:10px;
    font-family:Georgia;
    font-size:12px;
    line-height:16px;
    margin-bottom:30px;
    margin-left:20px;
    margin-right:20px;
    padding-left:50px;
    background:url(../images/icone-rss.png) no-repeat left center;
}

.iv4-WidgetBlog .post {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #f1f1f0;
    overflow:auto;
    clear:both;
    zoom:1;
}
.iv4-WidgetBlog .post .iv4-LabelTitreIv4 {
    margin-left:0px;
    margin-bottom:10px;
}
.iv4-WidgetBlog .post .illustration {
    float:right;
    margin-left:10px;
    cursor:pointer;
}
.iv4-WidgetBlog .post .outils {
    overflow:auto;
    margin-top:5px;
    clear:both;
    margin-bottom:5px;
    zoom:1;
}
.iv4-WidgetBlog .lien {
    font-size:9px;
    color:#000;
    cursor:pointer;
    float:left;
    margin-right:15px;
    height:17px;
    line-height:17px;
    font-weight:bold;
    font-style:italic;
    white-space: nowrap;
}
.iv4-WidgetBlog .post .date {
    float:left;
    width:40px;
    margin-right:10px;
    margin-bottom:5px;
    padding-bottom:3px;
}
.iv4-WidgetBlog .post .texte {
    font-family:Georgia;
    font-size:12px;
    line-height:16px;
}
.iv4-WidgetBlog .post .date .jour,
.iv4-WidgetBlog .post .date .mois,
.iv4-WidgetBlog .post .date .annee {
    text-align:center;
    font-family:Georgia;
    font-style:italic;
}
.iv4-WidgetBlog .post .date .jour,
.iv4-WidgetBlog .post .date .annee {
    font-size:18px;
}

.iv4-WidgetBlog .pagination {
    margin-left:20px;
    margin-right:20px;
    text-align:center;
}
.iv4-WidgetBlog .pagination .iv4-ButtonForm {
    margin-left:5px;
}

.iv4-WidgetBlog .commentaires {
    font-size:10px;
    padding-left:5px;
    padding-top:5px;
    overflow:auto;
    clear:both;
    zoom:1;
}
.iv4-WidgetBlog .commentaires .lien {
    padding-bottom:10px;
    zoom:1;
}
.iv4-WidgetBlog .commentaires .top-comment {
    height:23px;
    width:100%;
    background:url(../images/blog-comment-top.png) no-repeat 12px;
}
.iv4-WidgetBlog .commentaires .bottom-comment {
    height:15px;
    width:100%;
    background:url(../images/blog-comment-bottom.png) no-repeat 12px;
}
.iv4-WidgetBlog .commentaires .commentaire {
    background:url(../images/blog-comment-fond.png) repeat-y 12px;
}
.iv4-WidgetBlog .commentaires .auteur {
    margin-top:15px;
    clear:both;
}
.iv4-WidgetBlog .commentaires .commentaire .texte-comment {
    padding-top:4px;
    padding-left:30px;
    padding-right:10px;
    padding-bottom:5px;
}

.iv4-WidgetBlog .commentaires .nouveau-commentaire {
    margin-left:12px;
    clear:both;
    zoom:1;
    overflow:auto;
}
.iv4-WidgetBlog .commentaires .nouveau-commentaire .form-titre,
.iv4-WidgetBlog .commentaires .nouveau-commentaire .form-texte {
    width:300px;
    display:block;
    margin-bottom:5px;
}
.iv4-WidgetBlog .commentaires .nouveau-commentaire .form-texte {
    height:70px;
}
.iv4-WidgetBlog .commentaires .nouveau-commentaire .bouton {
    padding-top:10px;
    height:40px;
    text-align:right;
    overflow:auto;
    zoom:1;
    width:300px;
    /width:315px; /* IE7 */
}

.iv4-WidgetBlog .non-valide {
    background-color:yellow;
    font-style:italic;
}

.iv4-WidgetBlog .lien-nouveau-commentaire {
    padding-left:18px;
    background:url(../images/icone-ajouter-comment.png) no-repeat;
}
.iv4-WidgetBlog .lien-afficher-commentaires {
    padding-left:18px;
    background:url(../images/icone-comments.png) no-repeat;
}
.iv4-WidgetBlog .lien-masquer-commentaires {
    padding-left:18px;
    background:url(../images/icone-comments.png) no-repeat;
}