/*
main css
*/



html, body, div, img, table{
margin: 0; padding: 0;border:0;
}
html, body{
height:100%;
}

body{
position : absolute;
top:0px;
right:0px;
left:0px;
bottom:0px;
background : #b1b1b1 url('../images/bgsoft.png') repeat;
height : 100% ;
width: 100% ;
min-width : 960px ;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

table{
border-collapse:collapse;
}

p { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
margin-top:8px;
margin-bottom:8px; 
}
h1 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#0022BB;
margin-top:18px;
margin-bottom:12px; 
}
h2 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0022BB;
margin-top:12px;
margin-bottom:8px; 
}
h3 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#0022BB;
margin-top:10px;
margin-bottom:5px; 
}
h4 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0022BB;
margin-top:5px;
margin-bottom:2px; 
}
h5 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0022BB;
margin-top:3px;
margin-bottom:2px; 
}

.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;
margin : 10px 0px 10px 0px;
}
.commonmess {
text-align: center;
font-size: 14px;
}
.bord {
border-style:solid; 
border-width:1px; 
border-color:#AAAAAA;
border-collapse:collapse;
color:#0022BB;
}
.pageName{
font-weight:bold;
font-size:18px;
}


a{
text-decoration : none ;
color : #4b4b4b ; 
font : arial ;
font-size : 12px ; 
font-weight : bold ;
}
A:visited {text-decoration: none}
A:link    {text-decoration: none}
A:hover   {text-decoration: underline}
A:active {text-decoration: none}

.whiteten{
color : #ffffff ;
font-size : 10px ;
}
.blacktwelve{
color : #000000 ;
font-size : 12px;
font-weight : bold ;
margin : 10px 0px 10px 0px;
}
.prefocus{
color : #999999;
}
.inline{
display : inline ;
float : left; 
}

#all{
height : 100% ;
width : 100% ;
}
#header{
position : relative ;
width : 100% ;
height : 50px ;
margin : 0 ;
background: #000000 url('../images/header.jpg') repeat-x ;
box-shadow: 0px 2px 5px ;
z-index : 50;
}
#accueil{
height : 25px ;
width : auto ;
position : absolute ;
left : 10px;
bottom : 15px;
}
#accueil a{
text-decoration : none ;
color : #ffffff ;
font : 23px arial,sans-serif;
text-shadow : 0px 3px 3px #000000 ;
}


#connexion{
float : right ;
text-align:right;
padding:0px 10px;
}
#connexion form {
display:inline;
margin : 0px ; 
}
#connexion input{
border-radius: 4px 4px 4px 4px ;
background-color : #ffffff;
}
#connexion .label{
position: absolute;
padding-left: 8px;
padding-top: 2px;
color: #aeaeae;
}
.logfields{
float:left;
padding:10px 5px 0 0;
}
.regnlos{
text-align:left;
width: 100px;
}
.regnlos div{
padding-top:6px;
}
.flleft{
float:left;
}
.pref{
background: url('../images/pref.png') no-repeat center;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
background-size:100%;

}


#container{
	position:absolute;
	 background: url('../images/bgPawSoft.png') no-repeat center;	
	top:50px;
	bottom:0px;
	clear:both;
	width:100%;			
	overflow:hidden;		
}

#subcontainer{
position:relative;
top:0px;
right : 0px;
bottom : 0px ;
left : 0px ; 
width : 960px ;
height : 100% ;
margin-left : auto ;
margin-right :auto ;
}


.trleft{
width: 200px;
height:100%;
vertical-align:top;
}
#menu{
position : relative ;
top : 50px ;
width : 200px;
height:100%;
}
#menu div{
margin-bottom : 10px;
}

#stores{
position : absolute;
width : 200px;
float:left;
bottom:10px;

}
.promo{
width : 190px;
color : #6F6F6F;
font-weight : bold ;
text-shadow : 0px 1px 3px #FFF; 
}
.iosBut{
width : 130px;
height : 40px ;
display : block ;
}
.androidBut{
width : 130px;
height : 40px ;
display : block ;
}


.creer{
display : block ;
width : 160px ;
height : 30px ;
margin-left : -10px;
background : url('../images/buttonOff.jpg') no-repeat center;
background-size : 100% 100% ;
color : #ffffff;
text-shadow: 1px 1px 1px #000000 ;
line-height : 28px;
text-align : center;
text-decoration : none ;
}
.creer:hover{
background : url('../images/buttonOn.jpg') no-repeat center;
background-size : 100% 100% ;
text-decoration : none ;
}

.trtronc{
vertical-aling:top;
}
#tronc{
position : absolute ;
width : 558px; ; 
top:0px;
bottom :0px ;
padding-top :10px;
padding-right : 10px;
padding-bottom : 0px;
padding-left : 10px;
border-left : 1px solid #bebebe;
border-right : 1px solid #bebebe ;
border-bottom : none ;
/*background-color : #ffffff;*/
background-color:rgba(255,255,255,0.85);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ccffffff');
overflow-x:hidden;
overflow-y : auto ;
}


.textAccueil{
width : 620px ;
margin-left : auto ;
margin-right : auto ;
}

#listall{
position : relative ;
}

.tri{
width : 100% ;
height : 50px ;
color : #8f8f8f ; 
font : arial ;
font-size : 12px ; 
font-weight : bold ;
padding : 0px 10px 0px 0px ;
}
.tri  form{
float : right ;
}

.liste{
table-layout : fixed ;
position : relative ;
width : 100% ;
margin-right : auto ;
margin-left : auto ;
margin-bottom : 10px;
border-collapse:collapse;
background-color : #fffffe;
}
.liste tr{
height:3em;
}
.liste td {
border: 1px solid #bebebe;
font-size : 12px;
vertical-align:middle;
}
.listelet{
margin-top:50px;
}
.dateAndType{
width : 80px ;	
font-size : 12px ;
text-align : center ;
}
.dateAndType img{
height : 20px;
width : 20px;
}

.typeImage{
width : 30px;
text-align : center;
}
.typeImage img{
width : 25px;
height : 25px ;
margin : auto ;
}
.alName{
overflow-y:visible;
}
.editAndDelete{
width : 70px ;
}
.abo{
width : 100px;
}

.erreur{
width : auto ;
text-align : center ;
margin :10px;
}

.trlinks{
width:200px;
}
#lienUtiles{
position : absolute ;
bottom :10px;
right : 10px;
min-width : 110px;
text-align : right ;
}



#crealerte{
width : 100% ;
margin-left : auto ;
margin-right : auto ;
position : relative ;
top : 50px;
}


.ask{
display : inline-block ;
background : url('../images/ask.png') no-repeat center ;
background-size : 100% ;
width : 18px ;
height : 18px ; 
}

.textAl{
display : inline-block ;
background : url('../images/ask.png') no-repeat center ;
background-size : 100% ;
width : 18px ;
height : 18px ; 
vertical-align: text-top;
margin:0 0 0 10px;
}

textarea{
width : 100% ;
min-height : 200px; 
resize : vertical ;
}

.textAccueil{
width : 100% ;
margin-top : 50px;
}

#listFete{
position : relative ;
text-align : center ;
}
#listfete div{
margin-left: auto;
margin-right: auto;
width: 60%;
}
#listFete select{
margin-bottom : 10px;
width : 200px;
}




table{
font-size : 12px ;
width : 100% ;
}
table .textInput {
width : 100% ;
}
table .title{
font-weight : bold ;
color : #8f8f8f ; 
height : 2em;
}
table td{

}
.tdButton{
padding-top:20px;
}
#crealerte table .label{
width : 120px ;
}
#crealerte table .field{
width : 70% ;
}

#prefs{
margin-top : 50px;
margin-left : auto ;
margin-right : auto ;
width : 70%;
}
#prefs table{
width : 100%;
margin-top : 10px ; 
}
#prefs table .label{
width : 200px ;
}
#prefs table .textInput {
}
#prefs input[type="submit"]{
float:right ;
}

.haut{
font-size: 8px;
}

.info{
margin-left : auto;
margin-right : auto;
}


.info p{
text-align:center ;
}


/*pour les infobulles*/
.tooltip
{
  position: relative;
  cursor: default;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
  padding-left:5px;
}
.tooltip span
{
  visibility: hidden;
  position: absolute;
  left: 10%;
  z-index: 999;
  width : 250px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover
{
  border: 0; /* IE6 fix */
  text-decoration: none;
}
.tooltip:hover span
{
  visibility: visible;
}
.tooltip span:before, .tooltip span:after{
}
.tooltip span:before{
  border-top-color: #ccc;
  bottom: -8px;
}



#damnYouIE p{
color: black;
font-size:10px;
width: 150px;
}