.photo {
  width : 190px;
  height: 190px;
  border : 1px solid #bababa;
  margin: 3px;
  float : left;
}

.vert {
  margin-left: 0px;
  margin-top: 5px;
}

.horz {
  margin-left: 0px;
  margin-top: 35px;
}

.cadre {
  width: 100%;
  border : 1px solid #bababa;
  margin-left: 10px;
}

body {
  margin:0 0 0 0; /* top right bottom left - zone inaccessible aux éléments*/
  padding:0;
  background:#a3bbdd;
  }

#page {
  width:100%;
  min-width:780px;
  max-width:1100px;
}
  
#top_middle { /* 2 */
  background:url(top_middle.jpg) top left repeat-x; 
}  

#top_right { /* 3 */
  background:url(top_right.jpg) top right no-repeat;
}  

#middle_left { /* 4 */
  background:url(middle_left.jpg) bottom left repeat-y;
}

#middle_middle { /* 5 */
  background:url(middle_middle.jpg) top left repeat;
}  

#middle_right { /* 6 */
  background:url(middle_right.jpg) bottom right repeat-y;
}

#bottom_left { /* 7 */
  background:url(bottom_left.jpg) bottom left no-repeat;
}

#bottom_middle { /* 8 */
  background:url(bottom_middle.jpg) bottom left repeat-x;
}

#bottom_right { /* 9 */
  background:url(bottom_right.jpg) bottom right no-repeat;
}

#main {
  border:0px solid black;
  clear:both;
}

#header {
  height:10px; /* 130 */
  border:0px solid red;
}

#centre {
  margin-left:230px;
  margin-right:50px;
  font-family:Verdana;
  font-size:12px;
  color:#444444;
  border:0px solid red;
}

#centre ul{
 margin: 0; 
 padding: 5 0 0 20;
}

#footer {
  height:40px;
  border:0px solid red;
}

#titre {
  position: absolute;
  left:189px;
  top:70px; 
  width:345px;
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 20px;
  font-style: oblique;
  color: #888;
  text-align: center; 
  border:0px solid green;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.texte9px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 9px;
  color: #444444;
}

.texte12px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 12px;
  color: #444444;
}

.texte13px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 13px;
  color: #444444;
}

.texte14px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 14px;
  color: #444444;
}

.texte15px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #531E34;
}

input#txt12 {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 12px;
  color: #444444;
}

.titre15px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #444444;
}

.titre17px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 17px;
  text-align: left;
  color: #444444;
}

.titre17pxcenter {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 17px;
  text-align: center;
  color: #444444;
}

.titre30px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 30px;
  font-style: oblique;
  color: #000;
}

.entete12px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #6699cc;
}

.entete14px {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #6699cc;
}

.t12g {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#3D3D1A;
}

.t13g {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#3D3D1A;
}

.t14g {
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#3D3D1A;
}

.alleft {
  text-align:left;
}

.alcenter {
  text-align:center;
}

.alright {
  text-align:right;
}

.top {
  margin: 10px 0 20px;
  padding: 0 10px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

#gauche {
  background: none;
  float: left; 
  width: 230px;
  border: 0px solid green;
}

#gauche_contenu {
  background: none;
  margin: 0;
  padding: 0; 
}

.menu_gauche {
  margin-top: 300px;
  margin-left: 0px;
}

.menu_gauche_01 {
  background: url(menu_gauche_01.jpg) top left no-repeat;
  border: 0px solid black;
}

.menu_gauche_02 {
  background: url(menu_gauche_02.jpg) top left repeat-y;
  border: 0px solid red;
}

.menu_gauche_03 {
  background: url(menu_gauche_03.jpg) bottom left no-repeat;
  border: 0px solid blue;
}

.menu_gauche_contenu {
  width: 195px;
  padding: 10px 0px 20px 0px; 
  margin: 0px 0px 0px 15px; 
  border: 0px solid blue;
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  color: #444444;
}

.menu_gauche_contenu ul{
 list-style:none;
 margin: 0; 
 padding: 5 0 10 10;
}

.clearfix ul
{
  font-family: Verdana, MS Sans Serif , Arial, sans-serif;
  color: #444444;
/*  line-height: 1.5em; */
/*  text-indent: 2px; */
/*  list-style-position: outside; */
  list-style-type: circle;
/*  padding: 6px; */
/*  margin: 2px; */
}

.titre_menu_gauche {
  font-size: 110%;
}

a {
  font-family:Verdana, MS Sans Serif , Arial, sans-serif;
  font-size:12px;
  color:#531E34;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
  color:#30608f;
}

#entete2 {
  border:0px solid red;
}

.article_column {
 padding-right: 0px;
}

.column_separator {
 border-left: 1px dashed #cccccc;
 padding-left: 0px;
}