/* ---- Paramètres Généraux du site ---- */
body {
  margin:1em 8em 8em 8em;
  padding: 0;
  font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 85%;
  text-align: justify;
  line-height:150%;
  /*background-image: url(../design/background.jpg);*/
  background-image: url(../design/sand.gif);
  /*background-image: url(../design/bg.gif) repeat-x;;*/
  /*background-repeat : repeat-x center;*/
  background-attachment:fixed;
  width: 100%;
  height:100%;
  background-position: top;
  margin-left: auto;
  margin-right: auto; 
}

#siteBox {
  margin:auto;
  width: 950px;  
  color:#F5EFCB;
  /*background : url(../images/marron.png) repeat-x;*/
 
}

/* ---- Menu et frame ---- */

#header {
  float: none;
  width: 950px;
  padding: 0px 0px 0px 0px;
  height: 160px;
  font-size: 100%;
  background: #25509F url(../images/haut.jpg) no-repeat bottom right;
  clear:both;
}

.specmenu {
  display: block;
  float:none;
  font-size: 100%;
  padding: 0px 0px 0px 280px;
  clear:both;
}

.formule {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  font-family: tahoma;
  /*text-transform: lowercase;*/
  padding: 0px;
  color: #AFA;  
}

.directeur {
  float : right;
  display: block;
  padding: 0px 100px 0px 0px;
  font-weight: bold;
  font-size: 0.8em;
  font-family: tahoma;
  /*text-transform: lowercase;*/
  color: #FFF;  
}

/* -- Header title and subTitle layout/display styles -- */

.subTitle {
  display: block;
  float: none;
  padding: 30px 0px 0px 20px;
  font-size: 150%;
  font-family: Georgia;
  font-weight: bold;
  text-align: center;
  line-height: 1.2em; 
  letter-spacing: 1px;
  color:#000055;
  clear:both;
}


/* -- Content layout/display styles -- */

#content {
  float: left;
  width: 100%;
  height: 100%;
  padding: 1em 0 1em 0;   
  clear:both;
}

#contentLeft {
  float: left;
  width:21%;  
  height: 100%;
  background: #73512E url(../design/content_left_hd.png) no-repeat top right;
}

.roundbottomleft {
background: (../design/content_left_bd.png) no-repeat bottom right; 
}

.roundbottomright {
background: (../design/content_left_bg.png) no-repeat bottom left; 
}

#contentRight {
  float: right;
  line-height:150%;
  font-size: 100%;
  width: 78%;
  background: #73512E url(../design/content_right_hg.png) no-repeat top left;
}

#content p {  
  margin: 1.2em 1.2em 0.2em 1.2em;
  font-size: 80%;
  line-height:150%;
}

.header, .subHeader {
  display: block;
  clear: both;
  /*font-family: Times;*/
  font-family:"Trebuchet MS";
  font-weight: bold;
  font-size:140%;
  text-transform: Uppercase;
  color:#E8DAC1;
  border-bottom: 3px solid #FFF; 
}

.subHeader {
  border: 0px;
}


/* -- Content left site links (large plus icon) -- */

.emaat {
  padding: 0px 0px 70px 30px;
  background: url(../design/Mat.gif) no-repeat center left;
  border: 0px;
}

.apria {
  display: block;  
  text-align: center;
  font-size: 80%;
  font-family: tahoma, sans-serif;
  padding: 0px 0px 5px 31px;
  color: #FFF;  
}

/* -- Footer layout/display styles -- */

#footer {
  float: left;
  display:block;
  width: 100%;
  font-size: 80%;
  font-weight: bold;
  text-align: center;          
  border-bottom:0;
  color: #FFF;
  clear:both;
  background: url(../images/haut.jpg) no-repeat bottom center;
  
}

/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.yellow {
  color: #FC0;
}

.black {
  color: #000;
}

.white {
  color: #000;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}


/* -- Styles des lites -- */

ul{
  display: block;
  font-size: 100%;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;  
  text-align: justify;
}

lii{
  margin-left: 20px;
  line-height: 1.5em;
  font-size: 85%;
}

li{
  font-size:85%;
}

/* ----- Gestion des cadres arrondis ---- */

.hautgauche, .hautdroit, .basgauche, .basdroit {
  height: 9px; width: 9px;
  background-repeat: no-repeat;
}

.basgauche, .basdroit { 
  height:9px; 
  font-size:0;
  /*correction bug ie*/ 
} /*16px est la grandeur de l'arrondi*/

.basgauche, .hautgauche { 
  padding-left:9px;
}

/* propriétés spécifiques à chaque coin */
.hautgauche {
  background: url(design/content_left_hg.png) top left;
}

.hautdroit {
  background: url(design/content_left_hd.png) top right;
}

.basgauche {
  background: url(design/content_left_bg.png) bottom left;
}

.basdroit {
  background: url(design/content_right_bd.png) bottom right;
}


/* ---- Alignements des images ---- */

.imgLeft, .imgRight {
  clear:both;
  border: none;
}

.imgLeft {
  display: block;
  float: left;
  border:0px;
}

.imgRight {
  display: block;
  float: right;
  border:0px;
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
   font-size:1px;
}

.imgImgLeft {
float: left;
margin: 0px;
margin: 0 5px 0 5px;
}

.imgImgRight {
float: right;
margin: 0 20px 0 0px;
border:none;
}

.imgImgCenter {
float: none;
margin: 0px;
margin: 0 5px 0 5px;
}

a img {
border:0;
}


/* -- Gestion des coins arrondis -- */

.bottomCornerRight {
  text-align: right;
}

.bottomCornerLeft {
  text-align: left;
}

.vBottom {
  vertical-align: bottom;
}

/* -- Gestion des couleurs des liens -- */

a:link {color:#FF0}
a:visited {color:#00F}
a:hover {color:#F00}
a:active {color:#2f38de}