/*Styles for fuzz overlay & message box*/  
#fuzz{ position:absolute; top:-500px; left:0;height:2000px; width:100%; z-index:100; background: url('http://www.copine-coquine.com/images/dim.png'); display:none; text-align:left; }  
/*Message box, positioned in dead center of browser*/  
.msgbox{ position:relative; width:480px; height:320px; z-index:200; border:5px solid #222; background: #FFF; top: 620px; left: 50%; margin-left: -240px; padding:3px; }  
.msgbox img {border:none; margin:5px;}  
.modaltitre {color:red;font-size:15px;font-weight:bold;text-align:center;width:100%;}  
/*The "X" in the upper right corner of msgbox*/  
.close{top:0px; float:right;}

/*MESSAGE BOX SUR L'INDEX */
#msgboxindex{ position:absolute; width:480px; width:474px !important; z-index:200;text-align:left; border:5px solid #222; display:none;  background: #FFF; top: 140px; left: 50%; margin-left: -150px; padding:3px; }  
.modalindextitre {color:red;font-size:16px;font-weight:bold;text-align:center;width:410px;float:left;}  
.close{top:0px; float:right;height:32px;width:32px;margin:0;padding:0;}
.actuscroll{
overflow: auto;
width: 470px;
height: 230px;
}
.avertissement {
padding:0 0 0 75px;
background-image:url(http://www.copine-coquine.com/images/-18.gif);
background-repeat:no-repeat;
color:#444;
font-size:14px;
font-weight:bold;
width:335px !important;
width:410px;
height:70px;
float:left;
}
.avertissement span{
color:#444;
font-size:12px;
font-weight:normal;
}