@charset "iso-8859-1";

body {
	margin: 0 auto;
	padding: 20px;
	text-align: center;
  color: #FFFFFF;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url(http://www.windsofweb.com/css/standard/back01.gif) top repeat-X;
  background-color: #CBD5EA;
}

a:link, a:active, a:visited { color:#FF2200; text-decoration:none;  }
a:hover  { color: #FF0000; text-decoration: underline;  }
a:active { outline: none; } 

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


div#global01 {
  position: relative;
  z-index 0;
	width: 900px;
	margin: 0px auto;
	padding: 0px auto;
  text-align: left;
  /*filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7; */
}




/*===========================================================================*/
/*   BANDEAU DU HAUT                                                         */
/*===========================================================================*/

#wwbandeau {
  width: 100%;
  height: 190px;
  padding: 0px;
	margin: 0px 0px 20px 0px;
	border: 2px solid #000000;
  background: #FFFFFF url(http://www.windsofweb.com/css/standard/bandeau.jpg) top center no-repeat;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 5px 5px 10px #666666;  
	-webkit-box-shadow: 5px 5px 10px #666666;  
	box-shadow: 5px 5px 10px #666666; 
}

#wwbandeau h1 {
  text-indent: -5000px;
  line-height: 0;
}



/*===========================================================================*/
/*   BARRE DE MENU                                                           */
/*===========================================================================*/

#wwmenu {
  position: relative;
  top: -60px;
  left: 140px;
  width: 750px;
	height: 32px;
}

#wwmenu ul {
  margin: 0px;
	padding: 0px;
	text-align: center;
}

#wwmenu li {
  display: inline;
  padding-left: 25px;
} 

#wwmenu li a {
	margin: 0px;
	padding: 0px;
  color: #444444;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1px;
  text-shadow: 0px 0px 6px #FFFFFF;
}

#wwmenu li a:hover, #wwmenu a:focus {
  color: #888888;
  text-decoration: underline;
}




/*===========================================================================*/
/*   BARRE DE CREDITS en bas de page                                         */
/*===========================================================================*/

div#wwcredits {
	width: 890px;
  text-align: center;
  margin: 20px 0px 0px 0px;
  padding: 5px;
  background-color: #555555;
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  font-style: normal;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 3px 3px 10px #999999;  
	-webkit-box-shadow: 3px 3px 10px #999999;  
	box-shadow: 3px 3px 10px #999999; 
}

#wwsiren {
  float: right;
  width: 220px;
  font-size: 12px;
}


/*===========================================================================*/
/*   PAGE PRINCIPALE (MAIN) : définitions                                    */
/*===========================================================================*/

div#main01 {
	width: 100%;
  text-align: left;
}

h1 {
  margin: 0px 0px 10px 15px;
  font-size: 30px; 
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-shadow: 1px 1px 4px #444444;
}



/*===========================================================================*/
/*   BLOC GENERAL avec coins arrondis et ombre portée                        */
/*===========================================================================*/

.wwbloc {
  margin: 0px 0px 30px 0px;
  padding: 20px;
  font-size: 14px; 
  font-style: normal;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #333333;
  text-align: justify;
  background-color: #FFFFFF;
  border: 1px solid #222222;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 5px 5px 10px #999999;  
	-webkit-box-shadow: 5px 5px 10px #999999;  
	box-shadow: 5px 5px 10px #999999; 
}

.wwbloc li {
  font-size:12px; font-style:normal; font-family:Verdana,Arial;
  color: #000033;
  background: url(http://www.windsofweb.com/css/standard/puce01.png) left top no-repeat;
  margin: 0px;
  padding: 0px 0px 10px 15px;
}

.wwbloc h1 {
  margin: 5px 0px 10px 0px;
  padding: 0px;
  color: #FF5500;
  font-size: 18px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  text-shadow: none;
}

.wwbloc strong {
  color: #104ACD;
  font-weight: bold;
}



/*===========================================================================*/
/*   PAGE ACCUEIL                                                            */
/*===========================================================================*/

.wwpres {
  width: 540px;
  float: left;
  height: 450px;
}

.wwlast {
  width: 250px;
  float: right;
  height: 450px;
  text-align: center;
}

.wwpres p {
  margin: 0px 0px 20px 80px;
  padding: 0px;
}

.wwpres img {
  border: 0px;
  margin: 0px;
  float: left;
}




/*===========================================================================*/
/*   PAGES PRESTATIONS & NORMES                                              */
/*===========================================================================*/

.wwprestations p, .wwnormes p {
  margin: 0px 280px 20px 0px;
  padding: 0px;
}


.wwprestations img, .wwnormes img {
  border: 0px;
  margin: 0px;
  float: right;
}

.wwprestations ul { margin: 10px 10px 30px 10px; padding: 0px; width: 560px; }


.wwprestationsL {
  width: 460px;
  height: 360px;
  margin: 0px 0px 30px 0px; 
  float: left;
}

.wwprestationsR {
  width: 330px;
  height: 360px;
  margin: 0px 0px 30px 0px; 
  float: right;
}

.wwprestationsL p {
  width: 340px;
  padding: 0px;
}

.wwprestationsR p {
  width: 210px;
  padding: 0px;
}


.wwprestationsL img, .wwprestationsR img {
  border: 0px;
  margin: 0px 0px 10px 0px;
  float: right;
  height: 100px;
  width: 100px;  
}
.wwprestationsR img { margin-top: 5px; }

.wwnormes2L, .wwnormes2R {
  width: 390px;
  margin: 0px 0px 30px 0px; 
  height: 180px;
  float: left;
}
.wwnormes2R { float: right; }

.wwnormes2L p, .wwnormes2R p {
  width: 275px;
  padding: 0px;
}

.wwnormes2L img, .wwnormes2R img {
  border: 0px;
  margin: 0px 0px 10px 0px;
  float: right;
  height: 100px;
  width: 100px;  
}


/*===========================================================================*/
/*   PAGE REFERENCES                                                         */
/*===========================================================================*/

.wwref {
  margin-bottom: 20px;
  height: 150px;
}

.wwref a img {
  border: 1px solid #114466;
  text-align: center;
  float: left;
}

.wwref a:hover img, .wwref a:focus img {
  border: 1px solid #FF1144;
}

.wwreal_descr1 {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 590px;
}

.wwreal_descr1 h3 {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  color: #114466;
  font-size: 14px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}

.wwreal_descr1 a {
  color: #114466;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-style: italic;
}

.wwreal_descr1 a:hover, .wwreal_descr1 a:focus {
  color: #FF1144;
  text-decoration: none;
}

.wwreal_descr1 span {
  color: #114466;
  font-size: 12px;
  font-style: italic;
}



/*===========================================================================*/
/*   PAGE CONTACT                                                            */
/*===========================================================================*/

.wwcontact {
  position: relative;
  margin-bottom: 30px;
}

.wwcontact p {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.wwcontact input, .wwcontact textarea {
  padding: 2px;
  border: 1px solid #666666;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 1px 1px 4px #999999;  
	-webkit-box-shadow: 1px 1px 4px #999999;  
	box-shadow: 1px 1px 4px #999999; 
}

.wwcontact input { width: 250px; }
.wwcontact #envoyer { width: 120px; }


.wwcontact img {
  border: 0px;
  margin: 0px 20px 60px 0px;
  height: 128px;
  width: 128px;  
}

#wwcontacttel {
  float: right;
  width: 190px;
  margin-top: 20px;
  padding: 0px;
  color: #104ACD;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}







.wwlienreal {
  margin: 10px 0px 20px 0px;
  width: 245px;
  font-size: 12px; font-style:normal; font-family: verdana, arial;
  color: #000033;
  text-align: center;
}

.wwlienreal a img {
  border: 1px solid #114466;
}

.wwlienreal a:hover img, .wwlienreal a:focus img {
  border: 1px solid #114466;
}

.wwlienreal h2 {
  margin: 0px;
  padding: 2px;
  background-color: #114466;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.wwlienreal a {
  color: #FFFFFF;
}

.wwlienreal a:hover, .wwlienreal a:focus {
  color: #FFFF99;
  text-decoration: underline;
}
/*
input, textarea {
  background-color: #FDE5D3;
}*/




/*===========================================================================*/
/*   REALISATIONS                                                            */
/*===========================================================================*/

.wwreal_img1 {
  float: left;
  margin: 0px 0px 20px 10px;
  padding: 0px;
  width: 245px;
  height: 152px;
}



.wwreal_img1 a img {
  border: 1px solid #114466;
  text-align: center;
  float: left;
  margin-right: 20px;
}

.wwreal_img1 a:hover img, .wwreal_img1 a:focus img {
  border: 1px solid #FF1144;
}



/*===========================================================================*/
/*   DEMOS                                                            */
/*===========================================================================*/



div.calj0, div.calj1, div.calj2 {
  margin: 1px;
  padding: 1px;
  height: 15px;
  width: 30px;
  text-align: center;
  font-size: 10px;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  float: left;
}

div.calj1 {
  background-color: #EEEEEE;
}
div.calj2 {
  background-color: #DDDDDD;
}

.resarr0 { background: url(http://www.windsofweb.com/css/standard/reservation.png) top left no-repeat; }
.resdep0 { background: url(http://www.windsofweb.com/css/standard/reservation.png) top right no-repeat; }
.resarr1 { background: url(http://www.windsofweb.com/css/standard/reservation.png) center left no-repeat; }
.resdep1 { background: url(http://www.windsofweb.com/css/standard/reservation.png) center right no-repeat; }
.resfull { background: url(http://www.windsofweb.com/css/standard/reservation.png) bottom right no-repeat; }
.resdispo { background: url(http://www.windsofweb.com/css/standard/reservation.png) bottom left no-repeat; }

.resmois {
	margin: 0px 0px 20px 0px;
  padding: 6px 0px 6px 10px;
  width: 250px;
  background-color: #FFFFFF;
	border: 1px solid #000000;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
}

.resmois h3 {
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 238px;
  background-color: #DDDDDD;
}