/*
mobile css
*/

html body{
margin: 0; padding: 0;
}

body{
position : relative;
background : #b1b1b1 url('../images/bgsoft.png') repeat;
height : 100% ;
width:100%;
min-width:320px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}

p, h1, h2, h3, h4, h5, h6{

}

a{
text-decoration : none ;
color : #6f6f6f ; 
font : arial ;
font-weight : bold ;
}
A:visited {text-decoration: none}
A:link    {text-decoration: none}
A:hover   {text-decoration: underline}
A:active {text-decoration: none}

.mess  { color:#EE0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px;}
.erreur { color:#EE0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;text-align:center;}




#header{
position : relative ;
width : 100% ;
margin : 0 ;
background: #000000 url('../images/header.jpg') repeat ;
z-index : 50;
box-shadow : 0px 1px 5px ;
text-align:right;
}
.whiteten{
color : #ffffff ;
font-size : 10px ;
}

#accueil{
position : relative ;
/*
display : inline;
*/
float:left ;
margin:5px 0px 0px 5px;
}
#accueil a{
text-decoration : none ;
color : #ffffff ;
font : 18px arial,sans-serif;
}


#connexion{
position:relative;
display : inline-block ;
text-align:left;

}
#connexion form {
margin : 0px ; 
display : inline;
}
#connexion input{
border-radius: 4px 4px 4px 4px ;
background-color : #ffffff;
margin : 5px ;
}
#connexion a{
color : #ffffff;
font-size:10px;
}
.logfields{

}
.regnlos{
text-align:center;
}

.flleft{
float:left;
padding-left:10px;
}


.pref{
background: url('../images/pref.png') no-repeat center;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
background-size:100%;

}
.prefocus{
color : #999999;
}
#container{
position : relative;

}
#subcontainer{
position:relative;
}

#menu{
position : relative ;
width : 100%;
margin: 10px 0px 10px 0px;

}
#menu div{
font-size : 15px;
vertical-align: middle ;
text-align : center ;
margin: 10px 0px 10px 0px;
}
#stores{
position:absolute;
bottom:-40px;
width:100%;
text-align:center;
}
#stores .promo{
display:none;

}
#stores div{
display:inline;

}



.pageName {
display : none ;
}

#tronc {
position:relative;
background-color : #ffffff;
padding-top:10px;
overflow:auto;
}

.textAccueil{
text-align: center;
text-justify : inter-word ;
}

#listall{
position : relative ;
}

.tri{
color : #8f8f8f ; 
font : arial ;
font-weight : bold ;
padding : 0px 0px 0px 5px;
}
.tri  form{
margin:0;
}

.liste{
table-layout : fixed ;
position : relative ;
width : 100% ;
margin-right : auto ;
margin-left : auto ;
margin-bottom : 10px;
border-collapse:collapse;
background-color : #fffffe;
}
.liste td {

}
.liste tr{
border-bottom : solid 1px #bebebe ;
box-shadow:0px 5px 3px #bebebe;
}
.listelet{
margin-top:50px;
}
.dateAndType{
width : 70px ;	
font-size : 12px ;
text-align : center ;
padding-top : 2px;
}
.dateAndType img{
height : 32px;
width : 32px;
}

.typeImage{
width : 30px;
text-align : center;
}
.typeImage img{
width : 25px;
height : 25px ;
margin : auto ;
}
.alName{
overflow : hidden ;
padding-left : 5px 
}



.editAndDelete{
width : 32 ;
text-align : center ;
}
.abo{
width : 100px;
}

.label {
width : 30%;
font-size: 12px;
}
.field{
width : 70%
}
textarea{
width : 100% ;
min-height : 200px; 
resize : vertical ;
}
#form2{
text-align:center;
}
#listFete{
position : relative ;
text-align : center ;
}
#listfete div{
margin-left: auto;
margin-right: auto;
width: 60%;
}
#listFete select{
margin-bottom : 10px;
width : 200px;
font-size:15px;
}
#lienUtiles{
width : 200px;
height: 20px;
margin-top:10px;
margin-left : auto; 
margin-right :auto ;
font-size : 8px ;
text-align :center ;


}
#lienUtiles div{
display : inline;
padding:2px;
border: solid 1px #bebebe;
border-radius:4px;
}

.info{
text-align : center ;
}

.tooltip span {
display : none ;
}