/*
fait par: Thierry Vigneau
le: 09/04/2008

modifie par:
le:
*/

/* entete et pied de page */
@import url(plustvi.css);
    
/* - - - GLOBAL - - - */

/* style wysiwyg */
p, ol, li, dd, table {
	margin: 11px 0 0 0;
	font-size: 1em;
	line-height: 1.3em;
	text-align: left;
  }

p { }

a { color: rgb(81,151,203); text-decoration: none; }
a:hover { color: rgb(0,75,116); text-decoration: underline; }

h1, h2, h3, h3 a, h4, h5, h6 {
	margin: 18px 0 11px 0;
	color: rgb(102,102,153);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
  }

h1 {
	color: rgb(72,93,105);
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.4em;
	/*letter-spacing: -1px;*/
  }
h2 {
	font-size: 1.3em;
  }
h3 {
	font-size: 1.0em;
  }
h4, h5, h6 {
	color: rgb(102,102,102);
	font-weight: normal;
	font-size: 1.0em;
  }

ul {
	margin: 11px 0 11px 0;
	padding-left: 18px;
  }
li {
	margin-bottom: 4px;
  }

tr, td {
	vertical-align: top;
  }
td, th {
	text-align: left;
  }
th, th p {
	font-size: 1.0em;
	font-weight: bold;
  }

img {
	border: 0;
  }

hr {
	background: rgb(204,204,204);
	border: 0;
	color: rgb(204,204,204);
	height: 1px;
	margin: 0 0 10px 0;
  }

form {
	margin: 0; padding: 0;
  }

.Indentation {
	text-indent: 30px;
  }

.TexteEnPetit {
	font-size: 0.85em;
  }

.TexteEnGrand {
	font-size: 1.15em;
  }

.PremiereLettreMotEnMaj {
	text-transform: capitalize;
  }

.TexteEnMajuscules {
	text-transform: uppercase;
  }

.TexteEnMinuscules {
	text-transform: lowercase;
  }

.TexteEnPetitesCapitales {
  font-variant: small-caps;
  }

.TexteDroite {
  text-align: right;
  }
.TexteGauche {
  text-align: left;
  }
.TexteCentre {
  text-align: center;
  }

.ImageDroite {
  float: right;
  margin: 5px 0 5px 8px;
  }
.ImageGauche {
  float: left;
  margin: 5px 8px 5px 0;
  }

.CouleurRouge {
  color: red;
  }
.CouleurBleu {
  color: blue;
  }
.CouleurJaune {
  color: yellow;
  }
.CouleurVert {
  color: green;
  }
.CouleurViolet {
  color: violet;
  }
.CouleurGris {
  color: gray;
  }
.CouleurOrange {
  color: orange;
  }
.CouleurOrange {
  color: orange;
  }
.CouleurMarron {
  color: maroon;
  }
/* - - - */


/* autres */
.obligatoire {
	font-style: normal;
  }

.clear {
  clear:both;
  height: 0;
  font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

small {
  font-size: 0.9em;
  }
big {
  font-size: 1.1em;
  }
/* - - - */

/* - - - - - - */


/* - - - STRUCTURE - - - */
body {
  padding: 0; margin: 5% 0 2% 0;
  font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.8em;
  background: white url('img/background-site.gif') repeat right top;
  }


  #page {
    position: relative; margin: 0 auto 0 auto; width: 730px;
    }

    .logo { margin-bottom: 50px; text-align: center; }


    #contenu {
      background-color: white; position: relative;
      }
      
      
      #contenu .bord-gauche {
    	  background: transparent url('img/bord-gauche.jpg') repeat-y left top;
        }
      #contenu .bord-droit {
        background: transparent url('img/bord-droit.jpg') repeat-y right top;
        }
      #contenu .content {
      	height: 100%; /* padding: 1px; */ position: relative; min-height: 349px;
      	color: rgb(102,102,153);
        }


        #contenu .content .img-droite {
          float: right; width: 165px; margin: 0; padding: 0 0 0 20px; line-height: 0; font-size: 0;
          }
        #contenu .content .img-droite img {

          }
        #contenu .content h2, #contenu .content h3 {
          text-align: center; margin-top: 0;
          }
        #contenu .content h2 {
          padding-top: 15px;
          }
        #contenu .content p {
          margin: 0 0 0 50px; font-style: italic; padding: 0 0 11px 0;
          }
        #contenu .content .img-gauche {
          float: left; width: 150px; margin: 0; padding: 0 20px 0 50px; line-height: 0; font-size: 0;
          }
        #contenu .content .img-gauche a img {
          border: 1px solid white; padding: 1px;
          }
        #contenu .content .img-gauche a:hover img {
          border: 1px solid rgb(204,204,153); background-color: rgb(235,235,215);
          }
        #contenu .content .img-gauche img {
          padding: 0; margin: 8px 0 13px 0; line-height: 0; font-size: 0;
          }


    .logo-bas {
      position: absolute; bottom: 0px; right: 253px; margin: 0; padding: 0; z-index: 100; line-height: 0; font-size: 0;
      }
/* - - - - - - */