/***************************************************************************************************
    Auteur          :   Isabelle Custeau (icusteau@icvision.ca)
    Date creation   :   Avril 2009
    Fichier	        :   style_cgp.css
    Type            :
    Description     :   Contient toutes les style utilisés pour le site AlouPiscines
***************************************************************************************************/
li{list-style:none;}
img {border:none;}

body {
  font-family: Tahoma,Arial,Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  font-size: 11px;
  color: #787777;
 background:#434f9b url("../../../templates/fr/images/site/back.jpg") 0px 0px no-repeat;
}

.meteo{
	position:absolute;
	display:block;
	top:5px;
	right:99px;
	margin:0 0 -8px 0 ;
	overflow:hidden;
	width:250px;
}
	
	
/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/
#div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  width: 990px;
  height:100%;  
}

#div_page_content{
  float:left;
  width:789px;  
  padding:0px;
  margin-left:100px;
  background-color:#ffffff;
  border:1px solid blue;
}
div.logo{
  float:left;
  margin:8px 0px 0px 0px;
  padding-bottom:8px;
}


/*Le footer*/
div.thefooter{
  float:left;
  width:789px;
  background-color:#ffffff;
  text-align:left;
}
#footer{
  float:left;
  width:759px;
  height:36px;
  border-top:3px solid #d38251;
  padding-top:19px;
  margin:20px 0px 0px 19px;
  background-color:#ffffff;
}


#footer a{
  font-family: Tahoma,Arial,Helvetica, sans-serif;
  font-size: 11px;
  color: #787777;
}
#footer li{display:inline;}

/*image de aloupiscines*/
div.alouweb{
    float:left;
    text-transform:uppercase;
    text-indent:-8000px;
    overflow:hidden;
    margin-left:100px;
    width:789px;;
    height:75px;
    background:transparent url("../../../templates/fr/images/site/alou_web_haut.png") no-repeat;
}

/*MENU*/
#nav li{
    float:left;   
   list-style: none;
   display:inline;
}
#nav a{
  background: transparent url("../../../templates/fr/images/site/menu.png") 0px 0px no-repeat;
  display:block;
  width:95px;
  height:38px;
  text-decoration:none;
}

#menu_accueil  a {background-position: 0px 0px; }
#menu_accueil a:hover,#menu_accueil_active a
{background-position: 0px -38px; }

#menu_entreprise  a {background-position: -95px 0px;}
#menu_entreprise a:hover,#menu_entreprise_active a
{background-position: -95px -38px;}

#menu_services  a {background-position: -190px 0px;}
#menu_services a:hover,#menu_services_active a
{background-position: -190px -38px;}

#menu_produit  a {background-position: -285px 0px;}
#menu_produit a:hover,#menu_produit_active a
{background-position: -285px -38px;}

#menu_contact  a {background-position: -384px 0px;width:93px;}
#menu_contact a:hover,#menu_contact_active a
{background-position: -384px -38px;}

#left_column{
  float:left;
  width:504px;

}

#right_column{
  float:left;
  width:275px;
  height:637px;
  background:transparent url("../../../templates/fr/images/site/photo_droite.jpg") no-repeat;
}

#left_text{
  float:left;
  margin:10px 15px 0px 10px;
  width:479px;
  text-align:justify;
}

div.border_bouton{
  float:left;
  height:48px;
  width:494px;
  padding:9px 0px 0px 8px;
  border:1px solid #676767;
}

/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE

/* Float */
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.case_upper{text-transform:uppercase;}

/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.crouge{color:red;}
.cbleu{color:#0065b4;}
a{font-weight:normal;color:#2a1b0b;font-size:10px;}
a.nodecoration{text-decoration:none;}
a.thebold {font-weight:bold;}
a.lines_orange{color:#d87c44;font-weight:bold;}
.pdb20{padding-bottom:20px;}
.erreur{
    color:red;
    padding:10px;
    margin-top:20px;
    font-size:11px;
    width:350px;
}

.confirmation{
    margin-top:40px;
    color:#055173;
    font-size:11px;
    width:350px;
    font-weight:bold;
}
table{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #2a1b0b;
}

.long_desc{
 text-indent:-8000px;
 position:absolute;
 z-index:1;
 width:220px;
}
.cadre {border:1px solid #0065b4;width:105px;height:79px;margin:10px 8px 0px 0px;padding:2px;}
#ul_services li{display:inline;margin-right:10px;border:1px solid red;}
.bouton_piscine{
    float:left;
    background-color:#0065b4;
    padding-top:4px;
    height:18px;
    width:120px;
    margin:11px 0px 20px 0px;
    text-align:center;
    border:1px solid #000000;
}
.bouton_piscine a{
    padding:0px;    
    float:left;
    height:20px;
    width:120px;
    text-decoration:none;
    outline:none;   
}
#list li {list-style: disc;}
.h16{font-size:12px;font-weight:bold;color:#0065b4;}

.partenaires {
	position:relative;
	display:block;
	width:225px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
	}
.partenaires li a{
	display:block;
	color:#0065B4;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 5px 20px;
	}
.partenaires#slider{
	position:relative;
	top:-5px;
	right:-10px;
	}