@charset "utf-8";

/* Reset */
* {	padding:0;	margin:0; 	outline: 0;	font-size: 100%;vertical-align: baseline;}
a {	outline-style:none; }
img {border:0;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;margin:0;padding:0;}
fieldset legend {display:none;}

/* Clear float */
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* General */

body {
background:#ededed;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;}
textarea {
font-family:Arial,Helvetica,sans-serif;
}
a {	text-decoration:underline; color:#036;}
a:hover { text-decoration:none; color:#2661da; }

.top {
background:#354857 url(../img/a_top.jpg) repeat-x center top;
padding-top: 60px;
color:#fff;
text-align: center;
}

.top a {
color:#fff;
}

div.logo {
background:transparent url(../img/a_logo.png) no-repeat center top;
width: 281px;
height: 39px;
position: absolute;
margin-left: 15px;
margin-top: -45px;
}


.menutop {
margin-top:20px;
}


.menutop li a{
height: 40px;
line-height: 40px;
background:#354857 url(../img/a_top.jpg) repeat-x center top;
border-top: 1px solid #fff;
text-transform: uppercase;
text-decoration: none;
display: block;
}

.menutop li a:hover{
background:#fff;
color:#354857;
}

.content {
padding: 10px;
}

 
 
 

span.ico-tel, span.ico-gsm, span.ico-mail {
line-height:20px;	
}
span.ico-tel {
background:url(../img/ico_phone.gif) no-repeat center left;	
padding-left:20px;
}
span.ico-gsm {
background:url(../img/ico_gsm.gif) no-repeat center left;	
padding-left:20px;
}
span.ico-mail {
background:url(../img/ico_mail.gif) no-repeat center left;	
padding-left:20px;
}

.contact-phone {
background:url(../img/bigico_blabla.gif) no-repeat left center;
padding:10px;
padding-left:64px;
}
.contact-phone em {
color:#C63;	
}
.contact-mail {
background:url(../img/bigico_mail.gif) no-repeat left center;
padding:10px;
padding-left:64px;
}

.suprime { 
background:#FFFFFF url(../img/fancy-close.gif) no-repeat scroll center center;
height:16px;
width:16px;
position:absolute;
text-decoration:none;
}


.p_des {
margin-left:540px;
height:7px;
width:12px;
position:absolute;
text-decoration:none;
}

.p_des input.submit{
height:7px;
width:12px;
margin: 0;
padding: 0;
background: none;
border: none;
cursor: pointer;
}

.plus1 { 
background:transparent url(../img/ico/h.png) no-repeat scroll center center;
margin-top: -4px;
}

.moins1 {
background:transparent url(../img/ico/b.png) no-repeat scroll center center;
margin-top: 12px;
}




.modif, .modif2 { 
background:#FFFFFF url(../img/aa_2.jpg) no-repeat scroll center center;
height:16px;
width:16px;
position:absolute;
text-decoration:none;
}

.plus_panier { 
background:#FFFFFF url(../img/ico/plus.png) no-repeat scroll center center;
height:16px;
width:16px;
position:absolute;
text-decoration:none;
margin-left:245px;
}

.moins_panier { 
background:#FFFFFF url(../img/ico/moins.png) no-repeat scroll center center;
height:16px;
width:16px;
position:absolute;
text-decoration:none;
margin-left:227px;
}


.param-checkbox {
margin:1px;
}

.suprime_pic {
background:#FFFFFF url(../img/aa_1.jpg) no-repeat scroll center center;
position:absolute;
width:16px;
width:16px;
margin-top:3px;
margin-left:21px;
text-decoration:none;
}

.modif_pic {
background:#FFFFFF url(../img/aa_2.jpg) no-repeat scroll center center;
position:absolute;
width:16px;
width:16px;
margin-top:3px;
margin-left:3px;
text-decoration:none;
}

.see_pic {
background:#FFFFFF url(../img/aa_3.jpg) no-repeat scroll center center;
position:absolute;
width:16px;
height:16px;
margin-top:3px;
margin-left:39px;
text-decoration:none;
}

.prod_del {
background:#FFFFFF url(../img/aa_3.jpg) no-repeat scroll left center;
width:400px;
height:16px;
vertical-align:baseline;
text-decoration:none;
}

.maxlength{font-size:0.75em;}
.maxlength_info{font-size:0.75em;}

.formlink button, .formlink input.submit{
border:none; background:none; cursor:pointer; color:#003366; text-decoration:none; min-width: 16px;
}

.formlink input.submit{
margin: 0; padding: 0;
}

.formlink button:hover, .formlink input.submit:hover{
text-decoration:none; color:#2661DA;
}

.modif2 button, .modif2 input.submit, a.modif2,{
background:url("../img/aa_2.jpg") no-repeat scroll center center transparent;
height:16px;
position:absolute;
text-decoration:none;
width:16px;
}



.folder button, .folder input.submit{
background:url("../img/folder3.png") no-repeat scroll center center transparent;
height:20px;
position:absolute;
text-decoration:none;
width:20px;
margin-left: 264px;
margin-top: -1px;
}

.plus button, .plus input.submit{
background:url("../img/adminuser-minusplus.gif") no-repeat scroll center -46px transparent;
height:23px;
position:absolute;
text-decoration:none;
width:23px;
}

.plus button:hover, .plus input.submit:hover{
background:url("../img/adminuser-minusplus.gif") no-repeat scroll center -69px transparent;
}


.suprime2 button, .suprime3 button, .suprime2 input.submit, .suprime3 input.submit{
background:url("../img/aa_1.jpg") no-repeat scroll center center transparent;
height:16px;
position:absolute;
text-decoration:none;
width:16px;
}

.box_see_info_user{
padding:10px;
}

.box_see_info_user strong{
float:left;
width:100px;
}

.box_see_info_user p{
padding-top:3px;
padding-bottom:3px;
}

.suprime3 button, .suprime3 input.submit{
margin-left:21px;
}



.icon_modif , .icon_sup , .icon_see, .seo {
background:url("../img/aa_2.jpg") no-repeat scroll center center transparent;
height:16px;
position:absolute;
text-decoration:none;
width:16px;
border:medium none;
cursor:pointer;
margin-left:0px;
}

.icon_sup {
background:url("../img/aa_1.jpg") no-repeat scroll center center transparent;
margin-left:21px;
}

.icon_see {
background:url("../img/aa_3.jpg") no-repeat scroll center center transparent;
margin-left:43px;
}

.seo {
background:url("../img/seo.jpg") no-repeat scroll center center transparent;
}

.seo:hover {
background:url("../img/seo2.jpg") no-repeat scroll center center transparent;
}



.icon_on , .icon_off {
background:url("../img/ico_valid.gif") no-repeat scroll center center transparent;
height:16px;
text-decoration:none;
width:16px;
border:none;
cursor:pointer;
}

.icon_off {
background:url("../img/ico_cross.gif") no-repeat scroll center center transparent;
}

#Layer1, #Layer2 {
   position:fixed;
   width:100%;
   height:100%;
   min-height:100%;
   z-index:1;
   visibility: hidden;
   bottom: 0; 
   left: 0;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
   background:url("../img/overlay-bg.gif") repeat scroll 0 0 #000000;
}

#Layer1 img, #Layer2 img{
position:absolute;
right:50%;
bottom:50%;
width:160px;
height: 24px;
margin-bottom:-12px;
margin-right: -80px;
}


.bull_h4{
line-height: 20px;
margin-left: 20px;
padding-left:15px;
background: url("http://www.deladmin.com/paris/img/bullet_purple.gif") no-repeat scroll -1px 3px transparent;
height: 20px;
border-top:1px solid #ccc;
}


.infos_user{
padding:5px;
}

.infos_user h4{
color:#333;
}

.infos_user h4.mail{
background:url("../img/ico_mail.gif") no-repeat scroll left 2px transparent;
padding-left:21px;
}

.infos_user h4.mobile{
background:url("../img/ico_gsm.gif") no-repeat scroll left top transparent;
padding-left:21px;
}

.infos_user h4.tel{
background:url("../img/ico_phone.gif") no-repeat scroll left top transparent;
padding-left:21px;
}

.infos_user h4.fax{
background:url("../img/ico_mail.gif") no-repeat scroll left top transparent;
padding-left:21px;
}


.link {
border:none;
background:transparent;
cursor: pointer;
color:#036;
text-decoration:underline;
font-size: 0.9em;
}

.link:hover { text-decoration:none; color:#2661da; }


.footer{
display: none;
}







 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, .col_50 {
   width: auto !important;
   margin: auto !important;
   padding: auto !important;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, select, iframe, object, embed, video, a , p {
   max-width: 100% !important;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp, a , p {
   word-wrap: break-word; /* césure forcée */
 }
 code, pre, samp {
   white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 .col_50 {
   float: none !important;
   width: auto !important
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 .show_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
 content: "Version Beta de DelAdmin Mobile";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
 
 
 @media screen and (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}