body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #333333;
margin: 0;
padding: 0;
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg.jpg') repeat-x;
background-color:#E5E5E5;
margin: 0 auto;
text-align:center;
/*width:980px;*/
}
p {
margin: 0 0 0 0;
color: #333333;
}
img {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
}

.prop {
    height:500px;
    float:right;
    width:1px;
  }
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

/* placement des principaux blocs */
#conteneur {
margin: 0 auto;
width:982px;
text-align: left;
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg-conteneur.jpg') repeat-y;
}

#conteneurpied {
margin-top:2px;
background-color:#FFFFFF;
width: 100%;
}
#pied {
margin: 0 auto;
width:982px;
text-align: left;
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg-conteneurpied.jpg') repeat-y;
clear:both;
padding: 20px 0px;
}


#header {
height: 99px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#menu1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:left;
height:40px;
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg-menu1.jpg') repeat-x;
}
#centre {
/*float:left;*/
position:relative;
height:auto !important;
min-height:500px;
padding:0px 18px 30px 20px;
/*width:624px;*/
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg-centre.jpg') repeat-y;
margin: 0 316px 0 0;
}
#droite {
float:right;
margin: 0 0px 0 0;
padding: 0 20px 0 0;
width: 296px;
background: url('http://www.kiwi-backup.com/themes/kiwi/images/Bg-droite2.jpg') no-repeat;
/*background-color: #9f9f9f;*/
}
* html #droite {width:316px;}
#gauche {
/*float:left;
width: 664px;*/
}


/* menu */
#menu ul {
list-style-type: none;
/*width: 100%;  prcision pour Opera */
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* styles de texte */
#centre h1 {
color: #f58220;
font-family: Trebuchet MS;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 10px 0;
}
#centre h2 {
color: #000000;
font-family: verdana;
font-size: 1em;
font-weight: bold;
padding-top: 5px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
background: url('http://www.kiwi-backup.com/fr/mediadb/puce-h1-droite.png') 5px 9px no-repeat;
/*border-bottom: 1px dashed #000000;
border-top: 1px dashed #000000;*/
}
#centre h3 {
color: #000000;
font-family: verdana;
font-size: 1em;
font-weight: bold;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
/*border-bottom: 1px dashed #000000;
border-top: 1px dashed #000000;*/
}
#centre p {
padding-left: 0px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
line-height : 14px;
}
#breadcrumb {
position:relative;
}
#breadcrumb p {
color: #9f9f9f;
font-size: 0.8em;
border-bottom: #9f9f9f 1px dashed;
margin-bottom: 10px;
}
#breadcrumb p a {
color: #9f9f9f;
}
#breadcrumb p a:hover {
color: #9f9f9f;
text-decoration:none;
}
#centre a {
color: #000;
text-decoration:underline;
}
#centre a:hover {
color: #000;
text-decoration: none;
}
#centre table {
width: 500px;
}

#centre table p {
padding-left: 3px;
padding-right: 3px;
line-height : 14px;
}
#centre table td {
vertical-align: top;
}


#centre span.modes {
float:left;
}
#centre ul {
color:#333333;
}
#centre ul.enum {
list-style-image: url('http://www.kiwi-backup.com/fr/mediadb/puce-enum.png');
}
#centre ul.faq {
list-style-image: url('http://www.kiwi-backup.com/fr/mediadb/icone-fleche.png');
}

#droite p.coordonnees {
text-align: center;
color:#333333;
background-color: #d4d4d4;
width: 276px;
margin: 0 10px 0 10px;
padding: 10px 0px;
}
#droite p.coordonnees a {
color: #FC5218;
}
#droite p.partenaires {
text-align: center;
color:#333333;
background-color: #ffffff;
width: 276px;
margin: 0 10px 0 10px;
padding: 10px 0px;
}
#droite ul#liste-actualites {
list-style-type:square;
margin-left: 0px;
margin-right: 10px;
padding-left: 35px;
color:#FFFFFF;
}
#droite ul#liste-actualites h1, #droite ul#liste-actualites p {
color: #FFFFFF;
font-size: 1em;
margin: 0 0 0 0;
}
#droite ul#liste-actualites li {
margin: 10px 0;
}
#droite ul#liste-actualites h1 a {
color:#FFFFFF;
text-decoration:none;
}
#droite ul#liste-actualites h1 a:hover {
color:#FFFFFF;
text-decoration:underline;
}



#pied p {
text-align: left;
font-size: 0.9em;
}
#pied p a {
color: #626262;
text-decoration: none;
}
#pied p a:hover {
color: #000000;
}

/* styles images */
.imgdroite {
float: right;
padding-right: 20px;
padding-left: 10px;
position:relative;
}

.imggauche {
float: left;
padding-right: 5px;
padding-left: 5px;
position:relative;
}

/* formulaire de contact*/
label {
	/*width:20em;*/
	float:left;
	text-align:right;
	padding-right:18px;
	/*font-weight:bold;*/
}
.formulaire{
text-align: center;
}

fieldset {
margin-left: 20px;
margin-right: 20px;
border:#cccccc 1px solid;
}

legend {
font-weight: bold;
}
.commande label {
	width:15em;
	float:left;
	text-align:right;
	padding-right:18px;
	font-weight: normal;
}
.incident label {
width: 80%;
text-align:left;
font-weight: normal;
}
.incident input.textfield {
width: 30em;
}
textarea {
	width:70%;
	height:15em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
}

.espace {

width:10px;
}

input.textfield, input.codepromo {
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
}
input.textfield:focus, textarea:focus {
	background:#eaf5ad;
}
input.codepromo {
	width:40%;
}

input.textfield {
	width:70%;
}


/*page telechargement*/

.orange {
	background-color: #FFEBCC;
	border-top: #ff9900 3px solid;
	border-bottom: #ff9900 3px solid;
}
.orange p.separe {
	border-bottom : 1px dashed #ffffff;
}

.bleu {
	background-color: #D6E0F5;
	border-top: #3366cc 3px solid;
	border-bottom: #3366cc 3px solid;
}

.vert {
	background-color: #e9f5ad;
	border-top: #8cc53a 3px solid;
	border-bottom: #8cc53a 3px solid;
}

/*tableau quantites de donnes max*/
.qttdata {
text-align: center;
}
.qttdata th{
font-size: 0.7em;
}

/*page actualits*/

div.actu {
	border-bottom: 1px solid #d2d2d2;
	margin-left: 21px;
	margin-right: 10px;
	padding-bottom: 10px;
}



/* tableau accueil */
#centre table.tableauaccueil {
width: 518px;
}
#centre table td.tableauaccueilonline {
background-color: #ff9900;
margin-top: 0;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#centre table td.tableauaccueilonline a {
color: #ffffff;
text-decoration: none;
}
#centre table td{
 font-size: 0.7em;
}


#centre table td.tableauaccueilonline a:hover {
color: #ffffff;
text-decoration: underline;
}
 
#centre table td.tableauaccueilserveur {
background-color: #3366CC;
margin-top: 0;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#centre table td.tableauaccueilserveur a {
color: #ffffff;
text-decoration: none;
}
#centre table td.tableauaccueilserveur a:hover {
color: #ffffff;
text-decoration: underline;
}
 
#centre table td.tableauaccueilmarqueblanche {
background-color: #E3E3E3;
margin-top: 0;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#centre table td.tableauaccueilmarqueblanche a {
color: #626262;
text-decoration: none;
}
#centre table td.tableauaccueilmarqueblanche a:hover {
color: #626262;
text-decoration: underline;
}
 
#centre table.tarifsonline {
width: 520px;
background-color: #ffebcc;
border-top: #ff9900 3px solid;
border-bottom: #ff9900 3px solid;
}
#centre table.tarifsonline td {
border-bottom: #ffffff 1px dashed;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#centre table.tarifsonline td.prixonline {
font-weight: bold;
text-align: right;
}
 
#centre table.tarifsserveur {
width: 520px;
background-color: #d6e0f5;
border-top: #3366cc 3px solid;
border-bottom: #3366cc 3px solid;
}
#centre table.tarifsserveur td {
border-bottom: #ffffff 1px dashed;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#centre table.tarifsserveur th {
border-bottom: #ffffff 1px dashed;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-size: 0.7em;
}
#centre table.tarifsserveur td.prixserveur {
font-weight: bold;
text-align: right;
}


form.formNL {
margin: 0 20px 0 20px;
}
input.inputNL {
background-color: #CCCCCC;
border: #fff 1px solid;
padding:2px;
}



/* accueil */
table.accueil {
width: 659px;
}
table.accueil img {
display:block;
}
table.accueil td {
vertical-align:top;
}
table.accueil td p {
font-size: 0.7em;
padding: 20px;
}

/* style pour la liste sauvegarde */
ul.liste-sauvegarde a{
	color:#000;
	text-decoration:none;
}
ul.liste-sauvegarde a:hover{
	color:#666;
	text-decoration:none;
}
ul.liste-sauvegarde{
	padding-top:10px;
	font-size:0.7em;
	color:#000;
}
.pdf-orange img{border:3px solid #ff6600;}