/* Design du Site Caden's Conseil */

/* Design commun a toutes les pages */

body
{
min-width : 920px;
width: 100%;
margin:0px auto;
padding:0px;
background: white;
color: black;
font-size: 0.8em;
font-family: "Bitstream Vera Sans", Verdana, tahoma, arial, serif;
}

 img
 {
 border:0;
 }
 
 h1
 {
 border: 0;
 padding:0;
 margin: 0;
 }
 
 a:hover
 {
 color:#165e9d
 }

 
 /* Fin design commun
 ----------------------------------------------------------------------------*/
 
 
/* début Design particulier : index.html */

/* En tête */

#en_tete
{
height: 120px;
background-color: #0a3072;
}

#pub
{
position:absolute;
left:750px;
top:35px;
z-index: 200;
}

/*Fin en tête 
------------------------------*/

/* Début Menu haut */

#menu_haut
{ 
margin: 0 0 0 0;
padding: 0 0 0 5%; 
list-style-type: none;
line-height: 20px;
border-bottom: 1px solid #b7b7b7;
background: url("image/fondmenuhaut.png") repeat-x;
color: white;
text-align:left;
min-width : 800px;
}

#menu_haut li  
{
display:inline;
margin-right: 15px;
font-size: 0.9em;
}

#menu_haut li a
{
color:white;
text-decoration:none;
cursor:pointer;
}

#menu_haut li a:hover 
 {
 color:#2c7fbc ;
 
 }
 
/* Fin menu haut
----------------------------------------------------------------------------*/

/* Début Navigation */

.navigation 
{   
	height: 50px;
	min-width: 900px;
	margin: 0; 
      padding: 0 0 0 3%; 
      list-style: none; 
      background: url("image/navigation.jpg") repeat-x; 
      color: #fff; 
      font: 1.2em "Trebuchet MS", sans-serif; 
	  z-index:40;
      } 
	  
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px 4px 30px; 
      color: #fff; 
      text-decoration: none; 
      } 
	  
   .navigation .deroulant a, .navigation .deroulant span { 
      background-image: url("image/navigation_down.jpg"); 
      } 
	  
   .navigation .open a, .navigation .open span { 
      background-image: url("image/navigation_up.jpg"); 
      } 
	  
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
	  
   .navigation .sousmenu { 
	position:absolute;
      background: url("image/bg3.png") 0 0 repeat-x; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
	   z-index:20;
	  list-style-type: none;
	  min-width: 135px;
	-moz-box-shadow: 0px 7px 12px #aaa;  
    -webkit-box-shadow: 0px 7px 12px #aaa;  
	-o-box-shadow: 0px 7px 12px #aaa;  
    box-shadow: 0px 7px 12px #555;
      } 
	  
   .navigation ul.sousmenu a { 
      background: none; 
      padding: 3px 20px; 
	  font: 0.96em "Trebuchet MS", sans-serif; 
      }
	  
	.navigation ul.sousmenu li
	{
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	font: 0.96em "Trebuchet MS", sans-serif; 

	}
	 
	.deroulant, .fixe
	{
	float:left;
	min-width: 135px;
	}


/* Fin Navigation
----------------------------------------------------------------------------*/


/* Début design particulier : menu droite */

.boite_menu_droite
{
width: 230px;
min-width:220px;
text-align:center;
padding-bottom : 10px;
margin : 20px 10px 10px 77%;
border: 1px solid #b7b7b7;
z-index:20;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
  border-radius: 15px ;         
 -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
 -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
}

.boite_menu_droite h3
{
padding : 8px 0 8px 0;
background :url("image/bg2.png") repeat;
color: white;
margin:0 0 10px 0;
border-bottom: 1px solid #b7b7b7;
        -moz-border-radius: 12px ; 
        -webkit-border-radius: 12px ; 
		-o-border-radius: 12px ; 
        border-radius: 12px;         
        -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
	-moz-box-shadow: 0px 7px 12px #aaa;  
    -webkit-box-shadow: 0px 7px 12px #aaa;  
	-o-box-shadow: 0px 7px 12px #aaa;  
    box-shadow: 0px 7px 12px #555;
}

.boite_menu_droite img
{

padding: 5px 0px 5px 0px;
}

#promo
{
position:relative;
z-index:20;
}

/* Fin design particulier : boite menu droite;
---------------------------------------------------------------------------- */


/* Début corps */

.global
{

}

.slogan
 {
 margin: 0;
 padding: 0;
}


.corps 
{
width:70%;
float: left;
margin: 0px 20px 30px 3%;
padding: 0 0 0 0;
z-index: 1;
}

.corps li
{
margin: 0 0 5px 10px;
padding: 0 20px 0 0;
list-style-type:none;
}

.corps li a
{
text-decoration: none;
}

.corps h2
{
margin: 25px 0 15px 0;
}

.corps h3
{
color: #0a3072;
}

.corps table
{
margin: 20px 0 20px 0;
}

.corps td
{
text-align:center;
background:white;
color: #0a3072;
padding: 3px 5px 2px 3px;
border: 2px inset #0a3072; 
}

.corps td a 
{
color: #0a3072;
}

.corps td img
{
width:80%;
}

.corps form
{
text-align:left;
width: 90%;
margin-left: 7%;
color: white;

}

.corps form fieldset
{
background:url("image/bg1.png") repeat;
margin-bottom: 10px;
padding: 30px;
}

.corps form legend 
{
padding: 3px 5px;
border: 1px solid white;
 background: url("image/bg1.png");
}

.corps form select
{
width : 140px;
}

.corps form h3
{
color:white;
}

.float_left
{
float:left;
margin-left: 20px;
margin-right:30px;
}

.clear
{
clear:left;
}

/* Début design particulier : boite index */

.boite
{
padding : 0;
margin-bottom: 20px;
border: 1px solid #b7b7b7;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
  border-radius: 15px ;         
 -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
 -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
}

.boite h2
{
background :url("image/bg2.png") repeat;
padding: 10px 0 10px 15px;
color: white;
margin:0;
border-bottom: 1px solid #b7b7b7;
        -moz-border-radius: 15px ; 
        -webkit-border-radius: 15px ; 
		-o-border-radius: 15px ; 
        border-radius: 15px;         
        -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
	-moz-box-shadow: 0px 7px 12px #aaa;  
    -webkit-box-shadow: 0px 7px 12px #aaa;  
	-o-box-shadow: 0px 7px 12px #aaa;  
    box-shadow: 0px 7px 12px #555;  
}

.boite h3
   {
  padding : 0 0 0 15px; 
 }


.boite p
{
margin:0;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 18px;
line-height:18px;
}

.boite ul
{
list-style-type:disc;
}

.boite li
{
list-style-type:disc;
}

/* Fin design particulier : boite index;
---------------------------------------------------------------------------- */

#pied_de_page
{
clear:both;
background :url("image/bg2.png") repeat;
padding: 0 0 5px 0;
color: white;
margin:0;
margin-bottom: -50px;
text-align:center;
border-bottom: 1px solid #b7b7b7;

}

#pied_de_page h4
{
padding: 3px 0 3px 0;
margin: 0;
border-bottom : 1px solid white;
}


#pied_de_page  p
{
margin :0;
padding:0;
display:inline;
line-height: 20px;
}

#pied_de_page a
{
text-decoration:none;
color: white;
}

#pied_de_page a:hover
{
color: #165e9d;
}

#coordonnees p
{
float:left;
width: 32%;
line-height: 24px;
}




/* Début design particulier : contact.html */

#i
{
position: absolute;
top: 480px;
left: 40%;
z-index: 1;
}

#confirmation
{
display: block;
text-align:center;
width: 480px;
border: 1px dotted #0a3072;
margin: 60px 0 0 300px;
padding: 5px;
}

#envoi
{
text-align:center;
margin-bottom: 30px;
}

/* Fin design particulier : contact.html
---------------------------------------------------------------------------- */

/* Début design particulier : plan du site.html */

#plandusite
{
margin: 80px 0 0 50px;
line-height: 22px;
clear: both;
}

.li_title
{
text-decoration:underline;
margin: 10px 0 10px 0;
font-size: 1.1em;
list-style-type: square;
}

#plandusite ul
{
float:left;
margin-left: 60px;
}

#plandusite ul ul
{
float:none;
}

/* Fin design particulier : plan du site.html
---------------------------------------------------------------------------- */


/* Début design particulier : produits.html */


.produits
{
margin: 0;
padding-right: 0;
}

.produits table
{
border-collapse: collapse;
}

.produits tbody td
{
width: 200px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin: 30px 0 0 80px;
padding: 25px 30px 30px 30px;
border-right: 2px solid #305996;
border-left: 2px solid #305996;
border-collapse: collapse;
}

.produits thead td
{
border:0;
line-height: 30px;
color: white;
text-align: center;
font-style: italic;
font-size: 1.2em;
background: url("image/bg2") repeat-x;
padding: 5px;
-moz-border-radius:15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
-o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0 ;         
 -webkit-border-top-left-radius: 15px 15px 0 0; /* pour Chrome */ 
 -webkit-border-top-right-radius: 15px 15px 0 0; /* pour Chrome */ 
}

.produits tfoot td 
{
border: 0;
color: white;
text-align: center;
font-style: italic;
font-size: 1.1em;
background: url("image/bg2.png") repeat-x;
padding: 15px 3px 10px 3px;
-moz-border-radius:0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
-o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px ;         
 -webkit-border-top-left-radius: 0 0 15px 15px; /* pour Chrome */ 
 -webkit-border-top-right-radius: 0 0 15px 15px; /* pour Chrome */ 

 	-moz-box-shadow: 0px 7px 12px #aaa;  
    -webkit-box-shadow: 0px 7px 12px #aaa;  
	-o-box-shadow: 0px 7px 12px #aaa;  
    box-shadow: 0px 7px 12px #555;  
}

.produits a
{
color:#093072;
text-decoration: none;
}

.kit
{
position: relative;
top: 50px;
left: 530px;
z-index: -1;
}

.logo
{
position: relative;
top: 50px;
left: 0;
}

.garanties
{
font-size: 1.1em;
margin: 35px 0px 20px 0px;
padding: 7px;
text-align:center;
color:white;
background: url("image/bg2.png") repeat ;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
    border-radius:15px;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;  
}

.garanties a
{
color:white;
}

.garanties li
{
text-align:left;
margin: 0 0 0 120px;
}

/* Fin design particulier : produits.html
---------------------------------------------------------------------------- */

/* Début design particulier : produits */


.corps_produit_top
{
float:left;
background :url("image/bg1.png") repeat;
width: 52%;
margin : 70px 2% 0 0;
padding : 5px;
border: 0;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
    border-radius:15px;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    -o-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;  
}


.corps_produit_top h3
{
clear: both;
margin : 0;
text-align: center;
color: white;
}

.corps_produit_top h4
{
margin : 0;
text-align: center;
color: white;
}

.corps_produit_top p
{
margin: 0 20px 20px 0;
padding: 7px;
text-align: justify;
color:white;
}

.produit_img
{
margin-top: 90px;
}



/* Fin design particulier : produits
---------------------------------------------------------------------------- */


/* Début design particulier : fournisseur.html */


.top_fournisseurs
{
background :url("image/bg2.png") repeat;
padding: 5px 15px 15px 15px;
color: white;
border-bottom: 1px solid grey;
        -moz-border-radius: 15px ; 
        -webkit-border-radius: 15px ; 
		-o-border-radius: 15px ; 
        border-radius: 15px;         
        -webkit-border-top-left-radius: 15px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 15px; /* pour Chrome */ 
	-moz-box-shadow: 0px 7px 12px #aaa;  
    -webkit-box-shadow: 0px 7px 12px #aaa;  
	-o-box-shadow: 0px 7px 12px #aaa;  
    box-shadow: 0px 7px 12px #555;  
}

#table_fournisseurs td
{
width : 300px;
}

#table_fournisseurs td img
{
width: 50%;
}

/* Fin design particulier : fournisseur.html
---------------------------------------------------------------------------- */

/* Début design particulier :RT */
#partenaires p
{
display:inline;
margin : 10px 10px 20px 15px;
}

#casque
{
position:absolute;
top: 220px;
left: 700px;
z-index: -10;
}

#acces
{
text-align: center;
color:white;
}

#acces h4 a
{
text-align:center; 
text-decoration:none;
color:white;
padding: 5px;
background: url("image/fondmenuhaut.png");
border: 2px outset grey;
line-height: 28px;
}

#acces h4  a:hover
{
border: 2px inset grey;
text-decoration:none;
}

/* Fin design particulier : rt.php
---------------------------------------------------------------------------- */

#table_thermo img
{
width:120px;
}

#table_thermo td
{
width : 195px;
}