/* Copiez et adaptez ce bloc pour créer des popups aux dimensions différentes */
.jqmPopup_wrapper {display:none; position:fixed; top:17%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%; margin-left:-310px; /* -50% de la width, pour centrer */ width:620px; border:0; padding:0}

.jqmPopup_wrapper2 {display:none;  position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%; margin-left:-450px; /* -50% de la width, pour centrer */ width:900px; border:0; padding:0}

.jqmPopup_wrapper3 {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-150px; /* -50% de la width, pour centrer */ width:300px; border:0; padding:0}

.jqmPopup_wrapper_delete {display:none; position:fixed; top:12%; left:50%;  margin-left:-270px; height: 100px; width:620px; border:0; padding:0}

.jqmPopup_wrapper_services {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-310px; /* -50% de la width, pour centrer */ width:620px; border:0; padding:0}
.jqmPopup_wrapper_evry_operation {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-281px; /* -50% de la width, pour centrer */ width:562px; border:0; padding:0}
.jqmPopup_wrapper_evry_operation_step2 {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-240px; /* -50% de la width, pour centrer */ width:480px; border:0; padding:0}

.jqmPopup_wrapper_picture {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-310px; /* -50% de la width, pour centrer */ width:620px; border:0; padding:0}
 popup_create_gallery {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-335px; /* -50% de la width, pour centrer */ width:670px; border:0; padding:0}
.jqmPopup_wrapper_schoolclass_join {display:none; position:fixed; top:17%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%; margin-left:-300px; /* -50% de la width, pour centrer */ width:600px; border:0; padding:0}
.popup_add_item      {display:none; position:fixed; top:12%; /* modifie la hauteur à laquelle s'affiche le popup */ left:50%;  margin-left:-335px; /* -50% de la width, pour centrer */ width:670px; border:0; padding:0}

.jqmOverlay {background-color:#000} /* La couleur du fond transparent */

* iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px');}

/* N'oubliez pas d'ajouter chaque nouvelle classe de popup ici ! (c'est pour IE) */
* html .jqmPopup_wrapper_services,
* html .popup_create_gallery,
* html .jqmPopup_wrapper_picture,
* html .jqmPopup_wrapper2,
* html .jqmPopup_wrapper3,
* html .jqmPopup_wrapper,
* html .jqmPopup_wrapper_evry_operation,
* html .jqmPopup_wrapper_evry_operation_step2,
* html .jqmPopup_wrapper_schoolclass_join
{position:absolute; top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px')}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
  source: http://www.schillmania.com/projects/dialog2/
*/

.jqmPopup {
 position:relative;
 margin:0 auto;
 z-index:1;
 margin-left:15px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.jqmPopup .background_title {
 background:transparent url(../../images/frontend/popup/popup-bg.png) no-repeat top left;
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 /*padding:20px 20px 5px 5px;*/  
 padding:15px 10px 0px 0px;
 font:normal 12px Arial, Helvetica, sans-serif;
}

.jqmPopup .background_conteneur{ 
 background:transparent url(../../images/frontend/popup/popup-bg2.png) no-repeat top left;
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 /*padding:20px 20px 5px 5px;*/  
 padding:15px 10px 0px 0px;
 font:normal 12px Arial, Helvetica, sans-serif;
}

.jqmPopup .content,
.jqmPopup .t {
 background:transparent url(../../images/frontend/popup/popup-bg3.png) no-repeat top right;
}
.jqmPopup .b,
.jqmPopup .b div {
 background:transparent url(../../images/frontend/popup/popup-bg2.png) no-repeat top right;
}

.jqmPopup .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 /*padding:20px 20px 5px 5px;*/  padding:15px 10px 0px 0px;
 font:normal 12px Arial, Helvetica, sans-serif;
}

/** This line is destroying the design of numerous popups **/
/* .jqmPopup .button_green { float: right; margin-top: 10px;} */

.jqmPopup .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:15px; /* top slice width */
 margin-left:-15px;
 height:100%;
 _height:1000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.jqmPopup .b {
 /* bottom */
 position:relative;
 width:100%;
}

.jqmPopup .b,
.jqmPopup .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.jqmPopup .b {
 background-position:bottom right;
}

.jqmPopup .b div {
 position:relative;
 width:15px; /* bottom corner width */
 margin-left:-15px;
 background-position:bottom left;
}

.jqmPopup .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

/* ======================= MR default style for popups ====================== */
.jqmPopup .wrapper a                                   { color:#3D8EAB; text-decoration:none; }
.jqmPopup .wrapper a:hover                             { text-decoration: underline; }
.jqmPopup .wrapper .header_top                         { float:left; height:7px;}
.jqmPopup .wrapper .header_middle                      { background-color:#F3F3F3; float:left; padding:2px 10px 5px; }
.jqmPopup .wrapper .header_middle h1.width_popup       { color:#646464; float:left; font-size:14px; font-weight:bold; margin:0; padding:0; width:300px; }
.jqmPopup .wrapper .header_middle span                 { color:#646464; float:right; font-size:14px; font-weight:bold; margin:0; padding:0; }
.jqmPopup .wrapper .header_middle span a               { color:#646464; cursor:pointer; float:right; font-size:14px; font-weight:bold; margin:0; padding:0; }
.jqmPopup .wrapper .center_news                        { background-color:#FFFFFF; float:left; margin:0; padding:0px;/* !important;*/ }
.jqmPopup .wrapper .center_news .titre                 { margin-top: 0; background:transparent url(../../images/frontend/title-separator-bg.gif) repeat-x scroll left bottom; margin:0px 0 15px; padding:0 0 23px; width:100%; }
.jqmPopup .wrapper .center_news .titre h2              { float: left; font-size: 14px; margin-right: 20px; width: 100%; }  
.jqmPopup .wrapper .center_news .information           { padding: 5px !important; }  
.jqmPopup .wrapper .center_news .submit_invite         { padding: 0px 5px !important; padding-bottom: 5px !important; }  



.close_popup {
  float:right;
  margin-top:4px;
  margin-right:20px;
  color:#333333;
  font-size:12px;
  font-weight:bolder;
}

.close_popup a.jqmClose:link {color:#333333; text-decoration:none; background:url(../../images/common/video/button_close.gif);background-repeat:no-repeat; width:13px; height:13px; }
.close_popup a.jqmClose:active {color:#333333; text-decoration:none; background:url(../../images/common/video/button_close.gif); background-repeat:no-repeat; width:13px; height:13px;}
.close_popup a.jqmClose:visited {color:#333333; text-decoration:none; background:url(../../images/common/video/button_close.gif); background-repeat:no-repeat; width:13px; height:13px; }
.close_popup a.jqmClose:hover {color: #333333; text-decoration:none; background:url(../../images/common/video/button_close.gif); background-repeat:no-repeat; width:13px; height:13px; }