body{
background: #eeeeee;
}

#container{
clear: both;
text-align: left;
font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
padding-left:10px;
}

.boxcontainer{
width:320px;
float: left;
}

.box{
width: 307px;
float: left;
/*background: url(img/bgbox.jpg) repeat-y top left;*/
}
.topbox{
background: url(img/topbox.jpg) no-repeat top left;
width:307px;
height: 14px;
font-size:1px;
}
.bgbox{
background: url(img/box.jpg) no-repeat top left;
width:307px;
height: 373px;
}

.bgbox-annuaire{
background: url(img/box-short.jpg) no-repeat top left;
width:307px;
height: 119px;
}
.bgbox-annonces{
background: url(img/box-short.jpg) no-repeat top left;
width:307px;
height: 119px;
}

.bgbox ul, .bgbox-annuaire ul, .bgbox-annonces ul{
margin: 0;
padding: 0 0 0 20px;
}
.bgbox li, .bgbox-annuaire li, .bgbox-annonces li{
list-style: none;
padding-left: 25px;
font-size:12px;
margin-bottom:10px;
}

.bgbox li a, .bgbox-annuaire li a, .bgbox-annonces li a{
text-decoration: none;
color: #202020;
}

.boxtitlebloc{
width:307px;
clear: both;
float: left;
height:65px;
}
.box-title{
text-indent: -9999px;
height:53px;
float: left;
display: block;
}

.boxbtn{
width:57px; 
height:53px;
display: block;
float: right;
text-indent: -9999px;
}

.margin-twos{
height:5px;
width:50px;
float: left;
/*border:1px solid red;*/
clear: both;
}
/*  specifiques */

h2#t-agenda{
height:53px;
width:250px;
background: url(img/agenda.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#agenda-btn{
background: url(img/agenda-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-agenda li{
background: url(img/l-agenda.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}



h2#t-archives{
height:53px;
width:250px;
background: url(img/archives.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#archives-btn{
background: url(img/archives-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-archives li{
background: url(img/l-archives.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}



h2#t-presse{
height:53px;
width:250px;
background: url(img/presse.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#presse-btn{
background: url(img/presse-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-presse li{
background: url(img/l-presse.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}



h2#t-cascliniques{
height:53px;
width:250px;
background: url(img/cas-cliniques.jpg) no-repeat 0px 8px;
margin:0;
padding:0;
}
#cascliniques-btn{
background: url(img/cascliniques-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-cascliniques li{
background: url(img/l-cascliniques.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}


h2#t-enseignement{
height:53px;
width:250px;
background: url(img/enseignement.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#enseignement-btn{
background: url(img/enseignement-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-enseignement li{
background: url(img/l-enseignement.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}


h2#t-annuaire{
height:53px;
width:250px;
background: url(img/annuaire.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#annuaire-btn{
background: url(img/annuaire-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-annuaire li{
background: url(img/l-annuaire.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}



h2#t-annonces{
height:53px;
width:250px;
background: url(img/annonces.jpg) no-repeat bottom left;
margin:0;
padding:0;
}
#annonces-btn{
background: url(img/annonces-btn.jpg) no-repeat bottom left;
width:57px; 
height:53px;
}
ul.l-annonces li{
background: url(img/l-annonces.gif) no-repeat 0 2px;
line-height: 18px;
/*height:25px;*/
}



.paginate{
float: right;
font-size: 11px;
padding-right:10px;
padding-top:20px;
}
.paginate a{
color: #333;
text-decoration: none;
display: block;
float: left;
width:10px;
margin-right:5px;
border-right:1px solid #e8e8e8;
border-left:2px solid #e8e8e8;
}
.paginate a.current, .paginate a:hover{
background: #333;
color: #fff;
border-right:1px solid #333;
border-left:2px solid #333;
}




#register-form{
width:400px;
margin:0 60px 0 17px;
float: left;
}

#connexion div{
height: 30px;
font-size:12px;
/*background: #fafafa;*/
padding-top: 10px;
}


/* login  */

#connexion span{
font-size:10px;
}




#connexion{
width:400px;
margin:0;
float: left;
text-align: left;
/*background: white;*/
padding: 5px 20px 20px 20px;
border-bottom:2px solid #dddddd;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
margin-bottom: 40px;
background: #fff;
}

#connexion.formconnexionfirst{
background: #fff url(img/bgblock.jpg) no-repeat bottom left;
width: 220px;
}
.formregistersecond{
background: #f7f7f7;
}


#connexion h1{
font-size:18px;
margin-bottom:25px;
}
#connexion h1.creation{
color: #4f4f4f;
background: url(img/title-h3-2.jpg) no-repeat top left;
font-size:16px;
padding: 5px 0 0 15px;
height: 40px;
width: 408px;
display: block;
float: left;
}
#connexion h1 span{
font-size:18px;
/*color: #737d83;*/
color: white;
background: url(img/title-h3.jpg) no-repeat top left;
width: 117px;
height: 40px;
display: block;
float: left;
padding: 5px 0 0 13px;
margin: 0 0 12px 0;
font-size: 16px;
}
#connexion h2{
font-size:14px;
margin-bottom:25px;
margin-top: 35px;
border-bottom: 1px solid white;
height:30px;
}
#connexion .input-spe{
float: right;
}
#connexion .label-spe{
float: left;
width: 100px;
}

#connexion input.base{
height:22px;
font-size:18px;
clear: both;
margin-bottom: 20px;
width:100%;
}
#connexion label{
display: block;
float: left;
width: 250px;
font-size:12px;
color: #222;
}
#connexion .basebtn{
height: 35px;
font-size:15px;
float: right;
margin-top: 20px;
margin-left:15px;
}
.reseto{
clear: both;
height:1px;
width:450px;
}

#infos{
width:250px;
float: left;
padding: 0;
margin: 0;
}


.informations ul{
margin:10px 0 0 0;
padding:0 0 0 17px;
}

.informations li{
padding:0;
margin:0;
}

.informations-fa, .informations{
font-size:10px;
float: left;
width: 200px;
background: #f7f7f7;
padding: 20px;
border-bottom:2px solid #dddddd;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
margin-bottom: 30px;
}

.informations-fa h1, .informations h1{
font-size:14px;
margin:0 0 0 0;
padding:0;
}

.informations-fa{
background: #ffffff;
}
.pied { 
line-height: 11px;
font-size:6px;
float:left;
width:626px;
}


.pied a { color: #8b8b8d; text-decoration: none; }
.pied a:hover { color: #8b8b8d; text-decoration: underline; }