html
{
  background-color: rgb(0, 160, 198);
  font-family: Arial;
}
body
{  
  margin: 0 auto;
  width: 1024px;
}

ul, li
{
  margin: 0;
  padding: 0;
}
.clear
{
  clear: both;
}


#container
{
  margin: 110px 0 140px 80px;
  background: white url(images/circles.png) no-repeat 190px 90px;
}
#index #container
{
  background: white url(images/index.jpg) no-repeat 70px bottom;
}
* html #index #container
{
  width: 945px;
}

#contact #container
{
  background: white url(images/contact.jpg) no-repeat 70px center;
}
#extraDiv1
{
  position: absolute;
  background: url(images/bubbles.png) no-repeat center;
  height: 260px;
  width: 260px;
  margin: -70px 0 0 -70px;
  text-indent: -5000px;
  overflow: hidden;
}
#loginLink
{
  height: 0px;
  font-size: 1px;
  overflow: hidden;
  display: block;
  text-indent: -5000px; 
}

h1
{
  position: absolute;
  color: white;
  font-size: 3em;
  margin: -1.5em 0 0 190px;
}
h2
{
  color: rgb(0, 160, 198);
  padding: 0.2em 0 0 190px;
}
h3
{
  color: black;
  margin: 0.2em 0 0 210px;
  padding: 15px 0 25px 100px;
  font-size: 2.5em;
  background: url(images/big_plus.png) no-repeat left center;
}
#mainMenu
{
  list-style: none;
  float: left;
  width: 230px;
  margin: 70px 0 0 10px;
  font-size: 1.2em;
  padding: 0 0 200px 0;
}
#index #mainMenu
{
  float: none;
  margin: 10px 0 20px 200px;
  width: auto;
  padding: 0;
}
#mainMenu a
{
  display: block;
  background: url(images/large_plus.png) no-repeat center left;
  padding: 15px 10px 15px 50px;
  /*color: black;*/
  color: rgb(0, 160, 198);
  text-decoration: none;
}
#index #mainMenu a
{
  white-space: nowrap;
}
#mainMenu a:hover
{
  color: black;
}
#index #mainMenu li
{
  float: left;
}
#img
{
  height: 200px;
  width: 230px;
  float: left;
  margin-top: -200px;
}
#metier #img
{
  background: url(images/picture_sleeping-dog.jpg) no-repeat center;
}
#consultations #img
{
	background: url(images/picture_cat2.jpg) no-repeat center;
}
#function #img
{
  background: url(images/picture_dog.jpg) no-repeat center;
}
#activities #img
{
  background: url(images/picture_animals.jpg) no-repeat center;
}
#links #img
{
  background: url(images/picture_cat.jpg) no-repeat center;
}

#contentText
{
  float: right;
  width: 650px;
  /*min-height: 500px;*/
  min-height: 400px;
  padding: 0 20px 40px 0;
}
* html #contentText
{
  /*height: 500px;*/
  height: 400px;
}
#index #contentText
{
  width: 780px;
  padding-bottom: 40px;
}
.contact2
{
  /*background-color: red;*/
  display: block;
  background: url(images/julie.png) no-repeat center;
  height: 99px;
  width: 340px;
  font-size : 1px;
  /*letter-spacing: -5000px;*//* IE<7 hack (font-size 0 not supported) */
  /* follow properties are hack for Opera 9 */
  text-indent: -5000px;
  /*white-space: nowrap;*/
  overflow: hidden;
  /*bottom: -224px;*/
  /*right: 120px;*/
  position: absolute;
  margin-left: 600px;
}
* html .contact2
{
  margin-left: 380px;
}

form label
{
  width: 100px;
  display: block;
  float: left;
}
form input, form select
{
  width: 220px;
}
#message
{
  width: 90%;
  margin-top: 10px;
  height: 15em;
}

#problems
{
  font-size: 1.7em;
  list-style: none;
  margin: 20px 0 0 0;
  /*height: 300px;*/
}
#problems a
{
  text-decoration: none;
  font-weight: 700;
}
#problems li
{
  padding: 16px 0;
  padding: 0;
  /*display: none;*/
  opacity: 0;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
	visibility: hidden;
}
#pb1 a
{
  color: rgb(0, 160, 198);
  margin: 0 0 0 150px;
}
#pb8 a,
#pb2 a
{
  color: rgb(208, 16, 177);
  margin: 0 0 0 90px;
}
#pb3 a
{
  color: rgb(213, 151, 88);
}
#pb10 a,
#pb4 a
{
  color: rgb(208, 16, 177);
  margin: 0 0 0 60px;
}
#pb5 a
{
  color: rgb(208, 16, 177);
  margin: 0 0 0 150px;
}
#pb6 a
{
  color: rgb(0, 160, 198);
  margin: 0 0 0 100px;
}
#pb7 a
{
  color: rgb(208, 16, 177);
  margin: 0 0 0 150px;
}
#pb9 a
{
  color: rgb(213, 151, 88);
}
#pb10 a
{
  color: rgb(208, 16, 177);
  margin: 0 0 0 40px;
}

#catsAndDogs
{
  list-style: none;
}
#catsAndDogs a
{
  display: block;
  font-size: 1px;
  text-indent: -5000px;
  overflow: hidden;
}
#index #catsAndDogs a
{
  position: absolute;
}
#catsAndDogs .cat
{
  width: 113px;
  height: 109px;
  background: url(images/cat.png) no-repeat center;
}
/*
* html #catsAndDogs .cat
{
  background-image: expression((function(element){
    element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res/images/cat.png', sizingMethod='scale')";
    return 'none';
    })(this));
}
*/
#catsAndDogs .dog
{
  width: 105px;
  height: 100px;
  background: url(images/dog.png) no-repeat center;
}
/*
* html #catsAndDogs .dog
{
  background-image: expression((function(element){
    element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res/images/dog.png', sizingMethod='scale')";
    return 'none';
    })(this));
}
*/
#index #catsAndDogs .cat
{
  margin: -114px 0 0 -160px;
}
#index #catsAndDogs .dog
{
  margin: -235px 0 0 -130px;
  width: 144px;
  height: 138px;
  background: url(images/larger_dog.png) no-repeat center;
}
* html #index #catsAndDogs .dog
{
  margin: -250px 0 0 -120px;
}
#consultations #catsAndDogs,
#metier #catsAndDogs,
#function #catsAndDogs
{
  height: 120px;
}
#consultations #catsAndDogs a,
#metier #catsAndDogs a,
#function #catsAndDogs a
{
  float: left;
}

h4
{
  font-size: 2em;
  margin: 0.7em 0;
}
h5
{
  font-size: 1.5em;
  margin: 2em 0 0.5em 0;
  width: 500px;
  color: rgb(255,95,57);
}
h6
{
  font-size: 1em;
  margin: 0.5em 0;
  color: rgb(120, 120 ,120);
}
#function h6
{
  margin-top: 3em;
}
.contact
{
  position: absolute;
  margin: -150px 0 0 570px;
  font-size: 13em;
  color: rgb(90,61,28);
  text-decoration: none;
  font-family: Arial;
}
#index .contact
{
  margin-left: 700px;
}
#contact .contact
{
  display: none;
}
.underline
{
  text-decoration: underline;
}
.myFormation
{
  margin-top: 3em;
}
#consultations .catTitle
{
  margin-top: 3em; 
}
.infoContact
{
  font-size: 1.2em;
}
.infoContact span
{
	color: rgb(255,95,57);
}
.sendMsg
{
  margin-top: 10em;
  text-align: center;
}

#activities h5
{
  margin-bottom: 0;
}
#activities .date
{
  margin: 0 0 1em 0;
  color : gray;
  font-size: 0.6em;
}
.underline
{
  text-decoration: underline;
}

#metier dt
{
  margin-top: 1.5em;
  text-decoration: underline;
}

#links .author,
#links .edition
{
  margin: 0;
}
#links .sum
{
  margin-top: 0;
}
#links h5
{
  margin-bottom: 0;
}

#commercialLinks
{
	margin: 2em 0 0 0;
}

#links #contentText li
{
	margin: 0.5em 0;
}
#contact input, #contact textarea, #contact select
{
	background: none;
	border: 1px solid #7f9db9;
}