/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}
#basic-modal-content fieldset legend {font-weight:bold; font-size:16px;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {width:600px; background-color:#fff; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x-nivii.png) no-repeat; width:41px; height:41px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
#basic_modal_content > fieldset{border:none;}

/*  site entre 1200 et 1024 (1010)  */
@media only screen and (max-width: 1199px) {

	#simplemodal-container {width:650px !important;}   
}
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 1023 et 768px  */
@media only screen and (max-width: 1009px) {

	#simplemodal-container {width:550px !important;}   
                
}
/*=================================================================================*/
/*=================================================================================*/
/*  affiche une grosse tablette  */
@media only screen and (max-width: 767px) {

	#simplemodal-container {width: 350px !important; height:230px !important; }
            
}
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 479 et 300 minimum pour smart phone  */
@media only screen and (max-width: 479px) {

	#simplemodal-container {width: 260px !important; height: 300px !important;}  
	#simplemodal-container textarea {height: 115px !important;}  
	#simplemodal-container label {width: 55% !important;}  
               
}