/* CSS Document ::..Yellow Backup..::
Auteur : Pascal F. 
Date : 22/03/2007
/*--------------------------------------+
+ 			Yellow Backup-css		  	+
+ 			            			  	+
+ Style pour site   			   		+
+ Comprend :	                        + 
+		   -header          			+
+ 		   -bloc central		 		+
+ 		   -footer		                +
+ 			            			  	+
+---------------------------------------+
*/


/*BALISES GENERALES*/

body{
height:auto;
padding:0;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background-color:#F6AE00;
color:#666666;
font:normal 11px Arial;
}
/*tableau conteneur*/
#conteneur{
text-align: center;
width:750px;
height: 100%;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
font:normal 11px Arial;
}
/*cellulle content du tableau ci dessus*/
#content{
width:750px;
font:normal 11px Arial;
padding-left:20px;
padding-right:20px;
vertical-align:top;
}

a{
color:#666666;
text-decoration:none;
}
a:hover{
color:#F6AE00;
}



/*BALISES HEADER*/
#header{
height:70px;
_height:100px;
padding:20px;
font:bold 11px Arial;
}

#logo{
float:left;
width:204px;
text-align:center;
}

#menu1{
width:470px;
float:right;
text-align:right;
padding-top:20px;
}

.menu2{
padding-top:2px;
width:710px;
height:26px;
text-align:left;
float:left;
background-image:url(../img/fd_nav.gif);
background-repeat:repeat-x;
}
.menu2 a{
float:left;
height:26px;
margin: 1px 2px 0 2px;
}

/*  ROLLOVER MENU2  */
#bt1{background-image:url(../img/bt1_of.gif);width:100px;}
#bt1:hover{background-image:url(../img/bt1_on.gif);}
#bt2{background-image:url(../img/bt2_of.gif);width:126px;}
#bt2:hover{background-image:url(../img/bt2_on.gif);}
#bt3{background-image:url(../img/bt3_of.gif);width:170px;}
#bt3:hover{background-image:url(../img/bt3_on.gif);}
#bt4{background-image:url(../img/bt4_of.gif);width:127px;}
#bt4:hover{background-image:url(../img/bt4_on.gif);}





/*BALISES FOOTER*/
.footer{
width:750px;
height:80px;
}

.footer a{
color:#666666;
text-decoration:underline;
}
.footer a:hover{
color:#666666;
text-decoration:underline;
}

/*separe la page en 4 colonnes*/
.colonne{
height:70px;
padding: 10px 0 0 -10px;
width:24%;
float:left;
text-align: left;
list-style-image:url(../img/puce.gif);
background-image:url(../img/bgd_footer.gif);
background-repeat:repeat-x;
}

#footer2{
text-align:center;
height:26px;
list-style-image:url(../img/puce.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-top:2px solid #F6ae00;
}



/*BALISES CORPS DE PAGE*/
.title{
color: #FFCC33;
font: 24px/24px Arial;
text-align:left;
}

.title2{
text-align:left;
COLOR: #666666;
font: 10pt Arial;
text-decoration:underline;
}

.title3{
COLOR: #f48e05;
font:bold 13pt Arial;
}
.title3 a{
COLOR: #f48e05;
}
.title3 a:hover{
color:#F6AE00;
text-decoration:underline;
}

.paragraphe{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}

/*colonne gauche*/
.colonne2{
width:45%; 
float:left;
text-align:justify;
color: #666666;
}

/*colonne droite*/
.colonne3{
width:45%; 
float:right;
text-align:justify;
color: #666666;
}

.TABinstall{
width:20%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
form{
text-align:left;
padding-left:25%;
padding-right:25%;
}
input{
border:1px solid #f48e05;
}
textarea{
border:1px solid #f48e05;
}

.pricetab{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #e7e7e7;
text-align: left;
}

.pricetab th{
background-color: #ef8200;
color:#FFFFFF;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 5px;
padding-left: 4px;
}

.pricetab td{
color:#666666;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 5px;
padding-left: 4px;
}

.gris{
color:#666666;
background-color:#e7e7e7
}

.1gograt{
width:178px;
height:227px;
background-image:url(../img/bgd_hilight_promo.gif);
}