/***************** STYLE GLOBAUX *****************/
a img{
  border: none;
}

a:active, a:focus{
  outline: none;
}
/***************** STYLE CONTENU *****************/

#contenu #divContact{
  width: 100%;
  float: left;
}

#contenu h1{
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #222;
  letter-spacing: 1pt;
  margin: 0 0 17px;
  padding-bottom: 5px;
  border-bottom: solid 1px;
}

.med #contenu h1{
  color: #07516F;
}

.pharma #contenu h1{
/*
 color: #5E8320;
*/
  color: #0498b9;
}

.droit #contenu h1{
  color: #8A0604;
}

#contenu h2{
  font: bold 15px Arial, Helvetica, sans-serif;
  letter-spacing: 0pt;
  margin:10px 0 5px;
}

#contenu .pic-container{
  float: left;
  padding: 0;
  width: 120px;
  height: 120px;
  border: solid 1px #EEEEEE;
  background: url(../images/charte/bg-img-actu.gif) 50% 50%;
  display: inline;
  margin-right: 10px;
}

#contenu .separateur{
  height: 1px;
  border-top: solid 1px;
  padding-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  float: left;
  clear: both;
}

#contenu .pic-container img{
  cursor: pointer;
  border: solid 1px #EEEEEE;
  margin: 0 auto;
  display: block;
}

.med h2.puce{
  padding-left: 20px;
  background: url(../images/charte/puce-h2med.gif) left 3px no-repeat;
}

.pharma h2.puce{
  padding-left: 20px;
  background: url(../images/charte/puce-h2pharma.gif) left 3px no-repeat;
}

.droit h2.puce{
  padding-left: 20px;
  background: url(../images/charte/puce-h2droit.gif) left 3px no-repeat;
}

#contenu h3{
  font: bold 15px Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  margin: 0px 0 10px 0;
  color: black;
}

.med #contenu h2{
  color: #049DBF;
}

.pharma #contenu h2{
  color: #639537;
}

.droit #contenu h2{
  color: #CF1105;
}

.med #contenu.medecine h2{
  color: #639537;
}

.med #contenu.medecine h3{
  color: #05526A;
}

.pharma #contenu h3{
  color: #41AF65;
}

.med #contenu.medecine h2.puce{
  padding-left: 20px;
  margin: 0 0 5px 0;
  background: url(../images/charte/puce-h2pharma.gif) left 3px no-repeat;
}

#contenu p{
  font: 11px/15px Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #666;
  padding-bottom: 10px;
}
/*
.med #contenu.medecine p{
  color: #05526A;
}
*/

#container .note{
  font-size: 11px;
}


#container .oblique{
  font-style: oblique;
}

#contenu table{
  margin-top: 5px;
}

#contenu td{
  font: 11px/15px Arial, Helvetica, sans-serif;
  height: 16px;
  color: #666666;
  vertical-align: middle;
}
#contenu td h2, #contenu td h3{
  line-height:22px;
}

#contenu table{
  padding:5px 0 7px;
}

#contenu p.normal, #contenu span.normal{
  color: #666;
  font-weight:normal
}

#contenu h2 span.normal{
  font-size: 11px;
  font-weight: normal;
}

.med #contenu .listtop, .pharma #contenu .listtop, .droit #contenu .listtop{
  padding: 0px;
  margin: 0px;
}


#contenu .couleur1, span.couleur1{
  font-weight: bold;
  color: #BF1400;
}

#contenu.medecine p.couleur2, span.couleur2{
  color: #639537;
}

#contenu .couleur3, span.couleur3{
  color: #639537;
}

#contenu a:link, #contenu a:visited{
  font-weight: bold;
  text-decoration: underline;
  color: #333;
}

#contenu a:hover, #contenu a:active{
  color: #000;
  text-decoration: none;
}

#contenu ul, li{
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
  font:normal 11px/14px Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #666;
}

#contenu ul.points li{
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  color: #666666;
  padding-left: 10px;
  margin-left: 35px;
}

#contenu ul.points2 li{
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
  font: normal 11px/14px Arial, Helvetica, sans-serif;
  color: #666666;
  padding-left: 10px;
  margin-left: 35px;
}

#contenu .important{
  margin: 0px;
  padding: 0px;
  font: bold 12px/14px Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
}

#contenu ul{
  padding-bottom: 5px;
}

#contenu ul.list1 li{
  font: normal 11px/14px Arial, Helvetica, sans-serif;
  list-style-type: none;
  line-height:15px;
  padding:0px;
  margin:0px;
  padding-left:2px;
}

#contenu ul.list2 li{
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  list-style-type: none;
  padding:0px;
  margin:0px;
  line-height:15px;
  padding-left:2px;
}

.droit .defined{
  border: solid 1px #D12015;
  background: #FFE1DF;
  display: block;
  padding: 5px 7px 2px;
  margin: 7px 0 0;
}

.med #contenu.medecine .defined{
  border: solid 1px #304F14;
  background: #E7EFE0;
  display: block;
  padding: 5px 7px 2px;
  margin: 7px 0 15px;
}

.med #contenu.medecine .defined2{
  border: solid 1px #05526A;
  background: #E0EBEF;
  display: block;
  padding: 5px 7px 2px;
  margin: 7px 0 15px;
}

.pharma #contenu .defined2{
  border: solid 1px #304F14;
  background: #E7EFE0;
  display: block;
  padding: 5px 7px 2px;
  margin: 7px 0 15px;
}

.pharma #contenu .defined{
  border: solid 1px #05526A;
  background: #E0EBEF;
  display: block;
  padding: 5px 7px 2px;
  margin: 7px 0 15px;
}



.defined2 h1, .defined h1{
  border: none;
}

#container #contenu .borderless{
  border: none;
}

#contenu .center{
  text-align: center;
  margin: 0 auto;
}

#contenu h2 .noir{
  color: black;
}

#contenu #info{
  width:690px;
  height:140px;
  float:left;
  background:url(../images/charte/bg-info.gif) left top no-repeat;
}
#contenu #info p{
  margin:0px;
  padding:0px;
}

#contenu #info .addrese{
  width:222px;
  float:left;
}
#contenu #info .addrese p{
  text-align:center;
  padding:7px 0 0 20px;
  font:bold 12px/14px Arial,Verdana, Tahoma;
  color: #037aa1;
}

#contenu #info .horaires{
  width:216px;
  padding-top:2px;
  padding-left:27px;
  float:left;
  display: inline;
}

#contenu #info .horaires p{
  text-align:center;
  margin:5px 0 0 0;
  padding:0px;
  font:normal 12px/16px Arial,Verdana, Tahoma;
  color: #037aa1;
  clear:both;
}

#contenu #info #mailto{
  padding:2px 0 0 34px;
  font:bold 12px/12px Arial,Verdana, Tahoma;
  color: #009acd;
  float:left;
}

#contenu #info .left{
  width:115px;
  padding:10px 0 10px 5px;
  float:left;

}

#contenu #info .right{
  width:90px;
  margin-left:-5px;
  padding:10px 5px 10px 0px;
  float:right;
}

#contenu #access-plan{
  width:200px;
  margin-left:25px;
  float:left;
  text-align:center;
}
#contenu #access-plan p{
  text-align:center;
  padding:7px 0 0 0;
  margin:0 -5px;
  font:normal 11px/16px Arial,Verdana, Tahoma;
  color: #037aa1;
}

#contenu #access-plan img{
  cursor:pointer;
  margin-top:10px;
}

#contenu #frmContact{
  float:left;
  margin:10px 0 0 0;
  width:688px;
  border:solid 1px #07516F;
}

#contenu .defined h2, #contenu .defined2 h2, #contenu .defined2 h3, #contenu .defined h3,  #contenu .defined2 h1, #contenu .defined h1{
  margin: 5px;
  padding: 0px;
}

#contenu  sup {
	height: 0;
	line-height: 10px;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
  margin:0px;
  padding:0px;
}

/***************** STYLE ACTUALITES *****************/

#actu{
  float: right;
  position: relative;
  width: 200px;
  margin: 0;
  padding: 5px 5px 0 5px;
  background: url(../images/charte/bg-actu.gif) left bottom repeat-x #ffffff;
  border: solid 1px #eeeeee;
}

.uneactu{
  padding: 5px;

}

#actu .uneactu p{
  line-height:12px;
  font-size: 10px;
  margin:0px;
}

#actu .uneactu p.date{
  width: 60px;
  color: #fff;
  background: #08333F;
  padding: 1px 0 2px 4px;
  margin: 0 0 3px;
}

#actu .uneactu p.date{
  width: 190px;
  text-align: center;
  color: #fff;
  background: #08333F;
  padding: 6px 0 0 0;
  font-size: 11px;
  margin: 0 0 3px;
  background: url(../images/charte/bg-info.jpg) 50% 50% #0b98c6;
}

#contenu #actu .uneactu a{
  position: relative;
  padding: 5px 0;
  font: 10px Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
/***************** STYLE FOOTER *****************/

#footer p{
  font: 10px/10px Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: left;
  letter-spacing: 1pt;
  margin:0px;
  padding:0px;
}

#footer a:link, #footer a:visited{
  text-decoration: none;
  color: #333;
}

#footer a:hover, #footer a:active{
  text-decoration: underline;
  color: #333;
}
/************* FORM *********************/

#table td {
  vertical-align: top;
  padding: 0;
  margin: 0;
  text-align: left;
}

#table p, #table span{
  margin: 0px;
  padding: 0px;
  line-height: 16px;
}

.forminput, .formtextareadress, .formtextareacomment {
  border: 1px #07516F solid;
  padding: 0px;
  margin: 0px 0px 2px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  text-align: justify;
  display: block;
  background: #d2f3fc;
}

.forminput:focus, .formtextareadress:focus, .formtextareacomment:focus {
  border: 1px #07516F solid;
  padding: 0px;
  margin: 0px 0px 2px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  text-align: justify;
  display: block;
  background: #FFF;
}

.forminput {
  height: 16px;
  line-height: 14px;
  width: 130px;
}

.formtextareadress {
  height: 32px;
  width: 130px;
  line-height: 14px;
}

.formtextareacomment {
  height: 80px;
  line-height: 14px;
  width: 160px;
}

.formbt1 {
  height: 19px;
  width: 60px;
  text-align: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  background: #D0E8EF;
  border: solid 1px #07516F;
  border: none;
  cursor: pointer;
  margin: 5px 0px;
}

.formbtOver1 {
  height: 19px;
  width: 60px;
  text-align: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  border: solid 1px #07516F;
  background: #0389AF;
  color: white;
  cursor: pointer;
  border: none;
  margin: 5px 0px;
}

.formbt2 {
  height: 19px;
  width: 60px;
  text-align: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  background: #D0E8EF;
  border: solid 1px #07516F;
  border: none;
  cursor: pointer;
  margin: 5px 0px;
}

.formbtOver2 {
  height: 19px;
  width: 60px;
  text-align: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  border: solid 1px #07516F;
  background: #0389AF;
  color: white;
  border: none;
  cursor: pointer;
  margin: 5px 0px;
}
