/* ~~~ General Properties ~~~ */

* {
	padding: 0;
	margin: 0;
	}

#droit {
  float: right;
  background-color: LightSlateGray;
}

#goch {
  float: left;
  background-color: SlateGray;
}



h1 {
  color: #330000;
  text-align:  left;
  font-weight: bold;
  font-family:  'Lucida Handwriting', arial, Times New Roman, ;
  font-style: italic;
  font-size: 2em;

   margin: 2px;
  }

h2 {
  color: #330000;
  text-align:  left;
  font-weight: bold;
  font-family:  'Lucida Handwriting', arial, Times New Roman, ;
  font-style: italic;
  font-size: 1,5em;
   margin: 2px;

  }

h3 {
  color: #330000;
  text-align:  left;
  font-weight: bold;
  font-family:  'Lucida Handwriting',  arial, Times New Roman, ;
  font-style: italic;
  font-size: 1,2em;
  line-height: 35px;
  margin: 2px;

  text-decoration: underline;
}



a {
	text-decoration: none;

	color:  #968C5A;
    margin: 0;
    padding: 0;
    font: bold 1em  Georgia, Arial, Helvetica, sans-serif;
}


a:visited {
	text-decoration:  none;

	color: #9999CC;
    font-weight:  bold ;
	}

a:hover {
	text-decoration: none;
	border-bottom: 1,5px solid #AAA08C;
	color: #660000 ;
    font-weight:  bolder;
    }

a:active {
	text-decoration: none;

	color: #8C7846;
	}

/* ~~~ Text Properties ~~~ */

p {
    line-height: 20px;
	margin-top: 3px;
	text-align: justify;
	padding-left: 14px;
	padding-bottom: 5px;
	padding-right: 25px;
	}


acronym {
	font-style: italic;
	border: 0px;
	cursor: help;
	}

.style1 {
color: #CCFFFF;
 }
 .style1:hover {
   color: #990066;
 }
#photo {
  border:  thin ridge Gold;
}

body {
	color: #000066;
	background: #B0D3F9 url(imagesite/FOND.jpg) repeat-x;
   font-weight: normal 1em;
   font-style: italic;
   font-family:  Georgia, Arial, Helvetica, sans-serif;

	}


/* ~~~ Div Properties ~~~ */

  #container {
	background:  url(imagesite/fondcontainer.jpg)  repeat-y;
   width: 80%;
    max-width: 1000px;
    min-width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
    padding: 0;
    }



#intro {
	display: block;
	}



#pageHeader {
	background:   url(imagesite/header1.gif) no-repeat;
	position: relative;
	width: 900px;
	height: 208px;
	top: 0px;
	left: 0px;
	text-indent: -1000px;
    margin: 0;
    padding: 0;
	}

#menuhaut {
background:   transparent;
position: relative ;
top: -115px;
left: 230px;
bottom: 7px;
float: left;
padding: 0;
list-style-type: none;
color:  #006699 ;
text-align: right;
width: auto;
}


#menuhaut li {
display: inline ;
width: auto;
height: 32px;
background:  transparent ;
margin: 0 8px;
line-height: 30px;
text-decoration: none;
text-align: center;
float:  left;
border: none;
}


#quickSummary {
  background:  transparent;
  position: relative;
	top: -40px;
	left: 240px;
	width: 630px;
}

#quickSummary img {
  background:  transparent;
  float: left;
}

/* galeries de photos */

#containergal {
	background-color:  transparent ;
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;

  }
#pagegal {
	background:   url(imagesdeco/linen_white.jpg) repeat ;
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
    margin-top: -115px;

    border-left: thin DarkGoldenRod  inset;
    border-right: thin DarkGoldenRod  inset;
    border-bottom: thin DarkGoldenRod  inset;
    border-top: thick DarkGoldenRod  double  ridge;

     }


#quickSummarygal {
  background:  transparent;
  position: relative;
	top: 10px;
    left: 3px;
	margin-left: auto;
    margin-right: auto;
	width: 820px;
    padding: 1px 0;
}

#quickSummarygal img{
  background:  ;
  margin: 5px;
}

  #menuchat {
background: transparent;
position: relative ;
top: -25px;
left: 3px;
bottom: 7px;
padding: 1px 0;
list-style-type: none;
color:  #006699 ;
text-align: right;
width: 720px;
text-align: center;
}


#menuchats li {
background-color:  transparent;
display: inline ;
width: auto;
height: 32px;
background:  transparent ;
margin: 0 8px;
line-height: 30px;
text-decoration: none;
text-align: center;
float:  left;
border: none;
}


#menuchats img {
background-color: Gold;

text-decoration: none;

float: left;
border: 0 ;
}

 #preamblegal  {
	background: url(imagesdeco/clouds-pink.jpg) repeat;
    border: GoldenRod medium ridge;
	position: relative;
    clear: both;
	top: 10px;
	width: 720px;
	height:350px;
    margin: 40px auto 80px auto;
    padding: 1px 0;
	}
    #preamblegal img {

    clear: both;
	top: 10px;
    margin: 5px;
    padding: 1px 0;
	}

#sousmenu {
background-color: transparent;
position: relative ;
top: 25px;
left: 20px;
bottom: 7px;
padding: 0;
clear: both;
list-style-type: none;
color:  #006699 ;
width: auto;

}


#sousmenu li {
display: inline ;
width: auto;
height: 32px;
background:  transparent ;
margin: 0px 4px;
line-height: 25px;
text-decoration: none;
text-align: center;

border: none;
padding-top: 4px;
}

#sousmenumenu img {
float: left;
clear: both;
margin: 0;
}

#pageHeadergal {
	background: url(imagesite/header1.gif) no-repeat;
	position: relative;
	width: 900px;
	height: 208px;
	top: 0px;
	left: 0px;
	text-indent: -1000em;
	}

#galeriebb  {
background: url(imagesdeco/linen1.jpg) repeat;
   width: 720px;
   clear: both;
   margin: 40px auto 80px auto;
   text-align: center;
   border:  ridge thick GoldenRod ;
   z-index: 500;
}

#galeriebb img {
   margin: 15px;
   text-align: center;
}

#galeriemales  {
background:  url(imagesdeco/linen_blue2.jpg) repeat;
   width: 720px;
   clear: both;
   margin: 40px auto 80px auto;
   text-align: center;
   border:  ridge thick GoldenRod ;
   z-index: 500;
}

#galeriemales img {
   margin: 15px;
   text-align: center;
}

#galeriefemelles  {
background:  url(imagesdeco/linen_blue2.jpg) repeat;
   width: 720px;
   clear: both;
   margin: 40px auto 80px auto;
   text-align: center;
   border:  ridge thick GoldenRod ;
   z-index: 500;
}

#galeriefemelles img {
   margin: 15px;
   text-align: center;
}



#preamble  {
	background:  transparent no-repeat;
	position: relative;
	top: -50px;
	left: 240px;
	width: 630px;
	height: auto;
	}

#supportingText {
	background: transparent ;
	display: block;
	position: relative;
	top: 0px;
	left: 250px;
	margin-top: 2px;
	width: 600px;
	height: auto;
	padding-left: 10px;
	}

#requirements {
  position:  relative;
  top: 15px;
  left: 55px;
  width: 500px;
  margin: 0;
  padding: 3px;
}



 /* PIED MOBILE LOGO */
#pied {
margin-top: 6px;
padding: 0;
position:  relative  ;
margin-left: auto;
margin-right: auto;
background:  url(imagesite/piedlogo.jpg) no-repeat ;
width: 900px;
height: 55px;
}
 #pied img {
position:  absolute;
top: -62px;
left: 14px;
}




#menubas {
 background-color:  transparent;
 width: 700px;
 padding: 0px;
 position: relative ;
 left: 400px;
 bottom: 5px;
 list-style-type: none;
 float:  left;
 color: white;
 text-align: right;

 }

 #menubas ul {
 margin: 0;
 padding: 0;
 font: bold 0.6em  Georgia, Arial, Helvetica, sans-serif;
 }

 #menubas li {
 display:  inline block ;
 margin: 9px;
 padding: 0;
 width: auto;
 height:  auto;
 background:   transparent;
 text-decoration: none;
 text-align:  center;
 float:  left;
 }


 /*~~~ Misc Properties ~~~ */

/*  #footer {
	display: block;
	background:  url(../projet rags css/images/imgsite/cristal4.gif) no-repeat;
	width: 200px;
	height: 45px;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
	}      */
 /*
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
	}

#preamble h3 {
	background: url(preamble.gif) no-repeat;
	position: relative;
	width: 400px;
	height: 50px;
	top: 0px;
	left: 0px;
    font: bold 1em  "Lucida Calligraphy" arial, times, sans-serif;
	}

#explanation h3 {
	background: url(explanation.gif) no-repeat;
	position: relative;
	width: 400px;
	height: 50px;
	top: 0px;
	left: 0px;
    font: bold 1em  "Lucida Calligraphy" arial, times, sans-serif;
	}

#participation h3 {
	background: url(participation.gif) no-repeat;
	position: relative;
	width: 400px;
	height: 50px;
	top: 0px;
	left: 0px;
    font: bold 1em  "Lucida Calligraphy" arial, times, sans-serif;
	}

#benefits h3 {
	background: url(benefits.gif) no-repeat;
	position: relative;
	width: 400px;
	height: 50px;
	top: 0px;
	left: 0px;
    font: bold 1em  "Lucida Calligraphy" arial, times, sans-serif;
	}

#requirements h3 {
	background: url(requirements.gif) no-repeat;
	position: relative;
	width: 400px;
	height: 50px;
	top: 0px;
	left: 0px;
    font: bold 1em  "Lucida Calligraphy" arial, times, sans-serif;
	}    */




#linkList {
	position: absolute;
	top: 200px;
    background:  url(imagesite/vanille2.gif) no-repeat;
	}

#linkList ul {
	margin-top: 100px;
	list-style-type: none;
	}

#linkList ul li {
	list-style-image: url(button.gif);
	font-size: 90%;
	width: 120px;
	margin-left: 15px;
	margin-top: 5px;
	}

#linkList ul li a {
	display: block;
	font-size: 110%;
	width: 120px;
	border: 0px;
	line-height: 15px;
	}

#linkList ul li a:hover {
	text-decoration: underline;
	}

 #lselect {
	background: url(lselect.jpg) no-repeat;
	width: 210px;
	height: 540px;
	padding-left: 25px;
	position: relative;
	left: 30px;
	}

#lselect h3.select {
	background: url(select.gif) no-repeat;
	display: block;
	width: 106px;
	height: 31px;
	position: relative;
	top: 25px;
	left: 15px;
	}

#lselect li a.c {
	font: 100% Georgia, Times, Times New Roman, serif;
	text-transform: none;
	display: inline;
	color: #64645A;
	}

#lselect ul li a:hover.c {
	color: #8C7846;
	text-decoration: underline;
	}   */

#larchives {
	background: url(archives.jpg) no-repeat;
	width: 210px;
	height: 200px;
	position: relative;
	left: 30px;
	padding-left: 45px;
	padding-top: 35px;
	}

#larchives ul li a {
	font: 110% Georgia, Times, Times New Roman, serif;
	line-height: 17px;
	}

#larchives h3.archives {
	background: url(archives.gif) no-repeat;
	display: block;
	width: 145px;
	height: 145px;
	position: absolute;
	top: -100px;
	left: 20px;
	text-indent: -1000em;
	}

#larchives h3.resources {
	background: url(resources.gif) no-repeat;
	display: block;
	width: 69px;
	height: 31px;
	position: relative;
	top: 25px;
	left: 30px;
	}

#lresources {
	background: url(resources.jpg) no-repeat;
	width: 210px;
	height: 470px;
	position: relative;
	left: 10px;
	padding-left: 15px;
	}

#lresources ul li a {
	font: 110% Georgia, Times, Times New Roman, serif;
	line-height: 17px;
	}

#lresources h3.resources {
	background: url(resources.gif) no-repeat;
	display: block;
	width: 69px;
	height: 31px;
	position: relative;
	top: 25px;
	left: 30px;
}