/* jqModal base Styling courtesy of;
Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */




/***
 * >> DEBUT  ATAFOTO.studio
 * Mise en place d'un style général pour les modals
 */

/*Fond de la page*/
.jqmOverlay {
    background-color: #000;
    z-index: 1000;
}

/*Conteneur principal de la modal*/
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    border: 3px solid #008dc9;
    background: #FFFFFF;
    /*width: auto;*/
    height: auto;
    overflow: hidden;
}

/*Titre de la modal*/
.jqmWindow #jqmTitle {
    background: url(../medias/lightbox/bg_head_bleu.gif) #0096d0 repeat-x top left;
    width:100%;
    height:27px;
    overflow: hidden;
    z-index: 100;
}

/*Bouton FERMER*/
.jqmWindow #jqmTitle .jqmClose {
    background: url(../medias/lightbox/jqModal_close_bleu.png) no-repeat top left;
    width: 82px;
    height: 24px;
    float: right;
    /*margin:6px;*/
    overflow: hidden;
    border: none;
    cursor: pointer;
}

/*L'iFrame*/
* iframe.jqmContent {
    border: none;
    overflow: auto;
    width: expression(this.parentNode.offsetWidth+'px');
    /*height: expression(this.parentNode.offsetHeight+'px');*/
}

iframe.jqmContent {
    height: auto;
    overflow: auto;
    z-index: 99999999;
}

iframe.jqmContent body {
    margin: 0;
    padding: 0;
}

/**
 * << FIN  ATAFOTO.studio
 */





div.spacer { clear: both; height:0px !important;line-height:0;}


/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
/** iframe.jqmContent {*/
/*position:absolute;*/
/*top:0;*/
/*left:0;*/
/*z-index:-1;*/
/*width: expression(this.parentNode.offsetWidth+'px');*/
/*height: expression(this.parentNode.offsetHeight+'px');*/
/*}*/

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html body {
    border: none;
    text-align: center;
}
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/* theme "Quoi de neuf" */
.quoi_de_neuf {
    width: 370px;
    margin-left: -185px;
    background:#fff;
    color: #e5471c;
    border: 3px solid #f8b100;
    padding:0px;
}

.quoi_de_neuf #jqmTitle {
    background: url(../medias/lightbox/jqModal_ti_quoideneuf.png) no-repeat top left;
    width:370px;
    height:45px;
}

.quoi_de_neuf #jqmTitle #jqmTitleText {

}

.quoi_de_neuf #jqmTitle .jqmClose {
    background: url(../medias/lightbox/jqModal_close.png) no-repeat top left;
    width:15px;
    height:15px;
    float:right;
    margin:6px;
    overflow:hidden;
    border:none;
    cursor:pointer;
}

.quoi_de_neuf #jqmTitle .jqmClose:hover {
    background: url(../medias/lightbox/jqModal_close.png) no-repeat bottom left;
}

html>body .quoi_de_neuf #jqmContent { /* Styling Iframe */
    /*min-height:1500px;*/
    height:auto;
    -height:500px;
}

.quoi_de_neuf #jqmContent {
    border:none;
    width:100%;
    height:500px;

}



.quoi_content.jqm_txt {
    padding:0 20px;
    font-family:Arial, Helvetica, sans-serif;
}

.quoi_content.jqm_txt h2.ti_txt {
    color:#e5471c;
    font-size:20px;
    text-align:center;
    font-weight:bold;
    height:22px;
    margin-bottom:20px;
}

.quoi_content.jqm_txt p {
    text-align:justify;
    color:#E5471C;
    float:none;
    font-size:12px;
    height:auto;
    overflow:hidden;
    padding:0;
    width:auto;
}

/* theme "Histoire" */
.story {
    width: 710px;
    margin-left: -355px;
    background:#fff;
    color: #e5471c;
    border: 3px solid #008dc9;
    padding:0px;
}

.story #jqmTitle {
    background: url(../medias/lightbox/bg_head_bleu.gif) #0096d0 repeat-x top left;
    width:710px;
    height:27px;
}

.story #jqmTitle #jqmTitleText {

}

.story #jqmTitle .jqmClose {
    background: url(../medias/lightbox/jqModal_close_bleu.png) no-repeat top left;
    width:82px;
    height:24px;
    float:right;
    /*margin:6px;*/
    overflow:hidden;
    border:none;
    cursor:pointer;
}

.story #jqmTitle .jqmClose:hover {
    background: url(../medias/lightbox/jqModal_close_bleu.png) no-repeat bottom left;
}

html>body .story #jqmContent { /* Styling Iframe */
    min-height:610px;
    height:auto;
}

.story #jqmContent {
    border:none;
    width:100%;
    height:590px;
}


.jqm_txt.story_content h2.ti_txt {
    color:#008dc9;
    font-size:20px;
    text-align:center;
    font-weight:bold;
    height:22px;
    margin-bottom:20px;
}

.jqm_txt.story_content {
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:0;
    margin: 0 auto 0 auto;
    width: 100%;
}

.story_content a {
    color: #000000;
}

.story_content .book {
    /*background: url(../medias/lightbox/bg_book.png) no-repeat top left;*/
    background: url(../medias/lightbox/bg_book.png) no-repeat 54px top;
    /*width:687px;*/
    width:795px;
    height:461px;
    /*margin-left:10px;*/
    /**margin-left:0px;*/
    position:relative;
    margin: 0 auto 0 auto;
}

.story_content a.story_prev {
    background: url(../medias/fleche_gauche_blanc.png) no-repeat top left;
    width:54px;
    height:57px;
    position:absolute;
    display:block;
    top:220px;
    left:0;
    cursor: pointer;
}

.story_content a:hover.story_prev {
    background: url(../medias/fleche_gauche_blanc.png) no-repeat bottom left;
    cursor: pointer;
}

.story_content a.story_next {
    background: url(../medias/fleche_droite_blanc.png) no-repeat top left;
    width:54px;
    height:57px;
    position:absolute;
    display:block;
    top:220px;
    right:6px;
    cursor: pointer;
}

.story_content a:hover.story_next {
    background: url(../medias/fleche_droite_blanc.png) no-repeat bottom left;
    cursor: pointer;
}

.story_content .bloc_contenu {
    padding:75px 0 0 0;
}

.story_content .page_content {
    width:534px;
    height:300px;
    /*overflow:visible;*/
    overflow: hidden;
    margin-left: 129px !important;
    margin-left: 0;
    position:relative;
    /*padding-left: 54px;*/
    text-align: left;
}

.story_content .bloc_page {
    width:1500px;
    position:absolute;
    /*padding-left: 54px;*/
}

.story_content .book .page {
    width:242px;
    float:left;
}

.story_content .book .page.space {
    margin-right:50px;
}

.story_content .book .page img{
    border:1px solid #60c2e3;
    width:240px;
    height:170px;
    overflow:hidden;
    -ms-interpolation-mode: bicubic;
}

.story_content .book .page p {
    text-align:justify;
    padding:0;
    margin:8px 0 0 0;
}

.sIFR-hasFlash .story_content .book .page p {
    font-size:15px;
    line-height:1.2em;
}
.story_content p.txt_enfant  {
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:12px;
    width: 100%;
}

.story_content .txt_enfant a {
    /*text-decoration:none;*/
    /*margin-top:-1px;*/
    text-align: center;
}

.story_content .txt_enfant a:hover {
    color:#666;
    /*text-decoration:none;*/
}


/* Style concours */

.concours_lightbox {
    width: 710px;
    margin-left: -355px;
    background:#fff;
    color: #e5471c;
    border: 3px solid #008dc9;
    padding:0px;
    overflow:hidden;
}

.concours_lightbox #jqmTitle {
    background: url(../medias/lightbox/bg_head_bleu.gif) #0096d0 repeat-x top left;
    /*width:710px;*/
    height:27px;
}

.concours_lightbox #jqmTitlePt {
    background: url(../medias/lightbox/bg_head_bleu.gif) #0096d0 repeat-x top left;
    /*width:300px;*/
    height:27px;
    overflow:hidden;
}

.concours_lightbox #jqmTitle #jqmTitleText, .concours_lightbox #jqmTitlePt #jqmTitleText {

}

.concours_lightbox #jqmTitle .jqmClose, .concours_lightbox #jqmTitlePt .jqmClose {
    background: url(../medias/lightbox/jqModal_close_bleu.png) no-repeat top left;
    width:82px;
    height:24px;
    float:right;
    /*margin:6px;*/
    overflow:hidden;
    border:none;
    cursor:pointer;
}

.concours_lightbox #jqmTitle .jqmClose:hover, .concours_lightbox #jqmTitlePt .jqmClose:hover {
    background: url(../medias/lightbox/jqModal_close_bleu.png) no-repeat bottom left;
}

html>body .concours_lightbox #jqmContent { /* Styling Iframe */
    min-height:590px;
    height:auto;
}

.concours_lightbox #jqmContent {
    border:none;
    width:100%;
    height:590px;
}


.jqm_txt.concours_content h2.ti_txt {
    color:#008dc9;
    font-size:20px;
    text-align:center;
    font-weight:bold;
    height:22px;
    margin-bottom:20px;
}

.jqm_txt.concours_content {
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:0;
    margin:0;
    width:100%;
    text-align:center;
}

.concours_content img {
    border:1px solid #333;
}

.bloc_vote {
    background:none repeat scroll 0 0 #D90E1B;
    color:#FFFFFF;
    float:left;
    font-weight:bold;
    margin:10px 0 0 0;
    margin-left: 30px !important;
    margin-left: 30px;
    padding:20px 40px;
    text-align:center;
    width:70px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.bloc_vote a.voter{
    background: url(../medias/bt_concours_voter.png) no-repeat top left;
    display:block;
    float:left;
    width:69px;
    height:33px;
    margin:0;
    text-indent:-9999px;
    cursor: pointer;
}
.bloc_vote a.voter:hover {
    background: url(../medias/bt_concours_voter.png) no-repeat bottom left;
    cursor: pointer;
}

.bloc_vote p.compteur{
    background: url(../medias/ico_vote.png) no-repeat top right;
    font-size:18px;
    font-weight:bold;
    margin:0;
    padding-right:20px;
    text-align:right;
    width:40px;
}
.bloc_infos_dessin_concours{
	float: left;
	display: inline;
	width: 150px;	
	padding: 20px 15px 0 15px;
	text-align: center;
	font-size: 14px;
}
.bloc_share {
    display: block;
    float:right;
    width:300px;
    margin:10px 0 0 0;
    margin-right: 30px !important;
    margin-right: 30px;
    padding:0 0 0 0;
}

.bloc_share p {
    font-weight:bold;
    font-size:14px;
}

.bloc_share input {
    padding:4px 10px;
    width:300px;
}




/* Style Message */

.jqm_txt.message_content {
    padding:14px;
    margin:0;
}

.jqm_txt.message_content p, .jqm_txt.message_content form label {
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    margin:0;
    padding:0;
    /*font-weight:bold;*/
}
.jqm_txt.message_content #email{
    padding:0;
    margin:0;
    color:red;
}
.jqm_txt.message_content p.no_connexion {
    margin-top:45px;
}

.jqm_txt.message_content p.no_complete {
    margin-top:28px;
}

.jqm_txt.message_content p.no_vote {
    font-size:12px;
}

.jqm_txt.message_content ul {
    margin:8px 0 0 0;
    padding:0;
}

.jqm_txt.message_content ul.links li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    list-style:none;
    text-align:center;
}

.jqm_txt.message_content a {
    color:#E75127;
    text-decoration:underline;
}

.jqm_txt.message_content a:hover {
    color:#000;
    text-decoration:none;
}

/* Oubli mot de passe */

h2.password-forget {
    font-size:14px;
    margin: 0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
    padding-bottom:8px;
}

.jqm_txt.forget #submit {
    background: url(../medias/bt_envoyer.png) no-repeat top left;
    width:93px;
    height:34px;
    overflow:hidden;
    border:none;
    cursor:pointer;
    margin:10px 0 0 0;
}
.jqm_txt.forget form{
    padding:0;
    margin:0;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.jqm_txt.forget #submit:hover {
    background-position:bottom left;
}

div.forget p.message {
    margin: 0;
    font-size:10px;
    text-align:center;
    width:80%;
    color:#FF0000;
    margin:0 auto 0 auto;
    padding:0 0 10px 0;
    height: auto;
    overflow: hidden;
}


/* inscription */
/*#modalWindow-loginFlash #jqmTitlePt {*/
/*width:600px;*/
/*}*/


/*#modalWindow-loginFlash #jqmContentFlash {*/
/*width:600px;*/
/*height:620px;*/
/*border:none;*/
/*}*/

/*#modalWindow-login #jqmTitlePt {*/
/*width:600px;*/
/*}*/

/*#modalWindow-login #jqmContent {*/
/*width:600px;*/
/*height:620px;*/
/*border:none;*/
/*}*/

.content_inscription {
    width: 590px;
    margin: 0 auto 0 auto;
    text-align: center;
}

.content_inscription h2 {
    margin: 20px 0 0 0;
}

/*.content_inscription p.txt*/
/*{*/
/*text-align: left;*/
/*}*/


.content_inscription #inscription-enfants p.txt {
    text-align: left;
}

.content_inscription #inscription-vous p.input {
    text-align: left;
}

.content_inscription #inscription-enfants p.input {
    /*margin: 0 auto 0 auto;*/
    text-align: left;
}

.content_inscription #add-button p.input {
    text-align: center;
}

/*.content_inscription #inscription-option div.field {*/
/*margin: 0 auto 0 auto;*/
/*}*/

/*.content_inscription #add-button p.input {*/
/*text-align: center;*/
/*}*/

/*.content_inscription #submit {*/
/*text-align: center;*/
/*margin: 0 auto 0 auto;*/
/*}*/

/*.content_inscription div.form-inscription form {*/
/*padding-bottom: 15px;*/
/*}*/

.content_inscription #inscription-submit {
    padding-bottom: 20px;
    margin: 0;
    clear: both;
}


/*Abus*/
.bloc_abus {
    color:#333;
    font-weight:bold;
    margin: 0 0 0 20px;
    text-align:center;
    width:120px;
    float:left;
}

.bloc_abus a.abus{
    background: url(../medias/bt-abus.png) no-repeat top left;
    display:block;
    width:129px;
    height:33px;
    margin:0;
    text-indent:-9999px;
    cursor: pointer;
}
.bloc_abus a.abus:hover {
    background: url(../medias/bt-abus-over.png) no-repeat bottom left;
    cursor: pointer;
}

div.concours_content p.enfant a {
    /*text-decoration:none;*/
    color:#333;
}

div.delete-image {padding:20px;}
div.delete-image p.confirm { text-align:center;font-size:14px; font-weight:bold;}
div.delete-image form { width:80%; width: auto; margin-top: 30px; }
div.delete-image form div.field { text-align:center; margin: 10px 0px; }
div.delete-image div.success, div.delete-image div.error {
    font-size:14px;
    font-weight:bold;
    margin-top:40px;
    text-align:center;
}

div.bloc_actions {
    /*margin:20px auto auto;*/
    margin: 20px auto 0 auto;
    text-align:center;
    /*width:90%;*/
    width: auto;
    padding-left: 120px;
    overflow: hidden;
}
div.bloc_actions div.bloc_dessin_perso { display:inline; margin: 10px; padding: 10px; width: 150px; height: 20px;}

div.bloc_dessin_perso {
    display:inline;
    float:left;
    height:20px;
    margin:0 10px 0;
    padding:5px 10px 10px;
    width:50px;
}

div.bloc_dessin_perso a { text-decoration:none; color:#019EE0; font-size:14px; font-weight: bold; }

div.bloc_dessin_perso2 {
    display:inline;
    float:left;
    height:36px;
    margin:0 10px 0;
    width:137px;
    padding-top:0px;
    /*margin-left:40px;*/
    margin-top:0px;
}
div.bloc_dessin_perso2 .share{
    display:block;
    /*margin-top:-10px;*/
    padding-top:0px;
    background:url(../medias/bt_fb_share.png) top left;
    height:36px;
    width:137px;
}
div.bloc_dessin_perso2 .print{
    display:block;
    /*margin-top:-10px;*/
    padding-top:0px;
    background:url(../medias/bouton_imprimer.png) top left;
    height:36px;
    width:137px;
}
div.bloc_dessin_perso2 .delete{
    display:block;
    /*margin-top:-10px;*/
    padding-top:0px;
    background:url(../medias/bouton_supprimer.png) top left;
    height:36px;
    width:137px;
}
div.bloc_dessin_perso2 .share:hover {
    background:url(../medias/bt_fb_share.png) bottom left;
}
div.bloc_dessin_perso2 .print:hover {
    background:url(../medias/bouton_imprimer.png) bottom left;
}
div.bloc_dessin_perso2 .delete:hover {
    background:url(../medias/bouton_supprimer.png) bottom left;
}



div.bloc_dessin_perso2 a { text-decoration:none; color:#019EE0; font-size:14px; font-weight: bold; }



.jqm_txt.message_content form input#email {zoom:1;}

.membre_dessin_print{width:200px;height:200px;background:red;}